@ynput/ayon-frontend-shared 0.4.3 → 0.4.4

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

@@ -1 +1 @@
-{"version":3,"file":"helpers.es.js","sources":["../../../../../../../src/containers/Feed/components/CommentInput/helpers.tsx"],"sourcesContent":["// @ts-nocheck\n\n// remove any query parameters from the url\nexport const parseImages = (body) => {\n  //   find images in the markdown with format ![](image_url)\n  const regex = /!\\[.*?\\]\\((.*?)\\)/g\n  const matches = body.match(regex)\n\n  let newBody = body\n\n  if (matches) {\n    matches.forEach((match) => {\n      if (!match.includes('http')) return\n      const url = match.match(/\\(([^)]+)\\)/)[1]\n      const newUrl = url.split('?')[0]\n      newBody = body.replace(url, newUrl)\n    })\n  }\n\n  return newBody\n}\n\nexport async function typeWithDelay(quill, retain, type, delay = 1) {\n  for (let i = 0; i < type.length; i++) {\n    quill.insertText(retain + i, type[i])\n    await new Promise((resolve) => setTimeout(resolve, delay))\n  }\n}\n\nimport { parseFilename } from '@shared/util/parseFilename'\nimport axios from 'axios'\nconst abortController = new AbortController()\nconst cancelToken = axios.CancelToken\nconst cancelTokenSource = cancelToken.source()\nimport { toast } from 'react-toastify'\n\ntype UploadedFile = {\n  file: any\n  data: any\n}\n\n// used to upload files (quill ImageUploader module)\nexport const uploadFile = (file, projectName, onUploadProgress): Promise<UploadedFile> => {\n  return new Promise((resolve, reject) => {\n    const formData = new FormData()\n    formData.append('image', file)\n    const opts = {\n      signal: abortController.signal,\n      cancelToken: cancelTokenSource.token,\n      onUploadProgress: (e) => onUploadProgress && onUploadProgress(e, file),\n      headers: {\n        'Content-Type': file.type,\n        'x-file-name': parseFilename(file.name),\n      },\n    }\n\n    axios\n      .post(`/api/projects/${projectName}/files`, file, opts)\n      .then((result) => {\n        resolve({ file: file, data: result.data })\n      })\n      .catch((error) => {\n        console.error(error)\n        reject({ message: 'Upload failed: ' + error.response.data.detail })\n      })\n  })\n}\n\nexport const handleFileDrop = (e, projectName, onProgress, onSuccess) => {\n  e.preventDefault()\n  e.stopPropagation()\n\n  let files = e.dataTransfer.files\n  if (files?.length) {\n    if (files.length === 0) return\n\n    for (const file of files) {\n      uploadFile(file, projectName, onProgress).then(\n        (data) => onSuccess(data),\n        (error) => {\n          toast.error('Upload failed: ' + error.response.data.detail)\n          console.warn(error)\n        },\n      )\n    }\n  }\n}\n"],"names":["parseImages","body","regex","matches","newBody","match","url","newUrl","typeWithDelay","quill","retain","type","delay","i","resolve","abortController","cancelToken","axios","cancelTokenSource","uploadFile","file","projectName","onUploadProgress","reject","opts","e","parseFilename","result","error","handleFileDrop","onProgress","onSuccess","files","data","toast"],"mappings":";;;AAGO,MAAMA,IAAc,CAACC,MAAS;AAEnC,QAAMC,IAAQ,sBACRC,IAAUF,EAAK,MAAMC,CAAK;AAEhC,MAAIE,IAAUH;AAEd,SAAIE,KACFA,EAAQ,QAAQ,CAACE,MAAU;AACzB,QAAI,CAACA,EAAM,SAAS,MAAM,EAAG;AAC7B,UAAMC,IAAMD,EAAM,MAAM,aAAa,EAAE,CAAC,GAClCE,IAASD,EAAI,MAAM,GAAG,EAAE,CAAC;AAC/B,IAAAF,IAAUH,EAAK,QAAQK,GAAKC,CAAM;AAAA,EACpC,CAAC,GAGIH;AACT;AAEA,eAAsBI,EAAcC,GAAOC,GAAQC,GAAMC,IAAQ,GAAG;AAClE,WAASC,IAAI,GAAGA,IAAIF,EAAK,QAAQE;AAC/B,IAAAJ,EAAM,WAAWC,IAASG,GAAGF,EAAKE,CAAC,CAAC,GACpC,MAAM,IAAI,QAAQ,CAACC,MAAY,WAAWA,GAASF,CAAK,CAAC;AAE7D;AAIA,MAAMG,IAAkB,IAAI,gBAAA,GACtBC,IAAcC,EAAM,aACpBC,IAAoBF,EAAY,OAAA,GASzBG,IAAa,CAACC,GAAMC,GAAaC,MACrC,IAAI,QAAQ,CAACR,GAASS,MAAW;AAEtC,EADiB,IAAI,SAAA,EACZ,OAAO,SAASH,CAAI;AAC7B,QAAMI,IAAO;AAAA,IACX,QAAQT,EAAgB;AAAA,IACxB,aAAaG,EAAkB;AAAA,IAC/B,kBAAkB,CAACO,MAAMH,KAAoBA,EAAiBG,GAAGL,CAAI;AAAA,IACrE,SAAS;AAAA,MACP,gBAAgBA,EAAK;AAAA,MACrB,eAAeM,EAAcN,EAAK,IAAI;AAAA,IAAA;AAAA,EACxC;AAGF,EAAAH,EACG,KAAK,iBAAiBI,CAAW,UAAUD,GAAMI,CAAI,EACrD,KAAK,CAACG,MAAW;AAChB,IAAAb,EAAQ,EAAE,MAAAM,GAAY,MAAMO,EAAO,MAAM;AAAA,EAC3C,CAAC,EACA,MAAM,CAACC,MAAU;AAChB,YAAQ,MAAMA,CAAK,GACnBL,EAAO,EAAE,SAAS,oBAAoBK,EAAM,SAAS,KAAK,QAAQ;AAAA,EACpE,CAAC;AACL,CAAC,GAGUC,IAAiB,CAAC,GAAGR,GAAaS,GAAYC,MAAc;AACvE,IAAE,eAAA,GACF,EAAE,gBAAA;AAEF,MAAIC,IAAQ,EAAE,aAAa;AAC3B,MAAIA,GAAO,QAAQ;AACjB,QAAIA,EAAM,WAAW,EAAG;AAExB,eAAWZ,KAAQY;AACjB,MAAAb,EAAWC,GAAMC,GAAaS,CAAU,EAAE;AAAA,QACxC,CAACG,MAASF,EAAUE,CAAI;AAAA,QACxB,CAACL,MAAU;AACT,UAAAM,EAAM,MAAM,oBAAoBN,EAAM,SAAS,KAAK,MAAM,GAC1D,QAAQ,KAAKA,CAAK;AAAA,QACpB;AAAA,MAAA;AAAA,EAGN;AACF;"}
+{"version":3,"file":"helpers.es.js","sources":["../../../../../../../src/containers/Feed/components/CommentInput/helpers.tsx"],"sourcesContent":["// @ts-nocheck\n\n// remove any query parameters from the url\nexport const parseImages = (body) => {\n  //   find images in the markdown with format ![](image_url)\n  const regex = /!\\[.*?\\]\\((.*?)\\)/g\n  const matches = body.match(regex)\n\n  let newBody = body\n\n  if (matches) {\n    matches.forEach((match) => {\n      if (!match.includes('http')) return\n      const url = match.match(/\\(([^)]+)\\)/)[1]\n      const newUrl = url.split('?')[0]\n      newBody = body.replace(url, newUrl)\n    })\n  }\n\n  return newBody\n}\n\nexport async function typeWithDelay(quill, retain, type, delay = 1) {\n  for (let i = 0; i < type.length; i++) {\n    quill.insertText(retain + i, type[i])\n    await new Promise((resolve) => setTimeout(resolve, delay))\n  }\n}\n\nimport { parseFilename } from '@shared/util/parseFilename'\nimport axios from 'axios'\nconst abortController = new AbortController()\nconst cancelToken = axios.CancelToken\nconst cancelTokenSource = cancelToken.source()\nimport { toast } from 'react-toastify'\n\ntype UploadedFile = {\n  file: any\n  data: any\n}\n\n// used to upload files (quill ImageUploader module)\nexport const uploadFile = (file, projectName, onUploadProgress): Promise<UploadedFile> => {\n  return new Promise((resolve, reject) => {\n    const formData = new FormData()\n    formData.append('image', file)\n    const opts = {\n      signal: abortController.signal,\n      cancelToken: cancelTokenSource.token,\n      onUploadProgress: (e) => onUploadProgress && onUploadProgress(e, file),\n      headers: {\n        'Content-Type': file.type,\n        'x-file-name': parseFilename(file.name),\n      },\n    }\n\n    axios\n      .post(`/api/projects/${projectName}/files`, file, opts)\n      .then((result) => {\n        resolve({ file: file, data: result.data })\n      })\n      .catch((error) => {\n        console.error(error)\n        reject({ message: 'Upload failed: ' + error.response.data.detail })\n      })\n  })\n}\n\nexport const handleFileDrop = (e, projectName, onProgress, onSuccess, onError?) => {\n  e.preventDefault()\n  e.stopPropagation()\n\n  let files = e.dataTransfer.files\n  if (files?.length) {\n    if (files.length === 0) return\n\n    for (const file of files) {\n      uploadFile(file, projectName, onProgress).then(\n        (data) => onSuccess(data),\n        (error) => {\n          onError && onError(file)\n          toast.error(error.message)\n          console.warn(error)\n        },\n      )\n    }\n  }\n}\n"],"names":["parseImages","body","regex","matches","newBody","match","url","newUrl","typeWithDelay","quill","retain","type","delay","i","resolve","abortController","cancelToken","axios","cancelTokenSource","uploadFile","file","projectName","onUploadProgress","reject","opts","e","parseFilename","result","error","handleFileDrop","onProgress","onSuccess","onError","files","data","toast"],"mappings":";;;AAGO,MAAMA,IAAc,CAACC,MAAS;AAEnC,QAAMC,IAAQ,sBACRC,IAAUF,EAAK,MAAMC,CAAK;AAEhC,MAAIE,IAAUH;AAEd,SAAIE,KACFA,EAAQ,QAAQ,CAACE,MAAU;AACzB,QAAI,CAACA,EAAM,SAAS,MAAM,EAAG;AAC7B,UAAMC,IAAMD,EAAM,MAAM,aAAa,EAAE,CAAC,GAClCE,IAASD,EAAI,MAAM,GAAG,EAAE,CAAC;AAC/B,IAAAF,IAAUH,EAAK,QAAQK,GAAKC,CAAM;AAAA,EACpC,CAAC,GAGIH;AACT;AAEA,eAAsBI,EAAcC,GAAOC,GAAQC,GAAMC,IAAQ,GAAG;AAClE,WAASC,IAAI,GAAGA,IAAIF,EAAK,QAAQE;AAC/B,IAAAJ,EAAM,WAAWC,IAASG,GAAGF,EAAKE,CAAC,CAAC,GACpC,MAAM,IAAI,QAAQ,CAACC,MAAY,WAAWA,GAASF,CAAK,CAAC;AAE7D;AAIA,MAAMG,IAAkB,IAAI,gBAAA,GACtBC,IAAcC,EAAM,aACpBC,IAAoBF,EAAY,OAAA,GASzBG,IAAa,CAACC,GAAMC,GAAaC,MACrC,IAAI,QAAQ,CAACR,GAASS,MAAW;AAEtC,EADiB,IAAI,SAAA,EACZ,OAAO,SAASH,CAAI;AAC7B,QAAMI,IAAO;AAAA,IACX,QAAQT,EAAgB;AAAA,IACxB,aAAaG,EAAkB;AAAA,IAC/B,kBAAkB,CAACO,MAAMH,KAAoBA,EAAiBG,GAAGL,CAAI;AAAA,IACrE,SAAS;AAAA,MACP,gBAAgBA,EAAK;AAAA,MACrB,eAAeM,EAAcN,EAAK,IAAI;AAAA,IAAA;AAAA,EACxC;AAGF,EAAAH,EACG,KAAK,iBAAiBI,CAAW,UAAUD,GAAMI,CAAI,EACrD,KAAK,CAACG,MAAW;AAChB,IAAAb,EAAQ,EAAE,MAAAM,GAAY,MAAMO,EAAO,MAAM;AAAA,EAC3C,CAAC,EACA,MAAM,CAACC,MAAU;AAChB,YAAQ,MAAMA,CAAK,GACnBL,EAAO,EAAE,SAAS,oBAAoBK,EAAM,SAAS,KAAK,QAAQ;AAAA,EACpE,CAAC;AACL,CAAC,GAGUC,IAAiB,CAAC,GAAGR,GAAaS,GAAYC,GAAWC,MAAa;AACjF,IAAE,eAAA,GACF,EAAE,gBAAA;AAEF,MAAIC,IAAQ,EAAE,aAAa;AAC3B,MAAIA,GAAO,QAAQ;AACjB,QAAIA,EAAM,WAAW,EAAG;AAExB,eAAWb,KAAQa;AACjB,MAAAd,EAAWC,GAAMC,GAAaS,CAAU,EAAE;AAAA,QACxC,CAACI,MAASH,EAAUG,CAAI;AAAA,QACxB,CAACN,MAAU;AACT,UAAAI,KAAWA,EAAQZ,CAAI,GACvBe,EAAM,MAAMP,EAAM,OAAO,GACzB,QAAQ,KAAKA,CAAK;AAAA,QACpB;AAAA,MAAA;AAAA,EAGN;AACF;"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const f=require("react"),a=require("../../../context/FeedContext.cjs.js"),A=require("../../../../../context/DetailsPanelContext.cjs.js"),r=(n,e,o)=>(e||console.warn("filterEntityAnnotations: entityId is empty"),Object.values(n).forEach(t=>{t.versionId||console.warn("filterEntityAnnotations: annotation.versionId is empty",t)}),Object.values(n).filter(t=>t.versionId===e&&!o.some(i=>i.name===t.name)).map(t=>({...t,unsavedAnnotation:t}))),E=({entityId:n,filesUploading:e})=>{const{editingId:o,setEditingId:t,annotations:i,removeAnnotation:l}=a.useFeedContext(),{onGoToFrame:c}=A.useDetailsPanelContext(),s=r(i||[],n,e);return f.useEffect(()=>{s.length>0&&!o&&t(a.FEED_NEW_COMMENT)},[s]),{annotations:s,goToAnnotation:u=>{const d=u.range[0];c?.(d)},removeAnnotation:l}};exports.default=E;exports.filterEntityAnnotations=r;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const f=require("react"),a=require("../../../context/FeedContext.cjs.js"),m=require("../../../../../context/DetailsPanelContext.cjs.js"),A=require("../../../../../util/parseFilename.cjs.js"),r=(t,n,o)=>(n||console.warn("filterEntityAnnotations: entityId is empty"),Object.values(t).forEach(e=>{e.versionId||console.warn("filterEntityAnnotations: annotation.versionId is empty",e)}),Object.values(t).filter(e=>e.versionId===n&&!o.some(i=>i.name===A.parseFilename(e.name))).map(e=>({...e,unsavedAnnotation:e}))),E=({entityId:t,filesUploading:n})=>{const{editingId:o,setEditingId:e,annotations:i,removeAnnotation:l}=a.useFeedContext(),{onGoToFrame:c}=m.useDetailsPanelContext(),s=r(i||[],t,n);return f.useEffect(()=>{s.length>0&&!o&&e(a.FEED_NEW_COMMENT)},[s]),{annotations:s,goToAnnotation:u=>{const d=u.range[0];c?.(d)},removeAnnotation:l}};exports.default=E;exports.filterEntityAnnotations=r;
 //# sourceMappingURL=useAnnotationsSync.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useAnnotationsSync.cjs.js","sources":["../../../../../../../../src/containers/Feed/components/CommentInput/hooks/useAnnotationsSync.ts"],"sourcesContent":["import { useEffect } from 'react'\nimport { FEED_NEW_COMMENT, useFeedContext } from '../../../context/FeedContext'\nimport { useDetailsPanelContext } from '@shared/context/DetailsPanelContext'\n\ntype Props = {\n  entityId: string\n  filesUploading: File[]\n}\n\nexport type AnnotationPreview = any & {\n  unsavedAnnotation: any\n}\n\n// annotations are temporary store\nexport const filterEntityAnnotations = (\n  annotations: Record<string, any>,\n  entityId: string,\n  filesUploading: File[],\n): AnnotationPreview[] => {\n  if (!entityId) {\n    console.warn('filterEntityAnnotations: entityId is empty')\n  }\n  // Check if any annotation has empty versionId\n  Object.values(annotations).forEach((annotation) => {\n    if (!annotation.versionId) {\n      console.warn('filterEntityAnnotations: annotation.versionId is empty', annotation)\n    }\n  })\n\n  return Object.values(annotations)\n    .filter(\n      (annotation) =>\n        annotation.versionId === entityId &&\n        !filesUploading.some((file) => file.name === annotation.name),\n    )\n    .map((annotationFile) => ({\n      ...annotationFile,\n      unsavedAnnotation: annotationFile,\n    })) as AnnotationPreview[]\n}\n\nconst useAnnotationsSync = ({ entityId, filesUploading }: Props) => {\n  const { editingId, setEditingId, annotations, removeAnnotation } = useFeedContext()\n  const { onGoToFrame } = useDetailsPanelContext()\n\n  // filter out annotations that are for this entity and are NOT uploading\n  const filteredAnnotations = filterEntityAnnotations(annotations || [], entityId, filesUploading)\n\n  // when annotations change, update the state\n  useEffect(() => {\n    // open the comment input if there are annotations and something is not being edited already\n    if (filteredAnnotations.length > 0 && !editingId) {\n      setEditingId(FEED_NEW_COMMENT)\n    }\n  }, [filteredAnnotations])\n\n  const handleGoToAnnotation = (annotation: AnnotationPreview) => {\n    const firstFrame = annotation.range[0]\n    onGoToFrame?.(firstFrame)\n  }\n\n  return {\n    annotations: filteredAnnotations,\n    goToAnnotation: handleGoToAnnotation,\n    removeAnnotation,\n  }\n}\n\nexport default useAnnotationsSync\n"],"names":["filterEntityAnnotations","annotations","entityId","filesUploading","annotation","file","annotationFile","useAnnotationsSync","editingId","setEditingId","removeAnnotation","useFeedContext","onGoToFrame","useDetailsPanelContext","filteredAnnotations","useEffect","FEED_NEW_COMMENT","firstFrame"],"mappings":"qPAcaA,EAA0B,CACrCC,EACAC,EACAC,KAEKD,GACH,QAAQ,KAAK,4CAA4C,EAG3D,OAAO,OAAOD,CAAW,EAAE,QAASG,GAAe,CAC5CA,EAAW,WACd,QAAQ,KAAK,yDAA0DA,CAAU,CAErF,CAAC,EAEM,OAAO,OAAOH,CAAW,EAC7B,OACEG,GACCA,EAAW,YAAcF,GACzB,CAACC,EAAe,KAAME,GAASA,EAAK,OAASD,EAAW,IAAI,CAAA,EAE/D,IAAKE,IAAoB,CACxB,GAAGA,EACH,kBAAmBA,CAAA,EACnB,GAGAC,EAAqB,CAAC,CAAE,SAAAL,EAAU,eAAAC,KAA4B,CAClE,KAAM,CAAE,UAAAK,EAAW,aAAAC,EAAc,YAAAR,EAAa,iBAAAS,CAAA,EAAqBC,EAAAA,eAAA,EAC7D,CAAE,YAAAC,CAAA,EAAgBC,yBAAA,EAGlBC,EAAsBd,EAAwBC,GAAe,CAAA,EAAIC,EAAUC,CAAc,EAG/FY,OAAAA,EAAAA,UAAU,IAAM,CAEVD,EAAoB,OAAS,GAAK,CAACN,GACrCC,EAAaO,EAAAA,gBAAgB,CAEjC,EAAG,CAACF,CAAmB,CAAC,EAOjB,CACL,YAAaA,EACb,eAP4BV,GAAkC,CAC9D,MAAMa,EAAab,EAAW,MAAM,CAAC,EACrCQ,IAAcK,CAAU,CAC1B,EAKE,iBAAAP,CAAA,CAEJ"}
+{"version":3,"file":"useAnnotationsSync.cjs.js","sources":["../../../../../../../../src/containers/Feed/components/CommentInput/hooks/useAnnotationsSync.ts"],"sourcesContent":["import { useEffect } from 'react'\nimport { FEED_NEW_COMMENT, useFeedContext } from '../../../context/FeedContext'\nimport { useDetailsPanelContext } from '@shared/context/DetailsPanelContext'\nimport { parseFilename } from '@shared/util/parseFilename'\n\ntype UploadingFile = { name: string }\n\ntype Props = {\n  entityId: string\n  filesUploading: UploadingFile[]\n}\n\nexport type AnnotationPreview = any & {\n  unsavedAnnotation: any\n}\n\n// annotations are temporary store\nexport const filterEntityAnnotations = (\n  annotations: Record<string, any>,\n  entityId: string,\n  filesUploading: UploadingFile[],\n): AnnotationPreview[] => {\n  if (!entityId) {\n    console.warn('filterEntityAnnotations: entityId is empty')\n  }\n  // Check if any annotation has empty versionId\n  Object.values(annotations).forEach((annotation) => {\n    if (!annotation.versionId) {\n      console.warn('filterEntityAnnotations: annotation.versionId is empty', annotation)\n    }\n  })\n\n  return Object.values(annotations)\n    .filter(\n      (annotation) =>\n        annotation.versionId === entityId &&\n        !filesUploading.some((file) => file.name === parseFilename(annotation.name)),\n    )\n    .map((annotationFile) => ({\n      ...annotationFile,\n      unsavedAnnotation: annotationFile,\n    })) as AnnotationPreview[]\n}\n\nconst useAnnotationsSync = ({ entityId, filesUploading }: Props) => {\n  const { editingId, setEditingId, annotations, removeAnnotation } = useFeedContext()\n  const { onGoToFrame } = useDetailsPanelContext()\n\n  // filter out annotations that are for this entity and are NOT uploading\n  const filteredAnnotations = filterEntityAnnotations(annotations || [], entityId, filesUploading)\n\n  // when annotations change, update the state\n  useEffect(() => {\n    // open the comment input if there are annotations and something is not being edited already\n    if (filteredAnnotations.length > 0 && !editingId) {\n      setEditingId(FEED_NEW_COMMENT)\n    }\n  }, [filteredAnnotations])\n\n  const handleGoToAnnotation = (annotation: AnnotationPreview) => {\n    const firstFrame = annotation.range[0]\n    onGoToFrame?.(firstFrame)\n  }\n\n  return {\n    annotations: filteredAnnotations,\n    goToAnnotation: handleGoToAnnotation,\n    removeAnnotation,\n  }\n}\n\nexport default useAnnotationsSync\n"],"names":["filterEntityAnnotations","annotations","entityId","filesUploading","annotation","file","parseFilename","annotationFile","useAnnotationsSync","editingId","setEditingId","removeAnnotation","useFeedContext","onGoToFrame","useDetailsPanelContext","filteredAnnotations","useEffect","FEED_NEW_COMMENT","firstFrame"],"mappings":"2SAiBaA,EAA0B,CACrCC,EACAC,EACAC,KAEKD,GACH,QAAQ,KAAK,4CAA4C,EAG3D,OAAO,OAAOD,CAAW,EAAE,QAASG,GAAe,CAC5CA,EAAW,WACd,QAAQ,KAAK,yDAA0DA,CAAU,CAErF,CAAC,EAEM,OAAO,OAAOH,CAAW,EAC7B,OACEG,GACCA,EAAW,YAAcF,GACzB,CAACC,EAAe,KAAME,GAASA,EAAK,OAASC,EAAAA,cAAcF,EAAW,IAAI,CAAC,CAAA,EAE9E,IAAKG,IAAoB,CACxB,GAAGA,EACH,kBAAmBA,CAAA,EACnB,GAGAC,EAAqB,CAAC,CAAE,SAAAN,EAAU,eAAAC,KAA4B,CAClE,KAAM,CAAE,UAAAM,EAAW,aAAAC,EAAc,YAAAT,EAAa,iBAAAU,CAAA,EAAqBC,EAAAA,eAAA,EAC7D,CAAE,YAAAC,CAAA,EAAgBC,yBAAA,EAGlBC,EAAsBf,EAAwBC,GAAe,CAAA,EAAIC,EAAUC,CAAc,EAG/Fa,OAAAA,EAAAA,UAAU,IAAM,CAEVD,EAAoB,OAAS,GAAK,CAACN,GACrCC,EAAaO,EAAAA,gBAAgB,CAEjC,EAAG,CAACF,CAAmB,CAAC,EAOjB,CACL,YAAaA,EACb,eAP4BX,GAAkC,CAC9D,MAAMc,EAAad,EAAW,MAAM,CAAC,EACrCS,IAAcK,CAAU,CAC1B,EAKE,iBAAAP,CAAA,CAEJ"}

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

@@ -1,28 +1,29 @@
-import { useEffect as c } from "react";
-import { useFeedContext as l, FEED_NEW_COMMENT as d } from "../../../context/FeedContext.es.js";
+import { useEffect as l } from "react";
+import { useFeedContext as c, FEED_NEW_COMMENT as d } from "../../../context/FeedContext.es.js";
 import { useDetailsPanelContext as u } from "../../../../../context/DetailsPanelContext.es.js";
-const A = (t, o, e) => (o || console.warn("filterEntityAnnotations: entityId is empty"), Object.values(t).forEach((n) => {
+import { parseFilename as A } from "../../../../../util/parseFilename.es.js";
+const E = (t, o, e) => (o || console.warn("filterEntityAnnotations: entityId is empty"), Object.values(t).forEach((n) => {
   n.versionId || console.warn("filterEntityAnnotations: annotation.versionId is empty", n);
 }), Object.values(t).filter(
-  (n) => n.versionId === o && !e.some((i) => i.name === n.name)
+  (n) => n.versionId === o && !e.some((i) => i.name === A(n.name))
 ).map((n) => ({
   ...n,
   unsavedAnnotation: n
-}))), g = ({ entityId: t, filesUploading: o }) => {
-  const { editingId: e, setEditingId: n, annotations: i, removeAnnotation: r } = l(), { onGoToFrame: a } = u(), s = A(i || [], t, o);
-  return c(() => {
+}))), T = ({ entityId: t, filesUploading: o }) => {
+  const { editingId: e, setEditingId: n, annotations: i, removeAnnotation: r } = c(), { onGoToFrame: a } = u(), s = E(i || [], t, o);
+  return l(() => {
     s.length > 0 && !e && n(d);
   }, [s]), {
     annotations: s,
-    goToAnnotation: (f) => {
-      const m = f.range[0];
-      a?.(m);
+    goToAnnotation: (m) => {
+      const f = m.range[0];
+      a?.(f);
     },
     removeAnnotation: r
   };
 };
 export {
-  g as default,
-  A as filterEntityAnnotations
+  T as default,
+  E as filterEntityAnnotations
 };
 //# sourceMappingURL=useAnnotationsSync.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useAnnotationsSync.es.js","sources":["../../../../../../../../src/containers/Feed/components/CommentInput/hooks/useAnnotationsSync.ts"],"sourcesContent":["import { useEffect } from 'react'\nimport { FEED_NEW_COMMENT, useFeedContext } from '../../../context/FeedContext'\nimport { useDetailsPanelContext } from '@shared/context/DetailsPanelContext'\n\ntype Props = {\n  entityId: string\n  filesUploading: File[]\n}\n\nexport type AnnotationPreview = any & {\n  unsavedAnnotation: any\n}\n\n// annotations are temporary store\nexport const filterEntityAnnotations = (\n  annotations: Record<string, any>,\n  entityId: string,\n  filesUploading: File[],\n): AnnotationPreview[] => {\n  if (!entityId) {\n    console.warn('filterEntityAnnotations: entityId is empty')\n  }\n  // Check if any annotation has empty versionId\n  Object.values(annotations).forEach((annotation) => {\n    if (!annotation.versionId) {\n      console.warn('filterEntityAnnotations: annotation.versionId is empty', annotation)\n    }\n  })\n\n  return Object.values(annotations)\n    .filter(\n      (annotation) =>\n        annotation.versionId === entityId &&\n        !filesUploading.some((file) => file.name === annotation.name),\n    )\n    .map((annotationFile) => ({\n      ...annotationFile,\n      unsavedAnnotation: annotationFile,\n    })) as AnnotationPreview[]\n}\n\nconst useAnnotationsSync = ({ entityId, filesUploading }: Props) => {\n  const { editingId, setEditingId, annotations, removeAnnotation } = useFeedContext()\n  const { onGoToFrame } = useDetailsPanelContext()\n\n  // filter out annotations that are for this entity and are NOT uploading\n  const filteredAnnotations = filterEntityAnnotations(annotations || [], entityId, filesUploading)\n\n  // when annotations change, update the state\n  useEffect(() => {\n    // open the comment input if there are annotations and something is not being edited already\n    if (filteredAnnotations.length > 0 && !editingId) {\n      setEditingId(FEED_NEW_COMMENT)\n    }\n  }, [filteredAnnotations])\n\n  const handleGoToAnnotation = (annotation: AnnotationPreview) => {\n    const firstFrame = annotation.range[0]\n    onGoToFrame?.(firstFrame)\n  }\n\n  return {\n    annotations: filteredAnnotations,\n    goToAnnotation: handleGoToAnnotation,\n    removeAnnotation,\n  }\n}\n\nexport default useAnnotationsSync\n"],"names":["filterEntityAnnotations","annotations","entityId","filesUploading","annotation","file","annotationFile","useAnnotationsSync","editingId","setEditingId","removeAnnotation","useFeedContext","onGoToFrame","useDetailsPanelContext","filteredAnnotations","useEffect","FEED_NEW_COMMENT","firstFrame"],"mappings":";;;AAcO,MAAMA,IAA0B,CACrCC,GACAC,GACAC,OAEKD,KACH,QAAQ,KAAK,4CAA4C,GAG3D,OAAO,OAAOD,CAAW,EAAE,QAAQ,CAACG,MAAe;AACjD,EAAKA,EAAW,aACd,QAAQ,KAAK,0DAA0DA,CAAU;AAErF,CAAC,GAEM,OAAO,OAAOH,CAAW,EAC7B;AAAA,EACC,CAACG,MACCA,EAAW,cAAcF,KACzB,CAACC,EAAe,KAAK,CAACE,MAASA,EAAK,SAASD,EAAW,IAAI;AAAA,EAE/D,IAAI,CAACE,OAAoB;AAAA,EACxB,GAAGA;AAAA,EACH,mBAAmBA;AAAA,EACnB,IAGAC,IAAqB,CAAC,EAAE,UAAAL,GAAU,gBAAAC,QAA4B;AAClE,QAAM,EAAE,WAAAK,GAAW,cAAAC,GAAc,aAAAR,GAAa,kBAAAS,EAAA,IAAqBC,EAAA,GAC7D,EAAE,aAAAC,EAAA,IAAgBC,EAAA,GAGlBC,IAAsBd,EAAwBC,KAAe,CAAA,GAAIC,GAAUC,CAAc;AAG/F,SAAAY,EAAU,MAAM;AAEd,IAAID,EAAoB,SAAS,KAAK,CAACN,KACrCC,EAAaO,CAAgB;AAAA,EAEjC,GAAG,CAACF,CAAmB,CAAC,GAOjB;AAAA,IACL,aAAaA;AAAA,IACb,gBAP2B,CAACV,MAAkC;AAC9D,YAAMa,IAAab,EAAW,MAAM,CAAC;AACrC,MAAAQ,IAAcK,CAAU;AAAA,IAC1B;AAAA,IAKE,kBAAAP;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"useAnnotationsSync.es.js","sources":["../../../../../../../../src/containers/Feed/components/CommentInput/hooks/useAnnotationsSync.ts"],"sourcesContent":["import { useEffect } from 'react'\nimport { FEED_NEW_COMMENT, useFeedContext } from '../../../context/FeedContext'\nimport { useDetailsPanelContext } from '@shared/context/DetailsPanelContext'\nimport { parseFilename } from '@shared/util/parseFilename'\n\ntype UploadingFile = { name: string }\n\ntype Props = {\n  entityId: string\n  filesUploading: UploadingFile[]\n}\n\nexport type AnnotationPreview = any & {\n  unsavedAnnotation: any\n}\n\n// annotations are temporary store\nexport const filterEntityAnnotations = (\n  annotations: Record<string, any>,\n  entityId: string,\n  filesUploading: UploadingFile[],\n): AnnotationPreview[] => {\n  if (!entityId) {\n    console.warn('filterEntityAnnotations: entityId is empty')\n  }\n  // Check if any annotation has empty versionId\n  Object.values(annotations).forEach((annotation) => {\n    if (!annotation.versionId) {\n      console.warn('filterEntityAnnotations: annotation.versionId is empty', annotation)\n    }\n  })\n\n  return Object.values(annotations)\n    .filter(\n      (annotation) =>\n        annotation.versionId === entityId &&\n        !filesUploading.some((file) => file.name === parseFilename(annotation.name)),\n    )\n    .map((annotationFile) => ({\n      ...annotationFile,\n      unsavedAnnotation: annotationFile,\n    })) as AnnotationPreview[]\n}\n\nconst useAnnotationsSync = ({ entityId, filesUploading }: Props) => {\n  const { editingId, setEditingId, annotations, removeAnnotation } = useFeedContext()\n  const { onGoToFrame } = useDetailsPanelContext()\n\n  // filter out annotations that are for this entity and are NOT uploading\n  const filteredAnnotations = filterEntityAnnotations(annotations || [], entityId, filesUploading)\n\n  // when annotations change, update the state\n  useEffect(() => {\n    // open the comment input if there are annotations and something is not being edited already\n    if (filteredAnnotations.length > 0 && !editingId) {\n      setEditingId(FEED_NEW_COMMENT)\n    }\n  }, [filteredAnnotations])\n\n  const handleGoToAnnotation = (annotation: AnnotationPreview) => {\n    const firstFrame = annotation.range[0]\n    onGoToFrame?.(firstFrame)\n  }\n\n  return {\n    annotations: filteredAnnotations,\n    goToAnnotation: handleGoToAnnotation,\n    removeAnnotation,\n  }\n}\n\nexport default useAnnotationsSync\n"],"names":["filterEntityAnnotations","annotations","entityId","filesUploading","annotation","file","parseFilename","annotationFile","useAnnotationsSync","editingId","setEditingId","removeAnnotation","useFeedContext","onGoToFrame","useDetailsPanelContext","filteredAnnotations","useEffect","FEED_NEW_COMMENT","firstFrame"],"mappings":";;;;AAiBO,MAAMA,IAA0B,CACrCC,GACAC,GACAC,OAEKD,KACH,QAAQ,KAAK,4CAA4C,GAG3D,OAAO,OAAOD,CAAW,EAAE,QAAQ,CAACG,MAAe;AACjD,EAAKA,EAAW,aACd,QAAQ,KAAK,0DAA0DA,CAAU;AAErF,CAAC,GAEM,OAAO,OAAOH,CAAW,EAC7B;AAAA,EACC,CAACG,MACCA,EAAW,cAAcF,KACzB,CAACC,EAAe,KAAK,CAACE,MAASA,EAAK,SAASC,EAAcF,EAAW,IAAI,CAAC;AAAA,EAE9E,IAAI,CAACG,OAAoB;AAAA,EACxB,GAAGA;AAAA,EACH,mBAAmBA;AAAA,EACnB,IAGAC,IAAqB,CAAC,EAAE,UAAAN,GAAU,gBAAAC,QAA4B;AAClE,QAAM,EAAE,WAAAM,GAAW,cAAAC,GAAc,aAAAT,GAAa,kBAAAU,EAAA,IAAqBC,EAAA,GAC7D,EAAE,aAAAC,EAAA,IAAgBC,EAAA,GAGlBC,IAAsBf,EAAwBC,KAAe,CAAA,GAAIC,GAAUC,CAAc;AAG/F,SAAAa,EAAU,MAAM;AAEd,IAAID,EAAoB,SAAS,KAAK,CAACN,KACrCC,EAAaO,CAAgB;AAAA,EAEjC,GAAG,CAACF,CAAmB,CAAC,GAOjB;AAAA,IACL,aAAaA;AAAA,IACb,gBAP2B,CAACX,MAAkC;AAC9D,YAAMc,IAAad,EAAW,MAAM,CAAC;AACrC,MAAAS,IAAcK,CAAU;AAAA,IAC1B;AAAA,IAKE,kBAAAP;AAAA,EAAA;AAEJ;"}

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

@@ -1,2 +1,2 @@
-"use strict";const l=require("../helpers.cjs.js"),c=require("react-toastify"),w=require("../../../context/FeedContext.cjs.js"),y=({projectName:n,onSuccess:d})=>{const{removeAnnotation:p,exportAnnotationComposite:u}=w.useFeedContext();return async m=>{try{const o=m.map(async e=>{const t=await u?.(e.id);if(!t)throw new Error(`Exporting composite image for annotation ${e.id} failed`);const a=new File([t],e.name,{type:"image/png"}),s=await fetch(e.annotationData).then(F=>F.blob()),g=new File([s],`annotation-${e.name}`,{type:"image/png"}),h=await Promise.all([l.uploadFile(a,n,()=>{}),l.uploadFile(g,n,()=>{})]);return{annotation:e,uploads:h}}),f=await Promise.allSettled(o),r=[],i=[];return f.forEach(e=>{if(e.status==="fulfilled"){const{uploads:t,annotation:a}=e.value;t.forEach(s=>{r.push(d(s))}),i.push({range:a.range,id:a.id,composite:t[0].data.id,transparent:t[1].data.id}),p?.(a.id)}else c.toast.error("Upload failed: "+e.reason.message)}),{files:r,metadata:i}}catch(o){return c.toast.error("Upload failed: "+o.message),{files:[],metadata:[]}}}};module.exports=y;
+"use strict";const d=require("../helpers.cjs.js"),u=require("react-toastify"),A=require("../../../context/FeedContext.cjs.js"),x=({projectName:c,onSuccess:p,onProgress:m,onStart:f,onError:g})=>{const{removeAnnotation:h,exportAnnotationComposite:w}=A.useFeedContext(),F=async t=>{const o=await w?.(t.id);if(!o)throw new Error(`Exporting composite image for annotation ${t.id} failed`);const i=new File([o],t.name,{type:"image/png"}),s=await fetch(t.annotationData).then(y=>y.blob()),r=new File([s],`annotation-${t.name}`,{type:"image/png"}),e=await Promise.all([d.uploadFile(i,c,m),d.uploadFile(r,c,()=>{})]),[a,n]=e,l=[p(a),p(n,!0)];return h?.(t.id),{annotation:t,uploads:e,files:l}};return async t=>{try{const o=t.map(async e=>{f?.(e);try{return await F(e)}catch(a){throw g?.(e),a}}),i=await Promise.allSettled(o),s=[],r=[];return i.forEach(e=>{if(e.status==="fulfilled"){const{uploads:a,annotation:n,files:l}=e.value;s.push(...l),r.push({range:n.range,id:n.id,composite:a[0].data.id,transparent:a[1].data.id})}else u.toast.error("Upload failed: "+e.reason.message)}),{files:s,metadata:r}}catch(o){return u.toast.error("Upload failed: "+o.message),{files:[],metadata:[]}}}};module.exports=x;
 //# sourceMappingURL=useAnnotationsUpload.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useAnnotationsUpload.cjs.js","sources":["../../../../../../../../src/containers/Feed/components/CommentInput/hooks/useAnnotationsUpload.ts"],"sourcesContent":["import { uploadFile } from '../helpers'\nimport { toast } from 'react-toastify'\nimport { useFeedContext } from '../../../context/FeedContext'\nimport { SavedAnnotationMetadata } from '../../../index'\n\ntype Props = {\n  projectName: string\n  onSuccess: (data: any) => any\n}\n\nconst useAnnotationsUpload = ({ projectName, onSuccess }: Props) => {\n  const { removeAnnotation, exportAnnotationComposite } = useFeedContext()\n\n  const uploadAnnotations = async (annotations: any[]) => {\n    try {\n      const uploadPromises = annotations.map(async (annotation) => {\n        const composite = await exportAnnotationComposite?.(annotation.id)\n        if (!composite) {\n          throw new Error(`Exporting composite image for annotation ${annotation.id} failed`)\n        }\n\n        const compositeFile = new File([composite], annotation.name, {\n          type: 'image/png',\n        })\n\n        const transparent = await fetch(annotation.annotationData).then((r) => r.blob())\n        const transparentFile = new File([transparent], `annotation-${annotation.name}`, {\n          type: 'image/png',\n        })\n\n        const uploads = await Promise.all([\n          uploadFile(compositeFile, projectName, () => {}),\n          uploadFile(transparentFile, projectName, () => {}),\n        ])\n\n        return { annotation, uploads }\n      })\n\n      const res = await Promise.allSettled(uploadPromises)\n\n      const successfulFiles: any[] = []\n      const metadata: SavedAnnotationMetadata[] = []\n\n      res.forEach((result) => {\n        if (result.status === 'fulfilled') {\n          const { uploads, annotation } = result.value\n\n          uploads.forEach((upload: any) => {\n            successfulFiles.push(onSuccess(upload))\n          })\n\n          metadata.push({\n            range: annotation.range,\n            id: annotation.id,\n            composite: uploads[0].data.id,\n            transparent: uploads[1].data.id,\n          })\n\n          removeAnnotation?.(annotation.id)\n        } else {\n          toast.error('Upload failed: ' + result.reason.message)\n        }\n      })\n\n      return { files: successfulFiles, metadata }\n    } catch (error: any) {\n      toast.error('Upload failed: ' + error.message)\n      return { files: [], metadata: [] }\n    }\n  }\n\n  return uploadAnnotations\n}\n\nexport default useAnnotationsUpload\n\nconst base64ToBlob = (base64: string) => {\n  const byteString = atob(base64.split(',')[1])\n  const mimeString = base64.split(',')[0].split(':')[1].split(';')[0]\n  const ab = new ArrayBuffer(byteString.length)\n  const ia = new Uint8Array(ab)\n  for (let i = 0; i < byteString.length; i++) {\n    ia[i] = byteString.charCodeAt(i)\n  }\n  return new Blob([ab], { type: mimeString })\n}\n"],"names":["useAnnotationsUpload","projectName","onSuccess","removeAnnotation","exportAnnotationComposite","useFeedContext","annotations","uploadPromises","annotation","composite","compositeFile","transparent","r","transparentFile","uploads","uploadFile","res","successfulFiles","metadata","result","upload","toast","error"],"mappings":"+HAUMA,EAAuB,CAAC,CAAE,YAAAC,EAAa,UAAAC,KAAuB,CAClE,KAAM,CAAE,iBAAAC,EAAkB,0BAAAC,CAAA,EAA8BC,iBAAA,EA4DxD,MA1D0B,OAAOC,GAAuB,CACtD,GAAI,CACF,MAAMC,EAAiBD,EAAY,IAAI,MAAOE,GAAe,CAC3D,MAAMC,EAAY,MAAML,IAA4BI,EAAW,EAAE,EACjE,GAAI,CAACC,EACH,MAAM,IAAI,MAAM,4CAA4CD,EAAW,EAAE,SAAS,EAGpF,MAAME,EAAgB,IAAI,KAAK,CAACD,CAAS,EAAGD,EAAW,KAAM,CAC3D,KAAM,WAAA,CACP,EAEKG,EAAc,MAAM,MAAMH,EAAW,cAAc,EAAE,KAAMI,GAAMA,EAAE,MAAM,EACzEC,EAAkB,IAAI,KAAK,CAACF,CAAW,EAAG,cAAcH,EAAW,IAAI,GAAI,CAC/E,KAAM,WAAA,CACP,EAEKM,EAAU,MAAM,QAAQ,IAAI,CAChCC,aAAWL,EAAeT,EAAa,IAAM,CAAC,CAAC,EAC/Cc,aAAWF,EAAiBZ,EAAa,IAAM,CAAC,CAAC,CAAA,CAClD,EAED,MAAO,CAAE,WAAAO,EAAY,QAAAM,CAAA,CACvB,CAAC,EAEKE,EAAM,MAAM,QAAQ,WAAWT,CAAc,EAE7CU,EAAyB,CAAA,EACzBC,EAAsC,CAAA,EAE5C,OAAAF,EAAI,QAASG,GAAW,CACtB,GAAIA,EAAO,SAAW,YAAa,CACjC,KAAM,CAAE,QAAAL,EAAS,WAAAN,CAAA,EAAeW,EAAO,MAEvCL,EAAQ,QAASM,GAAgB,CAC/BH,EAAgB,KAAKf,EAAUkB,CAAM,CAAC,CACxC,CAAC,EAEDF,EAAS,KAAK,CACZ,MAAOV,EAAW,MAClB,GAAIA,EAAW,GACf,UAAWM,EAAQ,CAAC,EAAE,KAAK,GAC3B,YAAaA,EAAQ,CAAC,EAAE,KAAK,EAAA,CAC9B,EAEDX,IAAmBK,EAAW,EAAE,CAClC,MACEa,EAAAA,MAAM,MAAM,kBAAoBF,EAAO,OAAO,OAAO,CAEzD,CAAC,EAEM,CAAE,MAAOF,EAAiB,SAAAC,CAAA,CACnC,OAASI,EAAY,CACnBD,OAAAA,EAAAA,MAAM,MAAM,kBAAoBC,EAAM,OAAO,EACtC,CAAE,MAAO,GAAI,SAAU,CAAA,CAAC,CACjC,CACF,CAGF"}
+{"version":3,"file":"useAnnotationsUpload.cjs.js","sources":["../../../../../../../../src/containers/Feed/components/CommentInput/hooks/useAnnotationsUpload.ts"],"sourcesContent":["import { uploadFile } from '../helpers'\nimport { toast } from 'react-toastify'\nimport { useFeedContext } from '../../../context/FeedContext'\nimport { SavedAnnotationMetadata } from '../../../index'\n\ntype Props = {\n  projectName: string\n  onSuccess: (data: any, isAnnotationLayer?: boolean) => any\n  onProgress?: (e: any, file: any) => void\n  onStart?: (annotation: any) => void\n  onError?: (annotation: any) => void\n}\n\nconst useAnnotationsUpload = ({ projectName, onSuccess, onProgress, onStart, onError }: Props) => {\n  const { removeAnnotation, exportAnnotationComposite } = useFeedContext()\n\n  const uploadAnnotation = async (annotation: any) => {\n    const composite = await exportAnnotationComposite?.(annotation.id)\n    if (!composite) {\n      throw new Error(`Exporting composite image for annotation ${annotation.id} failed`)\n    }\n\n    const compositeFile = new File([composite], annotation.name, {\n      type: 'image/png',\n    })\n\n    const transparent = await fetch(annotation.annotationData).then((r) => r.blob())\n    const transparentFile = new File([transparent], `annotation-${annotation.name}`, {\n      type: 'image/png',\n    })\n\n    // only the composite reports progress, the transparent layer has no card of its own\n    const uploads = await Promise.all([\n      uploadFile(compositeFile, projectName, onProgress),\n      uploadFile(transparentFile, projectName, () => {}),\n    ])\n\n    // swap this annotation for its uploaded file straight away, without waiting for the others\n    const [compositeUpload, transparentUpload] = uploads\n    const files = [onSuccess(compositeUpload), onSuccess(transparentUpload, true)]\n    removeAnnotation?.(annotation.id)\n\n    return { annotation, uploads, files }\n  }\n\n  const uploadAnnotations = async (annotations: any[]) => {\n    try {\n      const uploadPromises = annotations.map(async (annotation) => {\n        onStart?.(annotation)\n        try {\n          return await uploadAnnotation(annotation)\n        } catch (error) {\n          onError?.(annotation)\n          throw error\n        }\n      })\n\n      const res = await Promise.allSettled(uploadPromises)\n\n      const successfulFiles: any[] = []\n      const metadata: SavedAnnotationMetadata[] = []\n\n      res.forEach((result) => {\n        if (result.status === 'fulfilled') {\n          const { uploads, annotation, files } = result.value\n\n          successfulFiles.push(...files)\n\n          metadata.push({\n            range: annotation.range,\n            id: annotation.id,\n            composite: uploads[0].data.id,\n            transparent: uploads[1].data.id,\n          })\n        } else {\n          toast.error('Upload failed: ' + result.reason.message)\n        }\n      })\n\n      return { files: successfulFiles, metadata }\n    } catch (error: any) {\n      toast.error('Upload failed: ' + error.message)\n      return { files: [], metadata: [] }\n    }\n  }\n\n  return uploadAnnotations\n}\n\nexport default useAnnotationsUpload\n\nconst base64ToBlob = (base64: string) => {\n  const byteString = atob(base64.split(',')[1])\n  const mimeString = base64.split(',')[0].split(':')[1].split(';')[0]\n  const ab = new ArrayBuffer(byteString.length)\n  const ia = new Uint8Array(ab)\n  for (let i = 0; i < byteString.length; i++) {\n    ia[i] = byteString.charCodeAt(i)\n  }\n  return new Blob([ab], { type: mimeString })\n}\n"],"names":["useAnnotationsUpload","projectName","onSuccess","onProgress","onStart","onError","removeAnnotation","exportAnnotationComposite","useFeedContext","uploadAnnotation","annotation","composite","compositeFile","transparent","r","transparentFile","uploads","uploadFile","compositeUpload","transparentUpload","files","annotations","uploadPromises","error","res","successfulFiles","metadata","result","toast"],"mappings":"+HAaMA,EAAuB,CAAC,CAAE,YAAAC,EAAa,UAAAC,EAAW,WAAAC,EAAY,QAAAC,EAAS,QAAAC,KAAqB,CAChG,KAAM,CAAE,iBAAAC,EAAkB,0BAAAC,CAAA,EAA8BC,iBAAA,EAElDC,EAAmB,MAAOC,GAAoB,CAClD,MAAMC,EAAY,MAAMJ,IAA4BG,EAAW,EAAE,EACjE,GAAI,CAACC,EACH,MAAM,IAAI,MAAM,4CAA4CD,EAAW,EAAE,SAAS,EAGpF,MAAME,EAAgB,IAAI,KAAK,CAACD,CAAS,EAAGD,EAAW,KAAM,CAC3D,KAAM,WAAA,CACP,EAEKG,EAAc,MAAM,MAAMH,EAAW,cAAc,EAAE,KAAMI,GAAMA,EAAE,MAAM,EACzEC,EAAkB,IAAI,KAAK,CAACF,CAAW,EAAG,cAAcH,EAAW,IAAI,GAAI,CAC/E,KAAM,WAAA,CACP,EAGKM,EAAU,MAAM,QAAQ,IAAI,CAChCC,aAAWL,EAAeX,EAAaE,CAAU,EACjDc,aAAWF,EAAiBd,EAAa,IAAM,CAAC,CAAC,CAAA,CAClD,EAGK,CAACiB,EAAiBC,CAAiB,EAAIH,EACvCI,EAAQ,CAAClB,EAAUgB,CAAe,EAAGhB,EAAUiB,EAAmB,EAAI,CAAC,EAC7E,OAAAb,IAAmBI,EAAW,EAAE,EAEzB,CAAE,WAAAA,EAAY,QAAAM,EAAS,MAAAI,CAAA,CAChC,EA2CA,MAzC0B,OAAOC,GAAuB,CACtD,GAAI,CACF,MAAMC,EAAiBD,EAAY,IAAI,MAAOX,GAAe,CAC3DN,IAAUM,CAAU,EACpB,GAAI,CACF,OAAO,MAAMD,EAAiBC,CAAU,CAC1C,OAASa,EAAO,CACd,MAAAlB,IAAUK,CAAU,EACda,CACR,CACF,CAAC,EAEKC,EAAM,MAAM,QAAQ,WAAWF,CAAc,EAE7CG,EAAyB,CAAA,EACzBC,EAAsC,CAAA,EAE5C,OAAAF,EAAI,QAASG,GAAW,CACtB,GAAIA,EAAO,SAAW,YAAa,CACjC,KAAM,CAAE,QAAAX,EAAS,WAAAN,EAAY,MAAAU,CAAA,EAAUO,EAAO,MAE9CF,EAAgB,KAAK,GAAGL,CAAK,EAE7BM,EAAS,KAAK,CACZ,MAAOhB,EAAW,MAClB,GAAIA,EAAW,GACf,UAAWM,EAAQ,CAAC,EAAE,KAAK,GAC3B,YAAaA,EAAQ,CAAC,EAAE,KAAK,EAAA,CAC9B,CACH,MACEY,EAAAA,MAAM,MAAM,kBAAoBD,EAAO,OAAO,OAAO,CAEzD,CAAC,EAEM,CAAE,MAAOF,EAAiB,SAAAC,CAAA,CACnC,OAASH,EAAY,CACnBK,OAAAA,EAAAA,MAAM,MAAM,kBAAoBL,EAAM,OAAO,EACtC,CAAE,MAAO,GAAI,SAAU,CAAA,CAAC,CACjC,CACF,CAGF"}

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

@@ -1,46 +1,50 @@
-import { uploadFile as l } from "../helpers.es.js";
-import { toast as p } from "react-toastify";
-import { useFeedContext as F } from "../../../context/FeedContext.es.js";
-const P = ({ projectName: n, onSuccess: d }) => {
-  const { removeAnnotation: c, exportAnnotationComposite: m } = F();
-  return async (f) => {
+import { uploadFile as c } from "../helpers.es.js";
+import { toast as m } from "react-toastify";
+import { useFeedContext as A } from "../../../context/FeedContext.es.js";
+const b = ({ projectName: p, onSuccess: d, onProgress: u, onStart: f, onError: g }) => {
+  const { removeAnnotation: w, exportAnnotationComposite: h } = A(), y = async (e) => {
+    const o = await h?.(e.id);
+    if (!o)
+      throw new Error(`Exporting composite image for annotation ${e.id} failed`);
+    const i = new File([o], e.name, {
+      type: "image/png"
+    }), s = await fetch(e.annotationData).then((F) => F.blob()), r = new File([s], `annotation-${e.name}`, {
+      type: "image/png"
+    }), t = await Promise.all([
+      c(i, p, u),
+      c(r, p, () => {
+      })
+    ]), [a, n] = t, l = [d(a), d(n, !0)];
+    return w?.(e.id), { annotation: e, uploads: t, files: l };
+  };
+  return async (e) => {
     try {
-      const a = f.map(async (t) => {
-        const e = await m?.(t.id);
-        if (!e)
-          throw new Error(`Exporting composite image for annotation ${t.id} failed`);
-        const o = new File([e], t.name, {
-          type: "image/png"
-        }), s = await fetch(t.annotationData).then((w) => w.blob()), g = new File([s], `annotation-${t.name}`, {
-          type: "image/png"
-        }), h = await Promise.all([
-          l(o, n, () => {
-          }),
-          l(g, n, () => {
-          })
-        ]);
-        return { annotation: t, uploads: h };
-      }), u = await Promise.allSettled(a), r = [], i = [];
-      return u.forEach((t) => {
+      const o = e.map(async (t) => {
+        f?.(t);
+        try {
+          return await y(t);
+        } catch (a) {
+          throw g?.(t), a;
+        }
+      }), i = await Promise.allSettled(o), s = [], r = [];
+      return i.forEach((t) => {
         if (t.status === "fulfilled") {
-          const { uploads: e, annotation: o } = t.value;
-          e.forEach((s) => {
-            r.push(d(s));
-          }), i.push({
-            range: o.range,
-            id: o.id,
-            composite: e[0].data.id,
-            transparent: e[1].data.id
-          }), c?.(o.id);
+          const { uploads: a, annotation: n, files: l } = t.value;
+          s.push(...l), r.push({
+            range: n.range,
+            id: n.id,
+            composite: a[0].data.id,
+            transparent: a[1].data.id
+          });
         } else
-          p.error("Upload failed: " + t.reason.message);
-      }), { files: r, metadata: i };
-    } catch (a) {
-      return p.error("Upload failed: " + a.message), { files: [], metadata: [] };
+          m.error("Upload failed: " + t.reason.message);
+      }), { files: s, metadata: r };
+    } catch (o) {
+      return m.error("Upload failed: " + o.message), { files: [], metadata: [] };
     }
   };
 };
 export {
-  P as default
+  b as default
 };
 //# sourceMappingURL=useAnnotationsUpload.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useAnnotationsUpload.es.js","sources":["../../../../../../../../src/containers/Feed/components/CommentInput/hooks/useAnnotationsUpload.ts"],"sourcesContent":["import { uploadFile } from '../helpers'\nimport { toast } from 'react-toastify'\nimport { useFeedContext } from '../../../context/FeedContext'\nimport { SavedAnnotationMetadata } from '../../../index'\n\ntype Props = {\n  projectName: string\n  onSuccess: (data: any) => any\n}\n\nconst useAnnotationsUpload = ({ projectName, onSuccess }: Props) => {\n  const { removeAnnotation, exportAnnotationComposite } = useFeedContext()\n\n  const uploadAnnotations = async (annotations: any[]) => {\n    try {\n      const uploadPromises = annotations.map(async (annotation) => {\n        const composite = await exportAnnotationComposite?.(annotation.id)\n        if (!composite) {\n          throw new Error(`Exporting composite image for annotation ${annotation.id} failed`)\n        }\n\n        const compositeFile = new File([composite], annotation.name, {\n          type: 'image/png',\n        })\n\n        const transparent = await fetch(annotation.annotationData).then((r) => r.blob())\n        const transparentFile = new File([transparent], `annotation-${annotation.name}`, {\n          type: 'image/png',\n        })\n\n        const uploads = await Promise.all([\n          uploadFile(compositeFile, projectName, () => {}),\n          uploadFile(transparentFile, projectName, () => {}),\n        ])\n\n        return { annotation, uploads }\n      })\n\n      const res = await Promise.allSettled(uploadPromises)\n\n      const successfulFiles: any[] = []\n      const metadata: SavedAnnotationMetadata[] = []\n\n      res.forEach((result) => {\n        if (result.status === 'fulfilled') {\n          const { uploads, annotation } = result.value\n\n          uploads.forEach((upload: any) => {\n            successfulFiles.push(onSuccess(upload))\n          })\n\n          metadata.push({\n            range: annotation.range,\n            id: annotation.id,\n            composite: uploads[0].data.id,\n            transparent: uploads[1].data.id,\n          })\n\n          removeAnnotation?.(annotation.id)\n        } else {\n          toast.error('Upload failed: ' + result.reason.message)\n        }\n      })\n\n      return { files: successfulFiles, metadata }\n    } catch (error: any) {\n      toast.error('Upload failed: ' + error.message)\n      return { files: [], metadata: [] }\n    }\n  }\n\n  return uploadAnnotations\n}\n\nexport default useAnnotationsUpload\n\nconst base64ToBlob = (base64: string) => {\n  const byteString = atob(base64.split(',')[1])\n  const mimeString = base64.split(',')[0].split(':')[1].split(';')[0]\n  const ab = new ArrayBuffer(byteString.length)\n  const ia = new Uint8Array(ab)\n  for (let i = 0; i < byteString.length; i++) {\n    ia[i] = byteString.charCodeAt(i)\n  }\n  return new Blob([ab], { type: mimeString })\n}\n"],"names":["useAnnotationsUpload","projectName","onSuccess","removeAnnotation","exportAnnotationComposite","useFeedContext","annotations","uploadPromises","annotation","composite","compositeFile","transparent","r","transparentFile","uploads","uploadFile","res","successfulFiles","metadata","result","upload","toast","error"],"mappings":";;;AAUA,MAAMA,IAAuB,CAAC,EAAE,aAAAC,GAAa,WAAAC,QAAuB;AAClE,QAAM,EAAE,kBAAAC,GAAkB,2BAAAC,EAAA,IAA8BC,EAAA;AA4DxD,SA1D0B,OAAOC,MAAuB;AACtD,QAAI;AACF,YAAMC,IAAiBD,EAAY,IAAI,OAAOE,MAAe;AAC3D,cAAMC,IAAY,MAAML,IAA4BI,EAAW,EAAE;AACjE,YAAI,CAACC;AACH,gBAAM,IAAI,MAAM,4CAA4CD,EAAW,EAAE,SAAS;AAGpF,cAAME,IAAgB,IAAI,KAAK,CAACD,CAAS,GAAGD,EAAW,MAAM;AAAA,UAC3D,MAAM;AAAA,QAAA,CACP,GAEKG,IAAc,MAAM,MAAMH,EAAW,cAAc,EAAE,KAAK,CAACI,MAAMA,EAAE,MAAM,GACzEC,IAAkB,IAAI,KAAK,CAACF,CAAW,GAAG,cAAcH,EAAW,IAAI,IAAI;AAAA,UAC/E,MAAM;AAAA,QAAA,CACP,GAEKM,IAAU,MAAM,QAAQ,IAAI;AAAA,UAChCC,EAAWL,GAAeT,GAAa,MAAM;AAAA,UAAC,CAAC;AAAA,UAC/Cc,EAAWF,GAAiBZ,GAAa,MAAM;AAAA,UAAC,CAAC;AAAA,QAAA,CAClD;AAED,eAAO,EAAE,YAAAO,GAAY,SAAAM,EAAA;AAAA,MACvB,CAAC,GAEKE,IAAM,MAAM,QAAQ,WAAWT,CAAc,GAE7CU,IAAyB,CAAA,GACzBC,IAAsC,CAAA;AAE5C,aAAAF,EAAI,QAAQ,CAACG,MAAW;AACtB,YAAIA,EAAO,WAAW,aAAa;AACjC,gBAAM,EAAE,SAAAL,GAAS,YAAAN,EAAA,IAAeW,EAAO;AAEvC,UAAAL,EAAQ,QAAQ,CAACM,MAAgB;AAC/B,YAAAH,EAAgB,KAAKf,EAAUkB,CAAM,CAAC;AAAA,UACxC,CAAC,GAEDF,EAAS,KAAK;AAAA,YACZ,OAAOV,EAAW;AAAA,YAClB,IAAIA,EAAW;AAAA,YACf,WAAWM,EAAQ,CAAC,EAAE,KAAK;AAAA,YAC3B,aAAaA,EAAQ,CAAC,EAAE,KAAK;AAAA,UAAA,CAC9B,GAEDX,IAAmBK,EAAW,EAAE;AAAA,QAClC;AACE,UAAAa,EAAM,MAAM,oBAAoBF,EAAO,OAAO,OAAO;AAAA,MAEzD,CAAC,GAEM,EAAE,OAAOF,GAAiB,UAAAC,EAAA;AAAA,IACnC,SAASI,GAAY;AACnB,aAAAD,EAAM,MAAM,oBAAoBC,EAAM,OAAO,GACtC,EAAE,OAAO,IAAI,UAAU,CAAA,EAAC;AAAA,IACjC;AAAA,EACF;AAGF;"}
+{"version":3,"file":"useAnnotationsUpload.es.js","sources":["../../../../../../../../src/containers/Feed/components/CommentInput/hooks/useAnnotationsUpload.ts"],"sourcesContent":["import { uploadFile } from '../helpers'\nimport { toast } from 'react-toastify'\nimport { useFeedContext } from '../../../context/FeedContext'\nimport { SavedAnnotationMetadata } from '../../../index'\n\ntype Props = {\n  projectName: string\n  onSuccess: (data: any, isAnnotationLayer?: boolean) => any\n  onProgress?: (e: any, file: any) => void\n  onStart?: (annotation: any) => void\n  onError?: (annotation: any) => void\n}\n\nconst useAnnotationsUpload = ({ projectName, onSuccess, onProgress, onStart, onError }: Props) => {\n  const { removeAnnotation, exportAnnotationComposite } = useFeedContext()\n\n  const uploadAnnotation = async (annotation: any) => {\n    const composite = await exportAnnotationComposite?.(annotation.id)\n    if (!composite) {\n      throw new Error(`Exporting composite image for annotation ${annotation.id} failed`)\n    }\n\n    const compositeFile = new File([composite], annotation.name, {\n      type: 'image/png',\n    })\n\n    const transparent = await fetch(annotation.annotationData).then((r) => r.blob())\n    const transparentFile = new File([transparent], `annotation-${annotation.name}`, {\n      type: 'image/png',\n    })\n\n    // only the composite reports progress, the transparent layer has no card of its own\n    const uploads = await Promise.all([\n      uploadFile(compositeFile, projectName, onProgress),\n      uploadFile(transparentFile, projectName, () => {}),\n    ])\n\n    // swap this annotation for its uploaded file straight away, without waiting for the others\n    const [compositeUpload, transparentUpload] = uploads\n    const files = [onSuccess(compositeUpload), onSuccess(transparentUpload, true)]\n    removeAnnotation?.(annotation.id)\n\n    return { annotation, uploads, files }\n  }\n\n  const uploadAnnotations = async (annotations: any[]) => {\n    try {\n      const uploadPromises = annotations.map(async (annotation) => {\n        onStart?.(annotation)\n        try {\n          return await uploadAnnotation(annotation)\n        } catch (error) {\n          onError?.(annotation)\n          throw error\n        }\n      })\n\n      const res = await Promise.allSettled(uploadPromises)\n\n      const successfulFiles: any[] = []\n      const metadata: SavedAnnotationMetadata[] = []\n\n      res.forEach((result) => {\n        if (result.status === 'fulfilled') {\n          const { uploads, annotation, files } = result.value\n\n          successfulFiles.push(...files)\n\n          metadata.push({\n            range: annotation.range,\n            id: annotation.id,\n            composite: uploads[0].data.id,\n            transparent: uploads[1].data.id,\n          })\n        } else {\n          toast.error('Upload failed: ' + result.reason.message)\n        }\n      })\n\n      return { files: successfulFiles, metadata }\n    } catch (error: any) {\n      toast.error('Upload failed: ' + error.message)\n      return { files: [], metadata: [] }\n    }\n  }\n\n  return uploadAnnotations\n}\n\nexport default useAnnotationsUpload\n\nconst base64ToBlob = (base64: string) => {\n  const byteString = atob(base64.split(',')[1])\n  const mimeString = base64.split(',')[0].split(':')[1].split(';')[0]\n  const ab = new ArrayBuffer(byteString.length)\n  const ia = new Uint8Array(ab)\n  for (let i = 0; i < byteString.length; i++) {\n    ia[i] = byteString.charCodeAt(i)\n  }\n  return new Blob([ab], { type: mimeString })\n}\n"],"names":["useAnnotationsUpload","projectName","onSuccess","onProgress","onStart","onError","removeAnnotation","exportAnnotationComposite","useFeedContext","uploadAnnotation","annotation","composite","compositeFile","transparent","r","transparentFile","uploads","uploadFile","compositeUpload","transparentUpload","files","annotations","uploadPromises","error","res","successfulFiles","metadata","result","toast"],"mappings":";;;AAaA,MAAMA,IAAuB,CAAC,EAAE,aAAAC,GAAa,WAAAC,GAAW,YAAAC,GAAY,SAAAC,GAAS,SAAAC,QAAqB;AAChG,QAAM,EAAE,kBAAAC,GAAkB,2BAAAC,EAAA,IAA8BC,EAAA,GAElDC,IAAmB,OAAOC,MAAoB;AAClD,UAAMC,IAAY,MAAMJ,IAA4BG,EAAW,EAAE;AACjE,QAAI,CAACC;AACH,YAAM,IAAI,MAAM,4CAA4CD,EAAW,EAAE,SAAS;AAGpF,UAAME,IAAgB,IAAI,KAAK,CAACD,CAAS,GAAGD,EAAW,MAAM;AAAA,MAC3D,MAAM;AAAA,IAAA,CACP,GAEKG,IAAc,MAAM,MAAMH,EAAW,cAAc,EAAE,KAAK,CAACI,MAAMA,EAAE,MAAM,GACzEC,IAAkB,IAAI,KAAK,CAACF,CAAW,GAAG,cAAcH,EAAW,IAAI,IAAI;AAAA,MAC/E,MAAM;AAAA,IAAA,CACP,GAGKM,IAAU,MAAM,QAAQ,IAAI;AAAA,MAChCC,EAAWL,GAAeX,GAAaE,CAAU;AAAA,MACjDc,EAAWF,GAAiBd,GAAa,MAAM;AAAA,MAAC,CAAC;AAAA,IAAA,CAClD,GAGK,CAACiB,GAAiBC,CAAiB,IAAIH,GACvCI,IAAQ,CAAClB,EAAUgB,CAAe,GAAGhB,EAAUiB,GAAmB,EAAI,CAAC;AAC7E,WAAAb,IAAmBI,EAAW,EAAE,GAEzB,EAAE,YAAAA,GAAY,SAAAM,GAAS,OAAAI,EAAA;AAAA,EAChC;AA2CA,SAzC0B,OAAOC,MAAuB;AACtD,QAAI;AACF,YAAMC,IAAiBD,EAAY,IAAI,OAAOX,MAAe;AAC3D,QAAAN,IAAUM,CAAU;AACpB,YAAI;AACF,iBAAO,MAAMD,EAAiBC,CAAU;AAAA,QAC1C,SAASa,GAAO;AACd,gBAAAlB,IAAUK,CAAU,GACda;AAAA,QACR;AAAA,MACF,CAAC,GAEKC,IAAM,MAAM,QAAQ,WAAWF,CAAc,GAE7CG,IAAyB,CAAA,GACzBC,IAAsC,CAAA;AAE5C,aAAAF,EAAI,QAAQ,CAACG,MAAW;AACtB,YAAIA,EAAO,WAAW,aAAa;AACjC,gBAAM,EAAE,SAAAX,GAAS,YAAAN,GAAY,OAAAU,EAAA,IAAUO,EAAO;AAE9C,UAAAF,EAAgB,KAAK,GAAGL,CAAK,GAE7BM,EAAS,KAAK;AAAA,YACZ,OAAOhB,EAAW;AAAA,YAClB,IAAIA,EAAW;AAAA,YACf,WAAWM,EAAQ,CAAC,EAAE,KAAK;AAAA,YAC3B,aAAaA,EAAQ,CAAC,EAAE,KAAK;AAAA,UAAA,CAC9B;AAAA,QACH;AACE,UAAAY,EAAM,MAAM,oBAAoBD,EAAO,OAAO,OAAO;AAAA,MAEzD,CAAC,GAEM,EAAE,OAAOF,GAAiB,UAAAC,EAAA;AAAA,IACnC,SAASH,GAAY;AACnB,aAAAK,EAAM,MAAM,oBAAoBL,EAAM,OAAO,GACtC,EAAE,OAAO,IAAI,UAAU,CAAA,EAAC;AAAA,IACjC;AAAA,EACF;AAGF;"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react");require("lodash");require("react-toastify");require("uuid");const n=require("../../../../../util/colorUtils.cjs.js");require("../../../../../api/queries/users/updateUsers.cjs.js");require("../../../../../util/pubsub.cjs.js");const a=e=>c.useMemo(()=>{if(!e)return{primary:void 0,secondary:void 0};const r=getComputedStyle(document.documentElement),t=r.getPropertyValue("--md-sys-color-surface-container").trim(),o=r.getPropertyValue("--md-sys-color-surface-container-high").trim(),s=t||e,u=o||e,d=n.blendCategoryColor(e,s,.1)||e,i=n.blendCategoryColor(e,u,.2)||e;return{primary:d,secondary:i}},[e]);exports.useBlendedCategoryColor=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react");require("lodash");require("react-toastify");require("uuid");const n=require("../../../../../util/colorUtils.cjs.js");require("../../../../../api/queries/users/updateUsers.cjs.js");require("../../../../../util/searchTerms.cjs.js");require("../../../../../util/pubsub.cjs.js");const a=e=>c.useMemo(()=>{if(!e)return{primary:void 0,secondary:void 0};const r=getComputedStyle(document.documentElement),t=r.getPropertyValue("--md-sys-color-surface-container").trim(),o=r.getPropertyValue("--md-sys-color-surface-container-high").trim(),s=t||e,u=o||e,i=n.blendCategoryColor(e,s,.1)||e,d=n.blendCategoryColor(e,u,.2)||e;return{primary:i,secondary:d}},[e]);exports.useBlendedCategoryColor=a;
 //# sourceMappingURL=useBlendedCategoryColor.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useBlendedCategoryColor.cjs.js","sources":["../../../../../../../../src/containers/Feed/components/CommentInput/hooks/useBlendedCategoryColor.ts"],"sourcesContent":["import { useMemo } from 'react'\nimport { blendCategoryColor } from '@shared/util'\n\n/**\n * Custom hook to compute blended category color with surface container background\n * Reads the CSS variable value at runtime and blends the category color at 10% opacity\n */\nexport const useBlendedCategoryColor = (categoryColor: string | undefined) => {\n  return useMemo(() => {\n    if (!categoryColor) {\n      return { primary: undefined, secondary: undefined }\n    }\n    const rootStyles = getComputedStyle(document.documentElement)\n    const surfaceContainer = rootStyles.getPropertyValue('--md-sys-color-surface-container').trim()\n    const surfaceSecondary = rootStyles\n      .getPropertyValue('--md-sys-color-surface-container-high')\n      .trim()\n\n    // Fallbacks if CSS vars are missing\n    const basePrimary = surfaceContainer || categoryColor\n    const baseSecondary = surfaceSecondary || categoryColor\n\n    // Blend category color at 0.1 opacity over primary, 0.5 over secondary\n    const blendedPrimary = blendCategoryColor(categoryColor, basePrimary, 0.1) || categoryColor\n    const blendedSecondary = blendCategoryColor(categoryColor, baseSecondary, 0.2) || categoryColor\n\n    return {\n      primary: blendedPrimary,\n      secondary: blendedSecondary,\n    }\n  }, [categoryColor])\n}\n"],"names":["useBlendedCategoryColor","categoryColor","useMemo","rootStyles","surfaceContainer","surfaceSecondary","basePrimary","baseSecondary","blendedPrimary","blendCategoryColor","blendedSecondary"],"mappings":"0UAOO,MAAMA,EAA2BC,GAC/BC,EAAAA,QAAQ,IAAM,CACnB,GAAI,CAACD,EACH,MAAO,CAAE,QAAS,OAAW,UAAW,MAAA,EAE1C,MAAME,EAAa,iBAAiB,SAAS,eAAe,EACtDC,EAAmBD,EAAW,iBAAiB,kCAAkC,EAAE,KAAA,EACnFE,EAAmBF,EACtB,iBAAiB,uCAAuC,EACxD,KAAA,EAGGG,EAAcF,GAAoBH,EAClCM,EAAgBF,GAAoBJ,EAGpCO,EAAiBC,EAAAA,mBAAmBR,EAAeK,EAAa,EAAG,GAAKL,EACxES,EAAmBD,EAAAA,mBAAmBR,EAAeM,EAAe,EAAG,GAAKN,EAElF,MAAO,CACL,QAASO,EACT,UAAWE,CAAA,CAEf,EAAG,CAACT,CAAa,CAAC"}
+{"version":3,"file":"useBlendedCategoryColor.cjs.js","sources":["../../../../../../../../src/containers/Feed/components/CommentInput/hooks/useBlendedCategoryColor.ts"],"sourcesContent":["import { useMemo } from 'react'\nimport { blendCategoryColor } from '@shared/util'\n\n/**\n * Custom hook to compute blended category color with surface container background\n * Reads the CSS variable value at runtime and blends the category color at 10% opacity\n */\nexport const useBlendedCategoryColor = (categoryColor: string | undefined) => {\n  return useMemo(() => {\n    if (!categoryColor) {\n      return { primary: undefined, secondary: undefined }\n    }\n    const rootStyles = getComputedStyle(document.documentElement)\n    const surfaceContainer = rootStyles.getPropertyValue('--md-sys-color-surface-container').trim()\n    const surfaceSecondary = rootStyles\n      .getPropertyValue('--md-sys-color-surface-container-high')\n      .trim()\n\n    // Fallbacks if CSS vars are missing\n    const basePrimary = surfaceContainer || categoryColor\n    const baseSecondary = surfaceSecondary || categoryColor\n\n    // Blend category color at 0.1 opacity over primary, 0.5 over secondary\n    const blendedPrimary = blendCategoryColor(categoryColor, basePrimary, 0.1) || categoryColor\n    const blendedSecondary = blendCategoryColor(categoryColor, baseSecondary, 0.2) || categoryColor\n\n    return {\n      primary: blendedPrimary,\n      secondary: blendedSecondary,\n    }\n  }, [categoryColor])\n}\n"],"names":["useBlendedCategoryColor","categoryColor","useMemo","rootStyles","surfaceContainer","surfaceSecondary","basePrimary","baseSecondary","blendedPrimary","blendCategoryColor","blendedSecondary"],"mappings":"4XAOO,MAAMA,EAA2BC,GAC/BC,EAAAA,QAAQ,IAAM,CACnB,GAAI,CAACD,EACH,MAAO,CAAE,QAAS,OAAW,UAAW,MAAA,EAE1C,MAAME,EAAa,iBAAiB,SAAS,eAAe,EACtDC,EAAmBD,EAAW,iBAAiB,kCAAkC,EAAE,KAAA,EACnFE,EAAmBF,EACtB,iBAAiB,uCAAuC,EACxD,KAAA,EAGGG,EAAcF,GAAoBH,EAClCM,EAAgBF,GAAoBJ,EAGpCO,EAAiBC,EAAAA,mBAAmBR,EAAeK,EAAa,EAAG,GAAKL,EACxES,EAAmBD,EAAAA,mBAAmBR,EAAeM,EAAe,EAAG,GAAKN,EAElF,MAAO,CACL,QAASO,EACT,UAAWE,CAAA,CAEf,EAAG,CAACT,CAAa,CAAC"}

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

@@ -4,17 +4,18 @@ import "react-toastify";
 import "uuid";
 import { blendCategoryColor as t } from "../../../../../util/colorUtils.es.js";
 import "../../../../../api/queries/users/updateUsers.es.js";
+import "../../../../../util/searchTerms.es.js";
 import "../../../../../util/pubsub.es.js";
-const S = (e) => c(() => {
+const P = (e) => c(() => {
   if (!e)
     return { primary: void 0, secondary: void 0 };
-  const r = getComputedStyle(document.documentElement), n = r.getPropertyValue("--md-sys-color-surface-container").trim(), o = r.getPropertyValue("--md-sys-color-surface-container-high").trim(), s = n || e, m = o || e, i = t(e, s, 0.1) || e, d = t(e, m, 0.2) || e;
+  const r = getComputedStyle(document.documentElement), n = r.getPropertyValue("--md-sys-color-surface-container").trim(), o = r.getPropertyValue("--md-sys-color-surface-container-high").trim(), m = n || e, s = o || e, i = t(e, m, 0.1) || e, d = t(e, s, 0.2) || e;
   return {
     primary: i,
     secondary: d
   };
 }, [e]);
 export {
-  S as useBlendedCategoryColor
+  P as useBlendedCategoryColor
 };
 //# sourceMappingURL=useBlendedCategoryColor.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useBlendedCategoryColor.es.js","sources":["../../../../../../../../src/containers/Feed/components/CommentInput/hooks/useBlendedCategoryColor.ts"],"sourcesContent":["import { useMemo } from 'react'\nimport { blendCategoryColor } from '@shared/util'\n\n/**\n * Custom hook to compute blended category color with surface container background\n * Reads the CSS variable value at runtime and blends the category color at 10% opacity\n */\nexport const useBlendedCategoryColor = (categoryColor: string | undefined) => {\n  return useMemo(() => {\n    if (!categoryColor) {\n      return { primary: undefined, secondary: undefined }\n    }\n    const rootStyles = getComputedStyle(document.documentElement)\n    const surfaceContainer = rootStyles.getPropertyValue('--md-sys-color-surface-container').trim()\n    const surfaceSecondary = rootStyles\n      .getPropertyValue('--md-sys-color-surface-container-high')\n      .trim()\n\n    // Fallbacks if CSS vars are missing\n    const basePrimary = surfaceContainer || categoryColor\n    const baseSecondary = surfaceSecondary || categoryColor\n\n    // Blend category color at 0.1 opacity over primary, 0.5 over secondary\n    const blendedPrimary = blendCategoryColor(categoryColor, basePrimary, 0.1) || categoryColor\n    const blendedSecondary = blendCategoryColor(categoryColor, baseSecondary, 0.2) || categoryColor\n\n    return {\n      primary: blendedPrimary,\n      secondary: blendedSecondary,\n    }\n  }, [categoryColor])\n}\n"],"names":["useBlendedCategoryColor","categoryColor","useMemo","rootStyles","surfaceContainer","surfaceSecondary","basePrimary","baseSecondary","blendedPrimary","blendCategoryColor","blendedSecondary"],"mappings":";;;;;;;AAOO,MAAMA,IAA0B,CAACC,MAC/BC,EAAQ,MAAM;AACnB,MAAI,CAACD;AACH,WAAO,EAAE,SAAS,QAAW,WAAW,OAAA;AAE1C,QAAME,IAAa,iBAAiB,SAAS,eAAe,GACtDC,IAAmBD,EAAW,iBAAiB,kCAAkC,EAAE,KAAA,GACnFE,IAAmBF,EACtB,iBAAiB,uCAAuC,EACxD,KAAA,GAGGG,IAAcF,KAAoBH,GAClCM,IAAgBF,KAAoBJ,GAGpCO,IAAiBC,EAAmBR,GAAeK,GAAa,GAAG,KAAKL,GACxES,IAAmBD,EAAmBR,GAAeM,GAAe,GAAG,KAAKN;AAElF,SAAO;AAAA,IACL,SAASO;AAAA,IACT,WAAWE;AAAA,EAAA;AAEf,GAAG,CAACT,CAAa,CAAC;"}
+{"version":3,"file":"useBlendedCategoryColor.es.js","sources":["../../../../../../../../src/containers/Feed/components/CommentInput/hooks/useBlendedCategoryColor.ts"],"sourcesContent":["import { useMemo } from 'react'\nimport { blendCategoryColor } from '@shared/util'\n\n/**\n * Custom hook to compute blended category color with surface container background\n * Reads the CSS variable value at runtime and blends the category color at 10% opacity\n */\nexport const useBlendedCategoryColor = (categoryColor: string | undefined) => {\n  return useMemo(() => {\n    if (!categoryColor) {\n      return { primary: undefined, secondary: undefined }\n    }\n    const rootStyles = getComputedStyle(document.documentElement)\n    const surfaceContainer = rootStyles.getPropertyValue('--md-sys-color-surface-container').trim()\n    const surfaceSecondary = rootStyles\n      .getPropertyValue('--md-sys-color-surface-container-high')\n      .trim()\n\n    // Fallbacks if CSS vars are missing\n    const basePrimary = surfaceContainer || categoryColor\n    const baseSecondary = surfaceSecondary || categoryColor\n\n    // Blend category color at 0.1 opacity over primary, 0.5 over secondary\n    const blendedPrimary = blendCategoryColor(categoryColor, basePrimary, 0.1) || categoryColor\n    const blendedSecondary = blendCategoryColor(categoryColor, baseSecondary, 0.2) || categoryColor\n\n    return {\n      primary: blendedPrimary,\n      secondary: blendedSecondary,\n    }\n  }, [categoryColor])\n}\n"],"names":["useBlendedCategoryColor","categoryColor","useMemo","rootStyles","surfaceContainer","surfaceSecondary","basePrimary","baseSecondary","blendedPrimary","blendCategoryColor","blendedSecondary"],"mappings":";;;;;;;;AAOO,MAAMA,IAA0B,CAACC,MAC/BC,EAAQ,MAAM;AACnB,MAAI,CAACD;AACH,WAAO,EAAE,SAAS,QAAW,WAAW,OAAA;AAE1C,QAAME,IAAa,iBAAiB,SAAS,eAAe,GACtDC,IAAmBD,EAAW,iBAAiB,kCAAkC,EAAE,KAAA,GACnFE,IAAmBF,EACtB,iBAAiB,uCAAuC,EACxD,KAAA,GAGGG,IAAcF,KAAoBH,GAClCM,IAAgBF,KAAoBJ,GAGpCO,IAAiBC,EAAmBR,GAAeK,GAAa,GAAG,KAAKL,GACxES,IAAmBD,EAAmBR,GAAeM,GAAe,GAAG,KAAKN;AAElF,SAAO;AAAA,IACL,SAASO;AAAA,IACT,WAAWE;AAAA,EAAA;AAEf,GAAG,CAACT,CAAa,CAAC;"}

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

@@ -1,2 +1,2 @@
-"use strict";const a=require("react-quill-ayon"),y=require("../../../hooks/useReferenceTooltip.cjs.js"),x=require("../../../../../context/DetailsPanelContext.cjs.js"),T=a.Quill.import("blots/inline"),L=({projectName:c})=>{const{openSlideOut:l}=x.useDetailsPanelContext(),[,u]=y();class n extends T{static blotName="mention";static tagName="MENTION";static create(t){if(!t||typeof t!="string")return document.createElement(n.tagName);const e=super.create(t),i=t.split(":").shift(),s=t.split(":").pop();return e.classList.add("mention"),e.classList.add(i),e.setAttribute("id",`ref-${s}`),e.setAttribute("contenteditable","false"),e.setAttribute("data-value",t),e.addEventListener("click",r=>{r.preventDefault(),i!=="user"&&l({entityId:s,entityType:i,projectName:c})}),e.addEventListener("mouseenter",r=>{const o=r.target||{},p=o.innerText.replace("@",""),{x:f,y:m,width:g}=o.getBoundingClientRect(),b={left:f+g/2,top:m};u({id:s,name:s,type:i,label:p,pos:b})}),e||""}static value(t){return t.getAttribute("data-value")}}n.sanitize=d=>d,a.Quill.register(n,!0)};module.exports=L;
+"use strict";const a=require("react"),f=require("react-quill-ayon"),R=require("../../../hooks/useReferenceTooltip.cjs.js"),x=require("../../../../../context/DetailsPanelContext.cjs.js"),T=f.Quill.import("blots/inline"),p=new WeakMap;let c=null;const d=i=>{const t=i.closest(".ql-editor");return(t&&p.get(t)||c)?.current};class l extends T{static blotName="mention";static tagName="MENTION";static create(t){if(!t||typeof t!="string")return document.createElement(l.tagName);const e=super.create(t),r=t.split(":").shift(),s=t.split(":").pop();return e.classList.add("mention"),e.classList.add(r),e.setAttribute("id",`ref-${s}`),e.setAttribute("contenteditable","false"),e.setAttribute("data-value",t),e.addEventListener("click",n=>{n.preventDefault(),r!=="user"&&d(e)?.onClick(r,s)}),e.addEventListener("mouseenter",n=>{const o=n.target||e;d(e)?.onHover(r,s,o)}),e||""}static value(t){return t.getAttribute("data-value")}}l.sanitize=i=>i;f.Quill.register(l,!0);const k=({projectName:i,editorRef:t})=>{const{openSlideOut:e}=x.useDetailsPanelContext(),[,r]=R(),s=a.useRef(null);s.current={onClick:(n,o)=>{e({entityId:o,entityType:n,projectName:i})},onHover:(n,o,u)=>{const g=u.innerText.replace("@",""),{x:m,y:b,width:E}=u.getBoundingClientRect(),y={left:m+E/2,top:b};r({id:o,name:o,type:n,label:g,pos:y})}},a.useEffect(()=>{c=s;const n=t.current?.getEditor?.()?.root;n&&p.set(n,s)}),a.useEffect(()=>()=>{c===s&&(c=null)},[])};module.exports=k;
 //# sourceMappingURL=useMentionLink.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useMentionLink.cjs.js","sources":["../../../../../../../../src/containers/Feed/components/CommentInput/hooks/useMentionLink.ts"],"sourcesContent":["import { Quill } from 'react-quill-ayon'\nimport useReferenceTooltip from '../../../hooks/useReferenceTooltip'\nimport { useDetailsPanelContext } from '@shared/context/DetailsPanelContext'\nimport type { DetailsPanelEntityType } from '@shared/api'\n\nconst Inline = Quill.import('blots/inline')\n\ninterface MentionLinkOptions {\n  projectName: string\n}\n\n// custom mention links\nconst useMentionLink = ({ projectName }: MentionLinkOptions) => {\n  const { openSlideOut } = useDetailsPanelContext()\n  const [, setRefTooltip] = useReferenceTooltip()\n\n  // special link for mentions\n  // @ts-ignore\n  class MentionLink extends Inline {\n    static blotName = 'mention'\n    static tagName = 'MENTION'\n    // @ts-ignore\n    static create(value) {\n      if (!value || typeof value !== 'string') return document.createElement(MentionLink.tagName)\n\n      const node = super.create(value)\n      // check if this is a mention url\n      const valueMentionType = value.split(':').shift() as string\n      const valueMentionId = value.split(':').pop() as string\n\n      node.classList.add('mention')\n      node.classList.add(valueMentionType)\n      // add id=id-ref\n      node.setAttribute('id', `ref-${valueMentionId}`)\n      //   set as not editable\n      node.setAttribute('contenteditable', 'false')\n\n      // add data-value attribute\n      node.setAttribute('data-value', value)\n\n      //   on mouse click open reference\n      node.addEventListener('click', (e: React.MouseEvent<HTMLElement>) => {\n        e.preventDefault()\n        if (valueMentionType === 'user') return\n\n        openSlideOut({\n          entityId: valueMentionId,\n          entityType: valueMentionType as DetailsPanelEntityType,\n          projectName,\n        })\n      })\n\n      // add on mouse enter\n      node.addEventListener('mouseenter', (e: React.KeyboardEvent<HTMLElement>) => {\n        const target = e.target || {}\n        const label = (target as HTMLElement).innerText.replace('@', '')\n        // get the center of the reference\n        const { x, y, width } = (target as HTMLElement).getBoundingClientRect()\n        const pos = { left: x + width / 2, top: y }\n\n        setRefTooltip({\n          id: valueMentionId,\n          name: valueMentionId,\n          type: valueMentionType,\n          label,\n          pos,\n        })\n      })\n\n      return node || ''\n    }\n\n    // Added value method to retrieve the value from the DOM node\n    static value(node: any) {\n      return node.getAttribute('data-value')\n    }\n  }\n\n  // @ts-ignore\n  MentionLink.sanitize = (url) => url\n  // @ts-ignore\n  Quill.register(MentionLink, true)\n}\n\nexport default useMentionLink\n"],"names":["Inline","Quill","useMentionLink","projectName","openSlideOut","useDetailsPanelContext","setRefTooltip","useReferenceTooltip","MentionLink","value","node","valueMentionType","valueMentionId","e","target","label","x","y","width","pos","url"],"mappings":"uKAKMA,EAASC,EAAAA,MAAM,OAAO,cAAc,EAOpCC,EAAiB,CAAC,CAAE,YAAAC,KAAsC,CAC9D,KAAM,CAAE,aAAAC,CAAA,EAAiBC,yBAAA,EACnB,CAAA,CAAGC,CAAa,EAAIC,EAAA,EAI1B,MAAMC,UAAoBR,CAAO,CAC/B,OAAO,SAAW,UAClB,OAAO,QAAU,UAEjB,OAAO,OAAOS,EAAO,CACnB,GAAI,CAACA,GAAS,OAAOA,GAAU,SAAU,OAAO,SAAS,cAAcD,EAAY,OAAO,EAE1F,MAAME,EAAO,MAAM,OAAOD,CAAK,EAEzBE,EAAmBF,EAAM,MAAM,GAAG,EAAE,MAAA,EACpCG,EAAiBH,EAAM,MAAM,GAAG,EAAE,IAAA,EAExC,OAAAC,EAAK,UAAU,IAAI,SAAS,EAC5BA,EAAK,UAAU,IAAIC,CAAgB,EAEnCD,EAAK,aAAa,KAAM,OAAOE,CAAc,EAAE,EAE/CF,EAAK,aAAa,kBAAmB,OAAO,EAG5CA,EAAK,aAAa,aAAcD,CAAK,EAGrCC,EAAK,iBAAiB,QAAUG,GAAqC,CACnEA,EAAE,eAAA,EACEF,IAAqB,QAEzBP,EAAa,CACX,SAAUQ,EACV,WAAYD,EACZ,YAAAR,CAAA,CACD,CACH,CAAC,EAGDO,EAAK,iBAAiB,aAAeG,GAAwC,CAC3E,MAAMC,EAASD,EAAE,QAAU,CAAA,EACrBE,EAASD,EAAuB,UAAU,QAAQ,IAAK,EAAE,EAEzD,CAAE,EAAAE,EAAG,EAAAC,EAAG,MAAAC,CAAA,EAAWJ,EAAuB,sBAAA,EAC1CK,EAAM,CAAE,KAAMH,EAAIE,EAAQ,EAAG,IAAKD,CAAA,EAExCX,EAAc,CACZ,GAAIM,EACJ,KAAMA,EACN,KAAMD,EACN,MAAAI,EACA,IAAAI,CAAA,CACD,CACH,CAAC,EAEMT,GAAQ,EACjB,CAGA,OAAO,MAAMA,EAAW,CACtB,OAAOA,EAAK,aAAa,YAAY,CACvC,CAAA,CAIFF,EAAY,SAAYY,GAAQA,EAEhCnB,QAAM,SAASO,EAAa,EAAI,CAClC"}
+{"version":3,"file":"useMentionLink.cjs.js","sources":["../../../../../../../../src/containers/Feed/components/CommentInput/hooks/useMentionLink.ts"],"sourcesContent":["import { useEffect, useRef } from 'react'\nimport { Quill } from 'react-quill-ayon'\nimport useReferenceTooltip from '../../../hooks/useReferenceTooltip'\nimport { useDetailsPanelContext } from '@shared/context/DetailsPanelContext'\nimport type { DetailsPanelEntityType } from '@shared/api'\n\nconst Inline = Quill.import('blots/inline')\n\ninterface MentionLinkOptions {\n  projectName: string\n  // ReactQuill ref of the editor these mention links belong to\n  editorRef: React.RefObject<any>\n}\n\ntype MentionHandlers = {\n  onClick: (type: string, id: string) => void\n  onHover: (type: string, id: string, target: HTMLElement) => void\n}\n\n// Handlers of each mounted editor, keyed by its quill root element.\n// The blot is registered globally, so it resolves the editor that owns the clicked node at event time.\nconst handlersByEditor = new WeakMap<Element, { current: MentionHandlers }>()\n// Used for mention nodes that are not inside a known editor\nlet lastHandlers: { current: MentionHandlers } | null = null\n\nconst getHandlers = (node: HTMLElement): MentionHandlers | undefined => {\n  const root = node.closest('.ql-editor')\n  return ((root && handlersByEditor.get(root)) || lastHandlers)?.current\n}\n\n// special link for mentions\n// @ts-ignore\nclass MentionLink extends Inline {\n  static blotName = 'mention'\n  static tagName = 'MENTION'\n  // @ts-ignore\n  static create(value) {\n    if (!value || typeof value !== 'string') return document.createElement(MentionLink.tagName)\n\n    const node = super.create(value)\n    // check if this is a mention url\n    const valueMentionType = value.split(':').shift() as string\n    const valueMentionId = value.split(':').pop() as string\n\n    node.classList.add('mention')\n    node.classList.add(valueMentionType)\n    // add id=id-ref\n    node.setAttribute('id', `ref-${valueMentionId}`)\n    //   set as not editable\n    node.setAttribute('contenteditable', 'false')\n\n    // add data-value attribute\n    node.setAttribute('data-value', value)\n\n    //   on mouse click open reference\n    node.addEventListener('click', (e: MouseEvent) => {\n      e.preventDefault()\n      if (valueMentionType === 'user') return\n\n      getHandlers(node)?.onClick(valueMentionType, valueMentionId)\n    })\n\n    // add on mouse enter\n    node.addEventListener('mouseenter', (e: MouseEvent) => {\n      const target = (e.target || node) as HTMLElement\n      getHandlers(node)?.onHover(valueMentionType, valueMentionId, target)\n    })\n\n    return node || ''\n  }\n\n  // Added value method to retrieve the value from the DOM node\n  static value(node: any) {\n    return node.getAttribute('data-value')\n  }\n}\n\n// @ts-ignore\nMentionLink.sanitize = (url) => url\n// @ts-ignore\nQuill.register(MentionLink, true)\n\n// custom mention links\nconst useMentionLink = ({ projectName, editorRef }: MentionLinkOptions) => {\n  const { openSlideOut } = useDetailsPanelContext()\n  const [, setRefTooltip] = useReferenceTooltip()\n\n  const handlersRef = useRef<MentionHandlers>(null as unknown as MentionHandlers)\n  // keep the latest project and callbacks for this editor\n  handlersRef.current = {\n    onClick: (type, id) => {\n      openSlideOut({\n        entityId: id,\n        entityType: type as DetailsPanelEntityType,\n        projectName,\n      })\n    },\n    onHover: (type, id, target) => {\n      const label = target.innerText.replace('@', '')\n      // get the center of the reference\n      const { x, y, width } = target.getBoundingClientRect()\n      const pos = { left: x + width / 2, top: y }\n\n      setRefTooltip({\n        id,\n        name: id,\n        type,\n        label,\n        pos,\n      })\n    },\n  }\n\n  // link this editor's root to its handlers (the editor can be (re)mounted conditionally)\n  useEffect(() => {\n    lastHandlers = handlersRef\n    const root = editorRef.current?.getEditor?.()?.root\n    if (root) handlersByEditor.set(root, handlersRef)\n  })\n\n  useEffect(() => {\n    return () => {\n      if (lastHandlers === handlersRef) lastHandlers = null\n    }\n  }, [])\n}\n\nexport default useMentionLink\n"],"names":["Inline","Quill","handlersByEditor","lastHandlers","getHandlers","node","root","MentionLink","value","valueMentionType","valueMentionId","e","target","url","useMentionLink","projectName","editorRef","openSlideOut","useDetailsPanelContext","setRefTooltip","useReferenceTooltip","handlersRef","useRef","type","id","label","x","y","width","pos","useEffect"],"mappings":"0LAMMA,EAASC,EAAAA,MAAM,OAAO,cAAc,EAepCC,MAAuB,QAE7B,IAAIC,EAAoD,KAExD,MAAMC,EAAeC,GAAmD,CACtE,MAAMC,EAAOD,EAAK,QAAQ,YAAY,EACtC,OAASC,GAAQJ,EAAiB,IAAII,CAAI,GAAMH,IAAe,OACjE,EAIA,MAAMI,UAAoBP,CAAO,CAC/B,OAAO,SAAW,UAClB,OAAO,QAAU,UAEjB,OAAO,OAAOQ,EAAO,CACnB,GAAI,CAACA,GAAS,OAAOA,GAAU,SAAU,OAAO,SAAS,cAAcD,EAAY,OAAO,EAE1F,MAAMF,EAAO,MAAM,OAAOG,CAAK,EAEzBC,EAAmBD,EAAM,MAAM,GAAG,EAAE,MAAA,EACpCE,EAAiBF,EAAM,MAAM,GAAG,EAAE,IAAA,EAExC,OAAAH,EAAK,UAAU,IAAI,SAAS,EAC5BA,EAAK,UAAU,IAAII,CAAgB,EAEnCJ,EAAK,aAAa,KAAM,OAAOK,CAAc,EAAE,EAE/CL,EAAK,aAAa,kBAAmB,OAAO,EAG5CA,EAAK,aAAa,aAAcG,CAAK,EAGrCH,EAAK,iBAAiB,QAAUM,GAAkB,CAChDA,EAAE,eAAA,EACEF,IAAqB,QAEzBL,EAAYC,CAAI,GAAG,QAAQI,EAAkBC,CAAc,CAC7D,CAAC,EAGDL,EAAK,iBAAiB,aAAeM,GAAkB,CACrD,MAAMC,EAAUD,EAAE,QAAUN,EAC5BD,EAAYC,CAAI,GAAG,QAAQI,EAAkBC,EAAgBE,CAAM,CACrE,CAAC,EAEMP,GAAQ,EACjB,CAGA,OAAO,MAAMA,EAAW,CACtB,OAAOA,EAAK,aAAa,YAAY,CACvC,CACF,CAGAE,EAAY,SAAYM,GAAQA,EAEhCZ,EAAAA,MAAM,SAASM,EAAa,EAAI,EAGhC,MAAMO,EAAiB,CAAC,CAAE,YAAAC,EAAa,UAAAC,KAAoC,CACzE,KAAM,CAAE,aAAAC,CAAA,EAAiBC,yBAAA,EACnB,CAAA,CAAGC,CAAa,EAAIC,EAAA,EAEpBC,EAAcC,EAAAA,OAAwB,IAAkC,EAE9ED,EAAY,QAAU,CACpB,QAAS,CAACE,EAAMC,IAAO,CACrBP,EAAa,CACX,SAAUO,EACV,WAAYD,EACZ,YAAAR,CAAA,CACD,CACH,EACA,QAAS,CAACQ,EAAMC,EAAIZ,IAAW,CAC7B,MAAMa,EAAQb,EAAO,UAAU,QAAQ,IAAK,EAAE,EAExC,CAAE,EAAAc,EAAG,EAAAC,EAAG,MAAAC,CAAA,EAAUhB,EAAO,sBAAA,EACzBiB,EAAM,CAAE,KAAMH,EAAIE,EAAQ,EAAG,IAAKD,CAAA,EAExCR,EAAc,CACZ,GAAAK,EACA,KAAMA,EACN,KAAAD,EACA,MAAAE,EACA,IAAAI,CAAA,CACD,CACH,CAAA,EAIFC,EAAAA,UAAU,IAAM,CACd3B,EAAekB,EACf,MAAMf,EAAOU,EAAU,SAAS,YAAA,GAAe,KAC3CV,GAAMJ,EAAiB,IAAII,EAAMe,CAAW,CAClD,CAAC,EAEDS,EAAAA,UAAU,IACD,IAAM,CACP3B,IAAiBkB,IAAalB,EAAe,KACnD,EACC,CAAA,CAAE,CACP"}

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

@@ -1,40 +1,63 @@
-import { Quill as a } from "react-quill-ayon";
-import y from "../../../hooks/useReferenceTooltip.es.js";
-import { useDetailsPanelContext as T } from "../../../../../context/DetailsPanelContext.es.js";
-const x = a.import("blots/inline"), E = ({ projectName: c }) => {
-  const { openSlideOut: l } = T(), [, d] = y();
-  class n extends x {
-    static blotName = "mention";
-    static tagName = "MENTION";
-    // @ts-ignore
-    static create(t) {
-      if (!t || typeof t != "string") return document.createElement(n.tagName);
-      const e = super.create(t), i = t.split(":").shift(), s = t.split(":").pop();
-      return e.classList.add("mention"), e.classList.add(i), e.setAttribute("id", `ref-${s}`), e.setAttribute("contenteditable", "false"), e.setAttribute("data-value", t), e.addEventListener("click", (o) => {
-        o.preventDefault(), i !== "user" && l({
-          entityId: s,
-          entityType: i,
-          projectName: c
-        });
-      }), e.addEventListener("mouseenter", (o) => {
-        const r = o.target || {}, u = r.innerText.replace("@", ""), { x: m, y: f, width: g } = r.getBoundingClientRect(), b = { left: m + g / 2, top: f };
-        d({
-          id: s,
-          name: s,
-          type: i,
-          label: u,
-          pos: b
-        });
-      }), e || "";
-    }
-    // Added value method to retrieve the value from the DOM node
-    static value(t) {
-      return t.getAttribute("data-value");
-    }
+import { useRef as T, useEffect as u } from "react";
+import { Quill as p } from "react-quill-ayon";
+import k from "../../../hooks/useReferenceTooltip.es.js";
+import { useDetailsPanelContext as v } from "../../../../../context/DetailsPanelContext.es.js";
+const x = p.import("blots/inline"), f = /* @__PURE__ */ new WeakMap();
+let l = null;
+const d = (i) => {
+  const t = i.closest(".ql-editor");
+  return (t && f.get(t) || l)?.current;
+};
+class a extends x {
+  static blotName = "mention";
+  static tagName = "MENTION";
+  // @ts-ignore
+  static create(t) {
+    if (!t || typeof t != "string") return document.createElement(a.tagName);
+    const e = super.create(t), r = t.split(":").shift(), o = t.split(":").pop();
+    return e.classList.add("mention"), e.classList.add(r), e.setAttribute("id", `ref-${o}`), e.setAttribute("contenteditable", "false"), e.setAttribute("data-value", t), e.addEventListener("click", (n) => {
+      n.preventDefault(), r !== "user" && d(e)?.onClick(r, o);
+    }), e.addEventListener("mouseenter", (n) => {
+      const s = n.target || e;
+      d(e)?.onHover(r, o, s);
+    }), e || "";
   }
-  n.sanitize = (p) => p, a.register(n, !0);
+  // Added value method to retrieve the value from the DOM node
+  static value(t) {
+    return t.getAttribute("data-value");
+  }
+}
+a.sanitize = (i) => i;
+p.register(a, !0);
+const h = ({ projectName: i, editorRef: t }) => {
+  const { openSlideOut: e } = v(), [, r] = k(), o = T(null);
+  o.current = {
+    onClick: (n, s) => {
+      e({
+        entityId: s,
+        entityType: n,
+        projectName: i
+      });
+    },
+    onHover: (n, s, c) => {
+      const m = c.innerText.replace("@", ""), { x: g, y: b, width: y } = c.getBoundingClientRect(), E = { left: g + y / 2, top: b };
+      r({
+        id: s,
+        name: s,
+        type: n,
+        label: m,
+        pos: E
+      });
+    }
+  }, u(() => {
+    l = o;
+    const n = t.current?.getEditor?.()?.root;
+    n && f.set(n, o);
+  }), u(() => () => {
+    l === o && (l = null);
+  }, []);
 };
 export {
-  E as default
+  h as default
 };
 //# sourceMappingURL=useMentionLink.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useMentionLink.es.js","sources":["../../../../../../../../src/containers/Feed/components/CommentInput/hooks/useMentionLink.ts"],"sourcesContent":["import { Quill } from 'react-quill-ayon'\nimport useReferenceTooltip from '../../../hooks/useReferenceTooltip'\nimport { useDetailsPanelContext } from '@shared/context/DetailsPanelContext'\nimport type { DetailsPanelEntityType } from '@shared/api'\n\nconst Inline = Quill.import('blots/inline')\n\ninterface MentionLinkOptions {\n  projectName: string\n}\n\n// custom mention links\nconst useMentionLink = ({ projectName }: MentionLinkOptions) => {\n  const { openSlideOut } = useDetailsPanelContext()\n  const [, setRefTooltip] = useReferenceTooltip()\n\n  // special link for mentions\n  // @ts-ignore\n  class MentionLink extends Inline {\n    static blotName = 'mention'\n    static tagName = 'MENTION'\n    // @ts-ignore\n    static create(value) {\n      if (!value || typeof value !== 'string') return document.createElement(MentionLink.tagName)\n\n      const node = super.create(value)\n      // check if this is a mention url\n      const valueMentionType = value.split(':').shift() as string\n      const valueMentionId = value.split(':').pop() as string\n\n      node.classList.add('mention')\n      node.classList.add(valueMentionType)\n      // add id=id-ref\n      node.setAttribute('id', `ref-${valueMentionId}`)\n      //   set as not editable\n      node.setAttribute('contenteditable', 'false')\n\n      // add data-value attribute\n      node.setAttribute('data-value', value)\n\n      //   on mouse click open reference\n      node.addEventListener('click', (e: React.MouseEvent<HTMLElement>) => {\n        e.preventDefault()\n        if (valueMentionType === 'user') return\n\n        openSlideOut({\n          entityId: valueMentionId,\n          entityType: valueMentionType as DetailsPanelEntityType,\n          projectName,\n        })\n      })\n\n      // add on mouse enter\n      node.addEventListener('mouseenter', (e: React.KeyboardEvent<HTMLElement>) => {\n        const target = e.target || {}\n        const label = (target as HTMLElement).innerText.replace('@', '')\n        // get the center of the reference\n        const { x, y, width } = (target as HTMLElement).getBoundingClientRect()\n        const pos = { left: x + width / 2, top: y }\n\n        setRefTooltip({\n          id: valueMentionId,\n          name: valueMentionId,\n          type: valueMentionType,\n          label,\n          pos,\n        })\n      })\n\n      return node || ''\n    }\n\n    // Added value method to retrieve the value from the DOM node\n    static value(node: any) {\n      return node.getAttribute('data-value')\n    }\n  }\n\n  // @ts-ignore\n  MentionLink.sanitize = (url) => url\n  // @ts-ignore\n  Quill.register(MentionLink, true)\n}\n\nexport default useMentionLink\n"],"names":["Inline","Quill","useMentionLink","projectName","openSlideOut","useDetailsPanelContext","setRefTooltip","useReferenceTooltip","MentionLink","value","node","valueMentionType","valueMentionId","e","target","label","x","y","width","pos","url"],"mappings":";;;AAKA,MAAMA,IAASC,EAAM,OAAO,cAAc,GAOpCC,IAAiB,CAAC,EAAE,aAAAC,QAAsC;AAC9D,QAAM,EAAE,cAAAC,EAAA,IAAiBC,EAAA,GACnB,CAAA,EAAGC,CAAa,IAAIC,EAAA;AAAA,EAI1B,MAAMC,UAAoBR,EAAO;AAAA,IAC/B,OAAO,WAAW;AAAA,IAClB,OAAO,UAAU;AAAA;AAAA,IAEjB,OAAO,OAAOS,GAAO;AACnB,UAAI,CAACA,KAAS,OAAOA,KAAU,SAAU,QAAO,SAAS,cAAcD,EAAY,OAAO;AAE1F,YAAME,IAAO,MAAM,OAAOD,CAAK,GAEzBE,IAAmBF,EAAM,MAAM,GAAG,EAAE,MAAA,GACpCG,IAAiBH,EAAM,MAAM,GAAG,EAAE,IAAA;AAExC,aAAAC,EAAK,UAAU,IAAI,SAAS,GAC5BA,EAAK,UAAU,IAAIC,CAAgB,GAEnCD,EAAK,aAAa,MAAM,OAAOE,CAAc,EAAE,GAE/CF,EAAK,aAAa,mBAAmB,OAAO,GAG5CA,EAAK,aAAa,cAAcD,CAAK,GAGrCC,EAAK,iBAAiB,SAAS,CAACG,MAAqC;AAEnE,QADAA,EAAE,eAAA,GACEF,MAAqB,UAEzBP,EAAa;AAAA,UACX,UAAUQ;AAAA,UACV,YAAYD;AAAA,UACZ,aAAAR;AAAA,QAAA,CACD;AAAA,MACH,CAAC,GAGDO,EAAK,iBAAiB,cAAc,CAACG,MAAwC;AAC3E,cAAMC,IAASD,EAAE,UAAU,CAAA,GACrBE,IAASD,EAAuB,UAAU,QAAQ,KAAK,EAAE,GAEzD,EAAE,GAAAE,GAAG,GAAAC,GAAG,OAAAC,EAAA,IAAWJ,EAAuB,sBAAA,GAC1CK,IAAM,EAAE,MAAMH,IAAIE,IAAQ,GAAG,KAAKD,EAAA;AAExC,QAAAX,EAAc;AAAA,UACZ,IAAIM;AAAA,UACJ,MAAMA;AAAA,UACN,MAAMD;AAAA,UACN,OAAAI;AAAA,UACA,KAAAI;AAAA,QAAA,CACD;AAAA,MACH,CAAC,GAEMT,KAAQ;AAAA,IACjB;AAAA;AAAA,IAGA,OAAO,MAAMA,GAAW;AACtB,aAAOA,EAAK,aAAa,YAAY;AAAA,IACvC;AAAA,EAAA;AAIF,EAAAF,EAAY,WAAW,CAACY,MAAQA,GAEhCnB,EAAM,SAASO,GAAa,EAAI;AAClC;"}
+{"version":3,"file":"useMentionLink.es.js","sources":["../../../../../../../../src/containers/Feed/components/CommentInput/hooks/useMentionLink.ts"],"sourcesContent":["import { useEffect, useRef } from 'react'\nimport { Quill } from 'react-quill-ayon'\nimport useReferenceTooltip from '../../../hooks/useReferenceTooltip'\nimport { useDetailsPanelContext } from '@shared/context/DetailsPanelContext'\nimport type { DetailsPanelEntityType } from '@shared/api'\n\nconst Inline = Quill.import('blots/inline')\n\ninterface MentionLinkOptions {\n  projectName: string\n  // ReactQuill ref of the editor these mention links belong to\n  editorRef: React.RefObject<any>\n}\n\ntype MentionHandlers = {\n  onClick: (type: string, id: string) => void\n  onHover: (type: string, id: string, target: HTMLElement) => void\n}\n\n// Handlers of each mounted editor, keyed by its quill root element.\n// The blot is registered globally, so it resolves the editor that owns the clicked node at event time.\nconst handlersByEditor = new WeakMap<Element, { current: MentionHandlers }>()\n// Used for mention nodes that are not inside a known editor\nlet lastHandlers: { current: MentionHandlers } | null = null\n\nconst getHandlers = (node: HTMLElement): MentionHandlers | undefined => {\n  const root = node.closest('.ql-editor')\n  return ((root && handlersByEditor.get(root)) || lastHandlers)?.current\n}\n\n// special link for mentions\n// @ts-ignore\nclass MentionLink extends Inline {\n  static blotName = 'mention'\n  static tagName = 'MENTION'\n  // @ts-ignore\n  static create(value) {\n    if (!value || typeof value !== 'string') return document.createElement(MentionLink.tagName)\n\n    const node = super.create(value)\n    // check if this is a mention url\n    const valueMentionType = value.split(':').shift() as string\n    const valueMentionId = value.split(':').pop() as string\n\n    node.classList.add('mention')\n    node.classList.add(valueMentionType)\n    // add id=id-ref\n    node.setAttribute('id', `ref-${valueMentionId}`)\n    //   set as not editable\n    node.setAttribute('contenteditable', 'false')\n\n    // add data-value attribute\n    node.setAttribute('data-value', value)\n\n    //   on mouse click open reference\n    node.addEventListener('click', (e: MouseEvent) => {\n      e.preventDefault()\n      if (valueMentionType === 'user') return\n\n      getHandlers(node)?.onClick(valueMentionType, valueMentionId)\n    })\n\n    // add on mouse enter\n    node.addEventListener('mouseenter', (e: MouseEvent) => {\n      const target = (e.target || node) as HTMLElement\n      getHandlers(node)?.onHover(valueMentionType, valueMentionId, target)\n    })\n\n    return node || ''\n  }\n\n  // Added value method to retrieve the value from the DOM node\n  static value(node: any) {\n    return node.getAttribute('data-value')\n  }\n}\n\n// @ts-ignore\nMentionLink.sanitize = (url) => url\n// @ts-ignore\nQuill.register(MentionLink, true)\n\n// custom mention links\nconst useMentionLink = ({ projectName, editorRef }: MentionLinkOptions) => {\n  const { openSlideOut } = useDetailsPanelContext()\n  const [, setRefTooltip] = useReferenceTooltip()\n\n  const handlersRef = useRef<MentionHandlers>(null as unknown as MentionHandlers)\n  // keep the latest project and callbacks for this editor\n  handlersRef.current = {\n    onClick: (type, id) => {\n      openSlideOut({\n        entityId: id,\n        entityType: type as DetailsPanelEntityType,\n        projectName,\n      })\n    },\n    onHover: (type, id, target) => {\n      const label = target.innerText.replace('@', '')\n      // get the center of the reference\n      const { x, y, width } = target.getBoundingClientRect()\n      const pos = { left: x + width / 2, top: y }\n\n      setRefTooltip({\n        id,\n        name: id,\n        type,\n        label,\n        pos,\n      })\n    },\n  }\n\n  // link this editor's root to its handlers (the editor can be (re)mounted conditionally)\n  useEffect(() => {\n    lastHandlers = handlersRef\n    const root = editorRef.current?.getEditor?.()?.root\n    if (root) handlersByEditor.set(root, handlersRef)\n  })\n\n  useEffect(() => {\n    return () => {\n      if (lastHandlers === handlersRef) lastHandlers = null\n    }\n  }, [])\n}\n\nexport default useMentionLink\n"],"names":["Inline","Quill","handlersByEditor","lastHandlers","getHandlers","node","root","MentionLink","value","valueMentionType","valueMentionId","e","target","url","useMentionLink","projectName","editorRef","openSlideOut","useDetailsPanelContext","setRefTooltip","useReferenceTooltip","handlersRef","useRef","type","id","label","x","y","width","pos","useEffect"],"mappings":";;;;AAMA,MAAMA,IAASC,EAAM,OAAO,cAAc,GAepCC,wBAAuB,QAAA;AAE7B,IAAIC,IAAoD;AAExD,MAAMC,IAAc,CAACC,MAAmD;AACtE,QAAMC,IAAOD,EAAK,QAAQ,YAAY;AACtC,UAASC,KAAQJ,EAAiB,IAAII,CAAI,KAAMH,IAAe;AACjE;AAIA,MAAMI,UAAoBP,EAAO;AAAA,EAC/B,OAAO,WAAW;AAAA,EAClB,OAAO,UAAU;AAAA;AAAA,EAEjB,OAAO,OAAOQ,GAAO;AACnB,QAAI,CAACA,KAAS,OAAOA,KAAU,SAAU,QAAO,SAAS,cAAcD,EAAY,OAAO;AAE1F,UAAMF,IAAO,MAAM,OAAOG,CAAK,GAEzBC,IAAmBD,EAAM,MAAM,GAAG,EAAE,MAAA,GACpCE,IAAiBF,EAAM,MAAM,GAAG,EAAE,IAAA;AAExC,WAAAH,EAAK,UAAU,IAAI,SAAS,GAC5BA,EAAK,UAAU,IAAII,CAAgB,GAEnCJ,EAAK,aAAa,MAAM,OAAOK,CAAc,EAAE,GAE/CL,EAAK,aAAa,mBAAmB,OAAO,GAG5CA,EAAK,aAAa,cAAcG,CAAK,GAGrCH,EAAK,iBAAiB,SAAS,CAACM,MAAkB;AAEhD,MADAA,EAAE,eAAA,GACEF,MAAqB,UAEzBL,EAAYC,CAAI,GAAG,QAAQI,GAAkBC,CAAc;AAAA,IAC7D,CAAC,GAGDL,EAAK,iBAAiB,cAAc,CAACM,MAAkB;AACrD,YAAMC,IAAUD,EAAE,UAAUN;AAC5B,MAAAD,EAAYC,CAAI,GAAG,QAAQI,GAAkBC,GAAgBE,CAAM;AAAA,IACrE,CAAC,GAEMP,KAAQ;AAAA,EACjB;AAAA;AAAA,EAGA,OAAO,MAAMA,GAAW;AACtB,WAAOA,EAAK,aAAa,YAAY;AAAA,EACvC;AACF;AAGAE,EAAY,WAAW,CAACM,MAAQA;AAEhCZ,EAAM,SAASM,GAAa,EAAI;AAGhC,MAAMO,IAAiB,CAAC,EAAE,aAAAC,GAAa,WAAAC,QAAoC;AACzE,QAAM,EAAE,cAAAC,EAAA,IAAiBC,EAAA,GACnB,CAAA,EAAGC,CAAa,IAAIC,EAAA,GAEpBC,IAAcC,EAAwB,IAAkC;AAE9E,EAAAD,EAAY,UAAU;AAAA,IACpB,SAAS,CAACE,GAAMC,MAAO;AACrB,MAAAP,EAAa;AAAA,QACX,UAAUO;AAAA,QACV,YAAYD;AAAA,QACZ,aAAAR;AAAA,MAAA,CACD;AAAA,IACH;AAAA,IACA,SAAS,CAACQ,GAAMC,GAAIZ,MAAW;AAC7B,YAAMa,IAAQb,EAAO,UAAU,QAAQ,KAAK,EAAE,GAExC,EAAE,GAAAc,GAAG,GAAAC,GAAG,OAAAC,EAAA,IAAUhB,EAAO,sBAAA,GACzBiB,IAAM,EAAE,MAAMH,IAAIE,IAAQ,GAAG,KAAKD,EAAA;AAExC,MAAAR,EAAc;AAAA,QACZ,IAAAK;AAAA,QACA,MAAMA;AAAA,QACN,MAAAD;AAAA,QACA,OAAAE;AAAA,QACA,KAAAI;AAAA,MAAA,CACD;AAAA,IACH;AAAA,EAAA,GAIFC,EAAU,MAAM;AACd,IAAA3B,IAAekB;AACf,UAAMf,IAAOU,EAAU,SAAS,YAAA,GAAe;AAC/C,IAAIV,KAAMJ,EAAiB,IAAII,GAAMe,CAAW;AAAA,EAClD,CAAC,GAEDS,EAAU,MACD,MAAM;AACX,IAAI3B,MAAiBkB,MAAalB,IAAe;AAAA,EACnD,GACC,CAAA,CAAE;AACP;"}

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

@@ -1,2 +1,2 @@
-"use strict";const n=require("../helpers.cjs.js");class a{constructor(i,t){this.quill=i,this.options=t,this.range=null,this.placeholderDelta=null,this.options.project||console.warn("[Missing config] project name is required");var e=this.quill.getModule("toolbar");e&&e.addHandler("image",this.selectLocalImage.bind(this)),this.handlePaste=this.handlePaste.bind(this),this.quill.root.addEventListener("paste",this.handlePaste,!1)}selectLocalImage(){this.quill.focus(),this.range=this.quill.getSelection(),this.fileHolder=document.createElement("input"),this.fileHolder.setAttribute("type","file"),this.fileHolder.setAttribute("multiple","true"),this.fileHolder.setAttribute("style","visibility:hidden"),this.fileHolder.onchange=this.fileChanged.bind(this),document.body.appendChild(this.fileHolder),this.fileHolder.click(),window.requestAnimationFrame(()=>{document.body.removeChild(this.fileHolder)})}handlePaste(i){let t=i.clipboardData||window.clipboardData;if(t&&(t.items||t.files)){let e=t.items||t.files;const s=[];for(let l=0;l<e.length;l++){let o=e[l].getAsFile?e[l].getAsFile():e[l];o&&(this.quill.focus(),this.range=this.quill.getSelection(),i.preventDefault(),s.push(o))}this.readAndUploadFiles(s)}}readAndUploadFiles(i=[]){if(i.length!==0)for(const t of i)n.uploadFile(t,this.options.projectName,this.options.onUploadProgress).then(e=>{this.options.onUpload&&this.options.onUpload(e)},e=>{this.options.onReject&&this.options.onReject(e),console.warn(e)})}fileChanged(){const i=this.fileHolder.files;this.readAndUploadFiles(i)}}module.exports=a;
+"use strict";const n=require("../helpers.cjs.js");class a{constructor(t,i){this.quill=t,this.options=i,this.range=null,this.placeholderDelta=null,this.options.project||console.warn("[Missing config] project name is required");var e=this.quill.getModule("toolbar");e&&e.addHandler("image",this.selectLocalImage.bind(this)),this.handlePaste=this.handlePaste.bind(this),this.quill.root.addEventListener("paste",this.handlePaste,!1)}selectLocalImage(){this.quill.focus(),this.range=this.quill.getSelection(),this.fileHolder=document.createElement("input"),this.fileHolder.setAttribute("type","file"),this.fileHolder.setAttribute("multiple","true"),this.fileHolder.setAttribute("style","visibility:hidden"),this.fileHolder.onchange=this.fileChanged.bind(this),document.body.appendChild(this.fileHolder),this.fileHolder.click(),window.requestAnimationFrame(()=>{document.body.removeChild(this.fileHolder)})}handlePaste(t){let i=t.clipboardData||window.clipboardData;if(i&&(i.items||i.files)){let e=i.items||i.files;const s=[];for(let l=0;l<e.length;l++){let o=e[l].getAsFile?e[l].getAsFile():e[l];o&&(this.quill.focus(),this.range=this.quill.getSelection(),t.preventDefault(),s.push(o))}this.readAndUploadFiles(s)}}readAndUploadFiles(t=[]){if(t.length!==0)for(const i of t)n.uploadFile(i,this.options.projectName,this.options.onUploadProgress).then(e=>{this.options.onUpload&&this.options.onUpload(e)},e=>{this.options.onReject&&this.options.onReject(e,i),console.warn(e)})}fileChanged(){const t=this.fileHolder.files;this.readAndUploadFiles(t)}}module.exports=a;
 //# sourceMappingURL=ImageUploader.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ImageUploader.cjs.js","sources":["../../../../../../../../src/containers/Feed/components/CommentInput/modules/ImageUploader.ts"],"sourcesContent":["// @ts-nocheck\n// inspired by quill-image-uploader\n// credit: NoelOConnell\n\nimport { uploadFile } from '../helpers'\n\nclass ImageUploader {\n  constructor(quill, options) {\n    this.quill = quill\n    this.options = options\n    this.range = null\n    this.placeholderDelta = null\n\n    if (!this.options.project) console.warn('[Missing config] project name is required')\n\n    var toolbar = this.quill.getModule('toolbar')\n    if (toolbar) {\n      toolbar.addHandler('image', this.selectLocalImage.bind(this))\n    }\n\n    this.handlePaste = this.handlePaste.bind(this)\n\n    this.quill.root.addEventListener('paste', this.handlePaste, false)\n  }\n\n  selectLocalImage() {\n    this.quill.focus()\n    this.range = this.quill.getSelection()\n    this.fileHolder = document.createElement('input')\n    this.fileHolder.setAttribute('type', 'file')\n    this.fileHolder.setAttribute('multiple', 'true')\n    this.fileHolder.setAttribute('style', 'visibility:hidden')\n\n    this.fileHolder.onchange = this.fileChanged.bind(this)\n\n    document.body.appendChild(this.fileHolder)\n\n    this.fileHolder.click()\n\n    window.requestAnimationFrame(() => {\n      document.body.removeChild(this.fileHolder)\n    })\n  }\n\n  handlePaste(evt) {\n    let clipboard = evt.clipboardData || window.clipboardData\n\n    // IE 11 is .files other browsers are .items\n    if (clipboard && (clipboard.items || clipboard.files)) {\n      let items = clipboard.items || clipboard.files\n\n      const files = []\n      for (let i = 0; i < items.length; i++) {\n        let file = items[i].getAsFile ? items[i].getAsFile() : items[i]\n\n        if (file) {\n          this.quill.focus()\n          this.range = this.quill.getSelection()\n          evt.preventDefault()\n\n          files.push(file)\n        }\n      }\n\n      this.readAndUploadFiles(files)\n    }\n  }\n\n  readAndUploadFiles(files = []) {\n    if (files.length === 0) return\n\n    for (const file of files) {\n      uploadFile(file, this.options.projectName, this.options.onUploadProgress).then(\n        (data) => {\n          this.options.onUpload && this.options.onUpload(data)\n        },\n        (error) => {\n          this.options.onReject && this.options.onReject(error)\n          console.warn(error)\n        },\n      )\n    }\n  }\n\n  fileChanged() {\n    const files = this.fileHolder.files\n    this.readAndUploadFiles(files)\n  }\n}\n\nexport default ImageUploader\n"],"names":["ImageUploader","quill","options","toolbar","evt","clipboard","items","files","i","file","uploadFile","data","error"],"mappings":"kDAMA,MAAMA,CAAc,CAClB,YAAYC,EAAOC,EAAS,CAC1B,KAAK,MAAQD,EACb,KAAK,QAAUC,EACf,KAAK,MAAQ,KACb,KAAK,iBAAmB,KAEnB,KAAK,QAAQ,SAAS,QAAQ,KAAK,2CAA2C,EAEnF,IAAIC,EAAU,KAAK,MAAM,UAAU,SAAS,EACxCA,GACFA,EAAQ,WAAW,QAAS,KAAK,iBAAiB,KAAK,IAAI,CAAC,EAG9D,KAAK,YAAc,KAAK,YAAY,KAAK,IAAI,EAE7C,KAAK,MAAM,KAAK,iBAAiB,QAAS,KAAK,YAAa,EAAK,CACnE,CAEA,kBAAmB,CACjB,KAAK,MAAM,MAAA,EACX,KAAK,MAAQ,KAAK,MAAM,aAAA,EACxB,KAAK,WAAa,SAAS,cAAc,OAAO,EAChD,KAAK,WAAW,aAAa,OAAQ,MAAM,EAC3C,KAAK,WAAW,aAAa,WAAY,MAAM,EAC/C,KAAK,WAAW,aAAa,QAAS,mBAAmB,EAEzD,KAAK,WAAW,SAAW,KAAK,YAAY,KAAK,IAAI,EAErD,SAAS,KAAK,YAAY,KAAK,UAAU,EAEzC,KAAK,WAAW,MAAA,EAEhB,OAAO,sBAAsB,IAAM,CACjC,SAAS,KAAK,YAAY,KAAK,UAAU,CAC3C,CAAC,CACH,CAEA,YAAYC,EAAK,CACf,IAAIC,EAAYD,EAAI,eAAiB,OAAO,cAG5C,GAAIC,IAAcA,EAAU,OAASA,EAAU,OAAQ,CACrD,IAAIC,EAAQD,EAAU,OAASA,EAAU,MAEzC,MAAME,EAAQ,CAAA,EACd,QAASC,EAAI,EAAGA,EAAIF,EAAM,OAAQE,IAAK,CACrC,IAAIC,EAAOH,EAAME,CAAC,EAAE,UAAYF,EAAME,CAAC,EAAE,YAAcF,EAAME,CAAC,EAE1DC,IACF,KAAK,MAAM,MAAA,EACX,KAAK,MAAQ,KAAK,MAAM,aAAA,EACxBL,EAAI,eAAA,EAEJG,EAAM,KAAKE,CAAI,EAEnB,CAEA,KAAK,mBAAmBF,CAAK,CAC/B,CACF,CAEA,mBAAmBA,EAAQ,GAAI,CAC7B,GAAIA,EAAM,SAAW,EAErB,UAAWE,KAAQF,EACjBG,aAAWD,EAAM,KAAK,QAAQ,YAAa,KAAK,QAAQ,gBAAgB,EAAE,KACvEE,GAAS,CACR,KAAK,QAAQ,UAAY,KAAK,QAAQ,SAASA,CAAI,CACrD,EACCC,GAAU,CACT,KAAK,QAAQ,UAAY,KAAK,QAAQ,SAASA,CAAK,EACpD,QAAQ,KAAKA,CAAK,CACpB,CAAA,CAGN,CAEA,aAAc,CACZ,MAAML,EAAQ,KAAK,WAAW,MAC9B,KAAK,mBAAmBA,CAAK,CAC/B,CACF"}
+{"version":3,"file":"ImageUploader.cjs.js","sources":["../../../../../../../../src/containers/Feed/components/CommentInput/modules/ImageUploader.ts"],"sourcesContent":["// @ts-nocheck\n// inspired by quill-image-uploader\n// credit: NoelOConnell\n\nimport { uploadFile } from '../helpers'\n\nclass ImageUploader {\n  constructor(quill, options) {\n    this.quill = quill\n    this.options = options\n    this.range = null\n    this.placeholderDelta = null\n\n    if (!this.options.project) console.warn('[Missing config] project name is required')\n\n    var toolbar = this.quill.getModule('toolbar')\n    if (toolbar) {\n      toolbar.addHandler('image', this.selectLocalImage.bind(this))\n    }\n\n    this.handlePaste = this.handlePaste.bind(this)\n\n    this.quill.root.addEventListener('paste', this.handlePaste, false)\n  }\n\n  selectLocalImage() {\n    this.quill.focus()\n    this.range = this.quill.getSelection()\n    this.fileHolder = document.createElement('input')\n    this.fileHolder.setAttribute('type', 'file')\n    this.fileHolder.setAttribute('multiple', 'true')\n    this.fileHolder.setAttribute('style', 'visibility:hidden')\n\n    this.fileHolder.onchange = this.fileChanged.bind(this)\n\n    document.body.appendChild(this.fileHolder)\n\n    this.fileHolder.click()\n\n    window.requestAnimationFrame(() => {\n      document.body.removeChild(this.fileHolder)\n    })\n  }\n\n  handlePaste(evt) {\n    let clipboard = evt.clipboardData || window.clipboardData\n\n    // IE 11 is .files other browsers are .items\n    if (clipboard && (clipboard.items || clipboard.files)) {\n      let items = clipboard.items || clipboard.files\n\n      const files = []\n      for (let i = 0; i < items.length; i++) {\n        let file = items[i].getAsFile ? items[i].getAsFile() : items[i]\n\n        if (file) {\n          this.quill.focus()\n          this.range = this.quill.getSelection()\n          evt.preventDefault()\n\n          files.push(file)\n        }\n      }\n\n      this.readAndUploadFiles(files)\n    }\n  }\n\n  readAndUploadFiles(files = []) {\n    if (files.length === 0) return\n\n    for (const file of files) {\n      uploadFile(file, this.options.projectName, this.options.onUploadProgress).then(\n        (data) => {\n          this.options.onUpload && this.options.onUpload(data)\n        },\n        (error) => {\n          this.options.onReject && this.options.onReject(error, file)\n          console.warn(error)\n        },\n      )\n    }\n  }\n\n  fileChanged() {\n    const files = this.fileHolder.files\n    this.readAndUploadFiles(files)\n  }\n}\n\nexport default ImageUploader\n"],"names":["ImageUploader","quill","options","toolbar","evt","clipboard","items","files","i","file","uploadFile","data","error"],"mappings":"kDAMA,MAAMA,CAAc,CAClB,YAAYC,EAAOC,EAAS,CAC1B,KAAK,MAAQD,EACb,KAAK,QAAUC,EACf,KAAK,MAAQ,KACb,KAAK,iBAAmB,KAEnB,KAAK,QAAQ,SAAS,QAAQ,KAAK,2CAA2C,EAEnF,IAAIC,EAAU,KAAK,MAAM,UAAU,SAAS,EACxCA,GACFA,EAAQ,WAAW,QAAS,KAAK,iBAAiB,KAAK,IAAI,CAAC,EAG9D,KAAK,YAAc,KAAK,YAAY,KAAK,IAAI,EAE7C,KAAK,MAAM,KAAK,iBAAiB,QAAS,KAAK,YAAa,EAAK,CACnE,CAEA,kBAAmB,CACjB,KAAK,MAAM,MAAA,EACX,KAAK,MAAQ,KAAK,MAAM,aAAA,EACxB,KAAK,WAAa,SAAS,cAAc,OAAO,EAChD,KAAK,WAAW,aAAa,OAAQ,MAAM,EAC3C,KAAK,WAAW,aAAa,WAAY,MAAM,EAC/C,KAAK,WAAW,aAAa,QAAS,mBAAmB,EAEzD,KAAK,WAAW,SAAW,KAAK,YAAY,KAAK,IAAI,EAErD,SAAS,KAAK,YAAY,KAAK,UAAU,EAEzC,KAAK,WAAW,MAAA,EAEhB,OAAO,sBAAsB,IAAM,CACjC,SAAS,KAAK,YAAY,KAAK,UAAU,CAC3C,CAAC,CACH,CAEA,YAAYC,EAAK,CACf,IAAIC,EAAYD,EAAI,eAAiB,OAAO,cAG5C,GAAIC,IAAcA,EAAU,OAASA,EAAU,OAAQ,CACrD,IAAIC,EAAQD,EAAU,OAASA,EAAU,MAEzC,MAAME,EAAQ,CAAA,EACd,QAASC,EAAI,EAAGA,EAAIF,EAAM,OAAQE,IAAK,CACrC,IAAIC,EAAOH,EAAME,CAAC,EAAE,UAAYF,EAAME,CAAC,EAAE,YAAcF,EAAME,CAAC,EAE1DC,IACF,KAAK,MAAM,MAAA,EACX,KAAK,MAAQ,KAAK,MAAM,aAAA,EACxBL,EAAI,eAAA,EAEJG,EAAM,KAAKE,CAAI,EAEnB,CAEA,KAAK,mBAAmBF,CAAK,CAC/B,CACF,CAEA,mBAAmBA,EAAQ,GAAI,CAC7B,GAAIA,EAAM,SAAW,EAErB,UAAWE,KAAQF,EACjBG,aAAWD,EAAM,KAAK,QAAQ,YAAa,KAAK,QAAQ,gBAAgB,EAAE,KACvEE,GAAS,CACR,KAAK,QAAQ,UAAY,KAAK,QAAQ,SAASA,CAAI,CACrD,EACCC,GAAU,CACT,KAAK,QAAQ,UAAY,KAAK,QAAQ,SAASA,EAAOH,CAAI,EAC1D,QAAQ,KAAKG,CAAK,CACpB,CAAA,CAGN,CAEA,aAAc,CACZ,MAAML,EAAQ,KAAK,WAAW,MAC9B,KAAK,mBAAmBA,CAAK,CAC/B,CACF"}