@ynput/ayon-frontend-shared 0.2.28 → 0.2.30

package/dist/shared/src/components/ReviewablesList/EditReviewableDialog.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"EditReviewableDialog.cjs.js","sources":["../../../../../src/components/ReviewablesList/EditReviewableDialog.tsx"],"sourcesContent":["import { useUpdateReviewableMutation } from '@shared/api'\nimport {\n  Button,\n  Dialog,\n  DialogProps,\n  InputText,\n  SaveButton,\n  Toolbar,\n} from '@ynput/ayon-react-components'\nimport { FC, FormEvent, useEffect, useRef, useState } from 'react'\nimport { toast } from 'react-toastify'\nimport { RenameTitle } from './ReviewablesList.styled'\n\ninterface EditReviewableDialogProps extends DialogProps {\n  label: string\n  onClose: () => void\n  activityId: string\n  projectName: string\n  versionId: string\n}\n\nconst EditReviewableDialog: FC<EditReviewableDialogProps> = ({\n  onClose,\n  label,\n  projectName,\n  versionId,\n  activityId,\n  ...props\n}) => {\n  const labelRef = useRef<HTMLInputElement>(null)\n  const [labelForm, setLabelForm] = useState('')\n\n  // prefill the label form with current label\n  useEffect(() => {\n    if (!labelRef.current) return\n    setLabelForm(label)\n    // highlight the text\n    labelRef.current?.select()\n\n    return () => {\n      setLabelForm('')\n    }\n  }, [label, labelRef.current])\n\n  const [updateReviewable, { isLoading }] = useUpdateReviewableMutation()\n\n  const handleUpdateReviewable = async () => {\n    try {\n      // update reviewable\n      await updateReviewable({\n        projectName,\n        versionId,\n        activityId,\n        updateReviewablesRequest: {\n          label: labelForm,\n        },\n      }).unwrap()\n\n      toast.success('Reviewable updated successfully')\n\n      // close dialog\n      onClose()\n    } catch (error) {\n      console.error(error)\n      toast.error('Failed to update reviewable')\n    }\n  }\n\n  const handleFormSubmit = (e: FormEvent<HTMLFormElement>) => {\n    e.preventDefault()\n    if (labelForm) {\n      handleUpdateReviewable()\n    }\n  }\n\n  const handleCancel = () => {\n    // clear form\n    setLabelForm('')\n    // close dialog\n    onClose()\n  }\n\n  return (\n    <Dialog\n      onClose={onClose}\n      header={<RenameTitle>{`Editing label: ${label}`}</RenameTitle>}\n      footer={\n        <Toolbar>\n          <Button label=\"Cancel\" onClick={handleCancel} variant=\"text\" />\n          <SaveButton\n            label=\"Save\"\n            active={!!labelForm}\n            saving={isLoading}\n            type=\"submit\"\n            form=\"reviewable-form\"\n          />\n        </Toolbar>\n      }\n      size=\"sm\"\n      {...props}\n    >\n      <form onSubmit={handleFormSubmit} id=\"reviewable-form\">\n        <InputText\n          value={labelForm}\n          onChange={(e) => setLabelForm(e.target.value)}\n          placeholder=\"Enter a new label\"\n          style={{ width: '100%' }}\n          autoFocus\n          onKeyDown={(e) =>\n            e.key === 'Enter' && (e.ctrlKey || e.metaKey) && handleUpdateReviewable()\n          }\n          ref={labelRef}\n        />\n      </form>\n    </Dialog>\n  )\n}\n\nexport default EditReviewableDialog\n"],"names":["EditReviewableDialog","onClose","label","projectName","versionId","activityId","props","labelRef","useRef","labelForm","setLabelForm","useState","useEffect","_a","updateReviewable","isLoading","useUpdateReviewableMutation","handleUpdateReviewable","toast","error","handleFormSubmit","handleCancel","jsx","Dialog","RenameTitle","Toolbar","Button","SaveButton","InputText"],"mappings":"utIAqBMA,EAAsD,CAAC,CAC3D,QAAAC,EACA,MAAAC,EACA,YAAAC,EACA,UAAAC,EACA,WAAAC,EACA,GAAGC,CACL,IAAM,CACE,MAAAC,EAAWC,SAAyB,IAAI,EACxC,CAACC,EAAWC,CAAY,EAAIC,EAAAA,SAAS,EAAE,EAG7CC,EAAAA,UAAU,IAAM,OACV,GAACL,EAAS,QACd,OAAAG,EAAaR,CAAK,GAElBW,EAAAN,EAAS,UAAT,MAAAM,EAAkB,SAEX,IAAM,CACXH,EAAa,EAAE,CACjB,CACC,EAAA,CAACR,EAAOK,EAAS,OAAO,CAAC,EAE5B,KAAM,CAACO,EAAkB,CAAE,UAAAC,CAAW,CAAA,EAAIC,EAAAA,4BAA4B,EAEhEC,EAAyB,SAAY,CACrC,GAAA,CAEF,MAAMH,EAAiB,CACrB,YAAAX,EACA,UAAAC,EACA,WAAAC,EACA,yBAA0B,CACxB,MAAOI,CAAA,CAEV,CAAA,EAAE,OAAO,EAEVS,EAAA,MAAM,QAAQ,iCAAiC,EAGvCjB,EAAA,QACDkB,EAAO,CACd,QAAQ,MAAMA,CAAK,EACnBD,EAAA,MAAM,MAAM,6BAA6B,CAAA,CAE7C,EAEME,EAAoB,GAAkC,CAC1D,EAAE,eAAe,EACbX,GACqBQ,EAAA,CAE3B,EAEMI,EAAe,IAAM,CAEzBX,EAAa,EAAE,EAEPT,EAAA,CACV,EAGE,OAAAqB,EAAA,kBAAA,IAACC,EAAA,OAAA,CACC,QAAAtB,EACA,OAAQqB,EAAAA,kBAAAA,IAACE,EAAAA,YAAa,CAAA,SAAA,kBAAkBtB,CAAK,GAAG,EAChD,gCACGuB,UACC,CAAA,SAAA,CAAAH,wBAACI,EAAAA,QAAO,MAAM,SAAS,QAASL,EAAc,QAAQ,OAAO,EAC7DC,EAAA,kBAAA,IAACK,EAAA,WAAA,CACC,MAAM,OACN,OAAQ,CAAC,CAAClB,EACV,OAAQM,EACR,KAAK,SACL,KAAK,iBAAA,CAAA,CACP,EACF,EAEF,KAAK,KACJ,GAAGT,EAEJ,SAACgB,EAAAA,kBAAAA,IAAA,OAAA,CAAK,SAAUF,EAAkB,GAAG,kBACnC,SAAAE,EAAA,kBAAA,IAACM,EAAA,UAAA,CACC,MAAOnB,EACP,SAAW,GAAMC,EAAa,EAAE,OAAO,KAAK,EAC5C,YAAY,oBACZ,MAAO,CAAE,MAAO,MAAO,EACvB,UAAS,GACT,UAAY,GACV,EAAE,MAAQ,UAAY,EAAE,SAAW,EAAE,UAAYO,EAAuB,EAE1E,IAAKV,CAAA,CAAA,CAET,CAAA,CAAA,CACF,CAEJ"}
+{"version":3,"file":"EditReviewableDialog.cjs.js","sources":["../../../../../src/components/ReviewablesList/EditReviewableDialog.tsx"],"sourcesContent":["import { useUpdateReviewableMutation } from '@shared/api'\nimport {\n  Button,\n  Dialog,\n  DialogProps,\n  InputText,\n  SaveButton,\n  Toolbar,\n} from '@ynput/ayon-react-components'\nimport { FC, FormEvent, useEffect, useRef, useState } from 'react'\nimport { toast } from 'react-toastify'\nimport { RenameTitle } from './ReviewablesList.styled'\n\ninterface EditReviewableDialogProps extends DialogProps {\n  label: string\n  onClose: () => void\n  activityId: string\n  projectName: string\n  versionId: string\n}\n\nconst EditReviewableDialog: FC<EditReviewableDialogProps> = ({\n  onClose,\n  label,\n  projectName,\n  versionId,\n  activityId,\n  ...props\n}) => {\n  const labelRef = useRef<HTMLInputElement>(null)\n  const [labelForm, setLabelForm] = useState('')\n\n  // prefill the label form with current label\n  useEffect(() => {\n    if (!labelRef.current) return\n    setLabelForm(label)\n    // highlight the text\n    labelRef.current?.select()\n\n    return () => {\n      setLabelForm('')\n    }\n  }, [label, labelRef.current])\n\n  const [updateReviewable, { isLoading }] = useUpdateReviewableMutation()\n\n  const handleUpdateReviewable = async () => {\n    try {\n      // update reviewable\n      await updateReviewable({\n        projectName,\n        versionId,\n        activityId,\n        updateReviewablesRequest: {\n          label: labelForm,\n        },\n      }).unwrap()\n\n      toast.success('Reviewable updated successfully')\n\n      // close dialog\n      onClose()\n    } catch (error) {\n      console.error(error)\n      toast.error('Failed to update reviewable')\n    }\n  }\n\n  const handleFormSubmit = (e: FormEvent<HTMLFormElement>) => {\n    e.preventDefault()\n    if (labelForm) {\n      handleUpdateReviewable()\n    }\n  }\n\n  const handleCancel = () => {\n    // clear form\n    setLabelForm('')\n    // close dialog\n    onClose()\n  }\n\n  return (\n    <Dialog\n      onClose={onClose}\n      header={<RenameTitle>{`Editing label: ${label}`}</RenameTitle>}\n      footer={\n        <Toolbar>\n          <Button label=\"Cancel\" onClick={handleCancel} variant=\"text\" />\n          <SaveButton\n            label=\"Save\"\n            active={!!labelForm}\n            saving={isLoading}\n            type=\"submit\"\n            form=\"reviewable-form\"\n          />\n        </Toolbar>\n      }\n      size=\"sm\"\n      {...props}\n    >\n      <form onSubmit={handleFormSubmit} id=\"reviewable-form\">\n        <InputText\n          value={labelForm}\n          onChange={(e) => setLabelForm(e.target.value)}\n          placeholder=\"Enter a new label\"\n          style={{ width: '100%' }}\n          autoFocus\n          onKeyDown={(e) =>\n            e.key === 'Enter' && (e.ctrlKey || e.metaKey) && handleUpdateReviewable()\n          }\n          ref={labelRef}\n        />\n      </form>\n    </Dialog>\n  )\n}\n\nexport default EditReviewableDialog\n"],"names":["EditReviewableDialog","onClose","label","projectName","versionId","activityId","props","labelRef","useRef","labelForm","setLabelForm","useState","useEffect","_a","updateReviewable","isLoading","useUpdateReviewableMutation","handleUpdateReviewable","toast","error","handleFormSubmit","handleCancel","jsx","Dialog","RenameTitle","Toolbar","Button","SaveButton","InputText"],"mappings":"mxIAqBMA,EAAsD,CAAC,CAC3D,QAAAC,EACA,MAAAC,EACA,YAAAC,EACA,UAAAC,EACA,WAAAC,EACA,GAAGC,CACL,IAAM,CACE,MAAAC,EAAWC,SAAyB,IAAI,EACxC,CAACC,EAAWC,CAAY,EAAIC,EAAAA,SAAS,EAAE,EAG7CC,EAAAA,UAAU,IAAM,OACV,GAACL,EAAS,QACd,OAAAG,EAAaR,CAAK,GAElBW,EAAAN,EAAS,UAAT,MAAAM,EAAkB,SAEX,IAAM,CACXH,EAAa,EAAE,CACjB,CACC,EAAA,CAACR,EAAOK,EAAS,OAAO,CAAC,EAE5B,KAAM,CAACO,EAAkB,CAAE,UAAAC,CAAW,CAAA,EAAIC,EAAAA,4BAA4B,EAEhEC,EAAyB,SAAY,CACrC,GAAA,CAEF,MAAMH,EAAiB,CACrB,YAAAX,EACA,UAAAC,EACA,WAAAC,EACA,yBAA0B,CACxB,MAAOI,CAAA,CAEV,CAAA,EAAE,OAAO,EAEVS,EAAA,MAAM,QAAQ,iCAAiC,EAGvCjB,EAAA,QACDkB,EAAO,CACd,QAAQ,MAAMA,CAAK,EACnBD,EAAA,MAAM,MAAM,6BAA6B,CAAA,CAE7C,EAEME,EAAoB,GAAkC,CAC1D,EAAE,eAAe,EACbX,GACqBQ,EAAA,CAE3B,EAEMI,EAAe,IAAM,CAEzBX,EAAa,EAAE,EAEPT,EAAA,CACV,EAGE,OAAAqB,EAAA,kBAAA,IAACC,EAAA,OAAA,CACC,QAAAtB,EACA,OAAQqB,EAAAA,kBAAAA,IAACE,EAAAA,YAAa,CAAA,SAAA,kBAAkBtB,CAAK,GAAG,EAChD,gCACGuB,UACC,CAAA,SAAA,CAAAH,wBAACI,EAAAA,QAAO,MAAM,SAAS,QAASL,EAAc,QAAQ,OAAO,EAC7DC,EAAA,kBAAA,IAACK,EAAA,WAAA,CACC,MAAM,OACN,OAAQ,CAAC,CAAClB,EACV,OAAQM,EACR,KAAK,SACL,KAAK,iBAAA,CAAA,CACP,EACF,EAEF,KAAK,KACJ,GAAGT,EAEJ,SAACgB,EAAAA,kBAAAA,IAAA,OAAA,CAAK,SAAUF,EAAkB,GAAG,kBACnC,SAAAE,EAAA,kBAAA,IAACM,EAAA,UAAA,CACC,MAAOnB,EACP,SAAW,GAAMC,EAAa,EAAE,OAAO,KAAK,EAC5C,YAAY,oBACZ,MAAO,CAAE,MAAO,MAAO,EACvB,UAAS,GACT,UAAY,GACV,EAAE,MAAQ,UAAY,EAAE,SAAW,EAAE,UAAYO,EAAuB,EAE1E,IAAKV,CAAA,CAAA,CAET,CAAA,CAAA,CACF,CAEJ"}

package/dist/shared/src/components/ReviewablesList/EditReviewableDialog.es.js

@@ -55,6 +55,7 @@ import "../../api/queries/entityLists/getLists.es.js";
 import "../../api/queries/entityLists/updateLists.es.js";
 import "../../api/queries/entityLists/getListsAttributes.es.js";
 import "../../api/queries/entityLists/updateListsAttributes.es.js";
+import "../../api/queries/entityLists/listFolders.es.js";
 import "../../api/queries/folders/getFolders.es.js";
 import "../../api/queries/grouping/getGrouping.es.js";
 import "../../api/queries/links/updateLinks.es.js";
