@ynput/ayon-frontend-shared 0.3.11 → 0.3.13

package/dist/shared/src/containers/EntityPickerDialog/util/buildEntityPickerTableData.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"buildEntityPickerTableData.cjs.js","sources":["../../../../../../src/containers/EntityPickerDialog/util/buildEntityPickerTableData.ts"],"sourcesContent":["import { FolderListItem, SearchEntityLink } from '@shared/api'\nimport { SimpleTableRow } from '@shared/containers/SimpleTable'\nimport { getEntityTypeIcon } from '@shared/util'\n\nexport type EntityAnatomy = {\n  name: string\n  icon?: string\n}\n\nexport const buildEntityPickerTableData = (\n  data: SearchEntityLink[],\n  anatomies?: EntityAnatomy[],\n): SimpleTableRow[] => {\n  return data.map((entity) => ({\n    id: entity.id,\n    name: entity.name,\n    label: entity.label || entity.name,\n    parents: entity.parents,\n    icon:\n      anatomies?.find((a) => a.name === entity[(entity.entityType + 'Type') as keyof typeof entity])\n        ?.icon || getEntityTypeIcon(entity.entityType),\n    subRows: [],\n    data: {\n      id: entity.id,\n      name: entity.name,\n      label: entity.label || entity.name,\n      entityType: entity.entityType,\n    },\n  }))\n}\n\nexport const buildFolderPickerTableData = (\n  data: FolderListItem[],\n  anatomies: EntityAnatomy[],\n): SimpleTableRow[] => {\n  return data.map((folder) => ({\n    id: folder.id,\n    name: folder.name,\n    label: folder.label || folder.name,\n    path: '/' + folder.path,\n    icon: anatomies.find((a) => a.name === folder.folderType)?.icon || getEntityTypeIcon('folder'),\n    subRows: [],\n    data: {\n      id: folder.id,\n      name: folder.name,\n      label: folder.label || folder.name,\n      folderType: folder.folderType,\n      entityType: 'folder',\n    },\n  }))\n}\n"],"names":["buildEntityPickerTableData","data","anatomies","entity","a","getEntityTypeIcon","buildFolderPickerTableData","folder"],"mappings":"6OASO,MAAMA,EAA6B,CACxCC,EACAC,IAEOD,EAAK,IAAKE,IAAY,CAC3B,GAAIA,EAAO,GACX,KAAMA,EAAO,KACb,MAAOA,EAAO,OAASA,EAAO,KAC9B,QAASA,EAAO,QAChB,KACED,GAAW,KAAME,GAAMA,EAAE,OAASD,EAAQA,EAAO,WAAa,MAA8B,CAAC,GACzF,MAAQE,EAAAA,kBAAkBF,EAAO,UAAU,EACjD,QAAS,CAAA,EACT,KAAM,CACJ,GAAIA,EAAO,GACX,KAAMA,EAAO,KACb,MAAOA,EAAO,OAASA,EAAO,KAC9B,WAAYA,EAAO,UAAA,CACrB,EACA,EAGSG,EAA6B,CACxCL,EACAC,IAEOD,EAAK,IAAKM,IAAY,CAC3B,GAAIA,EAAO,GACX,KAAMA,EAAO,KACb,MAAOA,EAAO,OAASA,EAAO,KAC9B,KAAM,IAAMA,EAAO,KACnB,KAAML,EAAU,KAAME,GAAMA,EAAE,OAASG,EAAO,UAAU,GAAG,MAAQF,EAAAA,kBAAkB,QAAQ,EAC7F,QAAS,CAAA,EACT,KAAM,CACJ,GAAIE,EAAO,GACX,KAAMA,EAAO,KACb,MAAOA,EAAO,OAASA,EAAO,KAC9B,WAAYA,EAAO,WACnB,WAAY,QAAA,CACd,EACA"}
+{"version":3,"file":"buildEntityPickerTableData.cjs.js","sources":["../../../../../../src/containers/EntityPickerDialog/util/buildEntityPickerTableData.ts"],"sourcesContent":["import { FolderListItem, SearchEntityLink } from '@shared/api'\nimport { SimpleTableRow } from '@shared/containers/SimpleTable'\nimport { getEntityTypeIcon } from '@shared/util'\n\nexport type EntityAnatomy = {\n  name: string\n  icon?: string\n  color?: string\n}\n\nexport const buildEntityPickerTableData = (\n  data: SearchEntityLink[],\n  anatomies?: EntityAnatomy[],\n): SimpleTableRow[] => {\n  return data.map((entity) => {\n    const anatomy = anatomies?.find((a) => a.name === entity.subType)\n    return {\n      id: entity.id,\n      name: entity.name,\n      label: entity.label || entity.name,\n      parents: entity.parents,\n      icon: anatomy?.icon || getEntityTypeIcon(entity.entityType),\n      iconColor: anatomy?.color,\n      subRows: [],\n      data: {\n        id: entity.id,\n        name: entity.name,\n        label: entity.label || entity.name,\n        entityType: entity.entityType,\n      },\n    }\n  })\n}\n\nexport const buildFolderPickerTableData = (\n  data: FolderListItem[],\n  anatomies: EntityAnatomy[],\n): SimpleTableRow[] => {\n  return data.map((folder) => {\n    const anatomy = anatomies.find((a) => a.name === folder.folderType)\n    return {\n      id: folder.id,\n      name: folder.name,\n      label: folder.label || folder.name,\n      path: '/' + folder.path,\n      icon: anatomy?.icon || getEntityTypeIcon('folder'),\n      iconColor: anatomy?.color,\n      subRows: [],\n      data: {\n        id: folder.id,\n        name: folder.name,\n        label: folder.label || folder.name,\n        folderType: folder.folderType,\n        entityType: 'folder',\n      },\n    }\n  })\n}\n"],"names":["buildEntityPickerTableData","data","anatomies","entity","anatomy","a","getEntityTypeIcon","buildFolderPickerTableData","folder"],"mappings":"6OAUO,MAAMA,EAA6B,CACxCC,EACAC,IAEOD,EAAK,IAAKE,GAAW,CAC1B,MAAMC,EAAUF,GAAW,KAAMG,GAAMA,EAAE,OAASF,EAAO,OAAO,EAChE,MAAO,CACL,GAAIA,EAAO,GACX,KAAMA,EAAO,KACb,MAAOA,EAAO,OAASA,EAAO,KAC9B,QAASA,EAAO,QAChB,KAAMC,GAAS,MAAQE,EAAAA,kBAAkBH,EAAO,UAAU,EAC1D,UAAWC,GAAS,MACpB,QAAS,CAAA,EACT,KAAM,CACJ,GAAID,EAAO,GACX,KAAMA,EAAO,KACb,MAAOA,EAAO,OAASA,EAAO,KAC9B,WAAYA,EAAO,UAAA,CACrB,CAEJ,CAAC,EAGUI,EAA6B,CACxCN,EACAC,IAEOD,EAAK,IAAKO,GAAW,CAC1B,MAAMJ,EAAUF,EAAU,KAAMG,GAAMA,EAAE,OAASG,EAAO,UAAU,EAClE,MAAO,CACL,GAAIA,EAAO,GACX,KAAMA,EAAO,KACb,MAAOA,EAAO,OAASA,EAAO,KAC9B,KAAM,IAAMA,EAAO,KACnB,KAAMJ,GAAS,MAAQE,EAAAA,kBAAkB,QAAQ,EACjD,UAAWF,GAAS,MACpB,QAAS,CAAA,EACT,KAAM,CACJ,GAAII,EAAO,GACX,KAAMA,EAAO,KACb,MAAOA,EAAO,OAASA,EAAO,KAC9B,WAAYA,EAAO,WACnB,WAAY,QAAA,CACd,CAEJ,CAAC"}

package/dist/shared/src/containers/EntityPickerDialog/util/buildEntityPickerTableData.es.js

@@ -3,36 +3,44 @@ import "react-toastify";
 import { getEntityTypeIcon as p } from "../../../util/getEntityTypeIcon.es.js";
 import "uuid";
 import "../../../util/pubsub.es.js";
-const r = (e, m) => e.map((a) => ({
-  id: a.id,
-  name: a.name,
-  label: a.label || a.name,
-  parents: a.parents,
-  icon: m?.find((n) => n.name === a[a.entityType + "Type"])?.icon || p(a.entityType),
-  subRows: [],
-  data: {
+const t = (n, o) => n.map((a) => {
+  const e = o?.find((m) => m.name === a.subType);
+  return {
     id: a.id,
     name: a.name,
     label: a.label || a.name,
-    entityType: a.entityType
-  }
-})), d = (e, m) => e.map((a) => ({
-  id: a.id,
-  name: a.name,
-  label: a.label || a.name,
-  path: "/" + a.path,
-  icon: m.find((n) => n.name === a.folderType)?.icon || p("folder"),
-  subRows: [],
-  data: {
+    parents: a.parents,
+    icon: e?.icon || p(a.entityType),
+    iconColor: e?.color,
+    subRows: [],
+    data: {
+      id: a.id,
+      name: a.name,
+      label: a.label || a.name,
+      entityType: a.entityType
+    }
+  };
+}), s = (n, o) => n.map((a) => {
+  const e = o.find((m) => m.name === a.folderType);
+  return {
     id: a.id,
     name: a.name,
     label: a.label || a.name,
-    folderType: a.folderType,
-    entityType: "folder"
-  }
-}));
+    path: "/" + a.path,
+    icon: e?.icon || p("folder"),
+    iconColor: e?.color,
+    subRows: [],
+    data: {
+      id: a.id,
+      name: a.name,
+      label: a.label || a.name,
+      folderType: a.folderType,
+      entityType: "folder"
+    }
+  };
+});
 export {
-  r as buildEntityPickerTableData,
-  d as buildFolderPickerTableData
+  t as buildEntityPickerTableData,
+  s as buildFolderPickerTableData
 };
 //# sourceMappingURL=buildEntityPickerTableData.es.js.map

