@ynput/ayon-frontend-shared 0.3.19 → 0.3.21

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

@@ -1 +1 @@
-{"version":3,"file":"SortableReviewableCard.cjs.js","sources":["../../../../../src/components/ReviewablesList/SortableReviewableCard.tsx"],"sourcesContent":["import { FC } from 'react'\nimport { useSortable } from '@dnd-kit/sortable'\nimport { CSS } from '@dnd-kit/utilities'\nimport { ReviewableCardProps, ReviewableCard } from '@shared/components'\n\ntype SortableReviewableCardProps = ReviewableCardProps\n\nconst SortableReviewableCard: FC<SortableReviewableCardProps> = ({ ...props }) => {\n  const { attributes, listeners, setNodeRef, transform, transition, isDragging } = useSortable({\n    id: props.fileId,\n    animateLayoutChanges: () => false,\n  })\n\n  const style = {\n    transform: CSS.Transform.toString(transform),\n    transition,\n  }\n\n  return (\n    <div ref={setNodeRef} style={style}>\n      <ReviewableCard\n        isDropPlaceholder={isDragging}\n        dragProps={{ ...attributes, ...listeners }}\n        disabled={props.sortingDisabled}\n        {...props}\n      />\n    </div>\n  )\n}\n\nexport default SortableReviewableCard\n"],"names":["SortableReviewableCard","props","attributes","listeners","setNodeRef","transform","transition","isDragging","useSortable","style","CSS","jsx","ReviewableCard"],"mappings":"o/dAOA,MAAMA,EAA0D,CAAC,CAAE,GAAGC,KAAY,CAChF,KAAM,CAAE,WAAAC,EAAY,UAAAC,EAAW,WAAAC,EAAY,UAAAC,EAAW,WAAAC,EAAY,WAAAC,CAAA,EAAeC,cAAY,CAC3F,GAAIP,EAAM,OACV,qBAAsB,IAAM,EAAA,CAC7B,EAEKQ,EAAQ,CACZ,UAAWC,EAAAA,IAAI,UAAU,SAASL,CAAS,EAC3C,WAAAC,CAAA,EAGF,OACEK,EAAAA,kBAAAA,IAAC,MAAA,CAAI,IAAKP,EAAY,MAAAK,EACpB,SAAAE,EAAAA,kBAAAA,IAACC,EAAAA,eAAA,CACC,kBAAmBL,EACnB,UAAW,CAAE,GAAGL,EAAY,GAAGC,CAAA,EAC/B,SAAUF,EAAM,gBACf,GAAGA,CAAA,CAAA,EAER,CAEJ"}
+{"version":3,"file":"SortableReviewableCard.cjs.js","sources":["../../../../../src/components/ReviewablesList/SortableReviewableCard.tsx"],"sourcesContent":["import { FC } from 'react'\nimport { useSortable } from '@dnd-kit/sortable'\nimport { CSS } from '@dnd-kit/utilities'\nimport { ReviewableCardProps, ReviewableCard } from '@shared/components'\n\ntype SortableReviewableCardProps = ReviewableCardProps\n\nconst SortableReviewableCard: FC<SortableReviewableCardProps> = ({ ...props }) => {\n  const { attributes, listeners, setNodeRef, transform, transition, isDragging } = useSortable({\n    id: props.fileId,\n    animateLayoutChanges: () => false,\n  })\n\n  const style = {\n    transform: CSS.Transform.toString(transform),\n    transition,\n  }\n\n  return (\n    <div ref={setNodeRef} style={style}>\n      <ReviewableCard\n        isDropPlaceholder={isDragging}\n        dragProps={{ ...attributes, ...listeners }}\n        disabled={props.sortingDisabled}\n        {...props}\n      />\n    </div>\n  )\n}\n\nexport default SortableReviewableCard\n"],"names":["SortableReviewableCard","props","attributes","listeners","setNodeRef","transform","transition","isDragging","useSortable","style","CSS","jsx","ReviewableCard"],"mappings":"oveAOA,MAAMA,EAA0D,CAAC,CAAE,GAAGC,KAAY,CAChF,KAAM,CAAE,WAAAC,EAAY,UAAAC,EAAW,WAAAC,EAAY,UAAAC,EAAW,WAAAC,EAAY,WAAAC,CAAA,EAAeC,cAAY,CAC3F,GAAIP,EAAM,OACV,qBAAsB,IAAM,EAAA,CAC7B,EAEKQ,EAAQ,CACZ,UAAWC,EAAAA,IAAI,UAAU,SAASL,CAAS,EAC3C,WAAAC,CAAA,EAGF,OACEK,EAAAA,kBAAAA,IAAC,MAAA,CAAI,IAAKP,EAAY,MAAAK,EACpB,SAAAE,EAAAA,kBAAAA,IAACC,EAAAA,eAAA,CACC,kBAAmBL,EACnB,UAAW,CAAE,GAAGL,EAAY,GAAGC,CAAA,EAC/B,SAAUF,EAAM,gBACf,GAAGA,CAAA,CAAA,EAER,CAEJ"}

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

@@ -100,6 +100,7 @@ import "../../api/queries/share/share.es.js";
 import "../../api/queries/system/getSystem.es.js";
 import "../../api/queries/tasks/getTasks.es.js";
 import "../../api/queries/tasks/updateTasks.es.js";
+import "../../api/queries/teams/getTeams.es.js";
 import "../../api/queries/userDashboard/getUserDashboard.es.js";
 import "../../api/queries/users/getUsers.es.js";
 import "../../api/queries/users/updateUsers.es.js";
@@ -126,7 +127,9 @@ import "../EmptyPlaceholder/EmptyPlaceholderFlex.styled.es.js";
 import "../../containers/ContextMenu/ContextMenuContext.es.js";
 /* empty css                                               */
 import "../../containers/Feed/context/FeedContext.es.js";
+import "../../containers/Feed/components/Tooltips/UserTooltipItem.es.js";
 import "../../containers/Feed/components/Tooltips/UserTooltip/UserTooltip.styled.es.js";
+import "../../containers/Feed/components/Tooltips/TeamTooltip/TeamTooltip.styled.es.js";
 import "../../containers/Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.es.js";
 import "../../context/RemoteModulesContext.es.js";
 import "../../context/DetailsPanelContext.es.js";
@@ -165,6 +168,7 @@ import "../../containers/Feed/components/ActivityStatus/ActivityStatus.es.js";
 import "../../containers/Feed/components/ActivityHeader/ActivityHeader.styled.es.js";
 import "../../containers/Feed/components/ActivityDate.es.js";
 import "../../containers/Feed/components/ActivityCategorySelect/CategoryTag.es.js";
+import "rehype-raw";
 import "../../containers/Feed/components/ActivityStatusChange/ActivityStatusChange.styled.es.js";
 import "../../containers/Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.es.js";
 import "../../containers/Feed/components/ActivityVersions/ActivityVersions.styled.es.js";
@@ -178,6 +182,7 @@ import "@tanstack/react-table";
 import "../../containers/ProjectTreeTable/widgets/CollapsedWidget.es.js";
 import "../../containers/ProjectTreeTable/widgets/DateWidget.es.js";
 import "../../containers/ProjectTreeTable/widgets/EnumWidget.es.js";
+import "../../containers/ProjectTreeTable/widgets/EnumCellValue.es.js";
 import "../../containers/ProjectTreeTable/widgets/TextWidget.es.js";
 import "../../containers/ProjectTreeTable/widgets/BooleanWidget.es.js";
 import "../../containers/ProjectTreeTable/widgets/CellWidget.es.js";
@@ -191,6 +196,7 @@ import "../../containers/ProjectTreeTable/context/ProjectTableContext.es.js";
 import "../../containers/ProjectTreeTable/widgets/EmptyWidget.es.js";
 import "../../containers/ProjectTreeTable/widgets/ErrorWidget.es.js";
 import "../../containers/ProjectTreeTable/context/CellEditingContext.es.js";
+import "../SearchFilter/filterDates.es.js";
 import "short-uuid";
 import "../../containers/ProjectTreeTable/context/SelectionCellsContext.es.js";
 import "../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.es.js";
@@ -246,12 +252,10 @@ import "../ProjectTableSettings/ProjectTableSettings.es.js";
 import "../SizeSlider/SizeSlider.es.js";
 import { ReviewableCard as d } from "../ReviewableCard/ReviewableCard.es.js";
 import "../ReviewableProgressCard/ReviewableProgressCard.styled.es.js";
-import "../SearchFilter/filterDates.es.js";
 import "../SettingsPanel/SettingsPanel.es.js";
 import "../SettingsPanel/SettingsPanelItemTemplate.es.js";
 import "../ShareOptionIcon/ShareOptionIcon.es.js";
 import "../SimpleFormDialog/SimpleFormDialog.es.js";
-import "../SortingSetting/SortingSetting.styled.es.js";
 import "../StyledLink/StyledLink.es.js";
 import "../TableGridSwitch/TableGridSwitch.es.js";
 import "../Thumbnail/Thumbnail.styled.es.js";
@@ -263,7 +267,7 @@ import "../Watchers/Watchers.es.js";
 import "../Menu/Menu.styled.es.js";
 import "../Menu/MenuItem.es.js";
 import "../ReviewablesSelector/ReviewablesSelector.styled.es.js";