@@ -81,7 +82,7 @@ import { Dialog as h, InputText as x, Toolbar as R, Button as j, SaveButton as y
 import { useRef as g, useState as E, useEffect as F } from "react";
 import { toast as l } from "react-toastify";
 import { RenameTitle as S } from "./ReviewablesList.styled.es.js";
-const or = ({
+const ir = ({
   onClose: m,
   label: p,
   projectName: n,
@@ -151,6 +152,6 @@ const or = ({
   );
 };
 export {
-  or as default
+  ir as default
 };
 //# sourceMappingURL=EditReviewableDialog.es.js.map

package/dist/shared/src/components/ReviewablesList/EditReviewableDialog.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"EditReviewableDialog.es.js","sources":["../../../../../src/components/ReviewablesList/EditReviewableDialog.tsx"],"sourcesContent":["import { useUpdateReviewableMutation } from '@shared/api'\nimport {\n  Button,\n  Dialog,\n  DialogProps,\n  InputText,\n  SaveButton,\n  Toolbar,\n} from '@ynput/ayon-react-components'\nimport { FC, FormEvent, useEffect, useRef, useState } from 'react'\nimport { toast } from 'react-toastify'\nimport { RenameTitle } from './ReviewablesList.styled'\n\ninterface EditReviewableDialogProps extends DialogProps {\n  label: string\n  onClose: () => void\n  activityId: string\n  projectName: string\n  versionId: string\n}\n\nconst EditReviewableDialog: FC<EditReviewableDialogProps> = ({\n  onClose,\n  label,\n  projectName,\n  versionId,\n  activityId,\n  ...props\n}) => {\n  const labelRef = useRef<HTMLInputElement>(null)\n  const [labelForm, setLabelForm] = useState('')\n\n  // prefill the label form with current label\n  useEffect(() => {\n    if (!labelRef.current) return\n    setLabelForm(label)\n    // highlight the text\n    labelRef.current?.select()\n\n    return () => {\n      setLabelForm('')\n    }\n  }, [label, labelRef.current])\n\n  const [updateReviewable, { isLoading }] = useUpdateReviewableMutation()\n\n  const handleUpdateReviewable = async () => {\n    try {\n      // update reviewable\n      await updateReviewable({\n        projectName,\n        versionId,\n        activityId,\n        updateReviewablesRequest: {\n          label: labelForm,\n        },\n      }).unwrap()\n\n      toast.success('Reviewable updated successfully')\n\n      // close dialog\n      onClose()\n    } catch (error) {\n      console.error(error)\n      toast.error('Failed to update reviewable')\n    }\n  }\n\n  const handleFormSubmit = (e: FormEvent<HTMLFormElement>) => {\n    e.preventDefault()\n    if (labelForm) {\n      handleUpdateReviewable()\n    }\n  }\n\n  const handleCancel = () => {\n    // clear form\n    setLabelForm('')\n    // close dialog\n    onClose()\n  }\n\n  return (\n    <Dialog\n      onClose={onClose}\n      header={<RenameTitle>{`Editing label: ${label}`}</RenameTitle>}\n      footer={\n        <Toolbar>\n          <Button label=\"Cancel\" onClick={handleCancel} variant=\"text\" />\n          <SaveButton\n            label=\"Save\"\n            active={!!labelForm}\n            saving={isLoading}\n            type=\"submit\"\n            form=\"reviewable-form\"\n          />\n        </Toolbar>\n      }\n      size=\"sm\"\n      {...props}\n    >\n      <form onSubmit={handleFormSubmit} id=\"reviewable-form\">\n        <InputText\n          value={labelForm}\n          onChange={(e) => setLabelForm(e.target.value)}\n          placeholder=\"Enter a new label\"\n          style={{ width: '100%' }}\n          autoFocus\n          onKeyDown={(e) =>\n            e.key === 'Enter' && (e.ctrlKey || e.metaKey) && handleUpdateReviewable()\n          }\n          ref={labelRef}\n        />\n      </form>\n    </Dialog>\n  )\n}\n\nexport default EditReviewableDialog\n"],"names":["EditReviewableDialog","onClose","label","projectName","versionId","activityId","props","labelRef","useRef","labelForm","setLabelForm","useState","useEffect","_a","updateReviewable","isLoading","useUpdateReviewableMutation","handleUpdateReviewable","toast","error","handleFormSubmit","e","handleCancel","jsx","Dialog","RenameTitle","Toolbar","Button","SaveButton","InputText"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA,MAAMA,KAAsD,CAAC;AAAA,EAC3D,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACE,QAAAC,IAAWC,EAAyB,IAAI,GACxC,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAE;AAG7C,EAAAC,EAAU,MAAM;;AACV,QAACL,EAAS;AACd,aAAAG,EAAaR,CAAK,IAElBW,IAAAN,EAAS,YAAT,QAAAM,EAAkB,UAEX,MAAM;AACX,QAAAH,EAAa,EAAE;AAAA,MACjB;AAAA,EACC,GAAA,CAACR,GAAOK,EAAS,OAAO,CAAC;AAE5B,QAAM,CAACO,GAAkB,EAAE,WAAAC,EAAW,CAAA,IAAIC,EAA4B,GAEhEC,IAAyB,YAAY;AACrC,QAAA;AAEF,YAAMH,EAAiB;AAAA,QACrB,aAAAX;AAAA,QACA,WAAAC;AAAA,QACA,YAAAC;AAAA,QACA,0BAA0B;AAAA,UACxB,OAAOI;AAAA,QAAA;AAAA,MAEV,CAAA,EAAE,OAAO,GAEVS,EAAM,QAAQ,iCAAiC,GAGvCjB,EAAA;AAAA,aACDkB,GAAO;AACd,cAAQ,MAAMA,CAAK,GACnBD,EAAM,MAAM,6BAA6B;AAAA,IAAA;AAAA,EAE7C,GAEME,IAAmB,CAACC,MAAkC;AAC1D,IAAAA,EAAE,eAAe,GACbZ,KACqBQ,EAAA;AAAA,EAE3B,GAEMK,IAAe,MAAM;AAEzB,IAAAZ,EAAa,EAAE,GAEPT,EAAA;AAAA,EACV;AAGE,SAAAsB,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAAvB;AAAA,MACA,QAAQsB,gBAAAA,EAAAA,IAACE,GAAa,EAAA,UAAA,kBAAkBvB,CAAK,IAAG;AAAA,MAChD,+BACGwB,GACC,EAAA,UAAA;AAAA,QAAAH,gBAAAA,MAACI,KAAO,OAAM,UAAS,SAASL,GAAc,SAAQ,QAAO;AAAA,QAC7DC,gBAAAA,EAAA;AAAA,UAACK;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,QAAQ,CAAC,CAACnB;AAAA,YACV,QAAQM;AAAA,YACR,MAAK;AAAA,YACL,MAAK;AAAA,UAAA;AAAA,QAAA;AAAA,MACP,GACF;AAAA,MAEF,MAAK;AAAA,MACJ,GAAGT;AAAA,MAEJ,UAACiB,gBAAAA,EAAAA,IAAA,QAAA,EAAK,UAAUH,GAAkB,IAAG,mBACnC,UAAAG,gBAAAA,EAAA;AAAA,QAACM;AAAA,QAAA;AAAA,UACC,OAAOpB;AAAA,UACP,UAAU,CAACY,MAAMX,EAAaW,EAAE,OAAO,KAAK;AAAA,UAC5C,aAAY;AAAA,UACZ,OAAO,EAAE,OAAO,OAAO;AAAA,UACvB,WAAS;AAAA,UACT,WAAW,CAACA,MACVA,EAAE,QAAQ,YAAYA,EAAE,WAAWA,EAAE,YAAYJ,EAAuB;AAAA,UAE1E,KAAKV;AAAA,QAAA;AAAA,MAAA,EAET,CAAA;AAAA,IAAA;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"EditReviewableDialog.es.js","sources":["../../../../../src/components/ReviewablesList/EditReviewableDialog.tsx"],"sourcesContent":["import { useUpdateReviewableMutation } from '@shared/api'\nimport {\n  Button,\n  Dialog,\n  DialogProps,\n  InputText,\n  SaveButton,\n  Toolbar,\n} from '@ynput/ayon-react-components'\nimport { FC, FormEvent, useEffect, useRef, useState } from 'react'\nimport { toast } from 'react-toastify'\nimport { RenameTitle } from './ReviewablesList.styled'\n\ninterface EditReviewableDialogProps extends DialogProps {\n  label: string\n  onClose: () => void\n  activityId: string\n  projectName: string\n  versionId: string\n}\n\nconst EditReviewableDialog: FC<EditReviewableDialogProps> = ({\n  onClose,\n  label,\n  projectName,\n  versionId,\n  activityId,\n  ...props\n}) => {\n  const labelRef = useRef<HTMLInputElement>(null)\n  const [labelForm, setLabelForm] = useState('')\n\n  // prefill the label form with current label\n  useEffect(() => {\n    if (!labelRef.current) return\n    setLabelForm(label)\n    // highlight the text\n    labelRef.current?.select()\n\n    return () => {\n      setLabelForm('')\n    }\n  }, [label, labelRef.current])\n\n  const [updateReviewable, { isLoading }] = useUpdateReviewableMutation()\n\n  const handleUpdateReviewable = async () => {\n    try {\n      // update reviewable\n      await updateReviewable({\n        projectName,\n        versionId,\n        activityId,\n        updateReviewablesRequest: {\n          label: labelForm,\n        },\n      }).unwrap()\n\n      toast.success('Reviewable updated successfully')\n\n      // close dialog\n      onClose()\n    } catch (error) {\n      console.error(error)\n      toast.error('Failed to update reviewable')\n    }\n  }\n\n  const handleFormSubmit = (e: FormEvent<HTMLFormElement>) => {\n    e.preventDefault()\n    if (labelForm) {\n      handleUpdateReviewable()\n    }\n  }\n\n  const handleCancel = () => {\n    // clear form\n    setLabelForm('')\n    // close dialog\n    onClose()\n  }\n\n  return (\n    <Dialog\n      onClose={onClose}\n      header={<RenameTitle>{`Editing label: ${label}`}</RenameTitle>}\n      footer={\n        <Toolbar>\n          <Button label=\"Cancel\" onClick={handleCancel} variant=\"text\" />\n          <SaveButton\n            label=\"Save\"\n            active={!!labelForm}\n            saving={isLoading}\n            type=\"submit\"\n            form=\"reviewable-form\"\n          />\n        </Toolbar>\n      }\n      size=\"sm\"\n      {...props}\n    >\n      <form onSubmit={handleFormSubmit} id=\"reviewable-form\">\n        <InputText\n          value={labelForm}\n          onChange={(e) => setLabelForm(e.target.value)}\n          placeholder=\"Enter a new label\"\n          style={{ width: '100%' }}\n          autoFocus\n          onKeyDown={(e) =>\n            e.key === 'Enter' && (e.ctrlKey || e.metaKey) && handleUpdateReviewable()\n          }\n          ref={labelRef}\n        />\n      </form>\n    </Dialog>\n  )\n}\n\nexport default EditReviewableDialog\n"],"names":["EditReviewableDialog","onClose","label","projectName","versionId","activityId","props","labelRef","useRef","labelForm","setLabelForm","useState","useEffect","_a","updateReviewable","isLoading","useUpdateReviewableMutation","handleUpdateReviewable","toast","error","handleFormSubmit","e","handleCancel","jsx","Dialog","RenameTitle","Toolbar","Button","SaveButton","InputText"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA,MAAMA,KAAsD,CAAC;AAAA,EAC3D,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACE,QAAAC,IAAWC,EAAyB,IAAI,GACxC,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAE;AAG7C,EAAAC,EAAU,MAAM;;AACV,QAACL,EAAS;AACd,aAAAG,EAAaR,CAAK,IAElBW,IAAAN,EAAS,YAAT,QAAAM,EAAkB,UAEX,MAAM;AACX,QAAAH,EAAa,EAAE;AAAA,MACjB;AAAA,EACC,GAAA,CAACR,GAAOK,EAAS,OAAO,CAAC;AAE5B,QAAM,CAACO,GAAkB,EAAE,WAAAC,EAAW,CAAA,IAAIC,EAA4B,GAEhEC,IAAyB,YAAY;AACrC,QAAA;AAEF,YAAMH,EAAiB;AAAA,QACrB,aAAAX;AAAA,QACA,WAAAC;AAAA,QACA,YAAAC;AAAA,QACA,0BAA0B;AAAA,UACxB,OAAOI;AAAA,QAAA;AAAA,MAEV,CAAA,EAAE,OAAO,GAEVS,EAAM,QAAQ,iCAAiC,GAGvCjB,EAAA;AAAA,aACDkB,GAAO;AACd,cAAQ,MAAMA,CAAK,GACnBD,EAAM,MAAM,6BAA6B;AAAA,IAAA;AAAA,EAE7C,GAEME,IAAmB,CAACC,MAAkC;AAC1D,IAAAA,EAAE,eAAe,GACbZ,KACqBQ,EAAA;AAAA,EAE3B,GAEMK,IAAe,MAAM;AAEzB,IAAAZ,EAAa,EAAE,GAEPT,EAAA;AAAA,EACV;AAGE,SAAAsB,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAAvB;AAAA,MACA,QAAQsB,gBAAAA,EAAAA,IAACE,GAAa,EAAA,UAAA,kBAAkBvB,CAAK,IAAG;AAAA,MAChD,+BACGwB,GACC,EAAA,UAAA;AAAA,QAAAH,gBAAAA,MAACI,KAAO,OAAM,UAAS,SAASL,GAAc,SAAQ,QAAO;AAAA,QAC7DC,gBAAAA,EAAA;AAAA,UAACK;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,QAAQ,CAAC,CAACnB;AAAA,YACV,QAAQM;AAAA,YACR,MAAK;AAAA,YACL,MAAK;AAAA,UAAA;AAAA,QAAA;AAAA,MACP,GACF;AAAA,MAEF,MAAK;AAAA,MACJ,GAAGT;AAAA,MAEJ,UAACiB,gBAAAA,EAAAA,IAAA,QAAA,EAAK,UAAUH,GAAkB,IAAG,mBACnC,UAAAG,gBAAAA,EAAA;AAAA,QAACM;AAAA,QAAA;AAAA,UACC,OAAOpB;AAAA,UACP,UAAU,CAACY,MAAMX,EAAaW,EAAE,OAAO,KAAK;AAAA,UAC5C,aAAY;AAAA,UACZ,OAAO,EAAE,OAAO,OAAO;AAAA,UACvB,WAAS;AAAA,UACT,WAAW,CAACA,MACVA,EAAE,QAAQ,YAAYA,EAAE,WAAWA,EAAE,YAAYJ,EAAuB;AAAA,UAE1E,KAAKV;AAAA,QAAA;AAAA,MAAA,EAET,CAAA;AAAA,IAAA;AAAA,EACF;AAEJ;"}

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

@@ -1,2 +1,2 @@
-"use strict";const u=require("../../../../_virtual/jsx-runtime.cjs.js"),T=require("react");require("../../api/base/client.cjs.js");require("../../api/generated/graphql.cjs.js");require("../../api/generated/graphqlLinks.cjs.js");require("../../api/generated/access.cjs.js");require("../../api/generated/actions.cjs.js");require("../../api/generated/activityFeed.cjs.js");require("../../api/generated/addons.cjs.js");require("../../api/generated/anatomy.cjs.js");require("../../api/generated/attributes.cjs.js");require("../../api/generated/authentication.cjs.js");require("../../api/generated/bundles.cjs.js");require("../../api/generated/configuration.cjs.js");require("../../api/generated/desktop.cjs.js");require("../../api/generated/entityLists.cjs.js");require("../../api/generated/events.cjs.js");require("../../api/generated/files.cjs.js");require("../../api/generated/folders.cjs.js");require("../../api/generated/inbox.cjs.js");require("../../api/generated/links.cjs.js");require("../../api/generated/market.cjs.js");require("../../api/generated/onboarding.cjs.js");require("../../api/generated/operations.cjs.js");require("../../api/generated/products.cjs.js");require("../../api/generated/projectDashboard.cjs.js");require("../../api/generated/projects.cjs.js");require("../../api/generated/reviewables.cjs.js");require("../../api/generated/services.cjs.js");require("../../api/generated/system.cjs.js");require("../../api/generated/tasks.cjs.js");require("../../api/generated/teams.cjs.js");require("../../api/generated/thumbnails.cjs.js");require("../../api/generated/uRIs.cjs.js");require("../../api/generated/users.cjs.js");require("../../api/generated/versions.cjs.js");require("../../api/generated/workfiles.cjs.js");require("../../api/generated/ynputCloud.cjs.js");require("../../api/generated/grouping.cjs.js");require("../../api/generated/views.cjs.js");require("../../api/queries/actions/getActions.cjs.js");require("../../api/queries/activities/getActivities.cjs.js");require("../../api/queries/activities/updateActivities.cjs.js");require("../../api/queries/activities/updateReaction.cjs.js");require("../../api/queries/activities/getMentions.cjs.js");require("../../api/queries/addons/getAddons.cjs.js");require("../../api/queries/addons/updateAddons.cjs.js");require("../../api/queries/attributes/getAttributes.cjs.js");require("../../api/queries/attributes/updateAttributes.cjs.js");require("../../api/queries/authentication/getAuthentication.cjs.js");require("../../api/queries/cloud/cloud.cjs.js");require("../../api/queries/entities/getEntity.cjs.js");require("../../api/queries/entities/getEntityPanel.cjs.js");require("../../api/queries/entities/updateEntity.cjs.js");require("../../api/queries/entityLists/getLists.cjs.js");require("../../api/queries/entityLists/updateLists.cjs.js");require("../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../api/queries/folders/getFolders.cjs.js");require("../../api/queries/grouping/getGrouping.cjs.js");require("../../api/queries/links/updateLinks.cjs.js");require("../../api/queries/links/getLinks.cjs.js");require("../../api/queries/links/getEntityLinks.cjs.js");require("../../api/queries/overview/getOverview.cjs.js");require("../../api/queries/overview/updateOverview.cjs.js");require("../../api/queries/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.cjs.js");require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.cjs.js");const A=require("../../api/queries/review/getReview.cjs.js"),L=require("../../api/queries/review/updateReview.cjs.js");require("../../api/queries/share/share.cjs.js");require("../../api/queries/system/getSystem.cjs.js");require("../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../api/queries/users/getUsers.cjs.js");require("../../api/queries/users/updateUsers.cjs.js");require("../../api/queries/versions/updateVersions.cjs.js");require("../../api/queries/views/getViews.cjs.js");require("../../api/queries/views/updateViews.cjs.js");require("../../api/queries/watchers/getWatchers.cjs.js");const o=require("@dnd-kit/core"),f=require("@dnd-kit/sortable");require("@ynput/ayon-react-components");require("clsx");require("../ThumbnailSimple/ThumbnailSimple.cjs.js");require("../EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");const V=require("react-toastify"),ne=require("./SortableReviewableCard.cjs.js"),oe=require("./ReviewablesList.styled.cjs.js"),qe=require("./getGroupedReviewables.cjs.js");require("../../containers/ContextMenu/ContextMenuContext.cjs.js");;/* empty css                                                 */const ae=require("../../containers/ContextMenu/useCreateContextMenu.cjs.js"),le=require("../../util/confirmDelete.cjs.js");require("uuid");require("lodash");require("../../util/pubsub.cjs.js");const de=require("./EditReviewableDialog.cjs.js"),ce=require("./ReviewablesUpload.cjs.js");require("../../context/RemoteModulesContext.cjs.js");const pe=require("../../context/DetailsPanelContext.cjs.js");require("../../context/ThumbnailUploaderContext.cjs.js");require("../../context/SettingsPanelContext.cjs.js");require("../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../context/pip/PiPWrapper.cjs.js");require("../../context/AddonProjectContext.cjs.js");require("../../context/AddonContext.cjs.js");require("../../context/PowerpackContext.cjs.js");require("../../context/MoveEntityContext.cjs.js");require("axios");const xe=require("../ReviewableCard/ReviewableCard.cjs.js"),C=require("../ReviewableProgressCard/ReviewableProgressCard.cjs.js");require("../FileThumbnail/FileThumbnail.cjs.js");require("../Thumbnail/Thumbnail.styled.cjs.js");require("../Thumbnail/StackedThumbnails.cjs.js");require("../../containers/Feed/context/FeedContext.cjs.js");require("../../containers/Feed/components/Tooltips/UserTooltip/UserTooltip.styled.cjs.js");require("../../containers/Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");require("../../containers/Feed/components/FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../../containers/Feed/components/FileUploadPreview/Mimes/TextMime.cjs.js");require("react-markdown");require("remark-emoji");require("remark-gfm");require("remark-directive");require("remark-directive-rehype");require("../../containers/Feed/components/CommentInput/CommentInput.cjs.js");require("../../containers/Feed/components/ReactionContainer/Reactions.styled.cjs.js");require("../../containers/Feed/components/FilesGrid/FilesGrid.styled.cjs.js");require("../../containers/Feed/components/FileUploadCard/FileUploadCard.styled.cjs.js");require("../../containers/Feed/components/CommentInput/quillToMarkdown.cjs.js");require("../../containers/Feed/components/ActivityComment/ActivityComment.styled.cjs.js");require("../../containers/Feed/components/ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../../containers/Feed/components/ActivityReference/ActivityReference.styled.cjs.js");require("react-router-dom");require("../../containers/Feed/components/ActivityStatus/ActivityStatus.cjs.js");require("../../containers/Feed/components/ActivityHeader/ActivityHeader.styled.cjs.js");require("../../containers/Feed/components/ActivityDate.cjs.js");require("../../containers/Feed/components/ActivityStatusChange/ActivityStatusChange.styled.cjs.js");require("../../containers/Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");require("../../containers/Feed/components/ActivityVersions/ActivityVersions.styled.cjs.js");require("../../containers/Feed/components/ActivityGroup/ActivityGroup.styled.cjs.js");require("../../containers/Feed/Feed.styled.cjs.js");require("date-fns");require("../../containers/ProjectTreeTable/ProjectTreeTable.cjs.js");require("../../containers/ProjectTreeTable/context/CellEditingContext.cjs.js");require("@tanstack/react-table");require("../../containers/ProjectTreeTable/widgets/CollapsedWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/DateWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EnumWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/TextWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/BooleanWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/CellWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EntityNameWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/GroupHeaderWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/ThumbnailWidget.cjs.js");require("../LinksManager/LinksManagerDialog.cjs.js");require("../../containers/ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");require("../../containers/ProjectTreeTable/context/SelectedRowsContext.cjs.js");require("../../containers/ProjectTreeTable/ProjectTreeTable.styled.cjs.js");require("../../containers/ProjectTreeTable/components/SelectionCell.cjs.js");require("../../containers/ProjectTreeTable/components/RowSelectionHeader.cjs.js");require("../../containers/ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../../containers/ProjectTreeTable/widgets/LoadMoreWidget.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectTableContext.cjs.js");require("../../containers/ProjectTreeTable/context/ClipboardContext.cjs.js");require("../../containers/ProjectTreeTable/context/ColumnSettingsContext.cjs.js");require("../../../../_virtual/runtime.cjs.js");require("../../../../_virtual/semver.cjs.js");require("react-redux");require("custom-protocol-check");require("../../containers/ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectDataContext.cjs.js");require("../../containers/ProjectTreeTable/components/HeaderActionButton.cjs.js");require("../../containers/ProjectTreeTable/components/ColumnHeaderMenu.cjs.js");require("../../containers/DetailsPanel/DetailsPanel.styled.cjs.js");require("../../containers/DetailsPanel/FeedFilters/FeedFilters.styled.cjs.js");require("../../containers/DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");require("../PlayableIcon/PlayableIcon.cjs.js");require("../../containers/DetailsPanel/DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../../containers/DetailsPanel/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../../containers/DetailsPanel/DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");require("../../containers/Actions/Actions.styled.cjs.js");require("../../containers/Actions/ActionsDropdown/ActionsDropdown.cjs.js");require("../../containers/Actions/ActionIcon.cjs.js");require("../../containers/Views/context/ViewsContext.cjs.js");require("../../containers/Views/Views.styled.cjs.js");require("../../containers/Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");require("../../containers/Views/ViewsMenu/ViewsMenu.cjs.js");require("../EntityPanelUploader/EntityPanelUploader.styled.cjs.js");require("../SimpleFormDialog/SimpleFormDialog.cjs.js");require("../EntityPath/EntityPath.styled.cjs.js");require("../EntityPath/SegmentProvider.cjs.js");require("../DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../Watchers/Watchers.cjs.js");require("../ProjectTableSettings/ProjectTableSettings.cjs.js");require("../Powerpack/PowerpackButton.cjs.js");require("../Powerpack/PricingLink.cjs.js");require("../Powerpack/PowerpackDialog.styled.cjs.js");require("../Powerpack/CTAButton.cjs.js");require("../Powerpack/RequiredPowerpackVersion.cjs.js");require("../SettingsPanel/SettingsPanel.cjs.js");require("../SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../AttributeEditor/components/MinMaxField.cjs.js");require("../EnumEditor/EnumEditor.styled.cjs.js");require("../SearchFilter/filterDates.cjs.js");require("../Badge/Badge.cjs.js");require("../VersionUploader/components/UploadVersionDialog.cjs.js");require("../VersionUploader/context/VersionUploadContext.cjs.js");require("../Feedback/FeedbackContext.cjs.js");require("../Feedback/SupportBubble.cjs.js");require("../Chips/Chips.cjs.js");require("../LinksManager/LinksManager.styled.cjs.js");require("../../containers/EntityPickerDialog/EntityPickerDialog.cjs.js");require("../DetailsMetaData/DetailsMetaData.cjs.js");require("../AccessUser/AccessUser.cjs.js");const fe=({projectName:s,versionId:q,productId:g,isLoadingVersion:$,scope:G})=>{var P,k;const{onOpenViewer:m,user:D,viewer:n,dispatch:U}=pe.useDetailsPanelContext(),{data:b,isFetching:O,currentData:R}=A.useGetReviewablesForVersionQuery({projectName:s,versionId:q},{skip:!q||!s}),{data:E}=A.useHasTranscoderQuery(void 0),j=(n==null?void 0:n.reviewableIds)||[],z=D.name,K=(P=D.data)==null?void 0:P.isUser,[y,S]=T.useState(null),[h,I]=T.useState(null),Q=o.useSensors(o.useSensor(o.PointerSensor),o.useSensor(o.KeyboardSensor,{coordinateGetter:f.sortableKeyboardCoordinates})),a=(b==null?void 0:b.reviewables)||[],w=a.find(e=>e.fileId===h),_=R==null?void 0:R.id,H=O&&q!==_||$,Y=e=>{if(h)return console.log("Dragging, cannot open review");const i=e.currentTarget.id;if(!i||!g)return console.error("No reviewable id or product id");const r=a.find(t=>t.fileId===i);console.debug(r),console.debug(r==null?void 0:r.mediaInfo),m==null||m({projectName:s,productId:g,versionIds:[q],reviewableIds:[i]})},{optimized:B,unoptimized:J,incompatible:W,processing:X,queued:Z}=qe.getGroupedReviewables(a,E),p=[...B,...J];function N(e){const{active:i}=e;I(i.id)}const[ee]=L.useSortVersionReviewablesMutation(),re=async e=>{const{active:i,over:r}=e;if(r!=null&&r.id&&i.id!==r.id){console.log("update review position");const t=p.findIndex(d=>d.fileId===i.id),l=p.findIndex(d=>d.fileId===r.id),c=f.arrayMove(p,t,l).map(d=>d.activityId);try{ee({projectName:s,versionId:q,sortReviewablesRequest:{sort:c}}).unwrap()}catch{V.toast.error("Error sorting reviewables")}}I(null)},M=[];G==="review"&&M.push(e=>({...e.transform,x:e.transform.x-32,y:e.transform.y-32}));let v="";E?v="The file is not supported by the transcoder":v="The conversion transcoder is only supported on [**Ynput Cloud**](https://ynput.cloud/subscribe/ayon). Please subscribe or [contact support](https://ynput.io/services/) for more information.";const ie=(e,i="")=>{let r=`/api/projects/${s}/files/${e}`;const t=document.createElement("a");t.href=r,t.download=i,document.body.appendChild(t),t.click(),document.body.removeChild(t)},[ue]=L.useDeleteReviewableMutation(),te=async(e,i)=>{le.confirmDelete({header:"Delete "+i,message:"Are you sure you want to delete this reviewable?",accept:async()=>{try{await ue({activityId:e,projectName:s}).unwrap()}catch{V.toast.error("Failed to delete reviewable")}}})},[se]=ae.useCreateContextMenu(),F=e=>{const i=e.currentTarget.id;if(!i)return;const r=a.find(c=>c.fileId===i);if(!r)return;const t=r.createdFrom||r.fileId,l=a.find(c=>c.fileId===t),x=[{label:"Download original",icon:"download",onClick:()=>ie(t,l==null?void 0:l.filename),disabled:!l}];(z===r.author.name||!K)&&x.push({label:"Delete",icon:"delete",onClick:()=>te(r.activityId,r.label||r.filename),danger:!0}),x.push({label:`Author: ${r.author.fullName||r.author.name}`,icon:"person",disabled:!0}),se(e,x)};return u.jsxRuntimeExports.jsxs(u.jsxRuntimeExports.Fragment,{children:[u.jsxRuntimeExports.jsx(ce.ReviewableUpload,{projectName:s,versionId:q,productId:g,taskId:n==null?void 0:n.taskId,folderId:n==null?void 0:n.folderId,dispatch:U,children:H?Array.from({length:3}).map((e,i)=>u.jsxRuntimeExports.jsx(oe.LoadingCard,{className:"loading"},i)):u.jsxRuntimeExports.jsxs(u.jsxRuntimeExports.Fragment,{children:[u.jsxRuntimeExports.jsxs(o.DndContext,{sensors:Q,collisionDetection:o.closestCenter,onDragStart:N,onDragEnd:re,onDragCancel:()=>I(null),children:[u.jsxRuntimeExports.jsx(f.SortableContext,{items:a.map(({fileId:e})=>e),strategy:f.verticalListSortingStrategy,children:p.map(e=>u.jsxRuntimeExports.jsx(ne,{projectName:s,onClick:Y,isSelected:j.includes(e.fileId),isDragging:!!h,onContextMenu:F,onEdit:i=>{i.stopPropagation(),S(e.activityId)},...e},e.fileId))}),u.jsxRuntimeExports.jsx(o.DragOverlay,{modifiers:M,children:w?u.jsxRuntimeExports.jsx(xe.ReviewableCard,{...w,projectName:s,isDragOverlay:!0,isDragging:!0,isSelected:j.includes(w.fileId)}):null})]}),X.map(e=>{var i;return u.jsxRuntimeExports.jsx(C.ReviewableProgressCard,{name:e.filename,type:"processing",progress:(i=e.processing)==null?void 0:i.progress,fileId:e.fileId},e.fileId)}),Z.map(e=>u.jsxRuntimeExports.jsx(C.ReviewableProgressCard,{name:e.filename,type:"queued",fileId:e.fileId},e.fileId)),W.map(e=>u.jsxRuntimeExports.jsx(C.ReviewableProgressCard,{name:e.filename,type:"unsupported",tooltip:v,src:`/api/projects/${s}/files/${e.fileId}/thumbnail`,onContextMenu:F,fileId:e.fileId},e.fileId))]})}),y&&u.jsxRuntimeExports.jsx(de,{isOpen:!0,onClose:()=>S(null),label:((k=a.find(e=>e.activityId===y))==null?void 0:k.label)||"",projectName:s,versionId:q,activityId:y})]})};module.exports=fe;
+"use strict";const u=require("../../../../_virtual/jsx-runtime.cjs.js"),T=require("react");require("../../api/base/client.cjs.js");require("../../api/generated/graphql.cjs.js");require("../../api/generated/graphqlLinks.cjs.js");require("../../api/generated/access.cjs.js");require("../../api/generated/actions.cjs.js");require("../../api/generated/activityFeed.cjs.js");require("../../api/generated/addons.cjs.js");require("../../api/generated/anatomy.cjs.js");require("../../api/generated/attributes.cjs.js");require("../../api/generated/authentication.cjs.js");require("../../api/generated/bundles.cjs.js");require("../../api/generated/configuration.cjs.js");require("../../api/generated/desktop.cjs.js");require("../../api/generated/entityLists.cjs.js");require("../../api/generated/events.cjs.js");require("../../api/generated/files.cjs.js");require("../../api/generated/folders.cjs.js");require("../../api/generated/inbox.cjs.js");require("../../api/generated/links.cjs.js");require("../../api/generated/market.cjs.js");require("../../api/generated/onboarding.cjs.js");require("../../api/generated/operations.cjs.js");require("../../api/generated/products.cjs.js");require("../../api/generated/projectDashboard.cjs.js");require("../../api/generated/projects.cjs.js");require("../../api/generated/reviewables.cjs.js");require("../../api/generated/services.cjs.js");require("../../api/generated/system.cjs.js");require("../../api/generated/tasks.cjs.js");require("../../api/generated/teams.cjs.js");require("../../api/generated/thumbnails.cjs.js");require("../../api/generated/uRIs.cjs.js");require("../../api/generated/users.cjs.js");require("../../api/generated/versions.cjs.js");require("../../api/generated/workfiles.cjs.js");require("../../api/generated/ynputCloud.cjs.js");require("../../api/generated/grouping.cjs.js");require("../../api/generated/views.cjs.js");require("../../api/queries/actions/getActions.cjs.js");require("../../api/queries/activities/getActivities.cjs.js");require("../../api/queries/activities/updateActivities.cjs.js");require("../../api/queries/activities/updateReaction.cjs.js");require("../../api/queries/activities/getMentions.cjs.js");require("../../api/queries/addons/getAddons.cjs.js");require("../../api/queries/addons/updateAddons.cjs.js");require("../../api/queries/attributes/getAttributes.cjs.js");require("../../api/queries/attributes/updateAttributes.cjs.js");require("../../api/queries/authentication/getAuthentication.cjs.js");require("../../api/queries/cloud/cloud.cjs.js");require("../../api/queries/entities/getEntity.cjs.js");require("../../api/queries/entities/getEntityPanel.cjs.js");require("../../api/queries/entities/updateEntity.cjs.js");require("../../api/queries/entityLists/getLists.cjs.js");require("../../api/queries/entityLists/updateLists.cjs.js");require("../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../api/queries/entityLists/listFolders.cjs.js");require("../../api/queries/folders/getFolders.cjs.js");require("../../api/queries/grouping/getGrouping.cjs.js");require("../../api/queries/links/updateLinks.cjs.js");require("../../api/queries/links/getLinks.cjs.js");require("../../api/queries/links/getEntityLinks.cjs.js");require("../../api/queries/overview/getOverview.cjs.js");require("../../api/queries/overview/updateOverview.cjs.js");require("../../api/queries/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.cjs.js");require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.cjs.js");const A=require("../../api/queries/review/getReview.cjs.js"),L=require("../../api/queries/review/updateReview.cjs.js");require("../../api/queries/share/share.cjs.js");require("../../api/queries/system/getSystem.cjs.js");require("../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../api/queries/users/getUsers.cjs.js");require("../../api/queries/users/updateUsers.cjs.js");require("../../api/queries/versions/updateVersions.cjs.js");require("../../api/queries/views/getViews.cjs.js");require("../../api/queries/views/updateViews.cjs.js");require("../../api/queries/watchers/getWatchers.cjs.js");const o=require("@dnd-kit/core"),f=require("@dnd-kit/sortable");require("@ynput/ayon-react-components");require("clsx");require("../ThumbnailSimple/ThumbnailSimple.cjs.js");require("../EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");const V=require("react-toastify"),ne=require("./SortableReviewableCard.cjs.js"),oe=require("./ReviewablesList.styled.cjs.js"),qe=require("./getGroupedReviewables.cjs.js");require("../../containers/ContextMenu/ContextMenuContext.cjs.js");;/* empty css                                                 */const ae=require("../../containers/ContextMenu/useCreateContextMenu.cjs.js"),le=require("../../util/confirmDelete.cjs.js");require("uuid");require("lodash");require("../../util/pubsub.cjs.js");const de=require("./EditReviewableDialog.cjs.js"),ce=require("./ReviewablesUpload.cjs.js");require("../../context/RemoteModulesContext.cjs.js");const pe=require("../../context/DetailsPanelContext.cjs.js");require("../../context/ThumbnailUploaderContext.cjs.js");require("../../context/SettingsPanelContext.cjs.js");require("../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../context/pip/PiPWrapper.cjs.js");require("../../context/AddonProjectContext.cjs.js");require("../../context/AddonContext.cjs.js");require("../../context/PowerpackContext.cjs.js");require("../../context/MoveEntityContext.cjs.js");require("../../context/MenuContext.cjs.js");require("axios");const xe=require("../ReviewableCard/ReviewableCard.cjs.js"),C=require("../ReviewableProgressCard/ReviewableProgressCard.cjs.js");require("../FileThumbnail/FileThumbnail.cjs.js");require("../Thumbnail/Thumbnail.styled.cjs.js");require("../Thumbnail/StackedThumbnails.cjs.js");require("../../containers/Feed/context/FeedContext.cjs.js");require("../../containers/Feed/components/Tooltips/UserTooltip/UserTooltip.styled.cjs.js");require("../../containers/Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");require("../../containers/Feed/components/FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../../containers/Feed/components/FileUploadPreview/Mimes/TextMime.cjs.js");require("react-markdown");require("remark-emoji");require("remark-gfm");require("remark-directive");require("remark-directive-rehype");require("../../containers/Feed/components/CommentInput/CommentInput.cjs.js");require("../../containers/Feed/components/ReactionContainer/Reactions.styled.cjs.js");require("../../containers/Feed/components/FilesGrid/FilesGrid.styled.cjs.js");require("../../containers/Feed/components/FileUploadCard/FileUploadCard.styled.cjs.js");require("../../containers/Feed/components/CommentInput/quillToMarkdown.cjs.js");require("../../containers/Feed/components/ActivityComment/ActivityComment.styled.cjs.js");require("../../containers/Feed/components/ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../../containers/Feed/components/ActivityReference/ActivityReference.styled.cjs.js");require("react-router-dom");require("../../containers/Feed/components/ActivityStatus/ActivityStatus.cjs.js");require("../../containers/Feed/components/ActivityHeader/ActivityHeader.styled.cjs.js");require("../../containers/Feed/components/ActivityDate.cjs.js");require("../../containers/Feed/components/ActivityStatusChange/ActivityStatusChange.styled.cjs.js");require("../../containers/Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");require("../../containers/Feed/components/ActivityVersions/ActivityVersions.styled.cjs.js");require("../../containers/Feed/components/ActivityGroup/ActivityGroup.styled.cjs.js");require("../../containers/Feed/Feed.styled.cjs.js");require("date-fns");require("../../containers/ProjectTreeTable/ProjectTreeTable.cjs.js");require("../../containers/ProjectTreeTable/context/CellEditingContext.cjs.js");require("@tanstack/react-table");require("../../containers/ProjectTreeTable/widgets/CollapsedWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/DateWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EnumWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/TextWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/BooleanWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/CellWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EntityNameWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/GroupHeaderWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/ThumbnailWidget.cjs.js");require("../LinksManager/CellEditingDialog.cjs.js");require("../../containers/ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");require("../../containers/ProjectTreeTable/context/SelectedRowsContext.cjs.js");require("../LinksManager/LinksManager.styled.cjs.js");require("../../containers/ProjectTreeTable/ProjectTreeTable.styled.cjs.js");require("../../containers/ProjectTreeTable/components/SelectionCell.cjs.js");require("../../containers/ProjectTreeTable/components/RowSelectionHeader.cjs.js");require("../../containers/ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../../containers/ProjectTreeTable/widgets/LoadMoreWidget.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectTableContext.cjs.js");require("../../containers/ProjectTreeTable/context/ClipboardContext.cjs.js");require("../../containers/ProjectTreeTable/context/ColumnSettingsContext.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectDataContext.cjs.js");require("../../../../_virtual/runtime.cjs.js");require("../../../../_virtual/semver.cjs.js");require("react-redux");require("custom-protocol-check");require("../../containers/ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("../../containers/ProjectTreeTable/components/HeaderActionButton.cjs.js");require("../../containers/ProjectTreeTable/components/ColumnHeaderMenu.cjs.js");require("../../containers/DetailsPanel/DetailsPanel.styled.cjs.js");require("../../containers/DetailsPanel/FeedFilters/FeedFilters.styled.cjs.js");require("../../containers/DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");require("../PlayableIcon/PlayableIcon.cjs.js");require("../../containers/DetailsPanel/DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../../containers/DetailsPanel/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../../containers/DetailsPanel/DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");require("../../containers/Actions/Actions.styled.cjs.js");require("../../containers/Actions/ActionsDropdown/ActionsDropdown.cjs.js");require("../../containers/Actions/ActionIcon.cjs.js");require("../../containers/Views/context/ViewsContext.cjs.js");require("../../containers/Views/Views.styled.cjs.js");require("../../containers/Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");require("../../containers/Views/ViewsMenu/ViewsMenu.cjs.js");require("../EntityPanelUploader/EntityPanelUploader.styled.cjs.js");require("../SimpleFormDialog/SimpleFormDialog.cjs.js");require("../EntityPath/EntityPath.styled.cjs.js");require("../EntityPath/SegmentProvider.cjs.js");require("../DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../DetailsPanelDetails/DetailsPanelDetails.cjs.js");require("../DetailsPanelDetails/DetailsSection.cjs.js");require("../DetailsPanelDetails/FieldLabel.cjs.js");require("../Watchers/Watchers.cjs.js");require("../ProjectTableSettings/ProjectTableSettings.cjs.js");require("../Powerpack/PowerpackButton.cjs.js");require("../Powerpack/PricingLink.cjs.js");require("../Powerpack/PowerpackDialog.styled.cjs.js");require("../Powerpack/CTAButton.cjs.js");require("../SettingsPanel/SettingsPanel.cjs.js");require("../SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../AttributeEditor/components/MinMaxField.cjs.js");require("../EnumEditor/EnumEditor.styled.cjs.js");require("../SearchFilter/filterDates.cjs.js");require("../Badge/Badge.cjs.js");require("../VersionUploader/components/UploadVersionDialog.cjs.js");require("../VersionUploader/context/VersionUploadContext.cjs.js");require("../Feedback/FeedbackContext.cjs.js");require("../Feedback/SupportBubble.cjs.js");require("../Chips/Chips.cjs.js");require("../../containers/EntityPickerDialog/EntityPickerDialog.cjs.js");require("../StyledLink/StyledLink.cjs.js");const fe=({projectName:s,versionId:q,productId:g,isLoadingVersion:$,scope:G})=>{var P,k;const{onOpenViewer:m,user:D,viewer:n,dispatch:U}=pe.useDetailsPanelContext(),{data:b,isFetching:O,currentData:R}=A.useGetReviewablesForVersionQuery({projectName:s,versionId:q},{skip:!q||!s}),{data:E}=A.useHasTranscoderQuery(void 0),j=(n==null?void 0:n.reviewableIds)||[],z=D.name,K=(P=D.data)==null?void 0:P.isUser,[y,S]=T.useState(null),[h,I]=T.useState(null),Q=o.useSensors(o.useSensor(o.PointerSensor),o.useSensor(o.KeyboardSensor,{coordinateGetter:f.sortableKeyboardCoordinates})),a=(b==null?void 0:b.reviewables)||[],w=a.find(e=>e.fileId===h),_=R==null?void 0:R.id,H=O&&q!==_||$,Y=e=>{if(h)return console.log("Dragging, cannot open review");const i=e.currentTarget.id;if(!i||!g)return console.error("No reviewable id or product id");const r=a.find(t=>t.fileId===i);console.debug(r),console.debug(r==null?void 0:r.mediaInfo),m==null||m({projectName:s,productId:g,versionIds:[q],reviewableIds:[i]})},{optimized:B,unoptimized:J,incompatible:W,processing:X,queued:Z}=qe.getGroupedReviewables(a,E),p=[...B,...J];function N(e){const{active:i}=e;I(i.id)}const[ee]=L.useSortVersionReviewablesMutation(),re=async e=>{const{active:i,over:r}=e;if(r!=null&&r.id&&i.id!==r.id){console.log("update review position");const t=p.findIndex(d=>d.fileId===i.id),l=p.findIndex(d=>d.fileId===r.id),c=f.arrayMove(p,t,l).map(d=>d.activityId);try{ee({projectName:s,versionId:q,sortReviewablesRequest:{sort:c}}).unwrap()}catch{V.toast.error("Error sorting reviewables")}}I(null)},M=[];G==="review"&&M.push(e=>({...e.transform,x:e.transform.x-32,y:e.transform.y-32}));let v="";E?v="The file is not supported by the transcoder":v="The conversion transcoder is only supported on [**Ynput Cloud**](https://ynput.cloud/subscribe/ayon). Please subscribe or [contact support](https://ynput.io/services/) for more information.";const ie=(e,i="")=>{let r=`/api/projects/${s}/files/${e}`;const t=document.createElement("a");t.href=r,t.download=i,document.body.appendChild(t),t.click(),document.body.removeChild(t)},[ue]=L.useDeleteReviewableMutation(),te=async(e,i)=>{le.confirmDelete({header:"Delete "+i,message:"Are you sure you want to delete this reviewable?",accept:async()=>{try{await ue({activityId:e,projectName:s}).unwrap()}catch{V.toast.error("Failed to delete reviewable")}}})},[se]=ae.useCreateContextMenu(),F=e=>{const i=e.currentTarget.id;if(!i)return;const r=a.find(c=>c.fileId===i);if(!r)return;const t=r.createdFrom||r.fileId,l=a.find(c=>c.fileId===t),x=[{label:"Download original",icon:"download",onClick:()=>ie(t,l==null?void 0:l.filename),disabled:!l}];(z===r.author.name||!K)&&x.push({label:"Delete",icon:"delete",onClick:()=>te(r.activityId,r.label||r.filename),danger:!0}),x.push({label:`Author: ${r.author.fullName||r.author.name}`,icon:"person",disabled:!0}),se(e,x)};return u.jsxRuntimeExports.jsxs(u.jsxRuntimeExports.Fragment,{children:[u.jsxRuntimeExports.jsx(ce.ReviewableUpload,{projectName:s,versionId:q,productId:g,taskId:n==null?void 0:n.taskId,folderId:n==null?void 0:n.folderId,dispatch:U,children:H?Array.from({length:3}).map((e,i)=>u.jsxRuntimeExports.jsx(oe.LoadingCard,{className:"loading"},i)):u.jsxRuntimeExports.jsxs(u.jsxRuntimeExports.Fragment,{children:[u.jsxRuntimeExports.jsxs(o.DndContext,{sensors:Q,collisionDetection:o.closestCenter,onDragStart:N,onDragEnd:re,onDragCancel:()=>I(null),children:[u.jsxRuntimeExports.jsx(f.SortableContext,{items:a.map(({fileId:e})=>e),strategy:f.verticalListSortingStrategy,children:p.map(e=>u.jsxRuntimeExports.jsx(ne,{projectName:s,onClick:Y,isSelected:j.includes(e.fileId),isDragging:!!h,onContextMenu:F,onEdit:i=>{i.stopPropagation(),S(e.activityId)},...e},e.fileId))}),u.jsxRuntimeExports.jsx(o.DragOverlay,{modifiers:M,children:w?u.jsxRuntimeExports.jsx(xe.ReviewableCard,{...w,projectName:s,isDragOverlay:!0,isDragging:!0,isSelected:j.includes(w.fileId)}):null})]}),X.map(e=>{var i;return u.jsxRuntimeExports.jsx(C.ReviewableProgressCard,{name:e.filename,type:"processing",progress:(i=e.processing)==null?void 0:i.progress,fileId:e.fileId},e.fileId)}),Z.map(e=>u.jsxRuntimeExports.jsx(C.ReviewableProgressCard,{name:e.filename,type:"queued",fileId:e.fileId},e.fileId)),W.map(e=>u.jsxRuntimeExports.jsx(C.ReviewableProgressCard,{name:e.filename,type:"unsupported",tooltip:v,src:`/api/projects/${s}/files/${e.fileId}/thumbnail`,onContextMenu:F,fileId:e.fileId},e.fileId))]})}),y&&u.jsxRuntimeExports.jsx(de,{isOpen:!0,onClose:()=>S(null),label:((k=a.find(e=>e.activityId===y))==null?void 0:k.label)||"",projectName:s,versionId:q,activityId:y})]})};module.exports=fe;
 //# sourceMappingURL=ReviewablesList.cjs.js.map

package/dist/shared/src/components/ReviewablesList/ReviewablesList.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReviewablesList.cjs.js","sources":["../../../../../src/components/ReviewablesList/ReviewablesList.tsx"],"sourcesContent":["import { FC, MouseEvent, useState } from 'react'\n// queries\nimport { useGetReviewablesForVersionQuery, useHasTranscoderQuery } from '@shared/api'\nimport { useDeleteReviewableMutation, useSortVersionReviewablesMutation } from '@shared/api'\n\n// DND\nimport {\n  DndContext,\n  closestCenter,\n  KeyboardSensor,\n  PointerSensor,\n  useSensor,\n  useSensors,\n  UniqueIdentifier,\n  DragEndEvent,\n  DragOverlay,\n  DragStartEvent,\n} from '@dnd-kit/core'\nimport {\n  arrayMove,\n  SortableContext,\n  sortableKeyboardCoordinates,\n  verticalListSortingStrategy,\n} from '@dnd-kit/sortable'\n\n// components\nimport { ReviewableCard, ReviewableProgressCard } from '@shared/components'\nimport SortableReviewableCard from './SortableReviewableCard'\nimport * as Styled from './ReviewablesList.styled'\nimport { toast } from 'react-toastify'\n\n// utils\nimport { getGroupedReviewables } from './getGroupedReviewables'\nimport { useCreateContextMenu } from '@shared/containers/ContextMenu'\nimport { confirmDelete } from '@shared/util'\nimport EditReviewableDialog from './EditReviewableDialog'\nimport ReviewableUpload from './ReviewablesUpload'\nimport { useDetailsPanelContext } from '@shared/context'\n\ninterface ReviewablesListProps {\n  projectName: string\n  versionId: string\n  productId: string\n  isLoadingVersion: boolean\n  scope: string\n}\n\nconst ReviewablesList: FC<ReviewablesListProps> = ({\n  projectName,\n  versionId,\n  productId,\n  isLoadingVersion,\n  scope,\n}) => {\n  const { onOpenViewer, user, viewer, dispatch } = useDetailsPanelContext()\n  // returns all reviewables for a product\n  const {\n    data: versionReviewables,\n    isFetching: isFetchingReviewables,\n    currentData,\n  } = useGetReviewablesForVersionQuery(\n    { projectName, versionId: versionId },\n    { skip: !versionId || !projectName },\n  )\n\n  // do we have the premium transcoder?\n  const { data: hasTranscoder } = useHasTranscoderQuery(undefined)\n\n  // are we currently looking at review? (is it selected in the viewer)\n  const reviewableIds = viewer?.reviewableIds || []\n  const userName = user.name\n  const currentIsUser = user.data?.isUser\n\n  // either null or the reviewable id we are editing\n  const [editActivityId, setEditActivityId] = useState<null | string>(null)\n\n  // dragging activeId\n  const [activeId, setActiveId] = useState<null | string>(null)\n\n  const sensors = useSensors(\n    useSensor(PointerSensor),\n    useSensor(KeyboardSensor, {\n      coordinateGetter: sortableKeyboardCoordinates,\n    }),\n  )\n\n  const reviewables = versionReviewables?.reviewables || []\n  const draggingReview = reviewables.find((reviewable) => reviewable.fileId === activeId)\n\n  const currentVersionId = currentData?.id\n  const queryingNewVersion = versionId !== currentVersionId\n\n  const isLoading = (isFetchingReviewables && queryingNewVersion) || isLoadingVersion\n\n  const handleReviewableClick = (event: MouseEvent<HTMLDivElement>) => {\n    // check are not dragging\n    if (activeId) return console.log('Dragging, cannot open review')\n\n    // get the reviewable id\n    const id = event.currentTarget.id\n    if (!id || !productId) return console.error('No reviewable id or product id')\n\n    const reviewable = reviewables.find((reviewable) => reviewable.fileId === id)\n    console.debug(reviewable)\n    console.debug(reviewable?.mediaInfo)\n\n    // open the reviewable dialog\n    onOpenViewer?.({\n      projectName: projectName,\n      productId: productId,\n      versionIds: [versionId],\n      reviewableIds: [id],\n    })\n  }\n\n  const { optimized, unoptimized, incompatible, processing, queued } = getGroupedReviewables(\n    reviewables,\n    hasTranscoder,\n  )\n\n  const sortableReviewables = [...optimized, ...unoptimized]\n\n  function handleDragStart(event: DragStartEvent) {\n    const { active } = event\n\n    setActiveId(active.id as string)\n  }\n\n  const [sortVersionReviewables] = useSortVersionReviewablesMutation()\n\n  const handleDragEnd = async (event: DragEndEvent) => {\n    const { active, over } = event\n\n    if (over?.id && active.id !== over.id) {\n      console.log('update review position')\n\n      const oldIndex = sortableReviewables.findIndex(\n        (reviewable) => reviewable.fileId === active.id,\n      )\n      const newIndex = sortableReviewables.findIndex((reviewable) => reviewable.fileId === over.id)\n\n      //   resort the reviewables\n      const newReviewables = arrayMove(sortableReviewables, oldIndex, newIndex)\n\n      const newOrder = newReviewables.map((reviewable) => reviewable.activityId)\n\n      try {\n        // update the reviewables\n        sortVersionReviewables({\n          projectName,\n          versionId,\n          sortReviewablesRequest: { sort: newOrder },\n        }).unwrap()\n      } catch (error) {\n        toast.error('Error sorting reviewables')\n      }\n    }\n    setActiveId(null)\n  }\n\n  const overlayModifiers = []\n  // hack to make the dnd overlay pos work inside dialog\n  if (scope === 'review') {\n    overlayModifiers.push((args: any) => ({\n      ...args.transform,\n      x: args.transform.x - 32,\n      y: args.transform.y - 32,\n    }))\n  }\n\n  let incompatibleMessage = ''\n  if (!hasTranscoder) {\n    incompatibleMessage = `The conversion transcoder is only supported on [**Ynput Cloud**](https://ynput.cloud/subscribe/ayon). Please subscribe or [contact support](https://ynput.io/services/) for more information.`\n  } else {\n    incompatibleMessage = 'The file is not supported by the transcoder'\n  }\n\n  const handleDownloadFile = (fileId: string, fileName: string = '') => {\n    let url = `/api/projects/${projectName}/files/${fileId}`\n\n    // if (codec) url += `.${codec}`\n\n    // Create an invisible anchor element\n    const a = document.createElement('a')\n    a.href = url\n    a.download = fileName\n    document.body.appendChild(a)\n\n    // Trigger a click event on the anchor element\n    a.click()\n\n    // Remove the anchor element from the document\n    document.body.removeChild(a)\n  }\n\n  const [deleteReviewable] = useDeleteReviewableMutation()\n\n  const handleDelete = async (activityId: string, label: string) => {\n    // @ts-ignore\n    confirmDelete({\n      header: 'Delete ' + label,\n      message: 'Are you sure you want to delete this reviewable?',\n      accept: async () => {\n        try {\n          await deleteReviewable({ activityId, projectName }).unwrap()\n        } catch (error) {\n          toast.error('Failed to delete reviewable')\n        }\n      },\n    })\n  }\n\n  // create the ref and model\n  const [ctxMenuShow] = useCreateContextMenu()\n\n  const handleContextMenu = (event: MouseEvent<HTMLDivElement>) => {\n    // get the reviewable by id\n    const id = event.currentTarget.id\n\n    if (!id) return\n\n    const reviewable = reviewables.find((reviewable) => reviewable.fileId === id)\n\n    if (!reviewable) return\n\n    const originalFileId = reviewable.createdFrom || reviewable.fileId\n    const originalReviewable = reviewables.find(\n      (reviewable) => reviewable.fileId === originalFileId,\n    )\n\n    const items: {\n      label: string\n      icon: string\n      onClick?: () => void\n      disabled?: boolean\n      danger?: boolean\n    }[] = [\n      {\n        label: 'Download original',\n        icon: 'download',\n        onClick: () => handleDownloadFile(originalFileId, originalReviewable?.filename),\n        disabled: !originalReviewable,\n      },\n    ]\n\n    if (userName === reviewable.author.name || !currentIsUser) {\n      items.push({\n        label: 'Delete',\n        icon: 'delete',\n        onClick: () => handleDelete(reviewable.activityId, reviewable.label || reviewable.filename),\n        danger: true,\n      })\n    }\n\n    // add author\n    items.push({\n      label: `Author: ${reviewable.author.fullName || reviewable.author.name}`,\n      icon: 'person',\n      disabled: true,\n    })\n\n    ctxMenuShow(event, items)\n  }\n\n  return (\n    <>\n      <ReviewableUpload\n        projectName={projectName}\n        versionId={versionId}\n        productId={productId}\n        taskId={viewer?.taskId}\n        folderId={viewer?.folderId}\n        dispatch={dispatch}\n      >\n        {isLoading ? (\n          Array.from({ length: 3 }).map((_, index) => (\n            <Styled.LoadingCard key={index} className=\"loading\" />\n          ))\n        ) : (\n          <>\n            <DndContext\n              sensors={sensors}\n              collisionDetection={closestCenter}\n              onDragStart={handleDragStart}\n              onDragEnd={handleDragEnd}\n              onDragCancel={() => setActiveId(null)}\n            >\n              <SortableContext\n                items={reviewables.map(({ fileId }) => fileId as UniqueIdentifier)}\n                strategy={verticalListSortingStrategy}\n              >\n                {sortableReviewables.map((reviewable) => (\n                  <SortableReviewableCard\n                    key={reviewable.fileId}\n                    projectName={projectName}\n                    onClick={handleReviewableClick}\n                    isSelected={reviewableIds.includes(reviewable.fileId)}\n                    isDragging={!!activeId}\n                    onContextMenu={handleContextMenu}\n                    onEdit={(e) => {\n                      e.stopPropagation()\n                      setEditActivityId(reviewable.activityId)\n                    }}\n                    {...reviewable}\n                  />\n                ))}\n              </SortableContext>\n\n              {/* drag overlay */}\n              <DragOverlay modifiers={overlayModifiers}>\n                {draggingReview ? (\n                  <ReviewableCard\n                    {...draggingReview}\n                    projectName={projectName}\n                    isDragOverlay\n                    isDragging\n                    isSelected={reviewableIds.includes(draggingReview.fileId)}\n                  />\n                ) : null}\n              </DragOverlay>\n            </DndContext>\n            {processing.map((reviewable) => (\n              <ReviewableProgressCard\n                key={reviewable.fileId}\n                name={reviewable.filename}\n                type={'processing'}\n                progress={reviewable.processing?.progress}\n                fileId={reviewable.fileId}\n              />\n            ))}\n\n            {queued.map((reviewable) => (\n              <ReviewableProgressCard\n                key={reviewable.fileId}\n                name={reviewable.filename}\n                type={'queued'}\n                fileId={reviewable.fileId}\n              />\n            ))}\n\n            {incompatible.map((reviewable) => (\n              <ReviewableProgressCard\n                key={reviewable.fileId}\n                name={reviewable.filename}\n                type={'unsupported'}\n                tooltip={incompatibleMessage}\n                src={`/api/projects/${projectName}/files/${reviewable.fileId}/thumbnail`}\n                onContextMenu={handleContextMenu}\n                fileId={reviewable.fileId}\n              />\n            ))}\n          </>\n        )}\n      </ReviewableUpload>\n\n      {editActivityId && (\n        <EditReviewableDialog\n          isOpen\n          onClose={() => setEditActivityId(null)}\n          label={\n            reviewables.find((reviewable) => reviewable.activityId === editActivityId)?.label || ''\n          }\n          projectName={projectName}\n          versionId={versionId}\n          activityId={editActivityId}\n        />\n      )}\n    </>\n  )\n}\n\nexport default ReviewablesList\n"],"names":["ReviewablesList","projectName","versionId","productId","isLoadingVersion","scope","onOpenViewer","user","viewer","dispatch","useDetailsPanelContext","versionReviewables","isFetchingReviewables","currentData","useGetReviewablesForVersionQuery","hasTranscoder","useHasTranscoderQuery","reviewableIds","userName","currentIsUser","_a","editActivityId","setEditActivityId","useState","activeId","setActiveId","sensors","useSensors","useSensor","PointerSensor","KeyboardSensor","sortableKeyboardCoordinates","reviewables","draggingReview","reviewable","currentVersionId","isLoading","handleReviewableClick","event","id","optimized","unoptimized","incompatible","processing","queued","getGroupedReviewables","sortableReviewables","handleDragStart","active","sortVersionReviewables","useSortVersionReviewablesMutation","handleDragEnd","over","oldIndex","newIndex","newOrder","arrayMove","toast","overlayModifiers","args","incompatibleMessage","handleDownloadFile","fileId","fileName","url","a","deleteReviewable","useDeleteReviewableMutation","handleDelete","activityId","label","confirmDelete","ctxMenuShow","useCreateContextMenu","handleContextMenu","originalFileId","originalReviewable","items","jsxs","Fragment","jsx","ReviewableUpload","_","index","Styled.LoadingCard","DndContext","closestCenter","SortableContext","verticalListSortingStrategy","SortableReviewableCard","e","DragOverlay","ReviewableCard","ReviewableProgressCard","EditReviewableDialog","_b"],"mappings":"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"}
+{"version":3,"file":"ReviewablesList.cjs.js","sources":["../../../../../src/components/ReviewablesList/ReviewablesList.tsx"],"sourcesContent":["import { FC, MouseEvent, useState } from 'react'\n// queries\nimport { useGetReviewablesForVersionQuery, useHasTranscoderQuery } from '@shared/api'\nimport { useDeleteReviewableMutation, useSortVersionReviewablesMutation } from '@shared/api'\n\n// DND\nimport {\n  DndContext,\n  closestCenter,\n  KeyboardSensor,\n  PointerSensor,\n  useSensor,\n  useSensors,\n  UniqueIdentifier,\n  DragEndEvent,\n  DragOverlay,\n  DragStartEvent,\n} from '@dnd-kit/core'\nimport {\n  arrayMove,\n  SortableContext,\n  sortableKeyboardCoordinates,\n  verticalListSortingStrategy,\n} from '@dnd-kit/sortable'\n\n// components\nimport { ReviewableCard, ReviewableProgressCard } from '@shared/components'\nimport SortableReviewableCard from './SortableReviewableCard'\nimport * as Styled from './ReviewablesList.styled'\nimport { toast } from 'react-toastify'\n\n// utils\nimport { getGroupedReviewables } from './getGroupedReviewables'\nimport { useCreateContextMenu } from '@shared/containers/ContextMenu'\nimport { confirmDelete } from '@shared/util'\nimport EditReviewableDialog from './EditReviewableDialog'\nimport ReviewableUpload from './ReviewablesUpload'\nimport { useDetailsPanelContext } from '@shared/context'\n\ninterface ReviewablesListProps {\n  projectName: string\n  versionId: string\n  productId: string\n  isLoadingVersion: boolean\n  scope: string\n}\n\nconst ReviewablesList: FC<ReviewablesListProps> = ({\n  projectName,\n  versionId,\n  productId,\n  isLoadingVersion,\n  scope,\n}) => {\n  const { onOpenViewer, user, viewer, dispatch } = useDetailsPanelContext()\n  // returns all reviewables for a product\n  const {\n    data: versionReviewables,\n    isFetching: isFetchingReviewables,\n    currentData,\n  } = useGetReviewablesForVersionQuery(\n    { projectName, versionId: versionId },\n    { skip: !versionId || !projectName },\n  )\n\n  // do we have the premium transcoder?\n  const { data: hasTranscoder } = useHasTranscoderQuery(undefined)\n\n  // are we currently looking at review? (is it selected in the viewer)\n  const reviewableIds = viewer?.reviewableIds || []\n  const userName = user.name\n  const currentIsUser = user.data?.isUser\n\n  // either null or the reviewable id we are editing\n  const [editActivityId, setEditActivityId] = useState<null | string>(null)\n\n  // dragging activeId\n  const [activeId, setActiveId] = useState<null | string>(null)\n\n  const sensors = useSensors(\n    useSensor(PointerSensor),\n    useSensor(KeyboardSensor, {\n      coordinateGetter: sortableKeyboardCoordinates,\n    }),\n  )\n\n  const reviewables = versionReviewables?.reviewables || []\n  const draggingReview = reviewables.find((reviewable) => reviewable.fileId === activeId)\n\n  const currentVersionId = currentData?.id\n  const queryingNewVersion = versionId !== currentVersionId\n\n  const isLoading = (isFetchingReviewables && queryingNewVersion) || isLoadingVersion\n\n  const handleReviewableClick = (event: MouseEvent<HTMLDivElement>) => {\n    // check are not dragging\n    if (activeId) return console.log('Dragging, cannot open review')\n\n    // get the reviewable id\n    const id = event.currentTarget.id\n    if (!id || !productId) return console.error('No reviewable id or product id')\n\n    const reviewable = reviewables.find((reviewable) => reviewable.fileId === id)\n    console.debug(reviewable)\n    console.debug(reviewable?.mediaInfo)\n\n    // open the reviewable dialog\n    onOpenViewer?.({\n      projectName: projectName,\n      productId: productId,\n      versionIds: [versionId],\n      reviewableIds: [id],\n    })\n  }\n\n  const { optimized, unoptimized, incompatible, processing, queued } = getGroupedReviewables(\n    reviewables,\n    hasTranscoder,\n  )\n\n  const sortableReviewables = [...optimized, ...unoptimized]\n\n  function handleDragStart(event: DragStartEvent) {\n    const { active } = event\n\n    setActiveId(active.id as string)\n  }\n\n  const [sortVersionReviewables] = useSortVersionReviewablesMutation()\n\n  const handleDragEnd = async (event: DragEndEvent) => {\n    const { active, over } = event\n\n    if (over?.id && active.id !== over.id) {\n      console.log('update review position')\n\n      const oldIndex = sortableReviewables.findIndex(\n        (reviewable) => reviewable.fileId === active.id,\n      )\n      const newIndex = sortableReviewables.findIndex((reviewable) => reviewable.fileId === over.id)\n\n      //   resort the reviewables\n      const newReviewables = arrayMove(sortableReviewables, oldIndex, newIndex)\n\n      const newOrder = newReviewables.map((reviewable) => reviewable.activityId)\n\n      try {\n        // update the reviewables\n        sortVersionReviewables({\n          projectName,\n          versionId,\n          sortReviewablesRequest: { sort: newOrder },\n        }).unwrap()\n      } catch (error) {\n        toast.error('Error sorting reviewables')\n      }\n    }\n    setActiveId(null)\n  }\n\n  const overlayModifiers = []\n  // hack to make the dnd overlay pos work inside dialog\n  if (scope === 'review') {\n    overlayModifiers.push((args: any) => ({\n      ...args.transform,\n      x: args.transform.x - 32,\n      y: args.transform.y - 32,\n    }))\n  }\n\n  let incompatibleMessage = ''\n  if (!hasTranscoder) {\n    incompatibleMessage = `The conversion transcoder is only supported on [**Ynput Cloud**](https://ynput.cloud/subscribe/ayon). Please subscribe or [contact support](https://ynput.io/services/) for more information.`\n  } else {\n    incompatibleMessage = 'The file is not supported by the transcoder'\n  }\n\n  const handleDownloadFile = (fileId: string, fileName: string = '') => {\n    let url = `/api/projects/${projectName}/files/${fileId}`\n\n    // if (codec) url += `.${codec}`\n\n    // Create an invisible anchor element\n    const a = document.createElement('a')\n    a.href = url\n    a.download = fileName\n    document.body.appendChild(a)\n\n    // Trigger a click event on the anchor element\n    a.click()\n\n    // Remove the anchor element from the document\n    document.body.removeChild(a)\n  }\n\n  const [deleteReviewable] = useDeleteReviewableMutation()\n\n  const handleDelete = async (activityId: string, label: string) => {\n    // @ts-ignore\n    confirmDelete({\n      header: 'Delete ' + label,\n      message: 'Are you sure you want to delete this reviewable?',\n      accept: async () => {\n        try {\n          await deleteReviewable({ activityId, projectName }).unwrap()\n        } catch (error) {\n          toast.error('Failed to delete reviewable')\n        }\n      },\n    })\n  }\n\n  // create the ref and model\n  const [ctxMenuShow] = useCreateContextMenu()\n\n  const handleContextMenu = (event: MouseEvent<HTMLDivElement>) => {\n    // get the reviewable by id\n    const id = event.currentTarget.id\n\n    if (!id) return\n\n    const reviewable = reviewables.find((reviewable) => reviewable.fileId === id)\n\n    if (!reviewable) return\n\n    const originalFileId = reviewable.createdFrom || reviewable.fileId\n    const originalReviewable = reviewables.find(\n      (reviewable) => reviewable.fileId === originalFileId,\n    )\n\n    const items: {\n      label: string\n      icon: string\n      onClick?: () => void\n      disabled?: boolean\n      danger?: boolean\n    }[] = [\n      {\n        label: 'Download original',\n        icon: 'download',\n        onClick: () => handleDownloadFile(originalFileId, originalReviewable?.filename),\n        disabled: !originalReviewable,\n      },\n    ]\n\n    if (userName === reviewable.author.name || !currentIsUser) {\n      items.push({\n        label: 'Delete',\n        icon: 'delete',\n        onClick: () => handleDelete(reviewable.activityId, reviewable.label || reviewable.filename),\n        danger: true,\n      })\n    }\n\n    // add author\n    items.push({\n      label: `Author: ${reviewable.author.fullName || reviewable.author.name}`,\n      icon: 'person',\n      disabled: true,\n    })\n\n    ctxMenuShow(event, items)\n  }\n\n  return (\n    <>\n      <ReviewableUpload\n        projectName={projectName}\n        versionId={versionId}\n        productId={productId}\n        taskId={viewer?.taskId}\n        folderId={viewer?.folderId}\n        dispatch={dispatch}\n      >\n        {isLoading ? (\n          Array.from({ length: 3 }).map((_, index) => (\n            <Styled.LoadingCard key={index} className=\"loading\" />\n          ))\n        ) : (\n          <>\n            <DndContext\n              sensors={sensors}\n              collisionDetection={closestCenter}\n              onDragStart={handleDragStart}\n              onDragEnd={handleDragEnd}\n              onDragCancel={() => setActiveId(null)}\n            >\n              <SortableContext\n                items={reviewables.map(({ fileId }) => fileId as UniqueIdentifier)}\n                strategy={verticalListSortingStrategy}\n              >\n                {sortableReviewables.map((reviewable) => (\n                  <SortableReviewableCard\n                    key={reviewable.fileId}\n                    projectName={projectName}\n                    onClick={handleReviewableClick}\n                    isSelected={reviewableIds.includes(reviewable.fileId)}\n                    isDragging={!!activeId}\n                    onContextMenu={handleContextMenu}\n                    onEdit={(e) => {\n                      e.stopPropagation()\n                      setEditActivityId(reviewable.activityId)\n                    }}\n                    {...reviewable}\n                  />\n                ))}\n              </SortableContext>\n\n              {/* drag overlay */}\n              <DragOverlay modifiers={overlayModifiers}>\n                {draggingReview ? (\n                  <ReviewableCard\n                    {...draggingReview}\n                    projectName={projectName}\n                    isDragOverlay\n                    isDragging\n                    isSelected={reviewableIds.includes(draggingReview.fileId)}\n                  />\n                ) : null}\n              </DragOverlay>\n            </DndContext>\n            {processing.map((reviewable) => (\n              <ReviewableProgressCard\n                key={reviewable.fileId}\n                name={reviewable.filename}\n                type={'processing'}\n                progress={reviewable.processing?.progress}\n                fileId={reviewable.fileId}\n              />\n            ))}\n\n            {queued.map((reviewable) => (\n              <ReviewableProgressCard\n                key={reviewable.fileId}\n                name={reviewable.filename}\n                type={'queued'}\n                fileId={reviewable.fileId}\n              />\n            ))}\n\n            {incompatible.map((reviewable) => (\n              <ReviewableProgressCard\n                key={reviewable.fileId}\n                name={reviewable.filename}\n                type={'unsupported'}\n                tooltip={incompatibleMessage}\n                src={`/api/projects/${projectName}/files/${reviewable.fileId}/thumbnail`}\n                onContextMenu={handleContextMenu}\n                fileId={reviewable.fileId}\n              />\n            ))}\n          </>\n        )}\n      </ReviewableUpload>\n\n      {editActivityId && (\n        <EditReviewableDialog\n          isOpen\n          onClose={() => setEditActivityId(null)}\n          label={\n            reviewables.find((reviewable) => reviewable.activityId === editActivityId)?.label || ''\n          }\n          projectName={projectName}\n          versionId={versionId}\n          activityId={editActivityId}\n        />\n      )}\n    </>\n  )\n}\n\nexport default ReviewablesList\n"],"names":["ReviewablesList","projectName","versionId","productId","isLoadingVersion","scope","onOpenViewer","user","viewer","dispatch","useDetailsPanelContext","versionReviewables","isFetchingReviewables","currentData","useGetReviewablesForVersionQuery","hasTranscoder","useHasTranscoderQuery","reviewableIds","userName","currentIsUser","_a","editActivityId","setEditActivityId","useState","activeId","setActiveId","sensors","useSensors","useSensor","PointerSensor","KeyboardSensor","sortableKeyboardCoordinates","reviewables","draggingReview","reviewable","currentVersionId","isLoading","handleReviewableClick","event","id","optimized","unoptimized","incompatible","processing","queued","getGroupedReviewables","sortableReviewables","handleDragStart","active","sortVersionReviewables","useSortVersionReviewablesMutation","handleDragEnd","over","oldIndex","newIndex","newOrder","arrayMove","toast","overlayModifiers","args","incompatibleMessage","handleDownloadFile","fileId","fileName","url","a","deleteReviewable","useDeleteReviewableMutation","handleDelete","activityId","label","confirmDelete","ctxMenuShow","useCreateContextMenu","handleContextMenu","originalFileId","originalReviewable","items","jsxs","Fragment","jsx","ReviewableUpload","_","index","Styled.LoadingCard","DndContext","closestCenter","SortableContext","verticalListSortingStrategy","SortableReviewableCard","e","DragOverlay","ReviewableCard","ReviewableProgressCard","EditReviewableDialog","_b"],"mappings":"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"}

package/dist/shared/src/components/ReviewablesList/ReviewablesList.es.js

@@ -56,6 +56,7 @@ import "../../api/queries/entityLists/getLists.es.js";
 import "../../api/queries/entityLists/updateLists.es.js";
 import "../../api/queries/entityLists/getListsAttributes.es.js";
 import "../../api/queries/entityLists/updateListsAttributes.es.js";
+import "../../api/queries/entityLists/listFolders.es.js";
 import "../../api/queries/folders/getFolders.es.js";
 import "../../api/queries/grouping/getGrouping.es.js";
 import "../../api/queries/links/updateLinks.es.js";
@@ -109,6 +110,7 @@ import "../../context/AddonProjectContext.es.js";
 import "../../context/AddonContext.es.js";
 import "../../context/PowerpackContext.es.js";
 import "../../context/MoveEntityContext.es.js";
+import "../../context/MenuContext.es.js";
 import "axios";
 import { ReviewableCard as Rt } from "../ReviewableCard/ReviewableCard.es.js";
 import { ReviewableProgressCard as C } from "../ReviewableProgressCard/ReviewableProgressCard.es.js";
@@ -155,9 +157,10 @@ import "../../containers/ProjectTreeTable/widgets/CellWidget.es.js";
 import "../../containers/ProjectTreeTable/widgets/EntityNameWidget.es.js";
 import "../../containers/ProjectTreeTable/widgets/GroupHeaderWidget.es.js";
 import "../../containers/ProjectTreeTable/widgets/ThumbnailWidget.es.js";
-import "../LinksManager/LinksManagerDialog.es.js";
+import "../LinksManager/CellEditingDialog.es.js";
 import "../../containers/ProjectTreeTable/context/DetailsPanelEntityContext.es.js";
 import "../../containers/ProjectTreeTable/context/SelectedRowsContext.es.js";
+import "../LinksManager/LinksManager.styled.es.js";
 import "../../containers/ProjectTreeTable/ProjectTreeTable.styled.es.js";
 import "../../containers/ProjectTreeTable/components/SelectionCell.es.js";
 import "../../containers/ProjectTreeTable/components/RowSelectionHeader.es.js";
@@ -167,12 +170,12 @@ import "../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.es.
 import "../../containers/ProjectTreeTable/context/ProjectTableContext.es.js";
 import "../../containers/ProjectTreeTable/context/ClipboardContext.es.js";
 import "../../containers/ProjectTreeTable/context/ColumnSettingsContext.es.js";
+import "../../containers/ProjectTreeTable/context/ProjectDataContext.es.js";
 import "../../../../_virtual/runtime.es.js";
 import "../../../../_virtual/semver.es.js";
 import "react-redux";
 import "custom-protocol-check";
 import "../../containers/ProjectTreeTable/components/GroupSettingsFallback.es.js";
-import "../../containers/ProjectTreeTable/context/ProjectDataContext.es.js";
 import "../../containers/ProjectTreeTable/components/HeaderActionButton.es.js";
 import "../../containers/ProjectTreeTable/components/ColumnHeaderMenu.es.js";
 import "../../containers/DetailsPanel/DetailsPanel.styled.es.js";
@@ -194,13 +197,15 @@ import "../SimpleFormDialog/SimpleFormDialog.es.js";
 import "../EntityPath/EntityPath.styled.es.js";
 import "../EntityPath/SegmentProvider.es.js";
 import "../DetailsPanelAttributes/DetailsPanelAttributesEditor.es.js";
+import "../DetailsPanelDetails/DetailsPanelDetails.es.js";
+import "../DetailsPanelDetails/DetailsSection.es.js";
+import "../DetailsPanelDetails/FieldLabel.es.js";
 import "../Watchers/Watchers.es.js";
 import "../ProjectTableSettings/ProjectTableSettings.es.js";
 import "../Powerpack/PowerpackButton.es.js";
 import "../Powerpack/PricingLink.es.js";
 import "../Powerpack/PowerpackDialog.styled.es.js";
 import "../Powerpack/CTAButton.es.js";
-import "../Powerpack/RequiredPowerpackVersion.es.js";
 import "../SettingsPanel/SettingsPanel.es.js";
 import "../SettingsPanel/SettingsPanelItemTemplate.es.js";
 import "../AttributeEditor/components/MinMaxField.es.js";
@@ -212,11 +217,9 @@ import "../VersionUploader/context/VersionUploadContext.es.js";
 import "../Feedback/FeedbackContext.es.js";
 import "../Feedback/SupportBubble.es.js";
 import "../Chips/Chips.es.js";
-import "../LinksManager/LinksManager.styled.es.js";
 import "../../containers/EntityPickerDialog/EntityPickerDialog.es.js";
-import "../DetailsMetaData/DetailsMetaData.es.js";
-import "../AccessUser/AccessUser.es.js";
-const Ee = ({
+import "../StyledLink/StyledLink.es.js";
+const Te = ({
   projectName: m,
   versionId: n,
   productId: f,
@@ -429,6 +432,6 @@ const Ee = ({
   ] });
 };
 export {
-  Ee as default
+  Te as default
 };
 //# sourceMappingURL=ReviewablesList.es.js.map

package/dist/shared/src/components/ReviewablesList/ReviewablesList.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReviewablesList.es.js","sources":["../../../../../src/components/ReviewablesList/ReviewablesList.tsx"],"sourcesContent":["import { FC, MouseEvent, useState } from 'react'\n// queries\nimport { useGetReviewablesForVersionQuery, useHasTranscoderQuery } from '@shared/api'\nimport { useDeleteReviewableMutation, useSortVersionReviewablesMutation } from '@shared/api'\n\n// DND\nimport {\n  DndContext,\n  closestCenter,\n  KeyboardSensor,\n  PointerSensor,\n  useSensor,\n  useSensors,\n  UniqueIdentifier,\n  DragEndEvent,\n  DragOverlay,\n  DragStartEvent,\n} from '@dnd-kit/core'\nimport {\n  arrayMove,\n  SortableContext,\n  sortableKeyboardCoordinates,\n  verticalListSortingStrategy,\n} from '@dnd-kit/sortable'\n\n// components\nimport { ReviewableCard, ReviewableProgressCard } from '@shared/components'\nimport SortableReviewableCard from './SortableReviewableCard'\nimport * as Styled from './ReviewablesList.styled'\nimport { toast } from 'react-toastify'\n\n// utils\nimport { getGroupedReviewables } from './getGroupedReviewables'\nimport { useCreateContextMenu } from '@shared/containers/ContextMenu'\nimport { confirmDelete } from '@shared/util'\nimport EditReviewableDialog from './EditReviewableDialog'\nimport ReviewableUpload from './ReviewablesUpload'\nimport { useDetailsPanelContext } from '@shared/context'\n\ninterface ReviewablesListProps {\n  projectName: string\n  versionId: string\n  productId: string\n  isLoadingVersion: boolean\n  scope: string\n}\n\nconst ReviewablesList: FC<ReviewablesListProps> = ({\n  projectName,\n  versionId,\n  productId,\n  isLoadingVersion,\n  scope,\n}) => {\n  const { onOpenViewer, user, viewer, dispatch } = useDetailsPanelContext()\n  // returns all reviewables for a product\n  const {\n    data: versionReviewables,\n    isFetching: isFetchingReviewables,\n    currentData,\n  } = useGetReviewablesForVersionQuery(\n    { projectName, versionId: versionId },\n    { skip: !versionId || !projectName },\n  )\n\n  // do we have the premium transcoder?\n  const { data: hasTranscoder } = useHasTranscoderQuery(undefined)\n\n  // are we currently looking at review? (is it selected in the viewer)\n  const reviewableIds = viewer?.reviewableIds || []\n  const userName = user.name\n  const currentIsUser = user.data?.isUser\n\n  // either null or the reviewable id we are editing\n  const [editActivityId, setEditActivityId] = useState<null | string>(null)\n\n  // dragging activeId\n  const [activeId, setActiveId] = useState<null | string>(null)\n\n  const sensors = useSensors(\n    useSensor(PointerSensor),\n    useSensor(KeyboardSensor, {\n      coordinateGetter: sortableKeyboardCoordinates,\n    }),\n  )\n\n  const reviewables = versionReviewables?.reviewables || []\n  const draggingReview = reviewables.find((reviewable) => reviewable.fileId === activeId)\n\n  const currentVersionId = currentData?.id\n  const queryingNewVersion = versionId !== currentVersionId\n\n  const isLoading = (isFetchingReviewables && queryingNewVersion) || isLoadingVersion\n\n  const handleReviewableClick = (event: MouseEvent<HTMLDivElement>) => {\n    // check are not dragging\n    if (activeId) return console.log('Dragging, cannot open review')\n\n    // get the reviewable id\n    const id = event.currentTarget.id\n    if (!id || !productId) return console.error('No reviewable id or product id')\n\n    const reviewable = reviewables.find((reviewable) => reviewable.fileId === id)\n    console.debug(reviewable)\n    console.debug(reviewable?.mediaInfo)\n\n    // open the reviewable dialog\n    onOpenViewer?.({\n      projectName: projectName,\n      productId: productId,\n      versionIds: [versionId],\n      reviewableIds: [id],\n    })\n  }\n\n  const { optimized, unoptimized, incompatible, processing, queued } = getGroupedReviewables(\n    reviewables,\n    hasTranscoder,\n  )\n\n  const sortableReviewables = [...optimized, ...unoptimized]\n\n  function handleDragStart(event: DragStartEvent) {\n    const { active } = event\n\n    setActiveId(active.id as string)\n  }\n\n  const [sortVersionReviewables] = useSortVersionReviewablesMutation()\n\n  const handleDragEnd = async (event: DragEndEvent) => {\n    const { active, over } = event\n\n    if (over?.id && active.id !== over.id) {\n      console.log('update review position')\n\n      const oldIndex = sortableReviewables.findIndex(\n        (reviewable) => reviewable.fileId === active.id,\n      )\n      const newIndex = sortableReviewables.findIndex((reviewable) => reviewable.fileId === over.id)\n\n      //   resort the reviewables\n      const newReviewables = arrayMove(sortableReviewables, oldIndex, newIndex)\n\n      const newOrder = newReviewables.map((reviewable) => reviewable.activityId)\n\n      try {\n        // update the reviewables\n        sortVersionReviewables({\n          projectName,\n          versionId,\n          sortReviewablesRequest: { sort: newOrder },\n        }).unwrap()\n      } catch (error) {\n        toast.error('Error sorting reviewables')\n      }\n    }\n    setActiveId(null)\n  }\n\n  const overlayModifiers = []\n  // hack to make the dnd overlay pos work inside dialog\n  if (scope === 'review') {\n    overlayModifiers.push((args: any) => ({\n      ...args.transform,\n      x: args.transform.x - 32,\n      y: args.transform.y - 32,\n    }))\n  }\n\n  let incompatibleMessage = ''\n  if (!hasTranscoder) {\n    incompatibleMessage = `The conversion transcoder is only supported on [**Ynput Cloud**](https://ynput.cloud/subscribe/ayon). Please subscribe or [contact support](https://ynput.io/services/) for more information.`\n  } else {\n    incompatibleMessage = 'The file is not supported by the transcoder'\n  }\n\n  const handleDownloadFile = (fileId: string, fileName: string = '') => {\n    let url = `/api/projects/${projectName}/files/${fileId}`\n\n    // if (codec) url += `.${codec}`\n\n    // Create an invisible anchor element\n    const a = document.createElement('a')\n    a.href = url\n    a.download = fileName\n    document.body.appendChild(a)\n\n    // Trigger a click event on the anchor element\n    a.click()\n\n    // Remove the anchor element from the document\n    document.body.removeChild(a)\n  }\n\n  const [deleteReviewable] = useDeleteReviewableMutation()\n\n  const handleDelete = async (activityId: string, label: string) => {\n    // @ts-ignore\n    confirmDelete({\n      header: 'Delete ' + label,\n      message: 'Are you sure you want to delete this reviewable?',\n      accept: async () => {\n        try {\n          await deleteReviewable({ activityId, projectName }).unwrap()\n        } catch (error) {\n          toast.error('Failed to delete reviewable')\n        }\n      },\n    })\n  }\n\n  // create the ref and model\n  const [ctxMenuShow] = useCreateContextMenu()\n\n  const handleContextMenu = (event: MouseEvent<HTMLDivElement>) => {\n    // get the reviewable by id\n    const id = event.currentTarget.id\n\n    if (!id) return\n\n    const reviewable = reviewables.find((reviewable) => reviewable.fileId === id)\n\n    if (!reviewable) return\n\n    const originalFileId = reviewable.createdFrom || reviewable.fileId\n    const originalReviewable = reviewables.find(\n      (reviewable) => reviewable.fileId === originalFileId,\n    )\n\n    const items: {\n      label: string\n      icon: string\n      onClick?: () => void\n      disabled?: boolean\n      danger?: boolean\n    }[] = [\n      {\n        label: 'Download original',\n        icon: 'download',\n        onClick: () => handleDownloadFile(originalFileId, originalReviewable?.filename),\n        disabled: !originalReviewable,\n      },\n    ]\n\n    if (userName === reviewable.author.name || !currentIsUser) {\n      items.push({\n        label: 'Delete',\n        icon: 'delete',\n        onClick: () => handleDelete(reviewable.activityId, reviewable.label || reviewable.filename),\n        danger: true,\n      })\n    }\n\n    // add author\n    items.push({\n      label: `Author: ${reviewable.author.fullName || reviewable.author.name}`,\n      icon: 'person',\n      disabled: true,\n    })\n\n    ctxMenuShow(event, items)\n  }\n\n  return (\n    <>\n      <ReviewableUpload\n        projectName={projectName}\n        versionId={versionId}\n        productId={productId}\n        taskId={viewer?.taskId}\n        folderId={viewer?.folderId}\n        dispatch={dispatch}\n      >\n        {isLoading ? (\n          Array.from({ length: 3 }).map((_, index) => (\n            <Styled.LoadingCard key={index} className=\"loading\" />\n          ))\n        ) : (\n          <>\n            <DndContext\n              sensors={sensors}\n              collisionDetection={closestCenter}\n              onDragStart={handleDragStart}\n              onDragEnd={handleDragEnd}\n              onDragCancel={() => setActiveId(null)}\n            >\n              <SortableContext\n                items={reviewables.map(({ fileId }) => fileId as UniqueIdentifier)}\n                strategy={verticalListSortingStrategy}\n              >\n                {sortableReviewables.map((reviewable) => (\n                  <SortableReviewableCard\n                    key={reviewable.fileId}\n                    projectName={projectName}\n                    onClick={handleReviewableClick}\n                    isSelected={reviewableIds.includes(reviewable.fileId)}\n                    isDragging={!!activeId}\n                    onContextMenu={handleContextMenu}\n                    onEdit={(e) => {\n                      e.stopPropagation()\n                      setEditActivityId(reviewable.activityId)\n                    }}\n                    {...reviewable}\n                  />\n                ))}\n              </SortableContext>\n\n              {/* drag overlay */}\n              <DragOverlay modifiers={overlayModifiers}>\n                {draggingReview ? (\n                  <ReviewableCard\n                    {...draggingReview}\n                    projectName={projectName}\n                    isDragOverlay\n                    isDragging\n                    isSelected={reviewableIds.includes(draggingReview.fileId)}\n                  />\n                ) : null}\n              </DragOverlay>\n            </DndContext>\n            {processing.map((reviewable) => (\n              <ReviewableProgressCard\n                key={reviewable.fileId}\n                name={reviewable.filename}\n                type={'processing'}\n                progress={reviewable.processing?.progress}\n                fileId={reviewable.fileId}\n              />\n            ))}\n\n            {queued.map((reviewable) => (\n              <ReviewableProgressCard\n                key={reviewable.fileId}\n                name={reviewable.filename}\n                type={'queued'}\n                fileId={reviewable.fileId}\n              />\n            ))}\n\n            {incompatible.map((reviewable) => (\n              <ReviewableProgressCard\n                key={reviewable.fileId}\n                name={reviewable.filename}\n                type={'unsupported'}\n                tooltip={incompatibleMessage}\n                src={`/api/projects/${projectName}/files/${reviewable.fileId}/thumbnail`}\n                onContextMenu={handleContextMenu}\n                fileId={reviewable.fileId}\n              />\n            ))}\n          </>\n        )}\n      </ReviewableUpload>\n\n      {editActivityId && (\n        <EditReviewableDialog\n          isOpen\n          onClose={() => setEditActivityId(null)}\n          label={\n            reviewables.find((reviewable) => reviewable.activityId === editActivityId)?.label || ''\n          }\n          projectName={projectName}\n          versionId={versionId}\n          activityId={editActivityId}\n        />\n      )}\n    </>\n  )\n}\n\nexport default ReviewablesList\n"],"names":["ReviewablesList","projectName","versionId","productId","isLoadingVersion","scope","onOpenViewer","user","viewer","dispatch","useDetailsPanelContext","versionReviewables","isFetchingReviewables","currentData","useGetReviewablesForVersionQuery","hasTranscoder","useHasTranscoderQuery","reviewableIds","userName","currentIsUser","_a","editActivityId","setEditActivityId","useState","activeId","setActiveId","sensors","useSensors","useSensor","PointerSensor","KeyboardSensor","sortableKeyboardCoordinates","reviewables","draggingReview","reviewable","currentVersionId","isLoading","handleReviewableClick","event","id","optimized","unoptimized","incompatible","processing","queued","getGroupedReviewables","sortableReviewables","handleDragStart","active","sortVersionReviewables","useSortVersionReviewablesMutation","handleDragEnd","over","oldIndex","newIndex","newOrder","arrayMove","toast","overlayModifiers","args","incompatibleMessage","handleDownloadFile","fileId","fileName","url","a","deleteReviewable","useDeleteReviewableMutation","handleDelete","activityId","label","confirmDelete","ctxMenuShow","useCreateContextMenu","handleContextMenu","originalFileId","originalReviewable","items","jsxs","Fragment","jsx","ReviewableUpload","_","index","Styled.LoadingCard","DndContext","closestCenter","SortableContext","verticalListSortingStrategy","SortableReviewableCard","e","DragOverlay","ReviewableCard","ReviewableProgressCard","EditReviewableDialog","_b"],"mappings":"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"}
+{"version":3,"file":"ReviewablesList.es.js","sources":["../../../../../src/components/ReviewablesList/ReviewablesList.tsx"],"sourcesContent":["import { FC, MouseEvent, useState } from 'react'\n// queries\nimport { useGetReviewablesForVersionQuery, useHasTranscoderQuery } from '@shared/api'\nimport { useDeleteReviewableMutation, useSortVersionReviewablesMutation } from '@shared/api'\n\n// DND\nimport {\n  DndContext,\n  closestCenter,\n  KeyboardSensor,\n  PointerSensor,\n  useSensor,\n  useSensors,\n  UniqueIdentifier,\n  DragEndEvent,\n  DragOverlay,\n  DragStartEvent,\n} from '@dnd-kit/core'\nimport {\n  arrayMove,\n  SortableContext,\n  sortableKeyboardCoordinates,\n  verticalListSortingStrategy,\n} from '@dnd-kit/sortable'\n\n// components\nimport { ReviewableCard, ReviewableProgressCard } from '@shared/components'\nimport SortableReviewableCard from './SortableReviewableCard'\nimport * as Styled from './ReviewablesList.styled'\nimport { toast } from 'react-toastify'\n\n// utils\nimport { getGroupedReviewables } from './getGroupedReviewables'\nimport { useCreateContextMenu } from '@shared/containers/ContextMenu'\nimport { confirmDelete } from '@shared/util'\nimport EditReviewableDialog from './EditReviewableDialog'\nimport ReviewableUpload from './ReviewablesUpload'\nimport { useDetailsPanelContext } from '@shared/context'\n\ninterface ReviewablesListProps {\n  projectName: string\n  versionId: string\n  productId: string\n  isLoadingVersion: boolean\n  scope: string\n}\n\nconst ReviewablesList: FC<ReviewablesListProps> = ({\n  projectName,\n  versionId,\n  productId,\n  isLoadingVersion,\n  scope,\n}) => {\n  const { onOpenViewer, user, viewer, dispatch } = useDetailsPanelContext()\n  // returns all reviewables for a product\n  const {\n    data: versionReviewables,\n    isFetching: isFetchingReviewables,\n    currentData,\n  } = useGetReviewablesForVersionQuery(\n    { projectName, versionId: versionId },\n    { skip: !versionId || !projectName },\n  )\n\n  // do we have the premium transcoder?\n  const { data: hasTranscoder } = useHasTranscoderQuery(undefined)\n\n  // are we currently looking at review? (is it selected in the viewer)\n  const reviewableIds = viewer?.reviewableIds || []\n  const userName = user.name\n  const currentIsUser = user.data?.isUser\n\n  // either null or the reviewable id we are editing\n  const [editActivityId, setEditActivityId] = useState<null | string>(null)\n\n  // dragging activeId\n  const [activeId, setActiveId] = useState<null | string>(null)\n\n  const sensors = useSensors(\n    useSensor(PointerSensor),\n    useSensor(KeyboardSensor, {\n      coordinateGetter: sortableKeyboardCoordinates,\n    }),\n  )\n\n  const reviewables = versionReviewables?.reviewables || []\n  const draggingReview = reviewables.find((reviewable) => reviewable.fileId === activeId)\n\n  const currentVersionId = currentData?.id\n  const queryingNewVersion = versionId !== currentVersionId\n\n  const isLoading = (isFetchingReviewables && queryingNewVersion) || isLoadingVersion\n\n  const handleReviewableClick = (event: MouseEvent<HTMLDivElement>) => {\n    // check are not dragging\n    if (activeId) return console.log('Dragging, cannot open review')\n\n    // get the reviewable id\n    const id = event.currentTarget.id\n    if (!id || !productId) return console.error('No reviewable id or product id')\n\n    const reviewable = reviewables.find((reviewable) => reviewable.fileId === id)\n    console.debug(reviewable)\n    console.debug(reviewable?.mediaInfo)\n\n    // open the reviewable dialog\n    onOpenViewer?.({\n      projectName: projectName,\n      productId: productId,\n      versionIds: [versionId],\n      reviewableIds: [id],\n    })\n  }\n\n  const { optimized, unoptimized, incompatible, processing, queued } = getGroupedReviewables(\n    reviewables,\n    hasTranscoder,\n  )\n\n  const sortableReviewables = [...optimized, ...unoptimized]\n\n  function handleDragStart(event: DragStartEvent) {\n    const { active } = event\n\n    setActiveId(active.id as string)\n  }\n\n  const [sortVersionReviewables] = useSortVersionReviewablesMutation()\n\n  const handleDragEnd = async (event: DragEndEvent) => {\n    const { active, over } = event\n\n    if (over?.id && active.id !== over.id) {\n      console.log('update review position')\n\n      const oldIndex = sortableReviewables.findIndex(\n        (reviewable) => reviewable.fileId === active.id,\n      )\n      const newIndex = sortableReviewables.findIndex((reviewable) => reviewable.fileId === over.id)\n\n      //   resort the reviewables\n      const newReviewables = arrayMove(sortableReviewables, oldIndex, newIndex)\n\n      const newOrder = newReviewables.map((reviewable) => reviewable.activityId)\n\n      try {\n        // update the reviewables\n        sortVersionReviewables({\n          projectName,\n          versionId,\n          sortReviewablesRequest: { sort: newOrder },\n        }).unwrap()\n      } catch (error) {\n        toast.error('Error sorting reviewables')\n      }\n    }\n    setActiveId(null)\n  }\n\n  const overlayModifiers = []\n  // hack to make the dnd overlay pos work inside dialog\n  if (scope === 'review') {\n    overlayModifiers.push((args: any) => ({\n      ...args.transform,\n      x: args.transform.x - 32,\n      y: args.transform.y - 32,\n    }))\n  }\n\n  let incompatibleMessage = ''\n  if (!hasTranscoder) {\n    incompatibleMessage = `The conversion transcoder is only supported on [**Ynput Cloud**](https://ynput.cloud/subscribe/ayon). Please subscribe or [contact support](https://ynput.io/services/) for more information.`\n  } else {\n    incompatibleMessage = 'The file is not supported by the transcoder'\n  }\n\n  const handleDownloadFile = (fileId: string, fileName: string = '') => {\n    let url = `/api/projects/${projectName}/files/${fileId}`\n\n    // if (codec) url += `.${codec}`\n\n    // Create an invisible anchor element\n    const a = document.createElement('a')\n    a.href = url\n    a.download = fileName\n    document.body.appendChild(a)\n\n    // Trigger a click event on the anchor element\n    a.click()\n\n    // Remove the anchor element from the document\n    document.body.removeChild(a)\n  }\n\n  const [deleteReviewable] = useDeleteReviewableMutation()\n\n  const handleDelete = async (activityId: string, label: string) => {\n    // @ts-ignore\n    confirmDelete({\n      header: 'Delete ' + label,\n      message: 'Are you sure you want to delete this reviewable?',\n      accept: async () => {\n        try {\n          await deleteReviewable({ activityId, projectName }).unwrap()\n        } catch (error) {\n          toast.error('Failed to delete reviewable')\n        }\n      },\n    })\n  }\n\n  // create the ref and model\n  const [ctxMenuShow] = useCreateContextMenu()\n\n  const handleContextMenu = (event: MouseEvent<HTMLDivElement>) => {\n    // get the reviewable by id\n    const id = event.currentTarget.id\n\n    if (!id) return\n\n    const reviewable = reviewables.find((reviewable) => reviewable.fileId === id)\n\n    if (!reviewable) return\n\n    const originalFileId = reviewable.createdFrom || reviewable.fileId\n    const originalReviewable = reviewables.find(\n      (reviewable) => reviewable.fileId === originalFileId,\n    )\n\n    const items: {\n      label: string\n      icon: string\n      onClick?: () => void\n      disabled?: boolean\n      danger?: boolean\n    }[] = [\n      {\n        label: 'Download original',\n        icon: 'download',\n        onClick: () => handleDownloadFile(originalFileId, originalReviewable?.filename),\n        disabled: !originalReviewable,\n      },\n    ]\n\n    if (userName === reviewable.author.name || !currentIsUser) {\n      items.push({\n        label: 'Delete',\n        icon: 'delete',\n        onClick: () => handleDelete(reviewable.activityId, reviewable.label || reviewable.filename),\n        danger: true,\n      })\n    }\n\n    // add author\n    items.push({\n      label: `Author: ${reviewable.author.fullName || reviewable.author.name}`,\n      icon: 'person',\n      disabled: true,\n    })\n\n    ctxMenuShow(event, items)\n  }\n\n  return (\n    <>\n      <ReviewableUpload\n        projectName={projectName}\n        versionId={versionId}\n        productId={productId}\n        taskId={viewer?.taskId}\n        folderId={viewer?.folderId}\n        dispatch={dispatch}\n      >\n        {isLoading ? (\n          Array.from({ length: 3 }).map((_, index) => (\n            <Styled.LoadingCard key={index} className=\"loading\" />\n          ))\n        ) : (\n          <>\n            <DndContext\n              sensors={sensors}\n              collisionDetection={closestCenter}\n              onDragStart={handleDragStart}\n              onDragEnd={handleDragEnd}\n              onDragCancel={() => setActiveId(null)}\n            >\n              <SortableContext\n                items={reviewables.map(({ fileId }) => fileId as UniqueIdentifier)}\n                strategy={verticalListSortingStrategy}\n              >\n                {sortableReviewables.map((reviewable) => (\n                  <SortableReviewableCard\n                    key={reviewable.fileId}\n                    projectName={projectName}\n                    onClick={handleReviewableClick}\n                    isSelected={reviewableIds.includes(reviewable.fileId)}\n                    isDragging={!!activeId}\n                    onContextMenu={handleContextMenu}\n                    onEdit={(e) => {\n                      e.stopPropagation()\n                      setEditActivityId(reviewable.activityId)\n                    }}\n                    {...reviewable}\n                  />\n                ))}\n              </SortableContext>\n\n              {/* drag overlay */}\n              <DragOverlay modifiers={overlayModifiers}>\n                {draggingReview ? (\n                  <ReviewableCard\n                    {...draggingReview}\n                    projectName={projectName}\n                    isDragOverlay\n                    isDragging\n                    isSelected={reviewableIds.includes(draggingReview.fileId)}\n                  />\n                ) : null}\n              </DragOverlay>\n            </DndContext>\n            {processing.map((reviewable) => (\n              <ReviewableProgressCard\n                key={reviewable.fileId}\n                name={reviewable.filename}\n                type={'processing'}\n                progress={reviewable.processing?.progress}\n                fileId={reviewable.fileId}\n              />\n            ))}\n\n            {queued.map((reviewable) => (\n              <ReviewableProgressCard\n                key={reviewable.fileId}\n                name={reviewable.filename}\n                type={'queued'}\n                fileId={reviewable.fileId}\n              />\n            ))}\n\n            {incompatible.map((reviewable) => (\n              <ReviewableProgressCard\n                key={reviewable.fileId}\n                name={reviewable.filename}\n                type={'unsupported'}\n                tooltip={incompatibleMessage}\n                src={`/api/projects/${projectName}/files/${reviewable.fileId}/thumbnail`}\n                onContextMenu={handleContextMenu}\n                fileId={reviewable.fileId}\n              />\n            ))}\n          </>\n        )}\n      </ReviewableUpload>\n\n      {editActivityId && (\n        <EditReviewableDialog\n          isOpen\n          onClose={() => setEditActivityId(null)}\n          label={\n            reviewables.find((reviewable) => reviewable.activityId === editActivityId)?.label || ''\n          }\n          projectName={projectName}\n          versionId={versionId}\n          activityId={editActivityId}\n        />\n      )}\n    </>\n  )\n}\n\nexport default ReviewablesList\n"],"names":["ReviewablesList","projectName","versionId","productId","isLoadingVersion","scope","onOpenViewer","user","viewer","dispatch","useDetailsPanelContext","versionReviewables","isFetchingReviewables","currentData","useGetReviewablesForVersionQuery","hasTranscoder","useHasTranscoderQuery","reviewableIds","userName","currentIsUser","_a","editActivityId","setEditActivityId","useState","activeId","setActiveId","sensors","useSensors","useSensor","PointerSensor","KeyboardSensor","sortableKeyboardCoordinates","reviewables","draggingReview","reviewable","currentVersionId","isLoading","handleReviewableClick","event","id","optimized","unoptimized","incompatible","processing","queued","getGroupedReviewables","sortableReviewables","handleDragStart","active","sortVersionReviewables","useSortVersionReviewablesMutation","handleDragEnd","over","oldIndex","newIndex","newOrder","arrayMove","toast","overlayModifiers","args","incompatibleMessage","handleDownloadFile","fileId","fileName","url","a","deleteReviewable","useDeleteReviewableMutation","handleDelete","activityId","label","confirmDelete","ctxMenuShow","useCreateContextMenu","handleContextMenu","originalFileId","originalReviewable","items","jsxs","Fragment","jsx","ReviewableUpload","_","index","Styled.LoadingCard","DndContext","closestCenter","SortableContext","verticalListSortingStrategy","SortableReviewableCard","e","DragOverlay","ReviewableCard","ReviewableProgressCard","EditReviewableDialog","_b"],"mappings":"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"}

package/dist/shared/src/components/ReviewablesList/ReviewablesUpload.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("../../../../_virtual/jsx-runtime.cjs.js"),j=require("react"),h=require("clsx"),N=require("@ynput/ayon-react-components");require("../ThumbnailSimple/ThumbnailSimple.cjs.js");require("../EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("react-toastify");require("../../api/base/client.cjs.js");require("../../api/generated/graphql.cjs.js");require("../../api/generated/graphqlLinks.cjs.js");require("../../api/generated/access.cjs.js");require("../../api/generated/actions.cjs.js");require("../../api/generated/activityFeed.cjs.js");require("../../api/generated/addons.cjs.js");require("../../api/generated/anatomy.cjs.js");require("../../api/generated/attributes.cjs.js");require("../../api/generated/authentication.cjs.js");require("../../api/generated/bundles.cjs.js");require("../../api/generated/configuration.cjs.js");require("../../api/generated/desktop.cjs.js");require("../../api/generated/entityLists.cjs.js");require("../../api/generated/events.cjs.js");require("../../api/generated/files.cjs.js");require("../../api/generated/folders.cjs.js");require("../../api/generated/inbox.cjs.js");require("../../api/generated/links.cjs.js");require("../../api/generated/market.cjs.js");require("../../api/generated/onboarding.cjs.js");require("../../api/generated/operations.cjs.js");require("../../api/generated/products.cjs.js");require("../../api/generated/projectDashboard.cjs.js");require("../../api/generated/projects.cjs.js");require("../../api/generated/reviewables.cjs.js");require("../../api/generated/services.cjs.js");require("../../api/generated/system.cjs.js");require("../../api/generated/tasks.cjs.js");require("../../api/generated/teams.cjs.js");require("../../api/generated/thumbnails.cjs.js");require("../../api/generated/uRIs.cjs.js");require("../../api/generated/users.cjs.js");require("../../api/generated/versions.cjs.js");require("../../api/generated/workfiles.cjs.js");require("../../api/generated/ynputCloud.cjs.js");require("../../api/generated/grouping.cjs.js");require("../../api/generated/views.cjs.js");require("../../api/queries/actions/getActions.cjs.js");require("../../api/queries/activities/getActivities.cjs.js");require("../../api/queries/activities/updateActivities.cjs.js");require("../../api/queries/activities/updateReaction.cjs.js");require("../../api/queries/activities/getMentions.cjs.js");require("../../api/queries/addons/getAddons.cjs.js");require("../../api/queries/addons/updateAddons.cjs.js");require("../../api/queries/attributes/getAttributes.cjs.js");require("../../api/queries/attributes/updateAttributes.cjs.js");require("../../api/queries/authentication/getAuthentication.cjs.js");require("../../api/queries/cloud/cloud.cjs.js");require("../../api/queries/entities/getEntity.cjs.js");require("../../api/queries/entities/getEntityPanel.cjs.js");require("../../api/queries/entities/updateEntity.cjs.js");require("../../api/queries/entityLists/getLists.cjs.js");require("../../api/queries/entityLists/updateLists.cjs.js");require("../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../api/queries/folders/getFolders.cjs.js");require("../../api/queries/grouping/getGrouping.cjs.js");require("../../api/queries/links/updateLinks.cjs.js");require("../../api/queries/links/getLinks.cjs.js");require("../../api/queries/links/getEntityLinks.cjs.js");require("../../api/queries/overview/getOverview.cjs.js");require("../../api/queries/overview/updateOverview.cjs.js");require("../../api/queries/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.cjs.js");require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.cjs.js");require("../../api/queries/review/getReview.cjs.js");require("../../api/queries/review/updateReview.cjs.js");require("../../api/queries/share/share.cjs.js");require("../../api/queries/system/getSystem.cjs.js");require("../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../api/queries/users/getUsers.cjs.js");require("../../api/queries/users/updateUsers.cjs.js");require("../../api/queries/versions/updateVersions.cjs.js");require("../../api/queries/views/getViews.cjs.js");require("../../api/queries/views/updateViews.cjs.js");require("../../api/queries/watchers/getWatchers.cjs.js");require("@dnd-kit/core");require("@dnd-kit/sortable");require("./ReviewablesList.styled.cjs.js");require("../../containers/ContextMenu/ContextMenuContext.cjs.js");;/* empty css                                                 */require("lodash");require("uuid");require("../../util/pubsub.cjs.js");const x=require("./ReviewablesUpload.styled.cjs.js"),T=require("./useReviewablesUpload.cjs.js");require("../../context/RemoteModulesContext.cjs.js");require("../../context/DetailsPanelContext.cjs.js");require("../../context/ThumbnailUploaderContext.cjs.js");require("../../context/SettingsPanelContext.cjs.js");require("../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../context/pip/PiPWrapper.cjs.js");require("../../context/AddonProjectContext.cjs.js");require("../../context/AddonContext.cjs.js");require("../../context/PowerpackContext.cjs.js");require("../../context/MoveEntityContext.cjs.js");require("../ReviewableCard/ReviewableCard.cjs.js");const v=require("../ReviewableProgressCard/ReviewableProgressCard.cjs.js");require("../FileThumbnail/FileThumbnail.cjs.js");require("../Thumbnail/Thumbnail.styled.cjs.js");require("../Thumbnail/StackedThumbnails.cjs.js");require("../../containers/Feed/context/FeedContext.cjs.js");require("../../containers/Feed/components/Tooltips/UserTooltip/UserTooltip.styled.cjs.js");require("../../containers/Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");require("../../containers/Feed/components/FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../../containers/Feed/components/FileUploadPreview/Mimes/TextMime.cjs.js");require("react-markdown");require("remark-emoji");require("remark-gfm");require("remark-directive");require("remark-directive-rehype");require("../../containers/Feed/components/CommentInput/CommentInput.cjs.js");require("../../containers/Feed/components/ReactionContainer/Reactions.styled.cjs.js");require("../../containers/Feed/components/FilesGrid/FilesGrid.styled.cjs.js");require("../../containers/Feed/components/FileUploadCard/FileUploadCard.styled.cjs.js");require("../../containers/Feed/components/CommentInput/quillToMarkdown.cjs.js");require("../../containers/Feed/components/ActivityComment/ActivityComment.styled.cjs.js");require("../../containers/Feed/components/ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../../containers/Feed/components/ActivityReference/ActivityReference.styled.cjs.js");require("react-router-dom");require("../../containers/Feed/components/ActivityStatus/ActivityStatus.cjs.js");require("../../containers/Feed/components/ActivityHeader/ActivityHeader.styled.cjs.js");require("../../containers/Feed/components/ActivityDate.cjs.js");require("../../containers/Feed/components/ActivityStatusChange/ActivityStatusChange.styled.cjs.js");require("../../containers/Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");require("../../containers/Feed/components/ActivityVersions/ActivityVersions.styled.cjs.js");require("../../containers/Feed/components/ActivityGroup/ActivityGroup.styled.cjs.js");require("../../containers/Feed/Feed.styled.cjs.js");require("date-fns");require("../../containers/ProjectTreeTable/ProjectTreeTable.cjs.js");require("../../containers/ProjectTreeTable/context/CellEditingContext.cjs.js");require("@tanstack/react-table");require("../../containers/ProjectTreeTable/widgets/CollapsedWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/DateWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EnumWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/TextWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/BooleanWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/CellWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EntityNameWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/GroupHeaderWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/ThumbnailWidget.cjs.js");require("../LinksManager/LinksManagerDialog.cjs.js");require("../../containers/ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");require("../../containers/ProjectTreeTable/context/SelectedRowsContext.cjs.js");require("../../containers/ProjectTreeTable/ProjectTreeTable.styled.cjs.js");require("../../containers/ProjectTreeTable/components/SelectionCell.cjs.js");require("../../containers/ProjectTreeTable/components/RowSelectionHeader.cjs.js");require("../../containers/ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../../containers/ProjectTreeTable/widgets/LoadMoreWidget.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectTableContext.cjs.js");require("../../containers/ProjectTreeTable/context/ClipboardContext.cjs.js");require("../../containers/ProjectTreeTable/context/ColumnSettingsContext.cjs.js");require("../../../../_virtual/runtime.cjs.js");require("../../../../_virtual/semver.cjs.js");require("react-redux");require("custom-protocol-check");require("../../containers/ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectDataContext.cjs.js");require("../../containers/ProjectTreeTable/components/HeaderActionButton.cjs.js");require("../../containers/ProjectTreeTable/components/ColumnHeaderMenu.cjs.js");require("../../containers/DetailsPanel/DetailsPanel.styled.cjs.js");require("../../containers/DetailsPanel/FeedFilters/FeedFilters.styled.cjs.js");require("../../containers/DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");require("../PlayableIcon/PlayableIcon.cjs.js");require("../../containers/DetailsPanel/DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../../containers/DetailsPanel/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../../containers/DetailsPanel/DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");require("../../containers/Actions/Actions.styled.cjs.js");require("../../containers/Actions/ActionsDropdown/ActionsDropdown.cjs.js");require("../../containers/Actions/ActionIcon.cjs.js");require("../../containers/Views/context/ViewsContext.cjs.js");require("../../containers/Views/Views.styled.cjs.js");require("../../containers/Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");require("../../containers/Views/ViewsMenu/ViewsMenu.cjs.js");require("../EntityPanelUploader/EntityPanelUploader.styled.cjs.js");require("axios");require("../SimpleFormDialog/SimpleFormDialog.cjs.js");require("../EntityPath/EntityPath.styled.cjs.js");require("../EntityPath/SegmentProvider.cjs.js");require("../DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../Watchers/Watchers.cjs.js");require("../ProjectTableSettings/ProjectTableSettings.cjs.js");require("../Powerpack/PowerpackButton.cjs.js");require("../Powerpack/PricingLink.cjs.js");require("../Powerpack/PowerpackDialog.styled.cjs.js");require("../Powerpack/CTAButton.cjs.js");require("../Powerpack/RequiredPowerpackVersion.cjs.js");require("../SettingsPanel/SettingsPanel.cjs.js");require("../SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../AttributeEditor/components/MinMaxField.cjs.js");require("../EnumEditor/EnumEditor.styled.cjs.js");require("../SearchFilter/filterDates.cjs.js");require("../Badge/Badge.cjs.js");require("../VersionUploader/components/UploadVersionDialog.cjs.js");require("../VersionUploader/context/VersionUploadContext.cjs.js");require("../Feedback/FeedbackContext.cjs.js");require("../Feedback/SupportBubble.cjs.js");require("../Chips/Chips.cjs.js");require("../LinksManager/LinksManager.styled.cjs.js");require("../../containers/EntityPickerDialog/EntityPickerDialog.cjs.js");require("../DetailsMetaData/DetailsMetaData.cjs.js");require("../AccessUser/AccessUser.cjs.js");const g=({projectName:w,taskId:E,folderId:U,versionId:i,productId:b,onUpload:d,onFilesAdded:o,children:y,dispatch:D,variant:l="normal",pendingFiles:q=[],setPendingFiles:a,className:C,pt:t,...L})=>{var f;const[m,n]=j.useState(!1),{handleFileUpload:c,handleRemoveUpload:S,uploading:z}=T.useReviewablesUpload({projectName:w,versionId:i,taskId:E,folderId:U,productId:b,dispatch:D,onUpload:d}),s=!!i;j.useEffect(()=>{if(s&&i&&q.length>0&&a){const e=q.map(r=>r.file);q.forEach(r=>{r.preview&&URL.revokeObjectURL(r.preview)}),a([]),c(e)}},[s,i,q.length,c,a]);const O=e=>e.type.startsWith("image/"),W=e=>e.map(r=>({file:r,preview:O(r)?URL.createObjectURL(r):void 0})),R=async e=>{const r=Array.from(e);if(o==null||o(r),!s||!i){a&&a(p=>[...p,...W(r)]);return}await c(e)},_=e=>{const r=e.target.files;r&&R(r)},k=e=>{e.preventDefault(),n(!1);const r=e.dataTransfer.files;r&&R(r)},M=l==="large"?{minWidth:"360px",maxWidth:"480px",alignSelf:"center"}:{};return u.jsxRuntimeExports.jsxs(u.jsxRuntimeExports.Fragment,{children:[u.jsxRuntimeExports.jsx(x.ReviewablesList,{className:h(C,l,{dragging:m}),...L,onDragEnter:()=>n(!0),children:u.jsxRuntimeExports.jsxs(u.jsxRuntimeExports.Fragment,{children:[y,!s&&(q==null?void 0:q.map(e=>u.jsxRuntimeExports.jsx(v.ReviewableProgressCard,{name:e.file.name,size:e.file.size,src:e.preview,type:"waiting",onRemove:()=>{a&&a(r=>r.filter(p=>p.file.name!==e.file.name))}},e.file.name))),i&&((f=z[i])==null?void 0:f.map(e=>u.jsxRuntimeExports.jsx(v.ReviewableProgressCard,{...e,type:"upload",onRemove:()=>S(e.name)},e.name))),u.jsxRuntimeExports.jsxs(x.Upload,{id:"upload",className:h("upload",l),style:M,...t==null?void 0:t.upload,children:[u.jsxRuntimeExports.jsx("span",{children:"Drop or click to upload"}),u.jsxRuntimeExports.jsx("input",{type:"file",multiple:!0,onChange:_})]})]})}),m&&u.jsxRuntimeExports.jsxs(x.Dropzone,{onDragOver:e=>e.preventDefault(),onDragLeave:()=>n(!1),onDrop:k,...t==null?void 0:t.dropzone,children:[u.jsxRuntimeExports.jsx(N.Icon,{icon:"upload"}),u.jsxRuntimeExports.jsx("span",{children:"Upload reviewable"})]})]})};exports.ReviewableUpload=g;exports.default=g;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("../../../../_virtual/jsx-runtime.cjs.js"),j=require("react"),h=require("clsx"),N=require("@ynput/ayon-react-components");require("../ThumbnailSimple/ThumbnailSimple.cjs.js");require("../EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("react-toastify");require("../../api/base/client.cjs.js");require("../../api/generated/graphql.cjs.js");require("../../api/generated/graphqlLinks.cjs.js");require("../../api/generated/access.cjs.js");require("../../api/generated/actions.cjs.js");require("../../api/generated/activityFeed.cjs.js");require("../../api/generated/addons.cjs.js");require("../../api/generated/anatomy.cjs.js");require("../../api/generated/attributes.cjs.js");require("../../api/generated/authentication.cjs.js");require("../../api/generated/bundles.cjs.js");require("../../api/generated/configuration.cjs.js");require("../../api/generated/desktop.cjs.js");require("../../api/generated/entityLists.cjs.js");require("../../api/generated/events.cjs.js");require("../../api/generated/files.cjs.js");require("../../api/generated/folders.cjs.js");require("../../api/generated/inbox.cjs.js");require("../../api/generated/links.cjs.js");require("../../api/generated/market.cjs.js");require("../../api/generated/onboarding.cjs.js");require("../../api/generated/operations.cjs.js");require("../../api/generated/products.cjs.js");require("../../api/generated/projectDashboard.cjs.js");require("../../api/generated/projects.cjs.js");require("../../api/generated/reviewables.cjs.js");require("../../api/generated/services.cjs.js");require("../../api/generated/system.cjs.js");require("../../api/generated/tasks.cjs.js");require("../../api/generated/teams.cjs.js");require("../../api/generated/thumbnails.cjs.js");require("../../api/generated/uRIs.cjs.js");require("../../api/generated/users.cjs.js");require("../../api/generated/versions.cjs.js");require("../../api/generated/workfiles.cjs.js");require("../../api/generated/ynputCloud.cjs.js");require("../../api/generated/grouping.cjs.js");require("../../api/generated/views.cjs.js");require("../../api/queries/actions/getActions.cjs.js");require("../../api/queries/activities/getActivities.cjs.js");require("../../api/queries/activities/updateActivities.cjs.js");require("../../api/queries/activities/updateReaction.cjs.js");require("../../api/queries/activities/getMentions.cjs.js");require("../../api/queries/addons/getAddons.cjs.js");require("../../api/queries/addons/updateAddons.cjs.js");require("../../api/queries/attributes/getAttributes.cjs.js");require("../../api/queries/attributes/updateAttributes.cjs.js");require("../../api/queries/authentication/getAuthentication.cjs.js");require("../../api/queries/cloud/cloud.cjs.js");require("../../api/queries/entities/getEntity.cjs.js");require("../../api/queries/entities/getEntityPanel.cjs.js");require("../../api/queries/entities/updateEntity.cjs.js");require("../../api/queries/entityLists/getLists.cjs.js");require("../../api/queries/entityLists/updateLists.cjs.js");require("../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../api/queries/entityLists/listFolders.cjs.js");require("../../api/queries/folders/getFolders.cjs.js");require("../../api/queries/grouping/getGrouping.cjs.js");require("../../api/queries/links/updateLinks.cjs.js");require("../../api/queries/links/getLinks.cjs.js");require("../../api/queries/links/getEntityLinks.cjs.js");require("../../api/queries/overview/getOverview.cjs.js");require("../../api/queries/overview/updateOverview.cjs.js");require("../../api/queries/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.cjs.js");require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.cjs.js");require("../../api/queries/review/getReview.cjs.js");require("../../api/queries/review/updateReview.cjs.js");require("../../api/queries/share/share.cjs.js");require("../../api/queries/system/getSystem.cjs.js");require("../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../api/queries/users/getUsers.cjs.js");require("../../api/queries/users/updateUsers.cjs.js");require("../../api/queries/versions/updateVersions.cjs.js");require("../../api/queries/views/getViews.cjs.js");require("../../api/queries/views/updateViews.cjs.js");require("../../api/queries/watchers/getWatchers.cjs.js");require("@dnd-kit/core");require("@dnd-kit/sortable");require("./ReviewablesList.styled.cjs.js");require("../../containers/ContextMenu/ContextMenuContext.cjs.js");;/* empty css                                                 */require("lodash");require("uuid");require("../../util/pubsub.cjs.js");const x=require("./ReviewablesUpload.styled.cjs.js"),T=require("./useReviewablesUpload.cjs.js");require("../../context/RemoteModulesContext.cjs.js");require("../../context/DetailsPanelContext.cjs.js");require("../../context/ThumbnailUploaderContext.cjs.js");require("../../context/SettingsPanelContext.cjs.js");require("../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../context/pip/PiPWrapper.cjs.js");require("../../context/AddonProjectContext.cjs.js");require("../../context/AddonContext.cjs.js");require("../../context/PowerpackContext.cjs.js");require("../../context/MoveEntityContext.cjs.js");require("../../context/MenuContext.cjs.js");require("../ReviewableCard/ReviewableCard.cjs.js");const v=require("../ReviewableProgressCard/ReviewableProgressCard.cjs.js");require("../FileThumbnail/FileThumbnail.cjs.js");require("../Thumbnail/Thumbnail.styled.cjs.js");require("../Thumbnail/StackedThumbnails.cjs.js");require("../../containers/Feed/context/FeedContext.cjs.js");require("../../containers/Feed/components/Tooltips/UserTooltip/UserTooltip.styled.cjs.js");require("../../containers/Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");require("../../containers/Feed/components/FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../../containers/Feed/components/FileUploadPreview/Mimes/TextMime.cjs.js");require("react-markdown");require("remark-emoji");require("remark-gfm");require("remark-directive");require("remark-directive-rehype");require("../../containers/Feed/components/CommentInput/CommentInput.cjs.js");require("../../containers/Feed/components/ReactionContainer/Reactions.styled.cjs.js");require("../../containers/Feed/components/FilesGrid/FilesGrid.styled.cjs.js");require("../../containers/Feed/components/FileUploadCard/FileUploadCard.styled.cjs.js");require("../../containers/Feed/components/CommentInput/quillToMarkdown.cjs.js");require("../../containers/Feed/components/ActivityComment/ActivityComment.styled.cjs.js");require("../../containers/Feed/components/ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../../containers/Feed/components/ActivityReference/ActivityReference.styled.cjs.js");require("react-router-dom");require("../../containers/Feed/components/ActivityStatus/ActivityStatus.cjs.js");require("../../containers/Feed/components/ActivityHeader/ActivityHeader.styled.cjs.js");require("../../containers/Feed/components/ActivityDate.cjs.js");require("../../containers/Feed/components/ActivityStatusChange/ActivityStatusChange.styled.cjs.js");require("../../containers/Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");require("../../containers/Feed/components/ActivityVersions/ActivityVersions.styled.cjs.js");require("../../containers/Feed/components/ActivityGroup/ActivityGroup.styled.cjs.js");require("../../containers/Feed/Feed.styled.cjs.js");require("date-fns");require("../../containers/ProjectTreeTable/ProjectTreeTable.cjs.js");require("../../containers/ProjectTreeTable/context/CellEditingContext.cjs.js");require("@tanstack/react-table");require("../../containers/ProjectTreeTable/widgets/CollapsedWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/DateWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EnumWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/TextWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/BooleanWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/CellWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EntityNameWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/GroupHeaderWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/ThumbnailWidget.cjs.js");require("../LinksManager/CellEditingDialog.cjs.js");require("../../containers/ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");require("../../containers/ProjectTreeTable/context/SelectedRowsContext.cjs.js");require("../LinksManager/LinksManager.styled.cjs.js");require("../../containers/ProjectTreeTable/ProjectTreeTable.styled.cjs.js");require("../../containers/ProjectTreeTable/components/SelectionCell.cjs.js");require("../../containers/ProjectTreeTable/components/RowSelectionHeader.cjs.js");require("../../containers/ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../../containers/ProjectTreeTable/widgets/LoadMoreWidget.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectTableContext.cjs.js");require("../../containers/ProjectTreeTable/context/ClipboardContext.cjs.js");require("../../containers/ProjectTreeTable/context/ColumnSettingsContext.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectDataContext.cjs.js");require("../../../../_virtual/runtime.cjs.js");require("../../../../_virtual/semver.cjs.js");require("react-redux");require("custom-protocol-check");require("../../containers/ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("../../containers/ProjectTreeTable/components/HeaderActionButton.cjs.js");require("../../containers/ProjectTreeTable/components/ColumnHeaderMenu.cjs.js");require("../../containers/DetailsPanel/DetailsPanel.styled.cjs.js");require("../../containers/DetailsPanel/FeedFilters/FeedFilters.styled.cjs.js");require("../../containers/DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");require("../PlayableIcon/PlayableIcon.cjs.js");require("../../containers/DetailsPanel/DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../../containers/DetailsPanel/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../../containers/DetailsPanel/DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");require("../../containers/Actions/Actions.styled.cjs.js");require("../../containers/Actions/ActionsDropdown/ActionsDropdown.cjs.js");require("../../containers/Actions/ActionIcon.cjs.js");require("../../containers/Views/context/ViewsContext.cjs.js");require("../../containers/Views/Views.styled.cjs.js");require("../../containers/Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");require("../../containers/Views/ViewsMenu/ViewsMenu.cjs.js");require("../EntityPanelUploader/EntityPanelUploader.styled.cjs.js");require("axios");require("../SimpleFormDialog/SimpleFormDialog.cjs.js");require("../EntityPath/EntityPath.styled.cjs.js");require("../EntityPath/SegmentProvider.cjs.js");require("../DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../DetailsPanelDetails/DetailsPanelDetails.cjs.js");require("../DetailsPanelDetails/DetailsSection.cjs.js");require("../DetailsPanelDetails/FieldLabel.cjs.js");require("../Watchers/Watchers.cjs.js");require("../ProjectTableSettings/ProjectTableSettings.cjs.js");require("../Powerpack/PowerpackButton.cjs.js");require("../Powerpack/PricingLink.cjs.js");require("../Powerpack/PowerpackDialog.styled.cjs.js");require("../Powerpack/CTAButton.cjs.js");require("../SettingsPanel/SettingsPanel.cjs.js");require("../SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../AttributeEditor/components/MinMaxField.cjs.js");require("../EnumEditor/EnumEditor.styled.cjs.js");require("../SearchFilter/filterDates.cjs.js");require("../Badge/Badge.cjs.js");require("../VersionUploader/components/UploadVersionDialog.cjs.js");require("../VersionUploader/context/VersionUploadContext.cjs.js");require("../Feedback/FeedbackContext.cjs.js");require("../Feedback/SupportBubble.cjs.js");require("../Chips/Chips.cjs.js");require("../../containers/EntityPickerDialog/EntityPickerDialog.cjs.js");require("../StyledLink/StyledLink.cjs.js");const g=({projectName:w,taskId:E,folderId:U,versionId:i,productId:b,onUpload:d,onFilesAdded:o,children:y,dispatch:D,variant:l="normal",pendingFiles:q=[],setPendingFiles:a,className:C,pt:t,...L})=>{var f;const[m,n]=j.useState(!1),{handleFileUpload:c,handleRemoveUpload:S,uploading:z}=T.useReviewablesUpload({projectName:w,versionId:i,taskId:E,folderId:U,productId:b,dispatch:D,onUpload:d}),s=!!i;j.useEffect(()=>{if(s&&i&&q.length>0&&a){const e=q.map(r=>r.file);q.forEach(r=>{r.preview&&URL.revokeObjectURL(r.preview)}),a([]),c(e)}},[s,i,q.length,c,a]);const O=e=>e.type.startsWith("image/"),W=e=>e.map(r=>({file:r,preview:O(r)?URL.createObjectURL(r):void 0})),R=async e=>{const r=Array.from(e);if(o==null||o(r),!s||!i){a&&a(p=>[...p,...W(r)]);return}await c(e)},_=e=>{const r=e.target.files;r&&R(r)},k=e=>{e.preventDefault(),n(!1);const r=e.dataTransfer.files;r&&R(r)},M=l==="large"?{minWidth:"360px",maxWidth:"480px",alignSelf:"center"}:{};return u.jsxRuntimeExports.jsxs(u.jsxRuntimeExports.Fragment,{children:[u.jsxRuntimeExports.jsx(x.ReviewablesList,{className:h(C,l,{dragging:m}),...L,onDragEnter:()=>n(!0),children:u.jsxRuntimeExports.jsxs(u.jsxRuntimeExports.Fragment,{children:[y,!s&&(q==null?void 0:q.map(e=>u.jsxRuntimeExports.jsx(v.ReviewableProgressCard,{name:e.file.name,size:e.file.size,src:e.preview,type:"waiting",onRemove:()=>{a&&a(r=>r.filter(p=>p.file.name!==e.file.name))}},e.file.name))),i&&((f=z[i])==null?void 0:f.map(e=>u.jsxRuntimeExports.jsx(v.ReviewableProgressCard,{...e,type:"upload",onRemove:()=>S(e.name)},e.name))),u.jsxRuntimeExports.jsxs(x.Upload,{id:"upload",className:h("upload",l),style:M,...t==null?void 0:t.upload,children:[u.jsxRuntimeExports.jsx("span",{children:"Drop or click to upload"}),u.jsxRuntimeExports.jsx("input",{type:"file",multiple:!0,onChange:_})]})]})}),m&&u.jsxRuntimeExports.jsxs(x.Dropzone,{onDragOver:e=>e.preventDefault(),onDragLeave:()=>n(!1),onDrop:k,...t==null?void 0:t.dropzone,children:[u.jsxRuntimeExports.jsx(N.Icon,{icon:"upload"}),u.jsxRuntimeExports.jsx("span",{children:"Upload reviewable"})]})]})};exports.ReviewableUpload=g;exports.default=g;
 //# sourceMappingURL=ReviewablesUpload.cjs.js.map