package/dist/shared/src/containers/EntityPickerDialog/util/buildEntityPickerTableData.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"buildEntityPickerTableData.es.js","sources":["../../../../../../src/containers/EntityPickerDialog/util/buildEntityPickerTableData.ts"],"sourcesContent":["import { FolderListItem, SearchEntityLink } from '@shared/api'\nimport { SimpleTableRow } from '@shared/containers/SimpleTable'\nimport { getEntityTypeIcon } from '@shared/util'\n\nexport type EntityAnatomy = {\n  name: string\n  icon?: string\n}\n\nexport const buildEntityPickerTableData = (\n  data: SearchEntityLink[],\n  anatomies?: EntityAnatomy[],\n): SimpleTableRow[] => {\n  return data.map((entity) => ({\n    id: entity.id,\n    name: entity.name,\n    label: entity.label || entity.name,\n    parents: entity.parents,\n    icon:\n      anatomies?.find((a) => a.name === entity[(entity.entityType + 'Type') as keyof typeof entity])\n        ?.icon || getEntityTypeIcon(entity.entityType),\n    subRows: [],\n    data: {\n      id: entity.id,\n      name: entity.name,\n      label: entity.label || entity.name,\n      entityType: entity.entityType,\n    },\n  }))\n}\n\nexport const buildFolderPickerTableData = (\n  data: FolderListItem[],\n  anatomies: EntityAnatomy[],\n): SimpleTableRow[] => {\n  return data.map((folder) => ({\n    id: folder.id,\n    name: folder.name,\n    label: folder.label || folder.name,\n    path: '/' + folder.path,\n    icon: anatomies.find((a) => a.name === folder.folderType)?.icon || getEntityTypeIcon('folder'),\n    subRows: [],\n    data: {\n      id: folder.id,\n      name: folder.name,\n      label: folder.label || folder.name,\n      folderType: folder.folderType,\n      entityType: 'folder',\n    },\n  }))\n}\n"],"names":["buildEntityPickerTableData","data","anatomies","entity","a","getEntityTypeIcon","buildFolderPickerTableData","folder"],"mappings":";;;;;AASO,MAAMA,IAA6B,CACxCC,GACAC,MAEOD,EAAK,IAAI,CAACE,OAAY;AAAA,EAC3B,IAAIA,EAAO;AAAA,EACX,MAAMA,EAAO;AAAA,EACb,OAAOA,EAAO,SAASA,EAAO;AAAA,EAC9B,SAASA,EAAO;AAAA,EAChB,MACED,GAAW,KAAK,CAACE,MAAMA,EAAE,SAASD,EAAQA,EAAO,aAAa,MAA8B,CAAC,GACzF,QAAQE,EAAkBF,EAAO,UAAU;AAAA,EACjD,SAAS,CAAA;AAAA,EACT,MAAM;AAAA,IACJ,IAAIA,EAAO;AAAA,IACX,MAAMA,EAAO;AAAA,IACb,OAAOA,EAAO,SAASA,EAAO;AAAA,IAC9B,YAAYA,EAAO;AAAA,EAAA;AACrB,EACA,GAGSG,IAA6B,CACxCL,GACAC,MAEOD,EAAK,IAAI,CAACM,OAAY;AAAA,EAC3B,IAAIA,EAAO;AAAA,EACX,MAAMA,EAAO;AAAA,EACb,OAAOA,EAAO,SAASA,EAAO;AAAA,EAC9B,MAAM,MAAMA,EAAO;AAAA,EACnB,MAAML,EAAU,KAAK,CAACE,MAAMA,EAAE,SAASG,EAAO,UAAU,GAAG,QAAQF,EAAkB,QAAQ;AAAA,EAC7F,SAAS,CAAA;AAAA,EACT,MAAM;AAAA,IACJ,IAAIE,EAAO;AAAA,IACX,MAAMA,EAAO;AAAA,IACb,OAAOA,EAAO,SAASA,EAAO;AAAA,IAC9B,YAAYA,EAAO;AAAA,IACnB,YAAY;AAAA,EAAA;AACd,EACA;"}
+{"version":3,"file":"buildEntityPickerTableData.es.js","sources":["../../../../../../src/containers/EntityPickerDialog/util/buildEntityPickerTableData.ts"],"sourcesContent":["import { FolderListItem, SearchEntityLink } from '@shared/api'\nimport { SimpleTableRow } from '@shared/containers/SimpleTable'\nimport { getEntityTypeIcon } from '@shared/util'\n\nexport type EntityAnatomy = {\n  name: string\n  icon?: string\n  color?: string\n}\n\nexport const buildEntityPickerTableData = (\n  data: SearchEntityLink[],\n  anatomies?: EntityAnatomy[],\n): SimpleTableRow[] => {\n  return data.map((entity) => {\n    const anatomy = anatomies?.find((a) => a.name === entity.subType)\n    return {\n      id: entity.id,\n      name: entity.name,\n      label: entity.label || entity.name,\n      parents: entity.parents,\n      icon: anatomy?.icon || getEntityTypeIcon(entity.entityType),\n      iconColor: anatomy?.color,\n      subRows: [],\n      data: {\n        id: entity.id,\n        name: entity.name,\n        label: entity.label || entity.name,\n        entityType: entity.entityType,\n      },\n    }\n  })\n}\n\nexport const buildFolderPickerTableData = (\n  data: FolderListItem[],\n  anatomies: EntityAnatomy[],\n): SimpleTableRow[] => {\n  return data.map((folder) => {\n    const anatomy = anatomies.find((a) => a.name === folder.folderType)\n    return {\n      id: folder.id,\n      name: folder.name,\n      label: folder.label || folder.name,\n      path: '/' + folder.path,\n      icon: anatomy?.icon || getEntityTypeIcon('folder'),\n      iconColor: anatomy?.color,\n      subRows: [],\n      data: {\n        id: folder.id,\n        name: folder.name,\n        label: folder.label || folder.name,\n        folderType: folder.folderType,\n        entityType: 'folder',\n      },\n    }\n  })\n}\n"],"names":["buildEntityPickerTableData","data","anatomies","entity","anatomy","a","getEntityTypeIcon","buildFolderPickerTableData","folder"],"mappings":";;;;;AAUO,MAAMA,IAA6B,CACxCC,GACAC,MAEOD,EAAK,IAAI,CAACE,MAAW;AAC1B,QAAMC,IAAUF,GAAW,KAAK,CAACG,MAAMA,EAAE,SAASF,EAAO,OAAO;AAChE,SAAO;AAAA,IACL,IAAIA,EAAO;AAAA,IACX,MAAMA,EAAO;AAAA,IACb,OAAOA,EAAO,SAASA,EAAO;AAAA,IAC9B,SAASA,EAAO;AAAA,IAChB,MAAMC,GAAS,QAAQE,EAAkBH,EAAO,UAAU;AAAA,IAC1D,WAAWC,GAAS;AAAA,IACpB,SAAS,CAAA;AAAA,IACT,MAAM;AAAA,MACJ,IAAID,EAAO;AAAA,MACX,MAAMA,EAAO;AAAA,MACb,OAAOA,EAAO,SAASA,EAAO;AAAA,MAC9B,YAAYA,EAAO;AAAA,IAAA;AAAA,EACrB;AAEJ,CAAC,GAGUI,IAA6B,CACxCN,GACAC,MAEOD,EAAK,IAAI,CAACO,MAAW;AAC1B,QAAMJ,IAAUF,EAAU,KAAK,CAACG,MAAMA,EAAE,SAASG,EAAO,UAAU;AAClE,SAAO;AAAA,IACL,IAAIA,EAAO;AAAA,IACX,MAAMA,EAAO;AAAA,IACb,OAAOA,EAAO,SAASA,EAAO;AAAA,IAC9B,MAAM,MAAMA,EAAO;AAAA,IACnB,MAAMJ,GAAS,QAAQE,EAAkB,QAAQ;AAAA,IACjD,WAAWF,GAAS;AAAA,IACpB,SAAS,CAAA;AAAA,IACT,MAAM;AAAA,MACJ,IAAII,EAAO;AAAA,MACX,MAAMA,EAAO;AAAA,MACb,OAAOA,EAAO,SAASA,EAAO;AAAA,MAC9B,YAAYA,EAAO;AAAA,MACnB,YAAY;AAAA,IAAA;AAAA,EACd;AAEJ,CAAC;"}