-const am = ({ ...r }) => {
+const fm = ({ ...r }) => {
   const { attributes: o, listeners: i, setNodeRef: m, transform: p, transition: e, isDragging: s } = n({
     id: r.fileId,
     animateLayoutChanges: () => !1
@@ -282,6 +286,6 @@ const am = ({ ...r }) => {
   ) });
 };
 export {
-  am as default
+  fm as default
 };
 //# sourceMappingURL=SortableReviewableCard.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SortableReviewableCard.es.js","sources":["../../../../../src/components/ReviewablesList/SortableReviewableCard.tsx"],"sourcesContent":["import { FC } from 'react'\nimport { useSortable } from '@dnd-kit/sortable'\nimport { CSS } from '@dnd-kit/utilities'\nimport { ReviewableCardProps, ReviewableCard } from '@shared/components'\n\ntype SortableReviewableCardProps = ReviewableCardProps\n\nconst SortableReviewableCard: FC<SortableReviewableCardProps> = ({ ...props }) => {\n  const { attributes, listeners, setNodeRef, transform, transition, isDragging } = useSortable({\n    id: props.fileId,\n    animateLayoutChanges: () => false,\n  })\n\n  const style = {\n    transform: CSS.Transform.toString(transform),\n    transition,\n  }\n\n  return (\n    <div ref={setNodeRef} style={style}>\n      <ReviewableCard\n        isDropPlaceholder={isDragging}\n        dragProps={{ ...attributes, ...listeners }}\n        disabled={props.sortingDisabled}\n        {...props}\n      />\n    </div>\n  )\n}\n\nexport default SortableReviewableCard\n"],"names":["SortableReviewableCard","props","attributes","listeners","setNodeRef","transform","transition","isDragging","useSortable","style","CSS","jsx","ReviewableCard"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,MAAMA,KAA0D,CAAC,EAAE,GAAGC,QAAY;AAChF,QAAM,EAAE,YAAAC,GAAY,WAAAC,GAAW,YAAAC,GAAY,WAAAC,GAAW,YAAAC,GAAY,YAAAC,EAAA,IAAeC,EAAY;AAAA,IAC3F,IAAIP,EAAM;AAAA,IACV,sBAAsB,MAAM;AAAA,EAAA,CAC7B,GAEKQ,IAAQ;AAAA,IACZ,WAAWC,EAAI,UAAU,SAASL,CAAS;AAAA,IAC3C,YAAAC;AAAA,EAAA;AAGF,SACEK,gBAAAA,EAAAA,IAAC,OAAA,EAAI,KAAKP,GAAY,OAAAK,GACpB,UAAAE,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,mBAAmBL;AAAA,MACnB,WAAW,EAAE,GAAGL,GAAY,GAAGC,EAAA;AAAA,MAC/B,UAAUF,EAAM;AAAA,MACf,GAAGA;AAAA,IAAA;AAAA,EAAA,GAER;AAEJ;"}
+{"version":3,"file":"SortableReviewableCard.es.js","sources":["../../../../../src/components/ReviewablesList/SortableReviewableCard.tsx"],"sourcesContent":["import { FC } from 'react'\nimport { useSortable } from '@dnd-kit/sortable'\nimport { CSS } from '@dnd-kit/utilities'\nimport { ReviewableCardProps, ReviewableCard } from '@shared/components'\n\ntype SortableReviewableCardProps = ReviewableCardProps\n\nconst SortableReviewableCard: FC<SortableReviewableCardProps> = ({ ...props }) => {\n  const { attributes, listeners, setNodeRef, transform, transition, isDragging } = useSortable({\n    id: props.fileId,\n    animateLayoutChanges: () => false,\n  })\n\n  const style = {\n    transform: CSS.Transform.toString(transform),\n    transition,\n  }\n\n  return (\n    <div ref={setNodeRef} style={style}>\n      <ReviewableCard\n        isDropPlaceholder={isDragging}\n        dragProps={{ ...attributes, ...listeners }}\n        disabled={props.sortingDisabled}\n        {...props}\n      />\n    </div>\n  )\n}\n\nexport default SortableReviewableCard\n"],"names":["SortableReviewableCard","props","attributes","listeners","setNodeRef","transform","transition","isDragging","useSortable","style","CSS","jsx","ReviewableCard"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,MAAMA,KAA0D,CAAC,EAAE,GAAGC,QAAY;AAChF,QAAM,EAAE,YAAAC,GAAY,WAAAC,GAAW,YAAAC,GAAY,WAAAC,GAAW,YAAAC,GAAY,YAAAC,EAAA,IAAeC,EAAY;AAAA,IAC3F,IAAIP,EAAM;AAAA,IACV,sBAAsB,MAAM;AAAA,EAAA,CAC7B,GAEKQ,IAAQ;AAAA,IACZ,WAAWC,EAAI,UAAU,SAASL,CAAS;AAAA,IAC3C,YAAAC;AAAA,EAAA;AAGF,SACEK,gBAAAA,EAAAA,IAAC,OAAA,EAAI,KAAKP,GAAY,OAAAK,GACpB,UAAAE,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,mBAAmBL;AAAA,MACnB,WAAW,EAAE,GAAGL,GAAY,GAAGC,EAAA;AAAA,MAC/B,UAAUF,EAAM;AAAA,MACf,GAAGA;AAAA,IAAA;AAAA,EAAA,GAER;AAEJ;"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react"),x=require("axios"),h=require("react-toastify"),m=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/projectFolders.cjs.js");require("../../api/generated/reviewables.cjs.js");require("../../api/generated/services.cjs.js");require("../../api/generated/system.cjs.js");require("../../api/generated/tasks.cjs.js");require("../../api/generated/teams.cjs.js");require("../../api/generated/thumbnails.cjs.js");require("../../api/generated/uRIs.cjs.js");require("../../api/generated/users.cjs.js");require("../../api/generated/versions.cjs.js");require("../../api/generated/workfiles.cjs.js");require("../../api/generated/ynputCloud.cjs.js");require("../../api/generated/grouping.cjs.js");require("../../api/generated/views.cjs.js");require("../../api/queries/actions/getActions.cjs.js");require("../../api/queries/activities/getActivities.cjs.js");require("../../api/queries/activities/updateActivities.cjs.js");require("../../api/queries/activities/updateReaction.cjs.js");require("../../api/queries/activities/getMentions.cjs.js");require("../../api/queries/activities/getCategories.cjs.js");require("../../api/queries/addons/getAddons.cjs.js");require("../../api/queries/addons/updateAddons.cjs.js");require("../../api/queries/attributes/getAttributes.cjs.js");require("../../api/queries/attributes/updateAttributes.cjs.js");require("../../api/queries/authentication/getAuthentication.cjs.js");require("../../api/queries/cloud/cloud.cjs.js");require("../../api/queries/config/getConfig.cjs.js");require("../../api/queries/config/updateConfig.cjs.js");require("../../api/queries/entities/getEntity.cjs.js");require("../../api/queries/entities/getEntityPanel.cjs.js");require("../../api/queries/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/versions/getVersionsProducts.cjs.js");require("../../api/queries/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.cjs.js");require("../../api/queries/products/getFolderProducts.cjs.js");require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.cjs.js");require("../../api/queries/projectFolders/projectFolders.cjs.js");require("../../api/queries/review/getReview.cjs.js");const z=require("../../api/queries/review/updateReview.cjs.js");require("../../api/queries/share/share.cjs.js");require("../../api/queries/system/getSystem.cjs.js");require("../../api/queries/tasks/getTasks.cjs.js");require("../../api/queries/tasks/updateTasks.cjs.js");require("../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../api/queries/users/getUsers.cjs.js");require("../../api/queries/users/updateUsers.cjs.js");require("../../api/queries/users/guests.cjs.js");require("../../api/queries/versions/updateVersions.cjs.js");require("../../api/queries/views/getViews.cjs.js");require("../../api/queries/views/updateViews.cjs.js");require("../../api/queries/watchers/getWatchers.cjs.js");require("../../api/queries/uris/getUris.cjs.js");const A=({projectName:n,versionId:q,taskId:g,folderId:v,productId:w,dispatch:s,onUpload:b,onProgress:F})=>{const[c,p]=f.useState({}),y=f.useCallback(U=>{q&&p(d=>({...d,[q]:d[q]?.filter(r=>r.name!==U)||[]}))},[q]);return{handleFileUpload:f.useCallback(async(U,d)=>{const r=d||q;if(!r||!n)return;const $=Array.from(U),R=$.map(i=>({name:i.name,size:i.size,progress:0})),T=[...c[r]||[],...R];p({...c,[r]:T});const P=i=>e=>{if(!r)return;console.log(`Upload successful for ${i.name}`);const u=e.data;n&&(s(z.reviewablesQueries.util.updateQueryData("getReviewablesForVersion",{projectName:n,versionId:r},a=>{a.reviewables||(a.reviewables=[]),a.reviewables.push(u)})),w&&s(m.api.util.invalidateTags([{type:"viewer",id:w}])),s(m.api.util.invalidateTags([{type:"viewer",id:r}])),v&&s(m.api.util.invalidateTags([{type:"viewer",id:v}])),g&&s(m.api.util.invalidateTags([{type:"viewer",id:g}])),y(i.name))},H=i=>e=>{r&&(console.error(`Upload failed for ${i.name}: ${e}`),h.toast.error(`Failed to upload file: ${i.name}`),p(u=>{const t=(u[r]||[]).map(o=>o.name!==i.name?o:{...o,error:e.response.data.detail||e.message});return{...u,[r]:t}}))},M=i=>r?e=>p(u=>{const t=(u[r]||[]).map(l=>l.name!==i.name?l:{...l,progress:e.total?Math.round(e.loaded/e.total*100):0}),o=t.reduce((l,V)=>l+(V.progress||0),0),S=Math.round(o/t.length);return F?.(S),{...u,[r]:t}}):()=>{};try{const i=$.map(e=>{const u=e.name.split(".").slice(0,-1).join("."),a=`/api/projects/${n}/versions/${r}/reviewables?label=${u}`,t={"content-type":e.type,"x-file-name":e.name};return x.post(a,e,{headers:t,onUploadProgress:M(e)}).then(P(e)).catch(H(e))});await Promise.all(i),b&&b()}catch(i){console.error(i),h.toast.error("Failed to upload file/s")}},[q,n,c,s,w,v,g,y,b,F]),handleRemoveUpload:y,uploading:c}};exports.useReviewablesUpload=A;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react"),z=require("axios"),x=require("react-toastify"),w=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/projectFolders.cjs.js");require("../../api/generated/reviewables.cjs.js");require("../../api/generated/services.cjs.js");require("../../api/generated/system.cjs.js");require("../../api/generated/tasks.cjs.js");require("../../api/generated/teams.cjs.js");require("../../api/generated/thumbnails.cjs.js");require("../../api/generated/uRIs.cjs.js");require("../../api/generated/users.cjs.js");require("../../api/generated/versions.cjs.js");require("../../api/generated/workfiles.cjs.js");require("../../api/generated/ynputCloud.cjs.js");require("../../api/generated/grouping.cjs.js");require("../../api/generated/views.cjs.js");require("../../api/queries/actions/getActions.cjs.js");require("../../api/queries/activities/getActivities.cjs.js");require("../../api/queries/activities/updateActivities.cjs.js");require("../../api/queries/activities/updateReaction.cjs.js");require("../../api/queries/activities/getMentions.cjs.js");require("../../api/queries/activities/getCategories.cjs.js");require("../../api/queries/addons/getAddons.cjs.js");require("../../api/queries/addons/updateAddons.cjs.js");require("../../api/queries/attributes/getAttributes.cjs.js");require("../../api/queries/attributes/updateAttributes.cjs.js");require("../../api/queries/authentication/getAuthentication.cjs.js");require("../../api/queries/cloud/cloud.cjs.js");require("../../api/queries/config/getConfig.cjs.js");require("../../api/queries/config/updateConfig.cjs.js");require("../../api/queries/entities/getEntity.cjs.js");require("../../api/queries/entities/getEntityPanel.cjs.js");require("../../api/queries/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/versions/getVersionsProducts.cjs.js");require("../../api/queries/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.cjs.js");require("../../api/queries/products/getFolderProducts.cjs.js");require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.cjs.js");require("../../api/queries/projectFolders/projectFolders.cjs.js");require("../../api/queries/review/getReview.cjs.js");const A=require("../../api/queries/review/updateReview.cjs.js");require("../../api/queries/share/share.cjs.js");require("../../api/queries/system/getSystem.cjs.js");require("../../api/queries/tasks/getTasks.cjs.js");require("../../api/queries/tasks/updateTasks.cjs.js");require("../../api/queries/teams/getTeams.cjs.js");require("../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../api/queries/users/getUsers.cjs.js");require("../../api/queries/users/updateUsers.cjs.js");require("../../api/queries/users/guests.cjs.js");require("../../api/queries/versions/updateVersions.cjs.js");require("../../api/queries/views/getViews.cjs.js");require("../../api/queries/views/updateViews.cjs.js");require("../../api/queries/watchers/getWatchers.cjs.js");require("../../api/queries/uris/getUris.cjs.js");const c=a=>{const u=a.replace(/[^\x00-\xFF]/g,"").trim(),p=u.replace(/\.[^/.]+$/,""),o=u.split(".").pop();return p.length===0?"unnamed"+(o?`.${o}`:""):u},C=({projectName:a,versionId:u,taskId:p,folderId:o,productId:b,dispatch:l,onUpload:y,onProgress:$})=>{const[m,g]=f.useState({}),U=f.useCallback(F=>{u&&g(v=>({...v,[u]:v[u]?.filter(r=>r.name!==F)||[]}))},[u]);return{handleFileUpload:f.useCallback(async(F,v)=>{const r=v||u;if(!r||!a)return;const h=Array.from(F),R=h.map(i=>({name:c(i.name),size:i.size,progress:0})),T=[...m[r]||[],...R];g({...m,[r]:T});const P=i=>e=>{if(!r)return;console.log(`Upload successful for ${i.name}`);const t=e.data;a&&(l(A.reviewablesQueries.util.updateQueryData("getReviewablesForVersion",{projectName:a,versionId:r},n=>{n.reviewables||(n.reviewables=[]),n.reviewables.push(t)})),b&&l(w.api.util.invalidateTags([{type:"viewer",id:b}])),l(w.api.util.invalidateTags([{type:"viewer",id:r}])),o&&l(w.api.util.invalidateTags([{type:"viewer",id:o}])),p&&l(w.api.util.invalidateTags([{type:"viewer",id:p}])),U(c(i.name)))},H=i=>e=>{r&&(console.error(`Upload failed for ${i.name}: ${e}`),x.toast.error(`Failed to upload file: ${i.name}`),g(t=>{const s=(t[r]||[]).map(q=>q.name!==c(i.name)?q:(console.log(e),{...q,error:e.response||e.message}));return{...t,[r]:s}}))},M=i=>r?e=>g(t=>{const s=(t[r]||[]).map(d=>d.name!==c(i.name)?d:{...d,progress:e.total?Math.round(e.loaded/e.total*100):0}),q=s.reduce((d,V)=>d+(V.progress||0),0),S=Math.round(q/s.length);return $?.(S),{...t,[r]:s}}):()=>{};try{const i=h.map(e=>{const t=c(e.name),n=t.split(".").slice(0,-1).join(".")||"unnamed",s=`/api/projects/${a}/versions/${r}/reviewables?label=${n}`,q={"content-type":e.type,"x-file-name":t};return z.post(s,e,{headers:q,onUploadProgress:M(e)}).then(P(e)).catch(H(e))});await Promise.all(i),y&&y()}catch(i){console.error(i),x.toast.error("Failed to upload file/s")}},[u,a,m,l,b,o,p,U,y,$]),handleRemoveUpload:U,uploading:m}};exports.parseFilename=c;exports.useReviewablesUpload=C;
 //# sourceMappingURL=useReviewablesUpload.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useReviewablesUpload.cjs.js","sources":["../../../../../src/components/ReviewablesList/useReviewablesUpload.ts"],"sourcesContent":["import { useState, useCallback } from 'react'\nimport axios, { AxiosProgressEvent, AxiosResponse } from 'axios'\nimport { toast } from 'react-toastify'\n\nimport api, { reviewablesQueries } from '@shared/api'\nimport type { UploadReviewableApiResponse } from '@shared/api'\nimport type { ReviewableProgress } from '@shared/components'\n\nexport interface UseReviewablesUploadProps {\n  projectName: string | null\n  versionId?: string | null\n  taskId?: string | null\n  folderId?: string | null\n  productId?: string | null\n  dispatch: any\n  onUpload?: () => void\n  onProgress?: (progress: number) => void\n}\n\nexport interface UploadHandlers {\n  handleFileUpload: (files: FileList | File[], versionId?: string) => Promise<void>\n  handleRemoveUpload: (name: string) => void\n  uploading: { [key: string]: ReviewableProgress[] }\n}\n\nexport const useReviewablesUpload = ({\n  projectName,\n  versionId,\n  taskId,\n  folderId,\n  productId,\n  dispatch,\n  onUpload,\n  onProgress,\n}: UseReviewablesUploadProps): UploadHandlers => {\n  const [uploading, setUploads] = useState<{ [key: string]: ReviewableProgress[] }>({})\n\n  const handleRemoveUpload = useCallback(\n    (name: string) => {\n      if (!versionId) return\n      setUploads((uploads) => ({\n        ...uploads,\n        [versionId]: uploads[versionId]?.filter((upload) => upload.name !== name) || [],\n      }))\n    },\n    [versionId],\n  )\n\n  const handleFileUpload = useCallback(\n    async (files: FileList | File[], fileVersionId?: string) => {\n      // use the passed versionId or the one from props\n      const reviewableVersionId = fileVersionId || versionId\n      if (!reviewableVersionId || !projectName) return\n\n      const fileArray = Array.from(files)\n\n      const uploadingFiles = fileArray.map((file) => ({\n        name: file.name,\n        size: file.size,\n        progress: 0,\n      }))\n\n      const newUploadsForVersion = [...(uploading[reviewableVersionId] || []), ...uploadingFiles]\n\n      setUploads({ ...uploading, [reviewableVersionId]: newUploadsForVersion })\n\n      const successHandler = (file: File) => (response: AxiosResponse) => {\n        if (!reviewableVersionId) return\n        // Handle successful upload\n        console.log(`Upload successful for ${file.name}`)\n        // patch the new data into the reviewables cache\n        const data = response.data as UploadReviewableApiResponse\n\n        if (!projectName) return\n\n        dispatch(\n          // @ts-ignore\n          reviewablesQueries.util.updateQueryData(\n            'getReviewablesForVersion',\n            { projectName, versionId: reviewableVersionId },\n            (draft) => {\n              if (!draft.reviewables) {\n                draft.reviewables = []\n              }\n              // @ts-ignore\n              draft.reviewables.push(data)\n            },\n          ),\n        )\n\n        // also invalidate the viewer cache\n        productId && dispatch(api.util.invalidateTags([{ type: 'viewer', id: productId }]))\n        dispatch(api.util.invalidateTags([{ type: 'viewer', id: reviewableVersionId }]))\n        folderId && dispatch(api.util.invalidateTags([{ type: 'viewer', id: folderId }]))\n        taskId && dispatch(api.util.invalidateTags([{ type: 'viewer', id: taskId }]))\n        // remove the file from the list\n        handleRemoveUpload(file.name)\n      }\n\n      const errorHandler = (file: File) => (error: any) => {\n        if (!reviewableVersionId) return\n        console.error(`Upload failed for ${file.name}: ${error}`)\n        toast.error(`Failed to upload file: ${file.name}`)\n        // add error to the file\n        setUploads((uploads) => {\n          // current uploads for reviewableVersionId\n          const currentUploads = uploads[reviewableVersionId] || []\n          const updatedUploads = currentUploads.map((upload) => {\n            if (upload.name !== file.name) return upload\n            return {\n              ...upload,\n              error: error.response.data.detail || error.message,\n            }\n          })\n\n          // update state\n          return {\n            ...uploads,\n            [reviewableVersionId]: updatedUploads,\n          }\n        })\n      }\n\n      const progressHandler = (file: File) => {\n        if (!reviewableVersionId) return () => {}\n        return (progressEvent: AxiosProgressEvent) =>\n          setUploads((uploads) => {\n            // current uploads for reviewableVersionId\n            const currentUploads = uploads[reviewableVersionId] || []\n            const updatedUploads = currentUploads.map((upload) => {\n              if (upload.name !== file.name) return upload\n              return {\n                ...upload,\n                progress: progressEvent.total\n                  ? Math.round((progressEvent.loaded / progressEvent.total) * 100)\n                  : 0,\n              }\n            })\n\n            // Calculate overall progress across all files\n            const totalProgress = updatedUploads.reduce(\n              (sum, upload) => sum + (upload.progress || 0),\n              0,\n            )\n            const overallProgress = Math.round(totalProgress / updatedUploads.length)\n\n            // Call the onProgress callback with overall progress\n            onProgress?.(overallProgress)\n\n            // update state\n            return {\n              ...uploads,\n              [reviewableVersionId]: updatedUploads,\n            }\n          })\n      }\n\n      try {\n        // upload the files\n        const uploadPromises = fileArray.map((file) => {\n          const autoLabel = file.name.split('.').slice(0, -1).join('.')\n\n          const url = `/api/projects/${projectName}/versions/${reviewableVersionId}/reviewables?label=${autoLabel}`\n          const headers = { 'content-type': file.type, 'x-file-name': file.name }\n          return axios\n            .post(url, file, { headers, onUploadProgress: progressHandler(file) })\n            .then(successHandler(file))\n            .catch(errorHandler(file))\n        })\n\n        // Wait for all uploads to complete\n        await Promise.all(uploadPromises)\n\n        // Callback after all uploads are finished\n        onUpload && onUpload()\n      } catch (error) {\n        // something went wrong with everything, EEEEK!\n        console.error(error)\n        toast.error('Failed to upload file/s')\n      }\n    },\n    [\n      versionId,\n      projectName,\n      uploading,\n      dispatch,\n      productId,\n      folderId,\n      taskId,\n      handleRemoveUpload,\n      onUpload,\n      onProgress,\n    ],\n  )\n\n  return {\n    handleFileUpload,\n    handleRemoveUpload,\n    uploading,\n  }\n}\n"],"names":["useReviewablesUpload","projectName","versionId","taskId","folderId","productId","dispatch","onUpload","onProgress","uploading","setUploads","useState","handleRemoveUpload","useCallback","name","uploads","upload","files","fileVersionId","reviewableVersionId","fileArray","uploadingFiles","file","newUploadsForVersion","successHandler","response","data","reviewablesQueries","draft","api","errorHandler","error","toast","updatedUploads","progressHandler","progressEvent","totalProgress","sum","overallProgress","uploadPromises","autoLabel","url","headers","axios"],"mappings":"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"}