package/dist/shared/src/containers/Feed/Feed.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../../../_virtual/jsx-runtime.cjs.js"),m=require("react"),oe=require("./components/ActivityItem.cjs.js"),re=require("./components/CommentInput/CommentInput.cjs.js"),F=require("./Feed.styled.cjs.js"),le=require("./hooks/useCommentMutations.cjs.js"),ce=require("./hooks/useTransformActivities.cjs.js"),ae=require("../../../../node_modules/react-intersection-observer/dist/index.cjs.js"),de=require("./hooks/useSaveScrollPos.cjs.js"),ue=require("./hooks/useScrollOnInputOpen.cjs.js"),me=require("./feedHelpers.cjs.js");require("@ynput/ayon-react-components");const pe=require("clsx"),ge=require("./hooks/useScrollToHighlighted.cjs.js"),he=require("./components/FileUploadPreview/FileUploadPreview.cjs.js"),xe=require("../../components/EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");const x=require("./context/FeedContext.cjs.js");require("../../context/RemoteModulesContext.cjs.js");const fe=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("react-dom");require("../../context/pip/PiPWrapper.cjs.js");require("../../context/AddonProjectContext.cjs.js");require("../../context/AddonContext.cjs.js");require("../../context/PowerpackContext.cjs.js");require("../../context/MoveEntityContext.cjs.js");require("../../context/MenuContext.cjs.js");require("../../context/WebsocketContext.cjs.js");require("../../context/GlobalContext.cjs.js");require("../../context/ProjectContext.cjs.js");require("../../context/ProjectFoldersContext.cjs.js");require("../../context/UriContext.cjs.js");const ye=require("./helpers/mergeAnnotationAttachments.cjs.js"),qe=require("../DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.cjs.js"),Ce=30,Ee=[{id:"comments",tooltip:"Comments",icon:"chat"},{id:"checklists",tooltip:"Checklists",icon:"checklist"},{id:"versions",tooltip:"Published versions",icon:"layers"},{id:"updates",tooltip:"Entity updates",icon:"arrow_circle_right"}],ve=({disabled:L,readOnly:S,statuses:_=[],entityListId:D,isSlideOut:H})=>{const{projectName:c,entities:a,entityType:p,editingId:j,projectInfo:I,setEditingId:k,userName:B,activitiesData:f,isLoadingNew:l,isLoadingNextPage:M,loadNextPage:u,hasNextPage:W,users:V,feedFilter:d,setFeedFilter:U}=x.useFeedContext(),{openSlideOut:z,highlightedActivities:y,setHighlightedActivities:G,onOpenImage:J,setFeedAnnotations:w}=fe.useDetailsPanelContext(),R=d.conditions?.some(e=>"key"in e&&e.key==="versions"&&e.value===!0),K=R,g=m.useMemo(()=>ye(f),[f]);m.useEffect(()=>{g.length||w([]);const e=g.map(t=>t.activityData?.annotations?.map(i=>({...i,activityId:t.activityId}))).filter(Boolean).flat();w(e)},[g]);const q=ce.default(g,V,I,p,B,d),r=m.useRef(null);ue({feedRef:r,isInputOpen:j===x.FEED_NEW_COMMENT,height:93}),de({entities:a,feedRef:r,filter:d,disabled:!!y.length,isLoading:l}),ge({feedRef:r,highlighted:y,isLoading:l||M,loadNextPage:u,hasNextPage:!!u,activities:f});const{submitComment:b,updateComment:N,deleteComment:Q,isSaving:X}=le({projectName:c,entityType:p,entities:a,filter:d,entityListId:D}),Y=m.useCallback(async(e,t=[],i={})=>{await b(e,t,i),r.current&&r.current.scrollTo({top:0})},[b,r]),Z=(e,t)=>{const i=e?.target;if(!i||!t)return console.log("no target or activity");const n=i.checked,o=n?"[ ]":"[x]",ie=n?"[x]":"[ ]",{body:h}=t,P=Array.from(i.closest(".comment-body")?.querySelectorAll(".task-list-item")||[]).findIndex(v=>v===i.closest("li"));let T=P;(h.match(/\[.\]/g)||[]).forEach((v,se)=>{v!==o&&se<P&&T--});const A=[];let C=-1;for(;(C=h.indexOf(o,C+1))>-1;)A.push(C);const E=A[T];if(E===void 0)return;const ne=E+o.length,O=h.slice(0,E)+ie+h.slice(ne);O&&N(t,O,t.files)},$=e=>{const{entityId:t,entityType:i,activityId:n}=e;if(!i||!["version","task","folder"].includes(i))return console.log("Entity type not supported yet");if(!t||!i||!c)return console.log("No entity id or type found");z({entityId:t,entityType:i,projectName:c}),G([n])},ee=({index:e,activityId:t})=>{const i=Object.values(q).reverse().filter(n=>n.activityType=="comment").map(n=>({id:n.activityId,files:n.files.filter(o=>he.isFilePreviewable(o.mime,o.ext))})).filter(n=>n.files.length>0);J?.({files:i,activityId:t,index:e,projectName:c})},te=m.useMemo(()=>me.getLoadingPlaceholders(10),[]);return s.jsxRuntimeExports.jsx(s.jsxRuntimeExports.Fragment,{children:s.jsxRuntimeExports.jsxs(F.FeedContainer,{className:"feed",children:[void 0,s.jsxRuntimeExports.jsx(qe,{label:"Activity Feed",filters:Ee,currentFilter:d,onFilterChange:U,isLoading:l}),s.jsxRuntimeExports.jsxs(F.FeedContent,{ref:r,className:pe({loading:l},"no-shimmer"),children:[l?te:q.map(e=>s.jsxRuntimeExports.jsx(oe,{activity:e,onCheckChange:Z,onDelete:Q,onUpdate:async(t,i,n,o)=>await N(e,t,i,o),projectInfo:I,projectName:c,entityType:p,onReferenceClick:$,createdAts:a.map(t=>t.createdAt),onFileExpand:ee,showOrigin:a.length>1,filter:d,editProps:{projectName:c,entities:a,entityType:p},isHighlighted:y.includes(e.activityId),readOnly:S,statuses:_,isSlideOut:H},e.activityId)),q.length===1&&R&&!l&&s.jsxRuntimeExports.jsx(xe.EmptyPlaceholder,{message:"No versions published yet",icon:"layers"}),W&&u&&s.jsxRuntimeExports.jsx(ae.InView,{root:r.current,onChange:e=>e&&u(),rootMargin:"400px 0px 0px 0px",children:s.jsxRuntimeExports.jsx(F.LoadMore,{style:{height:0},onClick:()=>u(),children:M?"Loading more...":"Click to load more"})})]}),!K&&s.jsxRuntimeExports.jsx(re.default,{initValue:null,onSubmit:Y,isOpen:j===x.FEED_NEW_COMMENT,onClose:()=>k(null),onOpen:()=>k(x.FEED_NEW_COMMENT),disabled:L,isLoading:l||!a.length||X})]})})};exports.Feed=ve;exports.activitiesLast=Ce;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../../../_virtual/jsx-runtime.cjs.js"),m=require("react"),le=require("./components/ActivityItem.cjs.js"),ce=require("./components/CommentInput/CommentInput.cjs.js"),k=require("./Feed.styled.cjs.js"),ae=require("./hooks/useCommentMutations.cjs.js"),de=require("./hooks/useTransformActivities.cjs.js"),ue=require("../../../../node_modules/react-intersection-observer/dist/index.cjs.js"),me=require("./hooks/useSaveScrollPos.cjs.js"),pe=require("./hooks/useScrollOnInputOpen.cjs.js"),he=require("./feedHelpers.cjs.js");require("@ynput/ayon-react-components");const ge=require("clsx"),xe=require("./hooks/useScrollToHighlighted.cjs.js"),fe=require("./components/FileUploadPreview/FileUploadPreview.cjs.js"),ye=require("../../components/EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");const x=require("./context/FeedContext.cjs.js");require("../../context/RemoteModulesContext.cjs.js");const qe=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("react-dom");require("../../context/pip/PiPWrapper.cjs.js");require("../../context/AddonProjectContext.cjs.js");require("../../context/AddonContext.cjs.js");require("../../context/PowerpackContext.cjs.js");require("../../context/MoveEntityContext.cjs.js");require("../../context/MenuContext.cjs.js");require("../../context/WebsocketContext.cjs.js");require("../../context/GlobalContext.cjs.js");require("../../context/ProjectContext.cjs.js");require("../../context/ProjectFoldersContext.cjs.js");require("../../context/UriContext.cjs.js");const Ce=require("./helpers/mergeAnnotationAttachments.cjs.js"),ve=require("../DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.cjs.js"),Ee=30,ke=[{id:"comments",tooltip:"Comments",icon:"chat"},{id:"checklists",tooltip:"Checklists",icon:"checklist"},{id:"versions",tooltip:"Published versions",icon:"layers"},{id:"updates",tooltip:"Entity updates",icon:"arrow_circle_right"}],Fe=({disabled:O,readOnly:L,statuses:S=[],entityListId:_,isSlideOut:D})=>{const{projectName:a,entities:d,entityType:p,editingId:F,projectInfo:j,setEditingId:I,userName:H,activitiesData:f,isLoadingNew:c,isLoadingNextPage:M,loadNextPage:u,hasNextPage:B,users:W,feedFilter:r,setFeedFilter:V}=x.useFeedContext(),{openSlideOut:U,highlightedActivities:y,setHighlightedActivities:z,onOpenImage:G,setFeedAnnotations:w}=qe.useDetailsPanelContext(),J=r.conditions?.some(e=>"key"in e&&e.key==="versions"&&e.value===!0),K=r.conditions?.some(e=>"key"in e&&["comments","checklists","versions","updates"].includes(e.key)&&e.value===!0),Q=r.conditions?.some(e=>"key"in e&&(e.key==="comments"||e.key==="checklists")&&e.value===!0),X=K&&!Q,h=m.useMemo(()=>Ce(f),[f]);m.useEffect(()=>{h.length||w([]);const e=h.map(t=>t.activityData?.annotations?.map(i=>({...i,activityId:t.activityId}))).filter(Boolean).flat();w(e)},[h]);const q=de.default(h,W,j,p,H,r),l=m.useRef(null);pe({feedRef:l,isInputOpen:F===x.FEED_NEW_COMMENT,height:93}),me({entities:d,feedRef:l,filter:r,disabled:!!y.length,isLoading:c}),xe({feedRef:l,highlighted:y,isLoading:c||M,loadNextPage:u,hasNextPage:!!u,activities:f});const{submitComment:R,updateComment:b,deleteComment:Y,isSaving:Z}=ae({projectName:a,entityType:p,entities:d,filter:r,entityListId:_}),$=m.useCallback(async(e,t=[],i={})=>{await R(e,t,i),l.current&&l.current.scrollTo({top:0})},[R,l]),ee=(e,t)=>{const i=e?.target;if(!i||!t)return console.log("no target or activity");const n=i.checked,o=n?"[ ]":"[x]",se=n?"[x]":"[ ]",{body:g}=t,N=Array.from(i.closest(".comment-body")?.querySelectorAll(".task-list-item")||[]).findIndex(E=>E===i.closest("li"));let A=N;(g.match(/\[.\]/g)||[]).forEach((E,re)=>{E!==o&&re<N&&A--});const P=[];let C=-1;for(;(C=g.indexOf(o,C+1))>-1;)P.push(C);const v=P[A];if(v===void 0)return;const oe=v+o.length,T=g.slice(0,v)+se+g.slice(oe);T&&b(t,T,t.files)},te=e=>{const{entityId:t,entityType:i,activityId:n}=e;if(!i||!["version","task","folder"].includes(i))return console.log("Entity type not supported yet");if(!t||!i||!a)return console.log("No entity id or type found");U({entityId:t,entityType:i,projectName:a}),z([n])},ie=({index:e,activityId:t})=>{const i=Object.values(q).reverse().filter(n=>n.activityType=="comment").map(n=>({id:n.activityId,files:n.files.filter(o=>fe.isFilePreviewable(o.mime,o.ext))})).filter(n=>n.files.length>0);G?.({files:i,activityId:t,index:e,projectName:a})},ne=m.useMemo(()=>he.getLoadingPlaceholders(10),[]);return s.jsxRuntimeExports.jsx(s.jsxRuntimeExports.Fragment,{children:s.jsxRuntimeExports.jsxs(k.FeedContainer,{className:"feed",children:[void 0,s.jsxRuntimeExports.jsx(ve,{label:"Activity Feed",filters:ke,currentFilter:r,onFilterChange:V,isLoading:c}),s.jsxRuntimeExports.jsxs(k.FeedContent,{ref:l,className:ge({loading:c},"no-shimmer"),children:[c?ne:q.map(e=>s.jsxRuntimeExports.jsx(le,{activity:e,onCheckChange:ee,onDelete:Y,onUpdate:async(t,i,n,o)=>await b(e,t,i,o),projectInfo:j,projectName:a,entityType:p,onReferenceClick:te,createdAts:d.map(t=>t.createdAt),onFileExpand:ie,showOrigin:d.length>1,filter:r,editProps:{projectName:a,entities:d,entityType:p},isHighlighted:y.includes(e.activityId),readOnly:L,statuses:S,isSlideOut:D},e.activityId)),q.length===1&&J&&!c&&s.jsxRuntimeExports.jsx(ye.EmptyPlaceholder,{message:"No versions published yet",icon:"layers"}),B&&u&&s.jsxRuntimeExports.jsx(ue.InView,{root:l.current,onChange:e=>e&&u(),rootMargin:"400px 0px 0px 0px",children:s.jsxRuntimeExports.jsx(k.LoadMore,{style:{height:0},onClick:()=>u(),children:M?"Loading more...":"Click to load more"})})]}),!X&&s.jsxRuntimeExports.jsx(ce.default,{initValue:null,onSubmit:$,isOpen:F===x.FEED_NEW_COMMENT,onClose:()=>I(null),onOpen:()=>I(x.FEED_NEW_COMMENT),disabled:O,isLoading:c||!d.length||Z})]})})};exports.Feed=Fe;exports.activitiesLast=Ee;
 //# sourceMappingURL=Feed.cjs.js.map

package/dist/shared/src/containers/Feed/Feed.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Feed.cjs.js","sources":["../../../../../src/containers/Feed/Feed.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef } from 'react'\nimport ActivityItem from './components/ActivityItem'\nimport CommentInput from './components/CommentInput/CommentInput'\nimport * as Styled from './Feed.styled'\nimport useCommentMutations, { Activity } from './hooks/useCommentMutations'\nimport useTransformActivities from './hooks/useTransformActivities'\nimport { InView } from 'react-intersection-observer'\nimport useSaveScrollPos from './hooks/useSaveScrollPos'\nimport useScrollOnInputOpen from './hooks/useScrollOnInputOpen'\nimport { getLoadingPlaceholders } from './feedHelpers'\nimport { Icon } from '@ynput/ayon-react-components'\nimport clsx from 'clsx'\nimport useScrollToHighlighted from './hooks/useScrollToHighlighted'\nimport { isFilePreviewable } from './components/FileUploadPreview/FileUploadPreview'\nimport EmptyPlaceholder from '@shared/components/EmptyPlaceholder'\nimport { useFeedContext, FEED_NEW_COMMENT } from './context/FeedContext'\nimport { Status } from '../ProjectTreeTable/types/project'\nimport { useDetailsPanelContext, FeedFilter } from '@shared/context'\nimport { DetailsPanelEntityType } from '@shared/api'\nimport mergeAnnotationAttachments from './helpers/mergeAnnotationAttachments'\nimport { SavedAnnotationMetadata } from '.'\nimport TabHeaderAndFilters, {\n  FilterItem,\n} from '../DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters'\n\n// number of activities to get\nexport const activitiesLast = 30\n\nconst feedFilters: FilterItem<string>[] = [\n  {\n    id: 'comments',\n    tooltip: 'Comments',\n    icon: 'chat',\n  },\n  {\n    id: 'checklists',\n    tooltip: 'Checklists',\n    icon: 'checklist',\n  },\n  {\n    id: 'versions',\n    tooltip: 'Published versions',\n    icon: 'layers',\n  },\n  {\n    id: 'updates',\n    tooltip: 'Entity updates',\n    icon: 'arrow_circle_right',\n  },\n]\n\nexport type FeedProps = {\n  disabled?: boolean\n  readOnly: boolean\n  statuses: Status[]\n  entityListId?: string | undefined\n  isSlideOut?: boolean\n}\n\nexport const Feed = ({\n  disabled,\n  readOnly,\n  statuses = [],\n  entityListId,\n  isSlideOut,\n}: FeedProps) => {\n  const {\n    projectName,\n    entities,\n    entityType,\n    editingId,\n    projectInfo,\n    setEditingId,\n    userName,\n    activitiesData,\n    isLoadingNew,\n    isLoadingNextPage,\n    loadNextPage,\n    hasNextPage,\n    users,\n    feedFilter,\n    setFeedFilter,\n  } = useFeedContext()\n\n  const {\n    openSlideOut,\n    highlightedActivities,\n    setHighlightedActivities,\n    onOpenImage,\n    setFeedAnnotations,\n  } = useDetailsPanelContext()\n\n  const isVersionsFilter = feedFilter.conditions?.some(\n    (c) => 'key' in c && c.key === 'versions' && c.value === true,\n  )\n\n  // hide comment input for specific filters\n  const hideCommentInput = isVersionsFilter\n\n  const activitiesWithMergedAnnotations = useMemo(\n    () => mergeAnnotationAttachments(activitiesData),\n    [activitiesData],\n  )\n\n  useEffect(() => {\n    if (!activitiesWithMergedAnnotations.length) {\n      setFeedAnnotations([])\n    }\n\n    const annotations = activitiesWithMergedAnnotations\n      .map((activity) =>\n        activity.activityData?.annotations?.map((a: SavedAnnotationMetadata) => ({\n          ...a,\n          activityId: activity.activityId,\n        })),\n      )\n      .filter(Boolean)\n      .flat()\n\n    setFeedAnnotations(annotations)\n  }, [activitiesWithMergedAnnotations])\n\n  // do any transformation on activities data\n  // 1. status change activities, attach status data based on projectName\n  // 2. reverse the order\n  // 3. is this activity from the current user?\n  const transformedActivitiesData = useTransformActivities(\n    // @ts-ignore\n    activitiesWithMergedAnnotations,\n    users,\n    projectInfo,\n    entityType,\n    userName,\n    feedFilter,\n  ) as any[]\n\n  // REFS\n  const feedRef = useRef(null)\n  // const commentInputRef = useRef(null)\n\n  // scroll by height of comment input when it opens or closes\n  useScrollOnInputOpen({ feedRef, isInputOpen: editingId === FEED_NEW_COMMENT, height: 93 })\n\n  // save scroll position of a feed\n  useSaveScrollPos({\n    entities,\n    feedRef,\n    filter: feedFilter,\n    disabled: !!highlightedActivities.length,\n    isLoading: isLoadingNew,\n  })\n  // try and scroll to highlightedActivities activity\n  useScrollToHighlighted({\n    feedRef,\n    highlighted: highlightedActivities,\n    isLoading: isLoadingNew || isLoadingNextPage,\n    loadNextPage,\n    hasNextPage: !!loadNextPage,\n    activities: activitiesData,\n  })\n\n  // comment mutations here!\n  const {\n    submitComment: submitCommentMutation,\n    updateComment,\n    deleteComment,\n    isSaving,\n  } = useCommentMutations({\n    projectName,\n    entityType: entityType,\n    entities,\n    filter: feedFilter,\n    entityListId,\n  })\n\n  // wrap submitComment to scroll to bottom\n  const submitComment = useCallback(\n    async (value: string, files: any[] = [], data: any = {}) => {\n      await submitCommentMutation(value, files, data)\n      // scroll to bottom (scrollTop 0 is bottom because of column-reverse)\n      if (feedRef.current) {\n        ;(feedRef.current as any).scrollTo({ top: 0 })\n      }\n    },\n    [submitCommentMutation, feedRef],\n  )\n\n  // When a checkbox is clicked, update the body to add/remove \"x\" in [ ] markdown\n  // Then update comment with new body\n  const handleCommentChecked = (e: React.ChangeEvent<HTMLInputElement>, activity: Activity) => {\n    const target = e?.target\n    if (!target || !activity) return console.log('no target or activity')\n\n    // the value that it's changing to\n    const checked: boolean = target.checked\n    const currentMarkdown: string = checked ? '[ ]' : '[x]'\n    const newMarkdown: string = checked ? '[x]' : '[ ]'\n\n    const { body } = activity\n\n    // based on all li elements in the whole className 'comment-body' with className 'task-list-item'\n    // find the index of the task that was checked\n    const taskIndex: number = Array.from(\n      target.closest('.comment-body')?.querySelectorAll('.task-list-item') || [],\n    ).findIndex((li: Element) => li === target.closest('li'))\n\n    let replaceIndex: number = taskIndex\n\n    // count the number of current markdowns in the body\n    const allMarkdowns: string[] = body.match(/\\[.\\]/g) || []\n\n    allMarkdowns.forEach((markdown: string, index: number) => {\n      // does it match the current markdown?\n      if (markdown !== currentMarkdown && index < taskIndex) replaceIndex--\n    })\n\n    // now find the indexes of the current markdown to replace\n    const indexesOfCurrentMarkdownInBody: number[] = []\n    let index: number = -1\n    while ((index = body.indexOf(currentMarkdown, index + 1)) > -1) {\n      indexesOfCurrentMarkdownInBody.push(index)\n    }\n\n    const indexToReplaceInBody: number | undefined = indexesOfCurrentMarkdownInBody[replaceIndex]\n    if (indexToReplaceInBody === undefined) return\n\n    const endReplaceIndex: number = indexToReplaceInBody + currentMarkdown.length\n\n    // replace the current markdown with the new markdown\n    const newBody: string =\n      body.slice(0, indexToReplaceInBody) + newMarkdown + body.slice(endReplaceIndex)\n\n    if (!newBody) return\n\n    updateComment(activity, newBody, activity.files)\n  }\n\n  const handleRefClick = (ref: {\n    entityId: string\n    entityType: DetailsPanelEntityType\n    activityId: string\n  }) => {\n    const { entityId, entityType, activityId } = ref\n    const supportedTypes = ['version', 'task', 'folder']\n\n    if (!entityType || !supportedTypes.includes(entityType))\n      return console.log('Entity type not supported yet')\n\n    if (!entityId || !entityType || !projectName) return console.log('No entity id or type found')\n\n    // open the slide out\n    openSlideOut({ entityId, entityType, projectName })\n    // set highlighted activity\n    setHighlightedActivities([activityId])\n  }\n\n  const handleFileExpand = ({ index, activityId }: { index: number; activityId: string }) => {\n    const previewableFiles = Object.values(transformedActivitiesData)\n      .reverse()\n      .filter((a) => a.activityType == 'comment')\n      .map((a) => ({\n        id: a.activityId,\n        files: a.files.filter((file: any) => isFilePreviewable(file.mime, file.ext)),\n      }))\n      .filter((a) => a.files.length > 0)\n\n    // open image callback\n    onOpenImage?.({ files: previewableFiles, activityId, index, projectName })\n  }\n\n  const loadingPlaceholders = useMemo(() => getLoadingPlaceholders(10), [])\n\n  let warningMessage\n\n  return (\n    <>\n      <Styled.FeedContainer className=\"feed\">\n        {warningMessage && (\n          <Styled.Warning>\n            <Icon icon=\"info\" />\n            {warningMessage}\n          </Styled.Warning>\n        )}\n        <TabHeaderAndFilters\n          label=\"Activity Feed\"\n          filters={feedFilters}\n          currentFilter={feedFilter}\n          onFilterChange={setFeedFilter}\n          isLoading={isLoadingNew}\n        />\n        <Styled.FeedContent ref={feedRef} className={clsx({ loading: isLoadingNew }, 'no-shimmer')}>\n          {isLoadingNew\n            ? loadingPlaceholders\n            : transformedActivitiesData.map((activity) => (\n                <ActivityItem\n                  key={activity.activityId}\n                  activity={activity}\n                  onCheckChange={handleCommentChecked}\n                  onDelete={deleteComment}\n                  onUpdate={async (value, files, _refs, data) =>\n                    await updateComment(activity, value, files, data)\n                  }\n                  projectInfo={projectInfo}\n                  projectName={projectName}\n                  entityType={entityType}\n                  onReferenceClick={handleRefClick}\n                  createdAts={entities.map((e) => e.createdAt)}\n                  onFileExpand={handleFileExpand}\n                  showOrigin={entities.length > 1}\n                  filter={feedFilter}\n                  editProps={{\n                    projectName,\n                    entities: entities,\n                    entityType,\n                  }}\n                  isHighlighted={highlightedActivities.includes(activity.activityId)}\n                  readOnly={readOnly}\n                  statuses={statuses}\n                  isSlideOut={isSlideOut}\n                />\n              ))}\n          {/* message when no versions published */}\n          {transformedActivitiesData.length === 1 && isVersionsFilter && !isLoadingNew && (\n            <EmptyPlaceholder message=\"No versions published yet\" icon=\"layers\" />\n          )}\n          {hasNextPage && loadNextPage && (\n            <InView\n              root={feedRef.current}\n              onChange={(inView) => inView && loadNextPage()}\n              rootMargin={'400px 0px 0px 0px'}\n            >\n              <Styled.LoadMore style={{ height: 0 }} onClick={() => loadNextPage()}>\n                {isLoadingNextPage ? 'Loading more...' : 'Click to load more'}\n              </Styled.LoadMore>\n            </InView>\n          )}\n        </Styled.FeedContent>\n        {!hideCommentInput && (\n          <CommentInput\n            initValue={null}\n            onSubmit={submitComment}\n            isOpen={editingId === FEED_NEW_COMMENT}\n            onClose={() => setEditingId(null)}\n            onOpen={() => setEditingId(FEED_NEW_COMMENT)}\n            disabled={disabled}\n            isLoading={isLoadingNew || !entities.length || isSaving}\n          />\n        )}\n      </Styled.FeedContainer>\n    </>\n  )\n}\n"],"names":["activitiesLast","feedFilters","Feed","disabled","readOnly","statuses","entityListId","isSlideOut","projectName","entities","entityType","editingId","projectInfo","setEditingId","userName","activitiesData","isLoadingNew","isLoadingNextPage","loadNextPage","hasNextPage","users","feedFilter","setFeedFilter","useFeedContext","openSlideOut","highlightedActivities","setHighlightedActivities","onOpenImage","setFeedAnnotations","useDetailsPanelContext","isVersionsFilter","c","hideCommentInput","activitiesWithMergedAnnotations","useMemo","mergeAnnotationAttachments","useEffect","annotations","activity","a","transformedActivitiesData","useTransformActivities","feedRef","useRef","useScrollOnInputOpen","FEED_NEW_COMMENT","useSaveScrollPos","useScrollToHighlighted","submitCommentMutation","updateComment","deleteComment","isSaving","useCommentMutations","submitComment","useCallback","value","files","data","handleCommentChecked","target","checked","currentMarkdown","newMarkdown","body","taskIndex","li","replaceIndex","markdown","index","indexesOfCurrentMarkdownInBody","indexToReplaceInBody","endReplaceIndex","newBody","handleRefClick","ref","entityId","activityId","handleFileExpand","previewableFiles","file","isFilePreviewable","loadingPlaceholders","getLoadingPlaceholders","jsxs","Styled.FeedContainer","jsx","TabHeaderAndFilters","Styled.FeedContent","clsx","ActivityItem","_refs","e","EmptyPlaceholder","InView","inView","Styled.LoadMore","CommentInput"],"mappings":"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"}
+{"version":3,"file":"Feed.cjs.js","sources":["../../../../../src/containers/Feed/Feed.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef } from 'react'\nimport ActivityItem from './components/ActivityItem'\nimport CommentInput from './components/CommentInput/CommentInput'\nimport * as Styled from './Feed.styled'\nimport useCommentMutations, { Activity } from './hooks/useCommentMutations'\nimport useTransformActivities from './hooks/useTransformActivities'\nimport { InView } from 'react-intersection-observer'\nimport useSaveScrollPos from './hooks/useSaveScrollPos'\nimport useScrollOnInputOpen from './hooks/useScrollOnInputOpen'\nimport { getLoadingPlaceholders } from './feedHelpers'\nimport { Icon } from '@ynput/ayon-react-components'\nimport clsx from 'clsx'\nimport useScrollToHighlighted from './hooks/useScrollToHighlighted'\nimport { isFilePreviewable } from './components/FileUploadPreview/FileUploadPreview'\nimport EmptyPlaceholder from '@shared/components/EmptyPlaceholder'\nimport { useFeedContext, FEED_NEW_COMMENT } from './context/FeedContext'\nimport { Status } from '../ProjectTreeTable/types/project'\nimport { useDetailsPanelContext, FeedFilter } from '@shared/context'\nimport { DetailsPanelEntityType } from '@shared/api'\nimport mergeAnnotationAttachments from './helpers/mergeAnnotationAttachments'\nimport { SavedAnnotationMetadata } from '.'\nimport TabHeaderAndFilters, {\n  FilterItem,\n} from '../DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters'\n\n// number of activities to get\nexport const activitiesLast = 30\n\nconst feedFilters: FilterItem<string>[] = [\n  {\n    id: 'comments',\n    tooltip: 'Comments',\n    icon: 'chat',\n  },\n  {\n    id: 'checklists',\n    tooltip: 'Checklists',\n    icon: 'checklist',\n  },\n  {\n    id: 'versions',\n    tooltip: 'Published versions',\n    icon: 'layers',\n  },\n  {\n    id: 'updates',\n    tooltip: 'Entity updates',\n    icon: 'arrow_circle_right',\n  },\n]\n\nexport type FeedProps = {\n  disabled?: boolean\n  readOnly: boolean\n  statuses: Status[]\n  entityListId?: string | undefined\n  isSlideOut?: boolean\n}\n\nexport const Feed = ({\n  disabled,\n  readOnly,\n  statuses = [],\n  entityListId,\n  isSlideOut,\n}: FeedProps) => {\n  const {\n    projectName,\n    entities,\n    entityType,\n    editingId,\n    projectInfo,\n    setEditingId,\n    userName,\n    activitiesData,\n    isLoadingNew,\n    isLoadingNextPage,\n    loadNextPage,\n    hasNextPage,\n    users,\n    feedFilter,\n    setFeedFilter,\n  } = useFeedContext()\n\n  const {\n    openSlideOut,\n    highlightedActivities,\n    setHighlightedActivities,\n    onOpenImage,\n    setFeedAnnotations,\n  } = useDetailsPanelContext()\n\n  const isVersionsFilter = feedFilter.conditions?.some(\n    (c) => 'key' in c && c.key === 'versions' && c.value === true,\n  )\n  const hasActiveFilters = feedFilter.conditions?.some(\n    (c) => 'key' in c && ['comments', 'checklists', 'versions', 'updates'].includes(c.key) && c.value === true,\n  )\n  const hasCommentLikeFilter = feedFilter.conditions?.some(\n    (c) => 'key' in c && (c.key === 'comments' || c.key === 'checklists') && c.value === true,\n  )\n\n  // hide comment input for specific filters\n  const hideCommentInput = hasActiveFilters && !hasCommentLikeFilter\n\n  const activitiesWithMergedAnnotations = useMemo(\n    () => mergeAnnotationAttachments(activitiesData),\n    [activitiesData],\n  )\n\n  useEffect(() => {\n    if (!activitiesWithMergedAnnotations.length) {\n      setFeedAnnotations([])\n    }\n\n    const annotations = activitiesWithMergedAnnotations\n      .map((activity) =>\n        activity.activityData?.annotations?.map((a: SavedAnnotationMetadata) => ({\n          ...a,\n          activityId: activity.activityId,\n        })),\n      )\n      .filter(Boolean)\n      .flat()\n\n    setFeedAnnotations(annotations)\n  }, [activitiesWithMergedAnnotations])\n\n  // do any transformation on activities data\n  // 1. status change activities, attach status data based on projectName\n  // 2. reverse the order\n  // 3. is this activity from the current user?\n  const transformedActivitiesData = useTransformActivities(\n    // @ts-ignore\n    activitiesWithMergedAnnotations,\n    users,\n    projectInfo,\n    entityType,\n    userName,\n    feedFilter,\n  ) as any[]\n\n  // REFS\n  const feedRef = useRef(null)\n  // const commentInputRef = useRef(null)\n\n  // scroll by height of comment input when it opens or closes\n  useScrollOnInputOpen({ feedRef, isInputOpen: editingId === FEED_NEW_COMMENT, height: 93 })\n\n  // save scroll position of a feed\n  useSaveScrollPos({\n    entities,\n    feedRef,\n    filter: feedFilter,\n    disabled: !!highlightedActivities.length,\n    isLoading: isLoadingNew,\n  })\n  // try and scroll to highlightedActivities activity\n  useScrollToHighlighted({\n    feedRef,\n    highlighted: highlightedActivities,\n    isLoading: isLoadingNew || isLoadingNextPage,\n    loadNextPage,\n    hasNextPage: !!loadNextPage,\n    activities: activitiesData,\n  })\n\n  // comment mutations here!\n  const {\n    submitComment: submitCommentMutation,\n    updateComment,\n    deleteComment,\n    isSaving,\n  } = useCommentMutations({\n    projectName,\n    entityType: entityType,\n    entities,\n    filter: feedFilter,\n    entityListId,\n  })\n\n  // wrap submitComment to scroll to bottom\n  const submitComment = useCallback(\n    async (value: string, files: any[] = [], data: any = {}) => {\n      await submitCommentMutation(value, files, data)\n      // scroll to bottom (scrollTop 0 is bottom because of column-reverse)\n      if (feedRef.current) {\n        ;(feedRef.current as any).scrollTo({ top: 0 })\n      }\n    },\n    [submitCommentMutation, feedRef],\n  )\n\n  // When a checkbox is clicked, update the body to add/remove \"x\" in [ ] markdown\n  // Then update comment with new body\n  const handleCommentChecked = (e: React.ChangeEvent<HTMLInputElement>, activity: Activity) => {\n    const target = e?.target\n    if (!target || !activity) return console.log('no target or activity')\n\n    // the value that it's changing to\n    const checked: boolean = target.checked\n    const currentMarkdown: string = checked ? '[ ]' : '[x]'\n    const newMarkdown: string = checked ? '[x]' : '[ ]'\n\n    const { body } = activity\n\n    // based on all li elements in the whole className 'comment-body' with className 'task-list-item'\n    // find the index of the task that was checked\n    const taskIndex: number = Array.from(\n      target.closest('.comment-body')?.querySelectorAll('.task-list-item') || [],\n    ).findIndex((li: Element) => li === target.closest('li'))\n\n    let replaceIndex: number = taskIndex\n\n    // count the number of current markdowns in the body\n    const allMarkdowns: string[] = body.match(/\\[.\\]/g) || []\n\n    allMarkdowns.forEach((markdown: string, index: number) => {\n      // does it match the current markdown?\n      if (markdown !== currentMarkdown && index < taskIndex) replaceIndex--\n    })\n\n    // now find the indexes of the current markdown to replace\n    const indexesOfCurrentMarkdownInBody: number[] = []\n    let index: number = -1\n    while ((index = body.indexOf(currentMarkdown, index + 1)) > -1) {\n      indexesOfCurrentMarkdownInBody.push(index)\n    }\n\n    const indexToReplaceInBody: number | undefined = indexesOfCurrentMarkdownInBody[replaceIndex]\n    if (indexToReplaceInBody === undefined) return\n\n    const endReplaceIndex: number = indexToReplaceInBody + currentMarkdown.length\n\n    // replace the current markdown with the new markdown\n    const newBody: string =\n      body.slice(0, indexToReplaceInBody) + newMarkdown + body.slice(endReplaceIndex)\n\n    if (!newBody) return\n\n    updateComment(activity, newBody, activity.files)\n  }\n\n  const handleRefClick = (ref: {\n    entityId: string\n    entityType: DetailsPanelEntityType\n    activityId: string\n  }) => {\n    const { entityId, entityType, activityId } = ref\n    const supportedTypes = ['version', 'task', 'folder']\n\n    if (!entityType || !supportedTypes.includes(entityType))\n      return console.log('Entity type not supported yet')\n\n    if (!entityId || !entityType || !projectName) return console.log('No entity id or type found')\n\n    // open the slide out\n    openSlideOut({ entityId, entityType, projectName })\n    // set highlighted activity\n    setHighlightedActivities([activityId])\n  }\n\n  const handleFileExpand = ({ index, activityId }: { index: number; activityId: string }) => {\n    const previewableFiles = Object.values(transformedActivitiesData)\n      .reverse()\n      .filter((a) => a.activityType == 'comment')\n      .map((a) => ({\n        id: a.activityId,\n        files: a.files.filter((file: any) => isFilePreviewable(file.mime, file.ext)),\n      }))\n      .filter((a) => a.files.length > 0)\n\n    // open image callback\n    onOpenImage?.({ files: previewableFiles, activityId, index, projectName })\n  }\n\n  const loadingPlaceholders = useMemo(() => getLoadingPlaceholders(10), [])\n\n  let warningMessage\n\n  return (\n    <>\n      <Styled.FeedContainer className=\"feed\">\n        {warningMessage && (\n          <Styled.Warning>\n            <Icon icon=\"info\" />\n            {warningMessage}\n          </Styled.Warning>\n        )}\n        <TabHeaderAndFilters\n          label=\"Activity Feed\"\n          filters={feedFilters}\n          currentFilter={feedFilter}\n          onFilterChange={setFeedFilter}\n          isLoading={isLoadingNew}\n        />\n        <Styled.FeedContent ref={feedRef} className={clsx({ loading: isLoadingNew }, 'no-shimmer')}>\n          {isLoadingNew\n            ? loadingPlaceholders\n            : transformedActivitiesData.map((activity) => (\n                <ActivityItem\n                  key={activity.activityId}\n                  activity={activity}\n                  onCheckChange={handleCommentChecked}\n                  onDelete={deleteComment}\n                  onUpdate={async (value, files, _refs, data) =>\n                    await updateComment(activity, value, files, data)\n                  }\n                  projectInfo={projectInfo}\n                  projectName={projectName}\n                  entityType={entityType}\n                  onReferenceClick={handleRefClick}\n                  createdAts={entities.map((e) => e.createdAt)}\n                  onFileExpand={handleFileExpand}\n                  showOrigin={entities.length > 1}\n                  filter={feedFilter}\n                  editProps={{\n                    projectName,\n                    entities: entities,\n                    entityType,\n                  }}\n                  isHighlighted={highlightedActivities.includes(activity.activityId)}\n                  readOnly={readOnly}\n                  statuses={statuses}\n                  isSlideOut={isSlideOut}\n                />\n              ))}\n          {/* message when no versions published */}\n          {transformedActivitiesData.length === 1 && isVersionsFilter && !isLoadingNew && (\n            <EmptyPlaceholder message=\"No versions published yet\" icon=\"layers\" />\n          )}\n          {hasNextPage && loadNextPage && (\n            <InView\n              root={feedRef.current}\n              onChange={(inView) => inView && loadNextPage()}\n              rootMargin={'400px 0px 0px 0px'}\n            >\n              <Styled.LoadMore style={{ height: 0 }} onClick={() => loadNextPage()}>\n                {isLoadingNextPage ? 'Loading more...' : 'Click to load more'}\n              </Styled.LoadMore>\n            </InView>\n          )}\n        </Styled.FeedContent>\n        {!hideCommentInput && (\n          <CommentInput\n            initValue={null}\n            onSubmit={submitComment}\n            isOpen={editingId === FEED_NEW_COMMENT}\n            onClose={() => setEditingId(null)}\n            onOpen={() => setEditingId(FEED_NEW_COMMENT)}\n            disabled={disabled}\n            isLoading={isLoadingNew || !entities.length || isSaving}\n          />\n        )}\n      </Styled.FeedContainer>\n    </>\n  )\n}\n"],"names":["activitiesLast","feedFilters","Feed","disabled","readOnly","statuses","entityListId","isSlideOut","projectName","entities","entityType","editingId","projectInfo","setEditingId","userName","activitiesData","isLoadingNew","isLoadingNextPage","loadNextPage","hasNextPage","users","feedFilter","setFeedFilter","useFeedContext","openSlideOut","highlightedActivities","setHighlightedActivities","onOpenImage","setFeedAnnotations","useDetailsPanelContext","isVersionsFilter","c","hasActiveFilters","hasCommentLikeFilter","hideCommentInput","activitiesWithMergedAnnotations","useMemo","mergeAnnotationAttachments","useEffect","annotations","activity","a","transformedActivitiesData","useTransformActivities","feedRef","useRef","useScrollOnInputOpen","FEED_NEW_COMMENT","useSaveScrollPos","useScrollToHighlighted","submitCommentMutation","updateComment","deleteComment","isSaving","useCommentMutations","submitComment","useCallback","value","files","data","handleCommentChecked","target","checked","currentMarkdown","newMarkdown","body","taskIndex","li","replaceIndex","markdown","index","indexesOfCurrentMarkdownInBody","indexToReplaceInBody","endReplaceIndex","newBody","handleRefClick","ref","entityId","activityId","handleFileExpand","previewableFiles","file","isFilePreviewable","loadingPlaceholders","getLoadingPlaceholders","jsxs","Styled.FeedContainer","jsx","TabHeaderAndFilters","Styled.FeedContent","clsx","ActivityItem","_refs","e","EmptyPlaceholder","InView","inView","Styled.LoadMore","CommentInput"],"mappings":"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"}