+{"version":3,"file":"useReviewablesUpload.cjs.js","sources":["../../../../../src/components/ReviewablesList/useReviewablesUpload.ts"],"sourcesContent":["import { useState, useCallback } from 'react'\nimport axios, { AxiosProgressEvent, AxiosResponse } from 'axios'\nimport { toast } from 'react-toastify'\n\nimport api, { reviewablesQueries } from '@shared/api'\nimport type { UploadReviewableApiResponse } from '@shared/api'\nimport type { ReviewableProgress } from '@shared/components'\n\n// strip out non-ISO-8859-1 characters like Narrow No-Break Space and emojis\n// then check it is not an empty string without extension, if so replace with \"unnamed\"\nexport const parseFilename = (filename: string) => {\n  const parsed = filename.replace(/[^\\x00-\\xFF]/g, '').trim()\n  // without extension\n  const nameWithoutExtension = parsed.replace(/\\.[^/.]+$/, '')\n  const extension = parsed.split('.').pop()\n  if (nameWithoutExtension.length === 0) {\n    return 'unnamed' + (extension ? `.${extension}` : '')\n  } else {\n    return parsed\n  }\n}\n\nexport interface UseReviewablesUploadProps {\n  projectName: string | null\n  versionId?: string | null\n  taskId?: string | null\n  folderId?: string | null\n  productId?: string | null\n  dispatch: any\n  onUpload?: () => void\n  onProgress?: (progress: number) => void\n}\n\nexport interface UploadHandlers {\n  handleFileUpload: (files: FileList | File[], versionId?: string) => Promise<void>\n  handleRemoveUpload: (name: string) => void\n  uploading: { [key: string]: ReviewableProgress[] }\n}\n\nexport const useReviewablesUpload = ({\n  projectName,\n  versionId,\n  taskId,\n  folderId,\n  productId,\n  dispatch,\n  onUpload,\n  onProgress,\n}: UseReviewablesUploadProps): UploadHandlers => {\n  const [uploading, setUploads] = useState<{ [key: string]: ReviewableProgress[] }>({})\n\n  const handleRemoveUpload = useCallback(\n    (name: string) => {\n      if (!versionId) return\n      setUploads((uploads) => ({\n        ...uploads,\n        [versionId]: uploads[versionId]?.filter((upload) => upload.name !== name) || [],\n      }))\n    },\n    [versionId],\n  )\n\n  const handleFileUpload = useCallback(\n    async (files: FileList | File[], fileVersionId?: string) => {\n      // use the passed versionId or the one from props\n      const reviewableVersionId = fileVersionId || versionId\n      if (!reviewableVersionId || !projectName) return\n\n      const fileArray = Array.from(files)\n\n      const uploadingFiles = fileArray.map((file) => ({\n        name: parseFilename(file.name),\n        size: file.size,\n        progress: 0,\n      }))\n\n      const newUploadsForVersion = [...(uploading[reviewableVersionId] || []), ...uploadingFiles]\n\n      setUploads({ ...uploading, [reviewableVersionId]: newUploadsForVersion })\n\n      const successHandler = (file: File) => (response: AxiosResponse) => {\n        if (!reviewableVersionId) return\n        // Handle successful upload\n        console.log(`Upload successful for ${file.name}`)\n        // patch the new data into the reviewables cache\n        const data = response.data as UploadReviewableApiResponse\n\n        if (!projectName) return\n\n        dispatch(\n          // @ts-ignore\n          reviewablesQueries.util.updateQueryData(\n            'getReviewablesForVersion',\n            { projectName, versionId: reviewableVersionId },\n            (draft) => {\n              if (!draft.reviewables) {\n                draft.reviewables = []\n              }\n              // @ts-ignore\n              draft.reviewables.push(data)\n            },\n          ),\n        )\n\n        // also invalidate the viewer cache\n        productId && dispatch(api.util.invalidateTags([{ type: 'viewer', id: productId }]))\n        dispatch(api.util.invalidateTags([{ type: 'viewer', id: reviewableVersionId }]))\n        folderId && dispatch(api.util.invalidateTags([{ type: 'viewer', id: folderId }]))\n        taskId && dispatch(api.util.invalidateTags([{ type: 'viewer', id: taskId }]))\n        // remove the file from the list\n        handleRemoveUpload(parseFilename(file.name))\n      }\n\n      const errorHandler = (file: File) => (error: any) => {\n        if (!reviewableVersionId) return\n        console.error(`Upload failed for ${file.name}: ${error}`)\n        toast.error(`Failed to upload file: ${file.name}`)\n        // add error to the file\n        setUploads((uploads) => {\n          // current uploads for reviewableVersionId\n          const currentUploads = uploads[reviewableVersionId] || []\n          const updatedUploads = currentUploads.map((upload) => {\n            if (upload.name !== parseFilename(file.name)) return upload\n            console.log(error)\n            return {\n              ...upload,\n              error: error.response || error.message,\n            }\n          })\n\n          // update state\n          return {\n            ...uploads,\n            [reviewableVersionId]: updatedUploads,\n          }\n        })\n      }\n\n      const progressHandler = (file: File) => {\n        if (!reviewableVersionId) return () => {}\n        return (progressEvent: AxiosProgressEvent) =>\n          setUploads((uploads) => {\n            // current uploads for reviewableVersionId\n            const currentUploads = uploads[reviewableVersionId] || []\n            const updatedUploads = currentUploads.map((upload) => {\n              if (upload.name !== parseFilename(file.name)) return upload\n              return {\n                ...upload,\n                progress: progressEvent.total\n                  ? Math.round((progressEvent.loaded / progressEvent.total) * 100)\n                  : 0,\n              }\n            })\n\n            // Calculate overall progress across all files\n            const totalProgress = updatedUploads.reduce(\n              (sum, upload) => sum + (upload.progress || 0),\n              0,\n            )\n            const overallProgress = Math.round(totalProgress / updatedUploads.length)\n\n            // Call the onProgress callback with overall progress\n            onProgress?.(overallProgress)\n\n            // update state\n            return {\n              ...uploads,\n              [reviewableVersionId]: updatedUploads,\n            }\n          })\n      }\n\n      try {\n        // upload the files\n        const uploadPromises = fileArray.map((file) => {\n          const fileName = parseFilename(file.name)\n          const autoLabel = fileName.split('.').slice(0, -1).join('.') || 'unnamed'\n\n          const url = `/api/projects/${projectName}/versions/${reviewableVersionId}/reviewables?label=${autoLabel}`\n          const headers = { 'content-type': file.type, 'x-file-name': fileName }\n          return axios\n            .post(url, file, { headers, onUploadProgress: progressHandler(file) })\n            .then(successHandler(file))\n            .catch(errorHandler(file))\n        })\n\n        // Wait for all uploads to complete\n        await Promise.all(uploadPromises)\n\n        // Callback after all uploads are finished\n        onUpload && onUpload()\n      } catch (error) {\n        // something went wrong with everything, EEEEK!\n        console.error(error)\n        toast.error('Failed to upload file/s')\n      }\n    },\n    [\n      versionId,\n      projectName,\n      uploading,\n      dispatch,\n      productId,\n      folderId,\n      taskId,\n      handleRemoveUpload,\n      onUpload,\n      onProgress,\n    ],\n  )\n\n  return {\n    handleFileUpload,\n    handleRemoveUpload,\n    uploading,\n  }\n}\n"],"names":["parseFilename","filename","parsed","nameWithoutExtension","extension","useReviewablesUpload","projectName","versionId","taskId","folderId","productId","dispatch","onUpload","onProgress","uploading","setUploads","useState","handleRemoveUpload","useCallback","name","uploads","upload","files","fileVersionId","reviewableVersionId","fileArray","uploadingFiles","file","newUploadsForVersion","successHandler","response","data","reviewablesQueries","draft","api","errorHandler","error","toast","updatedUploads","progressHandler","progressEvent","totalProgress","sum","overallProgress","uploadPromises","fileName","autoLabel","url","headers","axios"],"mappings":"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"}

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