package/dist/shared/src/containers/Feed/Feed.es.js

@@ -1,23 +1,23 @@
 import { j as n } from "../../../../_virtual/jsx-runtime.es.js";
-import { useMemo as L, useEffect as ne, useRef as se, useCallback as re } from "react";
-import le from "./components/ActivityItem.es.js";
-import ae from "./components/CommentInput/CommentInput.es.js";
-import { FeedContainer as me, FeedContent as ce, LoadMore as de } from "./Feed.styled.es.js";
-import pe from "./hooks/useCommentMutations.es.js";
+import { useMemo as P, useEffect as re, useRef as le, useCallback as ae } from "react";
+import me from "./components/ActivityItem.es.js";
+import ce from "./components/CommentInput/CommentInput.es.js";
+import { FeedContainer as de, FeedContent as pe, LoadMore as he } from "./Feed.styled.es.js";
+import ue from "./hooks/useCommentMutations.es.js";
 import fe from "./hooks/useTransformActivities.es.js";
 import { InView as ge } from "../../../../node_modules/react-intersection-observer/dist/index.es.js";
-import he from "./hooks/useSaveScrollPos.es.js";
-import ue from "./hooks/useScrollOnInputOpen.es.js";
-import { getLoadingPlaceholders as ye } from "./feedHelpers.es.js";
+import ye from "./hooks/useSaveScrollPos.es.js";
+import xe from "./hooks/useScrollOnInputOpen.es.js";
+import { getLoadingPlaceholders as ke } from "./feedHelpers.es.js";
 import "@ynput/ayon-react-components";
-import xe from "clsx";
+import ve from "clsx";
 import Ce from "./hooks/useScrollToHighlighted.es.js";
-import { isFilePreviewable as ve } from "./components/FileUploadPreview/FileUploadPreview.es.js";
-import { EmptyPlaceholder as Ie } from "../../components/EmptyPlaceholder/EmptyPlaceholder.es.js";
+import { isFilePreviewable as Ie } from "./components/FileUploadPreview/FileUploadPreview.es.js";
+import { EmptyPlaceholder as Fe } from "../../components/EmptyPlaceholder/EmptyPlaceholder.es.js";
 import "../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.es.js";
-import { useFeedContext as ke, FEED_NEW_COMMENT as I } from "./context/FeedContext.es.js";
+import { useFeedContext as we, FEED_NEW_COMMENT as C } from "./context/FeedContext.es.js";
 import "../../context/RemoteModulesContext.es.js";
-import { useDetailsPanelContext as Fe } from "../../context/DetailsPanelContext.es.js";
+import { useDetailsPanelContext as Ae } from "../../context/DetailsPanelContext.es.js";
 import "../../context/SubtasksModulesContext.es.js";
 import "../../context/ThumbnailUploaderContext.es.js";
 import "../../context/SettingsPanelContext.es.js";
@@ -34,9 +34,9 @@ import "../../context/GlobalContext.es.js";
 import "../../context/ProjectContext.es.js";
 import "../../context/ProjectFoldersContext.es.js";
 import "../../context/UriContext.es.js";