@@ -1,7 +1,7 @@
-import { useState as M, useCallback as $ } from "react";
-import Q from "axios";
+import { useState as Q, useCallback as x } from "react";
+import C from "axios";
 import { toast as P } from "react-toastify";
-import { api as g } from "../../api/base/client.es.js";
+import { api as v } from "../../api/base/client.es.js";
 import "../../api/generated/graphql.es.js";
 import "../../api/generated/graphqlLinks.es.js";
 import "../../api/generated/access.es.js";
@@ -77,11 +77,12 @@ import "../../api/queries/project/getProject.es.js";
 import "../../api/queries/project/updateProject.es.js";
 import "../../api/queries/projectFolders/projectFolders.es.js";
 import "../../api/queries/review/getReview.es.js";
-import { reviewablesQueries as C } from "../../api/queries/review/updateReview.es.js";
+import { reviewablesQueries as D } from "../../api/queries/review/updateReview.es.js";
 import "../../api/queries/share/share.es.js";
 import "../../api/queries/system/getSystem.es.js";
 import "../../api/queries/tasks/getTasks.es.js";
 import "../../api/queries/tasks/updateTasks.es.js";
+import "../../api/queries/teams/getTeams.es.js";
 import "../../api/queries/userDashboard/getUserDashboard.es.js";
 import "../../api/queries/users/getUsers.es.js";
 import "../../api/queries/users/updateUsers.es.js";
@@ -91,79 +92,82 @@ import "../../api/queries/views/getViews.es.js";
 import "../../api/queries/views/updateViews.es.js";
 import "../../api/queries/watchers/getWatchers.es.js";
 import "../../api/queries/uris/getUris.es.js";
-const ht = ({
-  projectName: n,
-  versionId: p,
-  taskId: w,
-  folderId: v,
+const d = (p) => {
+  const i = p.replace(/[^\x00-\xFF]/g, "").trim(), u = i.replace(/\.[^/.]+$/, ""), s = i.split(".").pop();
+  return u.length === 0 ? "unnamed" + (s ? `.${s}` : "") : i;
+}, $t = ({
+  projectName: p,
+  versionId: i,
+  taskId: u,
+  folderId: s,
   productId: U,
-  dispatch: a,
+  dispatch: l,
   onUpload: b,
   onProgress: h
 }) => {
-  const [u, c] = M({}), y = $(
-    (f) => {
-      p && c((d) => ({
-        ...d,
-        [p]: d[p]?.filter((t) => t.name !== f) || []
+  const [g, w] = Q({}), y = x(
+    (F) => {
+      i && w((f) => ({
+        ...f,
+        [i]: f[i]?.filter((t) => t.name !== F) || []
       }));
     },
-    [p]
+    [i]
   );
   return {
-    handleFileUpload: $(
-      async (f, d) => {
-        const t = d || p;
-        if (!t || !n) return;
-        const F = Array.from(f), T = F.map((o) => ({
-          name: o.name,
+    handleFileUpload: x(
+      async (F, f) => {
+        const t = f || i;
+        if (!t || !p) return;
+        const $ = Array.from(F), T = $.map((o) => ({
+          name: d(o.name),
           size: o.size,
           progress: 0
-        })), x = [...u[t] || [], ...T];
-        c({ ...u, [t]: x });
-        const H = (o) => (r) => {
+        })), H = [...g[t] || [], ...T];
+        w({ ...g, [t]: H });
+        const R = (o) => (r) => {
           if (!t) return;
           console.log(`Upload successful for ${o.name}`);
-          const i = r.data;
-          n && (a(
+          const e = r.data;
+          p && (l(
             // @ts-ignore
-            C.util.updateQueryData(
+            D.util.updateQueryData(
               "getReviewablesForVersion",
-              { projectName: n, versionId: t },
-              (e) => {
-                e.reviewables || (e.reviewables = []), e.reviewables.push(i);
+              { projectName: p, versionId: t },
+              (m) => {
+                m.reviewables || (m.reviewables = []), m.reviewables.push(e);
               }
             )
-          ), U && a(g.util.invalidateTags([{ type: "viewer", id: U }])), a(g.util.invalidateTags([{ type: "viewer", id: t }])), v && a(g.util.invalidateTags([{ type: "viewer", id: v }])), w && a(g.util.invalidateTags([{ type: "viewer", id: w }])), y(o.name));
-        }, R = (o) => (r) => {
-          t && (console.error(`Upload failed for ${o.name}: ${r}`), P.error(`Failed to upload file: ${o.name}`), c((i) => {
-            const m = (i[t] || []).map((s) => s.name !== o.name ? s : {
-              ...s,
-              error: r.response.data.detail || r.message
-            });
+          ), U && l(v.util.invalidateTags([{ type: "viewer", id: U }])), l(v.util.invalidateTags([{ type: "viewer", id: t }])), s && l(v.util.invalidateTags([{ type: "viewer", id: s }])), u && l(v.util.invalidateTags([{ type: "viewer", id: u }])), y(d(o.name)));
+        }, V = (o) => (r) => {
+          t && (console.error(`Upload failed for ${o.name}: ${r}`), P.error(`Failed to upload file: ${o.name}`), w((e) => {
+            const n = (e[t] || []).map((a) => a.name !== d(o.name) ? a : (console.log(r), {
+              ...a,
+              error: r.response || r.message
+            }));
             return {
-              ...i,
-              [t]: m
+              ...e,
+              [t]: n
             };
           }));
-        }, V = (o) => t ? (r) => c((i) => {
-          const m = (i[t] || []).map((l) => l.name !== o.name ? l : {
-            ...l,
+        }, z = (o) => t ? (r) => w((e) => {
+          const n = (e[t] || []).map((c) => c.name !== d(o.name) ? c : {
+            ...c,
             progress: r.total ? Math.round(r.loaded / r.total * 100) : 0
-          }), s = m.reduce(
-            (l, A) => l + (A.progress || 0),
+          }), a = n.reduce(
+            (c, M) => c + (M.progress || 0),
             0
-          ), z = Math.round(s / m.length);
-          return h?.(z), {
-            ...i,
-            [t]: m
+          ), A = Math.round(a / n.length);
+          return h?.(A), {
+            ...e,
+            [t]: n
           };
         }) : () => {
         };
         try {
-          const o = F.map((r) => {
-            const i = r.name.split(".").slice(0, -1).join("."), e = `/api/projects/${n}/versions/${t}/reviewables?label=${i}`, m = { "content-type": r.type, "x-file-name": r.name };
-            return Q.post(e, r, { headers: m, onUploadProgress: V(r) }).then(H(r)).catch(R(r));
+          const o = $.map((r) => {
+            const e = d(r.name), m = e.split(".").slice(0, -1).join(".") || "unnamed", n = `/api/projects/${p}/versions/${t}/reviewables?label=${m}`, a = { "content-type": r.type, "x-file-name": e };
+            return C.post(n, r, { headers: a, onUploadProgress: z(r) }).then(R(r)).catch(V(r));
           });
           await Promise.all(o), b && b();
         } catch (o) {
@@ -171,23 +175,24 @@ const ht = ({
         }
       },
       [
+        i,
         p,
-        n,
-        u,
-        a,
+        g,
+        l,
         U,
-        v,
-        w,
+        s,
+        u,
         y,
         b,
         h
       ]
     ),
     handleRemoveUpload: y,
-    uploading: u
+    uploading: g
   };
 };
 export {
-  ht as useReviewablesUpload
+  d as parseFilename,
+  $t as useReviewablesUpload
 };
 //# sourceMappingURL=useReviewablesUpload.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useReviewablesUpload.es.js","sources":["../../../../../src/components/ReviewablesList/useReviewablesUpload.ts"],"sourcesContent":["import { useState, useCallback } from 'react'\nimport axios, { AxiosProgressEvent, AxiosResponse } from 'axios'\nimport { toast } from 'react-toastify'\n\nimport api, { reviewablesQueries } from '@shared/api'\nimport type { UploadReviewableApiResponse } from '@shared/api'\nimport type { ReviewableProgress } from '@shared/components'\n\nexport interface UseReviewablesUploadProps {\n  projectName: string | null\n  versionId?: string | null\n  taskId?: string | null\n  folderId?: string | null\n  productId?: string | null\n  dispatch: any\n  onUpload?: () => void\n  onProgress?: (progress: number) => void\n}\n\nexport interface UploadHandlers {\n  handleFileUpload: (files: FileList | File[], versionId?: string) => Promise<void>\n  handleRemoveUpload: (name: string) => void\n  uploading: { [key: string]: ReviewableProgress[] }\n}\n\nexport const useReviewablesUpload = ({\n  projectName,\n  versionId,\n  taskId,\n  folderId,\n  productId,\n  dispatch,\n  onUpload,\n  onProgress,\n}: UseReviewablesUploadProps): UploadHandlers => {\n  const [uploading, setUploads] = useState<{ [key: string]: ReviewableProgress[] }>({})\n\n  const handleRemoveUpload = useCallback(\n    (name: string) => {\n      if (!versionId) return\n      setUploads((uploads) => ({\n        ...uploads,\n        [versionId]: uploads[versionId]?.filter((upload) => upload.name !== name) || [],\n      }))\n    },\n    [versionId],\n  )\n\n  const handleFileUpload = useCallback(\n    async (files: FileList | File[], fileVersionId?: string) => {\n      // use the passed versionId or the one from props\n      const reviewableVersionId = fileVersionId || versionId\n      if (!reviewableVersionId || !projectName) return\n\n      const fileArray = Array.from(files)\n\n      const uploadingFiles = fileArray.map((file) => ({\n        name: file.name,\n        size: file.size,\n        progress: 0,\n      }))\n\n      const newUploadsForVersion = [...(uploading[reviewableVersionId] || []), ...uploadingFiles]\n\n      setUploads({ ...uploading, [reviewableVersionId]: newUploadsForVersion })\n\n      const successHandler = (file: File) => (response: AxiosResponse) => {\n        if (!reviewableVersionId) return\n        // Handle successful upload\n        console.log(`Upload successful for ${file.name}`)\n        // patch the new data into the reviewables cache\n        const data = response.data as UploadReviewableApiResponse\n\n        if (!projectName) return\n\n        dispatch(\n          // @ts-ignore\n          reviewablesQueries.util.updateQueryData(\n            'getReviewablesForVersion',\n            { projectName, versionId: reviewableVersionId },\n            (draft) => {\n              if (!draft.reviewables) {\n                draft.reviewables = []\n              }\n              // @ts-ignore\n              draft.reviewables.push(data)\n            },\n          ),\n        )\n\n        // also invalidate the viewer cache\n        productId && dispatch(api.util.invalidateTags([{ type: 'viewer', id: productId }]))\n        dispatch(api.util.invalidateTags([{ type: 'viewer', id: reviewableVersionId }]))\n        folderId && dispatch(api.util.invalidateTags([{ type: 'viewer', id: folderId }]))\n        taskId && dispatch(api.util.invalidateTags([{ type: 'viewer', id: taskId }]))\n        // remove the file from the list\n        handleRemoveUpload(file.name)\n      }\n\n      const errorHandler = (file: File) => (error: any) => {\n        if (!reviewableVersionId) return\n        console.error(`Upload failed for ${file.name}: ${error}`)\n        toast.error(`Failed to upload file: ${file.name}`)\n        // add error to the file\n        setUploads((uploads) => {\n          // current uploads for reviewableVersionId\n          const currentUploads = uploads[reviewableVersionId] || []\n          const updatedUploads = currentUploads.map((upload) => {\n            if (upload.name !== file.name) return upload\n            return {\n              ...upload,\n              error: error.response.data.detail || error.message,\n            }\n          })\n\n          // update state\n          return {\n            ...uploads,\n            [reviewableVersionId]: updatedUploads,\n          }\n        })\n      }\n\n      const progressHandler = (file: File) => {\n        if (!reviewableVersionId) return () => {}\n        return (progressEvent: AxiosProgressEvent) =>\n          setUploads((uploads) => {\n            // current uploads for reviewableVersionId\n            const currentUploads = uploads[reviewableVersionId] || []\n            const updatedUploads = currentUploads.map((upload) => {\n              if (upload.name !== file.name) return upload\n              return {\n                ...upload,\n                progress: progressEvent.total\n                  ? Math.round((progressEvent.loaded / progressEvent.total) * 100)\n                  : 0,\n              }\n            })\n\n            // Calculate overall progress across all files\n            const totalProgress = updatedUploads.reduce(\n              (sum, upload) => sum + (upload.progress || 0),\n              0,\n            )\n            const overallProgress = Math.round(totalProgress / updatedUploads.length)\n\n            // Call the onProgress callback with overall progress\n            onProgress?.(overallProgress)\n\n            // update state\n            return {\n              ...uploads,\n              [reviewableVersionId]: updatedUploads,\n            }\n          })\n      }\n\n      try {\n        // upload the files\n        const uploadPromises = fileArray.map((file) => {\n          const autoLabel = file.name.split('.').slice(0, -1).join('.')\n\n          const url = `/api/projects/${projectName}/versions/${reviewableVersionId}/reviewables?label=${autoLabel}`\n          const headers = { 'content-type': file.type, 'x-file-name': file.name }\n          return axios\n            .post(url, file, { headers, onUploadProgress: progressHandler(file) })\n            .then(successHandler(file))\n            .catch(errorHandler(file))\n        })\n\n        // Wait for all uploads to complete\n        await Promise.all(uploadPromises)\n\n        // Callback after all uploads are finished\n        onUpload && onUpload()\n      } catch (error) {\n        // something went wrong with everything, EEEEK!\n        console.error(error)\n        toast.error('Failed to upload file/s')\n      }\n    },\n    [\n      versionId,\n      projectName,\n      uploading,\n      dispatch,\n      productId,\n      folderId,\n      taskId,\n      handleRemoveUpload,\n      onUpload,\n      onProgress,\n    ],\n  )\n\n  return {\n    handleFileUpload,\n    handleRemoveUpload,\n    uploading,\n  }\n}\n"],"names":["useReviewablesUpload","projectName","versionId","taskId","folderId","productId","dispatch","onUpload","onProgress","uploading","setUploads","useState","handleRemoveUpload","useCallback","name","uploads","upload","files","fileVersionId","reviewableVersionId","fileArray","uploadingFiles","file","newUploadsForVersion","successHandler","response","data","reviewablesQueries","draft","api","errorHandler","error","toast","updatedUploads","progressHandler","progressEvent","totalProgress","sum","overallProgress","uploadPromises","autoLabel","url","headers","axios"],"mappings":"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"}
+{"version":3,"file":"useReviewablesUpload.es.js","sources":["../../../../../src/components/ReviewablesList/useReviewablesUpload.ts"],"sourcesContent":["import { useState, useCallback } from 'react'\nimport axios, { AxiosProgressEvent, AxiosResponse } from 'axios'\nimport { toast } from 'react-toastify'\n\nimport api, { reviewablesQueries } from '@shared/api'\nimport type { UploadReviewableApiResponse } from '@shared/api'\nimport type { ReviewableProgress } from '@shared/components'\n\n// strip out non-ISO-8859-1 characters like Narrow No-Break Space and emojis\n// then check it is not an empty string without extension, if so replace with \"unnamed\"\nexport const parseFilename = (filename: string) => {\n  const parsed = filename.replace(/[^\\x00-\\xFF]/g, '').trim()\n  // without extension\n  const nameWithoutExtension = parsed.replace(/\\.[^/.]+$/, '')\n  const extension = parsed.split('.').pop()\n  if (nameWithoutExtension.length === 0) {\n    return 'unnamed' + (extension ? `.${extension}` : '')\n  } else {\n    return parsed\n  }\n}\n\nexport interface UseReviewablesUploadProps {\n  projectName: string | null\n  versionId?: string | null\n  taskId?: string | null\n  folderId?: string | null\n  productId?: string | null\n  dispatch: any\n  onUpload?: () => void\n  onProgress?: (progress: number) => void\n}\n\nexport interface UploadHandlers {\n  handleFileUpload: (files: FileList | File[], versionId?: string) => Promise<void>\n  handleRemoveUpload: (name: string) => void\n  uploading: { [key: string]: ReviewableProgress[] }\n}\n\nexport const useReviewablesUpload = ({\n  projectName,\n  versionId,\n  taskId,\n  folderId,\n  productId,\n  dispatch,\n  onUpload,\n  onProgress,\n}: UseReviewablesUploadProps): UploadHandlers => {\n  const [uploading, setUploads] = useState<{ [key: string]: ReviewableProgress[] }>({})\n\n  const handleRemoveUpload = useCallback(\n    (name: string) => {\n      if (!versionId) return\n      setUploads((uploads) => ({\n        ...uploads,\n        [versionId]: uploads[versionId]?.filter((upload) => upload.name !== name) || [],\n      }))\n    },\n    [versionId],\n  )\n\n  const handleFileUpload = useCallback(\n    async (files: FileList | File[], fileVersionId?: string) => {\n      // use the passed versionId or the one from props\n      const reviewableVersionId = fileVersionId || versionId\n      if (!reviewableVersionId || !projectName) return\n\n      const fileArray = Array.from(files)\n\n      const uploadingFiles = fileArray.map((file) => ({\n        name: parseFilename(file.name),\n        size: file.size,\n        progress: 0,\n      }))\n\n      const newUploadsForVersion = [...(uploading[reviewableVersionId] || []), ...uploadingFiles]\n\n      setUploads({ ...uploading, [reviewableVersionId]: newUploadsForVersion })\n\n      const successHandler = (file: File) => (response: AxiosResponse) => {\n        if (!reviewableVersionId) return\n        // Handle successful upload\n        console.log(`Upload successful for ${file.name}`)\n        // patch the new data into the reviewables cache\n        const data = response.data as UploadReviewableApiResponse\n\n        if (!projectName) return\n\n        dispatch(\n          // @ts-ignore\n          reviewablesQueries.util.updateQueryData(\n            'getReviewablesForVersion',\n            { projectName, versionId: reviewableVersionId },\n            (draft) => {\n              if (!draft.reviewables) {\n                draft.reviewables = []\n              }\n              // @ts-ignore\n              draft.reviewables.push(data)\n            },\n          ),\n        )\n\n        // also invalidate the viewer cache\n        productId && dispatch(api.util.invalidateTags([{ type: 'viewer', id: productId }]))\n        dispatch(api.util.invalidateTags([{ type: 'viewer', id: reviewableVersionId }]))\n        folderId && dispatch(api.util.invalidateTags([{ type: 'viewer', id: folderId }]))\n        taskId && dispatch(api.util.invalidateTags([{ type: 'viewer', id: taskId }]))\n        // remove the file from the list\n        handleRemoveUpload(parseFilename(file.name))\n      }\n\n      const errorHandler = (file: File) => (error: any) => {\n        if (!reviewableVersionId) return\n        console.error(`Upload failed for ${file.name}: ${error}`)\n        toast.error(`Failed to upload file: ${file.name}`)\n        // add error to the file\n        setUploads((uploads) => {\n          // current uploads for reviewableVersionId\n          const currentUploads = uploads[reviewableVersionId] || []\n          const updatedUploads = currentUploads.map((upload) => {\n            if (upload.name !== parseFilename(file.name)) return upload\n            console.log(error)\n            return {\n              ...upload,\n              error: error.response || error.message,\n            }\n          })\n\n          // update state\n          return {\n            ...uploads,\n            [reviewableVersionId]: updatedUploads,\n          }\n        })\n      }\n\n      const progressHandler = (file: File) => {\n        if (!reviewableVersionId) return () => {}\n        return (progressEvent: AxiosProgressEvent) =>\n          setUploads((uploads) => {\n            // current uploads for reviewableVersionId\n            const currentUploads = uploads[reviewableVersionId] || []\n            const updatedUploads = currentUploads.map((upload) => {\n              if (upload.name !== parseFilename(file.name)) return upload\n              return {\n                ...upload,\n                progress: progressEvent.total\n                  ? Math.round((progressEvent.loaded / progressEvent.total) * 100)\n                  : 0,\n              }\n            })\n\n            // Calculate overall progress across all files\n            const totalProgress = updatedUploads.reduce(\n              (sum, upload) => sum + (upload.progress || 0),\n              0,\n            )\n            const overallProgress = Math.round(totalProgress / updatedUploads.length)\n\n            // Call the onProgress callback with overall progress\n            onProgress?.(overallProgress)\n\n            // update state\n            return {\n              ...uploads,\n              [reviewableVersionId]: updatedUploads,\n            }\n          })\n      }\n\n      try {\n        // upload the files\n        const uploadPromises = fileArray.map((file) => {\n          const fileName = parseFilename(file.name)\n          const autoLabel = fileName.split('.').slice(0, -1).join('.') || 'unnamed'\n\n          const url = `/api/projects/${projectName}/versions/${reviewableVersionId}/reviewables?label=${autoLabel}`\n          const headers = { 'content-type': file.type, 'x-file-name': fileName }\n          return axios\n            .post(url, file, { headers, onUploadProgress: progressHandler(file) })\n            .then(successHandler(file))\n            .catch(errorHandler(file))\n        })\n\n        // Wait for all uploads to complete\n        await Promise.all(uploadPromises)\n\n        // Callback after all uploads are finished\n        onUpload && onUpload()\n      } catch (error) {\n        // something went wrong with everything, EEEEK!\n        console.error(error)\n        toast.error('Failed to upload file/s')\n      }\n    },\n    [\n      versionId,\n      projectName,\n      uploading,\n      dispatch,\n      productId,\n      folderId,\n      taskId,\n      handleRemoveUpload,\n      onUpload,\n      onProgress,\n    ],\n  )\n\n  return {\n    handleFileUpload,\n    handleRemoveUpload,\n    uploading,\n  }\n}\n"],"names":["parseFilename","filename","parsed","nameWithoutExtension","extension","useReviewablesUpload","projectName","versionId","taskId","folderId","productId","dispatch","onUpload","onProgress","uploading","setUploads","useState","handleRemoveUpload","useCallback","name","uploads","upload","files","fileVersionId","reviewableVersionId","fileArray","uploadingFiles","file","newUploadsForVersion","successHandler","response","data","reviewablesQueries","draft","api","errorHandler","error","toast","updatedUploads","progressHandler","progressEvent","totalProgress","sum","overallProgress","uploadPromises","fileName","autoLabel","url","headers","axios"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-"use strict";const n=require("../../../../_virtual/jsx-runtime.cjs.js"),s=require("react"),l=require("./ReviewablesSelector.styled.cjs.js"),h=require("clsx");require("../AddonLoadingScreen/AddonLoadingScreen.cjs.js");require("../../../../node_modules/match-sorter/dist/match-sorter.esm.cjs.js");require("@ynput/ayon-react-components");require("../AccessSearchInput/AccessSearchInput.styled.cjs.js");require("../AccessUser/AccessUser.cjs.js");require("lodash");require("../AttributeEditor/components/MinMaxField.cjs.js");require("react-dom");require("@dnd-kit/core");require("@dnd-kit/sortable");require("../EnumEditor/EnumEditor.styled.cjs.js");require("../Badge/Badge.cjs.js");require("../Chips/Chips.cjs.js");require("date-fns");require("../DateRangePicker/DateRangePicker.styled.cjs.js");require("../LinksManager/CellEditingDialog.cjs.js");require("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/projectFolders.cjs.js");require("../../api/generated/reviewables.cjs.js");require("../../api/generated/services.cjs.js");require("../../api/generated/system.cjs.js");require("../../api/generated/tasks.cjs.js");require("../../api/generated/teams.cjs.js");require("../../api/generated/thumbnails.cjs.js");require("../../api/generated/uRIs.cjs.js");require("../../api/generated/users.cjs.js");require("../../api/generated/versions.cjs.js");require("../../api/generated/workfiles.cjs.js");require("../../api/generated/ynputCloud.cjs.js");require("../../api/generated/grouping.cjs.js");require("../../api/generated/views.cjs.js");require("../../api/queries/actions/getActions.cjs.js");require("../../api/queries/activities/getActivities.cjs.js");require("../../api/queries/activities/updateActivities.cjs.js");require("../../api/queries/activities/updateReaction.cjs.js");require("../../api/queries/activities/getMentions.cjs.js");require("../../api/queries/activities/getCategories.cjs.js");require("../../api/queries/addons/getAddons.cjs.js");require("../../api/queries/addons/updateAddons.cjs.js");require("../../api/queries/attributes/getAttributes.cjs.js");require("../../api/queries/attributes/updateAttributes.cjs.js");require("../../api/queries/authentication/getAuthentication.cjs.js");require("../../api/queries/cloud/cloud.cjs.js");require("../../api/queries/config/getConfig.cjs.js");require("../../api/queries/config/updateConfig.cjs.js");require("../../api/queries/entities/getEntity.cjs.js");require("../../api/queries/entities/getEntityPanel.cjs.js");require("../../api/queries/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/versions/getVersionsProducts.cjs.js");require("../../api/queries/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.cjs.js");require("../../api/queries/products/getFolderProducts.cjs.js");require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.cjs.js");require("../../api/queries/projectFolders/projectFolders.cjs.js");require("../../api/queries/review/getReview.cjs.js");require("../../api/queries/review/updateReview.cjs.js");require("../../api/queries/share/share.cjs.js");require("../../api/queries/system/getSystem.cjs.js");require("../../api/queries/tasks/getTasks.cjs.js");require("../../api/queries/tasks/updateTasks.cjs.js");require("../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../api/queries/users/getUsers.cjs.js");require("../../api/queries/users/updateUsers.cjs.js");require("../../api/queries/users/guests.cjs.js");require("../../api/queries/versions/updateVersions.cjs.js");require("../../api/queries/views/getViews.cjs.js");require("../../api/queries/views/updateViews.cjs.js");require("../../api/queries/watchers/getWatchers.cjs.js");require("../../api/queries/uris/getUris.cjs.js");require("../../../../_virtual/index.cjs.js");require("../../../../node_modules/refractor/lib/common.cjs.js");require("../../../../node_modules/refractor/lib/all.cjs.js");;/* empty css                                                                                */require("uuid");const k=require("../../util/isHTMLElement.cjs.js");require("../../util/pubsub.cjs.js");require("../DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../DetailsPanelDetails/DetailsPanelDetails.cjs.js");require("../DetailsPanelDetails/DetailsSection.cjs.js");require("../DetailsPanelDetails/FieldLabel.cjs.js");require("../DoneCheckbox/DoneCheckbox.cjs.js");require("../EarlyPreview/EarlyPreview.cjs.js");require("../EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("../../containers/ContextMenu/ContextMenuContext.cjs.js");;/* empty css                                                 */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("../../context/RemoteModulesContext.cjs.js");require("../../context/DetailsPanelContext.cjs.js");require("../../context/SubtasksModulesContext.cjs.js");require("../../context/ThumbnailUploaderContext.cjs.js");require("../../context/SettingsPanelContext.cjs.js");require("../../context/pip/PiPProvider.cjs.js");require("../../context/pip/PiPWrapper.cjs.js");require("../../context/AddonProjectContext.cjs.js");require("../../context/AddonContext.cjs.js");require("../../context/PowerpackContext.cjs.js");require("../../context/MoveEntityContext.cjs.js");require("../../context/MenuContext.cjs.js");require("../../context/WebsocketContext.cjs.js");require("../../context/GlobalContext.cjs.js");require("../../context/ProjectContext.cjs.js");require("../../context/ProjectFoldersContext.cjs.js");require("../../context/UriContext.cjs.js");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/ActivityCategorySelect/CategoryTag.cjs.js");require("../../containers/Feed/components/ActivityStatusChange/ActivityStatusChange.styled.cjs.js");require("../../containers/Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");require("../../containers/Feed/components/ActivityVersions/ActivityVersions.styled.cjs.js");require("../../containers/Feed/components/ActivityGroup/ActivityGroup.styled.cjs.js");require("../../containers/Feed/Feed.styled.cjs.js");require("../../containers/DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.styled.cjs.js");require("../../containers/Feed/components/ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../../containers/Feed/components/ActivityCategorySelect/CategoryDropdownItem.cjs.js");require("@tanstack/react-virtual");require("@tanstack/react-table");require("../../containers/ProjectTreeTable/widgets/CollapsedWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/DateWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EnumWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/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("../../containers/ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");require("../../containers/ProjectTreeTable/context/SelectedRowsContext.cjs.js");require("../LinksManager/LinksManager.styled.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectTableContext.cjs.js");require("../../containers/ProjectTreeTable/widgets/EmptyWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/ErrorWidget.cjs.js");require("../../containers/ProjectTreeTable/context/CellEditingContext.cjs.js");require("short-uuid");require("../../containers/ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");require("../../containers/ProjectTreeTable/context/ClipboardContext.cjs.js");require("../../containers/ProjectTreeTable/context/ColumnSettingsContext.cjs.js");require("../../containers/ProjectTreeTable/context/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/ProjectTreeTable.styled.cjs.js");require("../../containers/ProjectTreeTable/components/SelectionCell.cjs.js");require("../../containers/ProjectTreeTable/components/RowSelectionHeader.cjs.js");require("../../containers/ProjectTreeTable/widgets/LoadMoreWidget.cjs.js");require("../../containers/ProjectTreeTable/components/HeaderActionButton.cjs.js");require("../../containers/ProjectTreeTable/components/ColumnHeaderMenu.cjs.js");require("../../containers/EntityPickerDialog/EntityPickerDialog.cjs.js");require("../../containers/Slicer/components/Slicer.cjs.js");require("../../containers/Slicer/context/SlicerContext.cjs.js");require("../../containers/Slicer/hooks/useTableDataBySlice.cjs.js");require("../../containers/DetailsPanel/DetailsPanel.styled.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelTabs/DetailsPanelTabs.styled.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");require("../PlayableIcon/PlayableIcon.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");require("../../containers/Actions/Actions.styled.cjs.js");require("../../containers/Actions/ActionsDropdown/ActionsDropdown.cjs.js");require("../../containers/Actions/ActionIcon.cjs.js");require("../../containers/Views/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("../ReviewablesList/ReviewablesList.styled.cjs.js");require("../ReviewablesList/ReviewablesUpload.styled.cjs.js");require("../EntityPath/EntityPath.styled.cjs.js");require("../EntityPath/SegmentProvider.cjs.js");require("../FeaturedVersionOrder/FeaturedVersionOrder.cjs.js");require("../Feedback/FeedbackContext.cjs.js");require("../Feedback/SupportBubble.cjs.js");const L=require("../FileThumbnail/FileThumbnail.cjs.js");require("../LegacyBadge/LegacyBadge.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/RequiredAddonVersion.cjs.js");require("../ProjectTableSettings/ProjectTableSettings.cjs.js");require("../SizeSlider/SizeSlider.cjs.js");require("../ReviewableCard/ReviewableCard.cjs.js");require("../ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");require("../SearchFilter/filterDates.cjs.js");require("../SettingsPanel/SettingsPanel.cjs.js");require("../SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../ShareOptionIcon/ShareOptionIcon.cjs.js");require("../SimpleFormDialog/SimpleFormDialog.cjs.js");require("../SortingSetting/SortingSetting.styled.cjs.js");require("../StyledLink/StyledLink.cjs.js");require("../TableGridSwitch/TableGridSwitch.cjs.js");require("../Thumbnail/Thumbnail.styled.cjs.js");require("../Thumbnail/StackedThumbnails.cjs.js");require("../ThumbnailSimple/ThumbnailSimple.cjs.js");require("../VersionUploader/components/UploadVersionDialog.cjs.js");require("../VersionUploader/context/VersionUploadContext.cjs.js");require("../Watchers/Watchers.cjs.js");require("../Menu/Menu.styled.cjs.js");require("../Menu/MenuItem.cjs.js");const S=({reviewables:q=[],selected:a=[],projectName:g,onChange:t,onUpload:x})=>{const w=s.useRef(null),d=s.useRef(null),[R,c]=s.useState(null),[E,b]=s.useState(null),v=()=>d.current?.scrollTop||0,j=e=>{const r=d.current,i=document.getElementById("preview-"+e);if(!r||!i)return;const u=r.getBoundingClientRect(),o=i.getBoundingClientRect();o.top<u.top?r.scrollTop-=u.top-o.top:o.bottom>u.bottom&&(r.scrollTop+=o.bottom-u.bottom),w.current?.updateScroll?.()};s.useEffect(()=>{if(q.length===1)return;const e=r=>{if(["w","s","ArrowUp","ArrowDown"].includes(r.key)){if(k(r.target)&&(r.target.tagName==="INPUT"||r.target.tagName==="TEXTAREA"||r.target.isContentEditable))return;const i=q.findIndex(({fileId:f})=>a.includes(f)),u=r.key==="w"||r.key==="ArrowUp"?i-1:i+1,o=q[u<0?q.length-1:u%q.length],p=o.fileId;t&&t(p),requestAnimationFrame(()=>j(p)),c(o.label??null);const m=document.getElementById("preview-"+p);if(m){const f=m.offsetTop+m.offsetHeight/2-v();b(f)}}};return window.addEventListener("keydown",e),()=>{window.removeEventListener("keydown",e)}},[a,q,t]),s.useEffect(()=>{const e=r=>{r.target.closest(".reviewables")||c(null)};return window.addEventListener("mousemove",e),()=>{window.removeEventListener("mousemove",e)}},[]);const T=(e,{label:r})=>{const i=e.target.closest(".reviewable-card");if(!i)return;c(r??null);const u=i.offsetTop+i.offsetHeight/2-v();b(u)},y=e=>{if(e.key==="Enter"||e.key===" "){const r=e.target.closest(".reviewable-card");if(!r)return;const i=r.id.replace("preview-","");t&&t(i)}};return q.length?n.jsxRuntimeExports.jsxs(l.ReviewablesSelector,{children:[n.jsxRuntimeExports.jsxs(l.Scrollable,{className:"reviewables",ref:w,containerRef:e=>{d.current=e},children:[q.map(({fileId:e,label:r})=>n.jsxRuntimeExports.jsx(l.ReviewableCard,{id:"preview-"+e,onClick:()=>t&&t(e),className:h("reviewable-card",{selected:a.includes(e)}),onMouseOver:i=>T(i,{label:r}),onKeyDown:y,tabIndex:0,children:n.jsxRuntimeExports.jsx(L.FileThumbnail,{src:`/api/projects/${g}/files/${e}/thumbnail`})},e)),!!x&&n.jsxRuntimeExports.jsx(l.AddButton,{icon:"add",onClick:x,onMouseEnter:()=>c(null)})]}),R&&E&&n.jsxRuntimeExports.jsx(l.Label,{style:{top:E},children:R})]}):n.jsxRuntimeExports.jsx("div",{})};module.exports=S;
+"use strict";const n=require("../../../../_virtual/jsx-runtime.cjs.js"),s=require("react"),l=require("./ReviewablesSelector.styled.cjs.js"),h=require("clsx");require("../AddonLoadingScreen/AddonLoadingScreen.cjs.js");require("../../../../node_modules/match-sorter/dist/match-sorter.esm.cjs.js");require("@ynput/ayon-react-components");require("../AccessSearchInput/AccessSearchInput.styled.cjs.js");require("../AccessUser/AccessUser.cjs.js");require("lodash");require("../AttributeEditor/components/MinMaxField.cjs.js");require("react-dom");require("@dnd-kit/core");require("@dnd-kit/sortable");require("../EnumEditor/EnumEditor.styled.cjs.js");require("../Badge/Badge.cjs.js");require("../Chips/Chips.cjs.js");require("date-fns");require("../DateRangePicker/DateRangePicker.styled.cjs.js");require("../LinksManager/CellEditingDialog.cjs.js");require("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/projectFolders.cjs.js");require("../../api/generated/reviewables.cjs.js");require("../../api/generated/services.cjs.js");require("../../api/generated/system.cjs.js");require("../../api/generated/tasks.cjs.js");require("../../api/generated/teams.cjs.js");require("../../api/generated/thumbnails.cjs.js");require("../../api/generated/uRIs.cjs.js");require("../../api/generated/users.cjs.js");require("../../api/generated/versions.cjs.js");require("../../api/generated/workfiles.cjs.js");require("../../api/generated/ynputCloud.cjs.js");require("../../api/generated/grouping.cjs.js");require("../../api/generated/views.cjs.js");require("../../api/queries/actions/getActions.cjs.js");require("../../api/queries/activities/getActivities.cjs.js");require("../../api/queries/activities/updateActivities.cjs.js");require("../../api/queries/activities/updateReaction.cjs.js");require("../../api/queries/activities/getMentions.cjs.js");require("../../api/queries/activities/getCategories.cjs.js");require("../../api/queries/addons/getAddons.cjs.js");require("../../api/queries/addons/updateAddons.cjs.js");require("../../api/queries/attributes/getAttributes.cjs.js");require("../../api/queries/attributes/updateAttributes.cjs.js");require("../../api/queries/authentication/getAuthentication.cjs.js");require("../../api/queries/cloud/cloud.cjs.js");require("../../api/queries/config/getConfig.cjs.js");require("../../api/queries/config/updateConfig.cjs.js");require("../../api/queries/entities/getEntity.cjs.js");require("../../api/queries/entities/getEntityPanel.cjs.js");require("../../api/queries/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/versions/getVersionsProducts.cjs.js");require("../../api/queries/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.cjs.js");require("../../api/queries/products/getFolderProducts.cjs.js");require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.cjs.js");require("../../api/queries/projectFolders/projectFolders.cjs.js");require("../../api/queries/review/getReview.cjs.js");require("../../api/queries/review/updateReview.cjs.js");require("../../api/queries/share/share.cjs.js");require("../../api/queries/system/getSystem.cjs.js");require("../../api/queries/tasks/getTasks.cjs.js");require("../../api/queries/tasks/updateTasks.cjs.js");require("../../api/queries/teams/getTeams.cjs.js");require("../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../api/queries/users/getUsers.cjs.js");require("../../api/queries/users/updateUsers.cjs.js");require("../../api/queries/users/guests.cjs.js");require("../../api/queries/versions/updateVersions.cjs.js");require("../../api/queries/views/getViews.cjs.js");require("../../api/queries/views/updateViews.cjs.js");require("../../api/queries/watchers/getWatchers.cjs.js");require("../../api/queries/uris/getUris.cjs.js");require("../../../../_virtual/index.cjs.js");require("../../../../node_modules/refractor/lib/common.cjs.js");require("../../../../node_modules/refractor/lib/all.cjs.js");;/* empty css                                                                                */require("uuid");const k=require("../../util/isHTMLElement.cjs.js");require("../../util/pubsub.cjs.js");require("../DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../DetailsPanelDetails/DetailsPanelDetails.cjs.js");require("../DetailsPanelDetails/DetailsSection.cjs.js");require("../DetailsPanelDetails/FieldLabel.cjs.js");require("../DoneCheckbox/DoneCheckbox.cjs.js");require("../EarlyPreview/EarlyPreview.cjs.js");require("../EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("../../containers/ContextMenu/ContextMenuContext.cjs.js");;/* empty css                                                 */require("../../containers/Feed/context/FeedContext.cjs.js");require("../../containers/Feed/components/Tooltips/UserTooltipItem.cjs.js");require("../../containers/Feed/components/Tooltips/UserTooltip/UserTooltip.styled.cjs.js");require("../../containers/Feed/components/Tooltips/TeamTooltip/TeamTooltip.styled.cjs.js");require("../../containers/Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");require("../../context/RemoteModulesContext.cjs.js");require("../../context/DetailsPanelContext.cjs.js");require("../../context/SubtasksModulesContext.cjs.js");require("../../context/ThumbnailUploaderContext.cjs.js");require("../../context/SettingsPanelContext.cjs.js");require("../../context/pip/PiPProvider.cjs.js");require("../../context/pip/PiPWrapper.cjs.js");require("../../context/AddonProjectContext.cjs.js");require("../../context/AddonContext.cjs.js");require("../../context/PowerpackContext.cjs.js");require("../../context/MoveEntityContext.cjs.js");require("../../context/MenuContext.cjs.js");require("../../context/WebsocketContext.cjs.js");require("../../context/GlobalContext.cjs.js");require("../../context/ProjectContext.cjs.js");require("../../context/ProjectFoldersContext.cjs.js");require("../../context/UriContext.cjs.js");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/ActivityCategorySelect/CategoryTag.cjs.js");require("rehype-raw");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("../../containers/DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.styled.cjs.js");require("../../containers/Feed/components/ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../../containers/Feed/components/ActivityCategorySelect/CategoryDropdownItem.cjs.js");require("@tanstack/react-virtual");require("@tanstack/react-table");require("../../containers/ProjectTreeTable/widgets/CollapsedWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/DateWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EnumWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EnumCellValue.cjs.js");require("../../containers/ProjectTreeTable/widgets/TextWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/BooleanWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/CellWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EntityNameWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/GroupHeaderWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/ThumbnailWidget.cjs.js");require("../../containers/ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");require("../../containers/ProjectTreeTable/context/SelectedRowsContext.cjs.js");require("../LinksManager/LinksManager.styled.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectTableContext.cjs.js");require("../../containers/ProjectTreeTable/widgets/EmptyWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/ErrorWidget.cjs.js");require("../../containers/ProjectTreeTable/context/CellEditingContext.cjs.js");require("../SearchFilter/filterDates.cjs.js");require("short-uuid");require("../../containers/ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");require("../../containers/ProjectTreeTable/context/ClipboardContext.cjs.js");require("../../containers/ProjectTreeTable/context/ColumnSettingsContext.cjs.js");require("../../containers/ProjectTreeTable/context/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/ProjectTreeTable.styled.cjs.js");require("../../containers/ProjectTreeTable/components/SelectionCell.cjs.js");require("../../containers/ProjectTreeTable/components/RowSelectionHeader.cjs.js");require("../../containers/ProjectTreeTable/widgets/LoadMoreWidget.cjs.js");require("../../containers/ProjectTreeTable/components/HeaderActionButton.cjs.js");require("../../containers/ProjectTreeTable/components/ColumnHeaderMenu.cjs.js");require("../../containers/EntityPickerDialog/EntityPickerDialog.cjs.js");require("../../containers/Slicer/components/Slicer.cjs.js");require("../../containers/Slicer/context/SlicerContext.cjs.js");require("../../containers/Slicer/hooks/useTableDataBySlice.cjs.js");require("../../containers/DetailsPanel/DetailsPanel.styled.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelTabs/DetailsPanelTabs.styled.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");require("../PlayableIcon/PlayableIcon.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");require("../../containers/Actions/Actions.styled.cjs.js");require("../../containers/Actions/ActionsDropdown/ActionsDropdown.cjs.js");require("../../containers/Actions/ActionIcon.cjs.js");require("../../containers/Views/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("../ReviewablesList/ReviewablesList.styled.cjs.js");require("../ReviewablesList/ReviewablesUpload.styled.cjs.js");require("../EntityPath/EntityPath.styled.cjs.js");require("../EntityPath/SegmentProvider.cjs.js");require("../FeaturedVersionOrder/FeaturedVersionOrder.cjs.js");require("../Feedback/FeedbackContext.cjs.js");require("../Feedback/SupportBubble.cjs.js");const L=require("../FileThumbnail/FileThumbnail.cjs.js");require("../LegacyBadge/LegacyBadge.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/RequiredAddonVersion.cjs.js");require("../ProjectTableSettings/ProjectTableSettings.cjs.js");require("../SizeSlider/SizeSlider.cjs.js");require("../ReviewableCard/ReviewableCard.cjs.js");require("../ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");require("../SettingsPanel/SettingsPanel.cjs.js");require("../SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../ShareOptionIcon/ShareOptionIcon.cjs.js");require("../SimpleFormDialog/SimpleFormDialog.cjs.js");require("../StyledLink/StyledLink.cjs.js");require("../TableGridSwitch/TableGridSwitch.cjs.js");require("../Thumbnail/Thumbnail.styled.cjs.js");require("../Thumbnail/StackedThumbnails.cjs.js");require("../ThumbnailSimple/ThumbnailSimple.cjs.js");require("../VersionUploader/components/UploadVersionDialog.cjs.js");require("../VersionUploader/context/VersionUploadContext.cjs.js");require("../Watchers/Watchers.cjs.js");require("../Menu/Menu.styled.cjs.js");require("../Menu/MenuItem.cjs.js");const S=({reviewables:q=[],selected:a=[],projectName:g,onChange:t,onUpload:x})=>{const w=s.useRef(null),d=s.useRef(null),[R,c]=s.useState(null),[E,b]=s.useState(null),v=()=>d.current?.scrollTop||0,j=e=>{const r=d.current,i=document.getElementById("preview-"+e);if(!r||!i)return;const u=r.getBoundingClientRect(),o=i.getBoundingClientRect();o.top<u.top?r.scrollTop-=u.top-o.top:o.bottom>u.bottom&&(r.scrollTop+=o.bottom-u.bottom),w.current?.updateScroll?.()};s.useEffect(()=>{if(q.length===1)return;const e=r=>{if(["w","s","ArrowUp","ArrowDown"].includes(r.key)){if(k(r.target)&&(r.target.tagName==="INPUT"||r.target.tagName==="TEXTAREA"||r.target.isContentEditable))return;const i=q.findIndex(({fileId:f})=>a.includes(f)),u=r.key==="w"||r.key==="ArrowUp"?i-1:i+1,o=q[u<0?q.length-1:u%q.length],p=o.fileId;t&&t(p),requestAnimationFrame(()=>j(p)),c(o.label??null);const m=document.getElementById("preview-"+p);if(m){const f=m.offsetTop+m.offsetHeight/2-v();b(f)}}};return window.addEventListener("keydown",e),()=>{window.removeEventListener("keydown",e)}},[a,q,t]),s.useEffect(()=>{const e=r=>{r.target.closest(".reviewables")||c(null)};return window.addEventListener("mousemove",e),()=>{window.removeEventListener("mousemove",e)}},[]);const T=(e,{label:r})=>{const i=e.target.closest(".reviewable-card");if(!i)return;c(r??null);const u=i.offsetTop+i.offsetHeight/2-v();b(u)},y=e=>{if(e.key==="Enter"||e.key===" "){const r=e.target.closest(".reviewable-card");if(!r)return;const i=r.id.replace("preview-","");t&&t(i)}};return q.length?n.jsxRuntimeExports.jsxs(l.ReviewablesSelector,{children:[n.jsxRuntimeExports.jsxs(l.Scrollable,{className:"reviewables",ref:w,containerRef:e=>{d.current=e},children:[q.map(({fileId:e,label:r})=>n.jsxRuntimeExports.jsx(l.ReviewableCard,{id:"preview-"+e,onClick:()=>t&&t(e),className:h("reviewable-card",{selected:a.includes(e)}),onMouseOver:i=>T(i,{label:r}),onKeyDown:y,tabIndex:0,children:n.jsxRuntimeExports.jsx(L.FileThumbnail,{src:`/api/projects/${g}/files/${e}/thumbnail`})},e)),!!x&&n.jsxRuntimeExports.jsx(l.AddButton,{icon:"add",onClick:x,onMouseEnter:()=>c(null)})]}),R&&E&&n.jsxRuntimeExports.jsx(l.Label,{style:{top:E},children:R})]}):n.jsxRuntimeExports.jsx("div",{})};module.exports=S;
 //# sourceMappingURL=ReviewablesSelector.cjs.js.map