-import we from "./helpers/mergeAnnotationAttachments.es.js";
-import be from "../DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.es.js";
-const ft = 30, Ae = [
+import be from "./helpers/mergeAnnotationAttachments.es.js";
+import Me from "../DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.es.js";
+const ft = 30, je = [
   {
     id: "comments",
     tooltip: "Comments",
@@ -58,181 +58,185 @@ const ft = 30, Ae = [
     icon: "arrow_circle_right"
   }
 ], gt = ({
-  disabled: S,
-  readOnly: R,
-  statuses: D = [],
-  entityListId: _,
-  isSlideOut: B
+  disabled: L,
+  readOnly: S,
+  statuses: R = [],
+  entityListId: D,
+  isSlideOut: _
 }) => {
   const {
-    projectName: a,
-    entities: m,
+    projectName: m,
+    entities: c,
     entityType: p,
-    editingId: k,
+    editingId: I,
     projectInfo: F,
     setEditingId: w,
-    userName: H,
-    activitiesData: h,
-    isLoadingNew: l,
-    isLoadingNextPage: b,
+    userName: B,
+    activitiesData: f,
+    isLoadingNew: a,
+    isLoadingNextPage: A,
     loadNextPage: d,
-    hasNextPage: V,
-    users: W,
-    feedFilter: c,
-    setFeedFilter: q
-  } = ke(), {
-    openSlideOut: U,
-    highlightedActivities: u,
-    setHighlightedActivities: z,
-    onOpenImage: G,
-    setFeedAnnotations: A
-  } = Fe(), M = c.conditions?.some(
+    hasNextPage: H,
+    users: V,
+    feedFilter: r,
+    setFeedFilter: W
+  } = we(), {
+    openSlideOut: q,
+    highlightedActivities: g,
+    setHighlightedActivities: U,
+    onOpenImage: z,
+    setFeedAnnotations: b
+  } = Ae(), G = r.conditions?.some(
     (e) => "key" in e && e.key === "versions" && e.value === !0
-  ), J = M, f = L(
-    () => we(h),
-    [h]
+  ), J = r.conditions?.some(
+    (e) => "key" in e && ["comments", "checklists", "versions", "updates"].includes(e.key) && e.value === !0
+  ), K = r.conditions?.some(
+    (e) => "key" in e && (e.key === "comments" || e.key === "checklists") && e.value === !0
+  ), Q = J && !K, h = P(
+    () => be(f),
+    [f]
   );
-  ne(() => {
-    f.length || A([]);
-    const e = f.map(
+  re(() => {
+    h.length || b([]);
+    const e = h.map(
       (t) => t.activityData?.annotations?.map((i) => ({
         ...i,
         activityId: t.activityId
       }))
     ).filter(Boolean).flat();
-    A(e);
-  }, [f]);
+    b(e);
+  }, [h]);
   const y = fe(
     // @ts-ignore
-    f,
-    W,
+    h,
+    V,
     F,
     p,
-    H,
-    c
-  ), r = se(null);
-  ue({ feedRef: r, isInputOpen: k === I, height: 93 }), he({
-    entities: m,
-    feedRef: r,
-    filter: c,
-    disabled: !!u.length,
-    isLoading: l
+    B,
+    r
+  ), l = le(null);
+  xe({ feedRef: l, isInputOpen: I === C, height: 93 }), ye({
+    entities: c,
+    feedRef: l,
+    filter: r,
+    disabled: !!g.length,
+    isLoading: a
   }), Ce({
-    feedRef: r,
-    highlighted: u,
-    isLoading: l || b,
+    feedRef: l,
+    highlighted: g,
+    isLoading: a || A,
     loadNextPage: d,
     hasNextPage: !!d,
-    activities: h
+    activities: f
   });
   const {
-    submitComment: j,
-    updateComment: E,
-    deleteComment: K,
-    isSaving: Q
-  } = pe({
-    projectName: a,
+    submitComment: M,
+    updateComment: j,
+    deleteComment: X,
+    isSaving: Y
+  } = ue({
+    projectName: m,
     entityType: p,
-    entities: m,
-    filter: c,
-    entityListId: _
-  }), X = re(
+    entities: c,
+    filter: r,
+    entityListId: D
+  }), Z = ae(
     async (e, t = [], i = {}) => {
-      await j(e, t, i), r.current && r.current.scrollTo({ top: 0 });
+      await M(e, t, i), l.current && l.current.scrollTo({ top: 0 });
     },
-    [j, r]
-  ), Y = (e, t) => {
+    [M, l]
+  ), $ = (e, t) => {
     const i = e?.target;
     if (!i || !t) return console.log("no target or activity");
-    const o = i.checked, s = o ? "[ ]" : "[x]", te = o ? "[x]" : "[ ]", { body: g } = t, N = Array.from(
+    const o = i.checked, s = o ? "[ ]" : "[x]", oe = o ? "[x]" : "[ ]", { body: u } = t, E = Array.from(
       i.closest(".comment-body")?.querySelectorAll(".task-list-item") || []
     ).findIndex((v) => v === i.closest("li"));
-    let T = N;
-    (g.match(/\[.\]/g) || []).forEach((v, oe) => {
-      v !== s && oe < N && T--;
+    let N = E;
+    (u.match(/\[.\]/g) || []).forEach((v, se) => {
+      v !== s && se < E && N--;
     });
-    const O = [];
+    const T = [];
     let x = -1;
-    for (; (x = g.indexOf(s, x + 1)) > -1; )
-      O.push(x);
-    const C = O[T];
-    if (C === void 0) return;
-    const ie = C + s.length, P = g.slice(0, C) + te + g.slice(ie);
-    P && E(t, P, t.files);
-  }, Z = (e) => {
+    for (; (x = u.indexOf(s, x + 1)) > -1; )
+      T.push(x);
+    const k = T[N];
+    if (k === void 0) return;
+    const ne = k + s.length, O = u.slice(0, k) + oe + u.slice(ne);
+    O && j(t, O, t.files);
+  }, ee = (e) => {
     const { entityId: t, entityType: i, activityId: o } = e;
     if (!i || !["version", "task", "folder"].includes(i))
       return console.log("Entity type not supported yet");
-    if (!t || !i || !a) return console.log("No entity id or type found");
-    U({ entityId: t, entityType: i, projectName: a }), z([o]);
-  }, $ = ({ index: e, activityId: t }) => {
+    if (!t || !i || !m) return console.log("No entity id or type found");
+    q({ entityId: t, entityType: i, projectName: m }), U([o]);
+  }, te = ({ index: e, activityId: t }) => {
     const i = Object.values(y).reverse().filter((o) => o.activityType == "comment").map((o) => ({
       id: o.activityId,
-      files: o.files.filter((s) => ve(s.mime, s.ext))
+      files: o.files.filter((s) => Ie(s.mime, s.ext))
     })).filter((o) => o.files.length > 0);
-    G?.({ files: i, activityId: t, index: e, projectName: a });
-  }, ee = L(() => ye(10), []);
-  return /* @__PURE__ */ n.jsx(n.Fragment, { children: /* @__PURE__ */ n.jsxs(me, { className: "feed", children: [
+    z?.({ files: i, activityId: t, index: e, projectName: m });
+  }, ie = P(() => ke(10), []);
+  return /* @__PURE__ */ n.jsx(n.Fragment, { children: /* @__PURE__ */ n.jsxs(de, { className: "feed", children: [
     void 0,
     /* @__PURE__ */ n.jsx(
-      be,
+      Me,
       {
         label: "Activity Feed",
-        filters: Ae,
-        currentFilter: c,
-        onFilterChange: q,
-        isLoading: l
+        filters: je,
+        currentFilter: r,
+        onFilterChange: W,
+        isLoading: a
       }
     ),
-    /* @__PURE__ */ n.jsxs(ce, { ref: r, className: xe({ loading: l }, "no-shimmer"), children: [
-      l ? ee : y.map((e) => /* @__PURE__ */ n.jsx(
-        le,
+    /* @__PURE__ */ n.jsxs(pe, { ref: l, className: ve({ loading: a }, "no-shimmer"), children: [
+      a ? ie : y.map((e) => /* @__PURE__ */ n.jsx(
+        me,
         {
           activity: e,
-          onCheckChange: Y,
-          onDelete: K,
-          onUpdate: async (t, i, o, s) => await E(e, t, i, s),
+          onCheckChange: $,
+          onDelete: X,
+          onUpdate: async (t, i, o, s) => await j(e, t, i, s),
           projectInfo: F,
-          projectName: a,
+          projectName: m,
           entityType: p,
-          onReferenceClick: Z,
-          createdAts: m.map((t) => t.createdAt),
-          onFileExpand: $,
-          showOrigin: m.length > 1,
-          filter: c,
+          onReferenceClick: ee,
+          createdAts: c.map((t) => t.createdAt),
+          onFileExpand: te,
+          showOrigin: c.length > 1,
+          filter: r,
           editProps: {
-            projectName: a,
-            entities: m,
+            projectName: m,
+            entities: c,
             entityType: p
           },
-          isHighlighted: u.includes(e.activityId),
-          readOnly: R,
-          statuses: D,
-          isSlideOut: B
+          isHighlighted: g.includes(e.activityId),
+          readOnly: S,
+          statuses: R,
+          isSlideOut: _
         },
         e.activityId
       )),
-      y.length === 1 && M && !l && /* @__PURE__ */ n.jsx(Ie, { message: "No versions published yet", icon: "layers" }),
-      V && d && /* @__PURE__ */ n.jsx(
+      y.length === 1 && G && !a && /* @__PURE__ */ n.jsx(Fe, { message: "No versions published yet", icon: "layers" }),
+      H && d && /* @__PURE__ */ n.jsx(
         ge,
         {
-          root: r.current,
+          root: l.current,
           onChange: (e) => e && d(),
           rootMargin: "400px 0px 0px 0px",
-          children: /* @__PURE__ */ n.jsx(de, { style: { height: 0 }, onClick: () => d(), children: b ? "Loading more..." : "Click to load more" })
+          children: /* @__PURE__ */ n.jsx(he, { style: { height: 0 }, onClick: () => d(), children: A ? "Loading more..." : "Click to load more" })
         }
       )
     ] }),
-    !J && /* @__PURE__ */ n.jsx(
-      ae,
+    !Q && /* @__PURE__ */ n.jsx(
+      ce,
       {
         initValue: null,
-        onSubmit: X,
-        isOpen: k === I,
+        onSubmit: Z,
+        isOpen: I === C,
         onClose: () => w(null),
-        onOpen: () => w(I),
-        disabled: S,
-        isLoading: l || !m.length || Q
+        onOpen: () => w(C),
+        disabled: L,
+        isLoading: a || !c.length || Y
       }
     )
   ] }) });