@ynput/ayon-frontend-shared 0.4.1 → 0.4.2

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

@@ -1,330 +1,28 @@
-import { useEffect as f } from "react";
-import { useFeedContext as c, FEED_NEW_COMMENT as l } from "../../../context/FeedContext.es.js";
-import "../../../../../context/RemoteModulesContext.es.js";
-import { useDetailsPanelContext as d } from "../../../../../context/DetailsPanelContext.es.js";
-import "../../../../../../../_virtual/jsx-runtime.es.js";
-import "../../../../../../../_virtual/runtime.es.js";
-import "../../../../../../../_virtual/semver.es.js";
-import "../../../../../api/base/client.es.js";
-import "../../../../../api/generated/graphql.es.js";
-import "../../../../../api/generated/graphqlLinks.es.js";
-import "../../../../../api/generated/access.es.js";
-import "../../../../../api/generated/actions.es.js";
-import "../../../../../api/generated/activityFeed.es.js";
-import "../../../../../api/generated/addons.es.js";
-import "../../../../../api/generated/anatomy.es.js";
-import "../../../../../api/generated/attributes.es.js";
-import "../../../../../api/generated/authentication.es.js";
-import "../../../../../api/generated/bundles.es.js";
-import "../../../../../api/generated/configuration.es.js";
-import "../../../../../api/generated/dataImport.es.js";
-import "../../../../../api/generated/desktop.es.js";
-import "../../../../../api/generated/entityLists.es.js";
-import "../../../../../api/generated/events.es.js";
-import "../../../../../api/generated/files.es.js";
-import "../../../../../api/generated/folders.es.js";
-import "../../../../../api/generated/inbox.es.js";
-import "../../../../../api/generated/links.es.js";
-import "../../../../../api/generated/market.es.js";
-import "../../../../../api/generated/onboarding.es.js";
-import "../../../../../api/generated/operations.es.js";
-import "../../../../../api/generated/products.es.js";
-import "../../../../../api/generated/projectDashboard.es.js";
-import "../../../../../api/generated/projects.es.js";
-import "../../../../../api/generated/projectFolders.es.js";
-import "../../../../../api/generated/reviewables.es.js";
-import "../../../../../api/generated/services.es.js";
-import "../../../../../api/generated/system.es.js";
-import "../../../../../api/generated/tasks.es.js";
-import "../../../../../api/generated/teams.es.js";
-import "../../../../../api/generated/thumbnails.es.js";
-import "../../../../../api/generated/uRIs.es.js";
-import "../../../../../api/generated/users.es.js";
-import "../../../../../api/generated/versions.es.js";
-import "../../../../../api/generated/workfiles.es.js";
-import "../../../../../api/generated/ynputCloud.es.js";
-import "../../../../../api/generated/grouping.es.js";
-import "../../../../../api/generated/views.es.js";
-import "../../../../../api/queries/actions/getActions.es.js";
-import "../../../../../api/queries/activities/getActivities.es.js";
-import "../../../../../api/queries/activities/updateReaction.es.js";
-import "../../../../../api/queries/activities/getMentions.es.js";
-import "../../../../../api/queries/activities/getCategories.es.js";
-import "../../../../../api/queries/addons/getAddons.es.js";
-import "../../../../../api/queries/addons/updateAddons.es.js";
-import "../../../../../api/queries/attributes/getAttributes.es.js";
-import "../../../../../api/queries/attributes/updateAttributes.es.js";
-import "../../../../../api/queries/authentication/getAuthentication.es.js";
-import "../../../../../api/queries/bundles/getBundles.es.js";
-import "../../../../../api/queries/bundles/updateBundles.es.js";
-import "../../../../../api/queries/cloud/cloud.es.js";
-import "../../../../../api/queries/columnStats/metricTargets.es.js";
-import "../../../../../api/queries/columnStats/groupCounts.es.js";
-import "../../../../../api/queries/config/getConfig.es.js";
-import "../../../../../api/queries/config/updateConfig.es.js";
-import "../../../../../api/queries/entities/getEntity.es.js";
-import "../../../../../api/queries/entities/getEntityPanel.es.js";
-import "../../../../../api/queries/overview/getOverview.es.js";
-import "../../../../../api/queries/overview/updateOverview.es.js";
-import "../../../../../api/queries/versions/getVersionsProducts.es.js";
-import "../../../../../api/queries/links/getEntityLinks.es.js";
-import "../../../../../api/queries/entities/updateEntity.es.js";
-import "../../../../../api/queries/entityLists/getLists.es.js";
-import "../../../../../api/queries/entityLists/updateLists.es.js";
-import "../../../../../api/queries/entityLists/getListsAttributes.es.js";
-import "../../../../../api/queries/entityLists/listItemsColumnStats.es.js";
-import "../../../../../api/queries/entityLists/updateListsAttributes.es.js";
-import "../../../../../api/queries/entityLists/listFolders.es.js";
-import "../../../../../api/queries/folders/getFolders.es.js";
-import "../../../../../api/queries/folders/getFolderDeleteInfo.es.js";
-import "../../../../../api/queries/grouping/getGrouping.es.js";
-import "../../../../../api/queries/links/updateLinks.es.js";
-import "../../../../../api/queries/links/getLinks.es.js";
-import "../../../../../api/queries/permissions/getPermissions.es.js";
-import "../../../../../api/queries/products/createProduct.es.js";
-import "../../../../../api/queries/products/getFolderProducts.es.js";
-import "../../../../../api/queries/project/getProject.es.js";
-import "../../../../../api/queries/project/updateProject.es.js";
-import "../../../../../api/queries/projectFolders/projectFolders.es.js";
-import "../../../../../api/queries/review/getReview.es.js";
-import "../../../../../api/queries/review/updateReview.es.js";
-import "../../../../../api/queries/share/share.es.js";
-import "../../../../../api/queries/system/getSystem.es.js";
-import "../../../../../api/queries/tasks/getTasks.es.js";
-import "../../../../../api/queries/tasks/updateTasks.es.js";
-import "../../../../../api/queries/teams/getTeams.es.js";
-import "../../../../../api/queries/userDashboard/getUserDashboard.es.js";
-import "../../../../../api/queries/users/getUsers.es.js";
-import "../../../../../api/queries/users/updateUsers.es.js";
-import "../../../../../api/queries/users/guests.es.js";
-import "../../../../../api/queries/versions/updateVersions.es.js";
-import "../../../../../api/queries/views/getViews.es.js";
-import "../../../../../api/queries/views/updateViews.es.js";
-import "../../../../../api/queries/watchers/getWatchers.es.js";
-import "../../../../../api/queries/uris/getUris.es.js";
-import "lodash";
-import "react-toastify";
-import "react-redux";
-import "custom-protocol-check";
-import "../../../../ProjectTreeTable/components/GroupSettingsFallback.es.js";
-import "uuid";
-import "../../../../../util/pubsub.es.js";
-import "../../../../../context/PowerpackContextInstance.es.js";
-import "../../../../../context/SubtasksModulesContextInstance.es.js";
-import "../../../../../context/ThumbnailUploaderContext.es.js";
-import "../../../../../context/SettingsPanelContext.es.js";
-import "../../../../../context/pip/PiPProvider.es.js";
-import "react-dom";
-import "../../../../../context/pip/PiPWrapper.es.js";
-import "../../../../../context/AddonProjectContext.es.js";
-import "../../../../../context/AddonContext.es.js";
-import "../../../../../context/MenuContext.es.js";
-import "../../../../../context/WebsocketContext.es.js";
-import "../../../../../context/GlobalContext.es.js";
-import "../../../../../context/ProjectContext.es.js";
-import "../../../../../context/ProjectFoldersContextInstance.es.js";
-import "../../../../../context/EntityUpdatesContextInstance.es.js";
-import "../../../../ContextMenu/ContextMenuContext.es.js";
-import "@ynput/ayon-react-components";
-/* empty css                                          */
-import "clsx";
-import "../../Tooltips/UserTooltipItem.es.js";
-import "../../Tooltips/UserTooltip/UserTooltip.styled.es.js";
-import "../../Tooltips/TeamTooltip/TeamTooltip.styled.es.js";
-import "../../Tooltips/EntityTooltip/EntityTooltip.styled.es.js";
-import "../../FileUploadPreview/FileUploadPreview.styled.es.js";
-import "../../FileUploadPreview/Mimes/TextMime.es.js";
-import "react-markdown";
-import "remark-emoji";
-import "remark-gfm";
-import "remark-directive";
-import "remark-directive-rehype";
-import "../CommentInput.es.js";
-import "../../ReactionContainer/Reactions.styled.es.js";
-import "../../FilesGrid/FilesGrid.styled.es.js";
-import "../../FileUploadCard/FileUploadCard.styled.es.js";
-import "../quillToMarkdown.es.js";
-import "../../ActivityComment/ActivityComment.styled.es.js";
-import "../../ActivityCheckbox/ActivityCheckbox.styled.es.js";
-import "../../../../../components/AddonLoadingScreen/AddonLoadingScreen.es.js";
-import "../../../../../../../node_modules/match-sorter/dist/match-sorter.esm.es.js";
-import "../../../../../components/AccessSearchInput/AccessSearchInput.styled.es.js";
-import "../../../../../components/AccessUser/AccessUser.es.js";
-import "../../../../../components/AttributeEditor/AttributeEditor.es.js";
-import "../../../../../components/AttributeEditor/attributeTypeMap.es.js";
-import "../../../../../components/Badge/Badge.es.js";
-import "../../../../../components/Chips/Chips.es.js";
-import "date-fns";
-import "../../../../../components/DateRangePicker/DateRangePicker.styled.es.js";
-import "../../../../../components/LinksManager/CellEditingDialog.es.js";
-import "../../../../../components/DeleteEntitiesConfirm/DeleteConfirmContent.es.js";
-import "../../../../../components/DeleteEntitiesConfirm/DeleteEntitiesConfirmDialog.styled.es.js";
-import "../../../../../../../_virtual/index.es.js";
-import "../../../../../../../node_modules/refractor/lib/common.es.js";
-import "../../../../../../../node_modules/refractor/lib/all.es.js";
-/* empty css                                                                                       */
-import "../../../../../components/DetailsPanelAttributes/DetailsPanelAttributesEditor.es.js";
-import "../../../../../components/DetailsPanelDetails/DetailsPanelDetails.es.js";
-import "react-quill-ayon";
-import "../../../../../components/DetailsPanelDetails/BorderedSection.es.js";
-import "../../../../../components/QuillListStyles/QuillListStyles.es.js";
-import "../../../../../components/DetailsPanelDetails/DescriptionSection.styles.es.js";
-import "rehype-raw";
-import "../../../../../components/DetailsPanelDetails/hooks/useMentionSystem.es.js";
-import "../modules/index.es.js";
-import "../../../../../components/DetailsPanelDetails/DetailsSection.es.js";
-import "../../../../../components/DetailsPanelDetails/FieldLabel.es.js";
-import "../../../../../components/DoneCheckbox/DoneCheckbox.es.js";
-import "../../../../../components/EarlyPreview/EarlyPreview.es.js";
-import "../../../../../components/EmptyPlaceholder/EmptyPlaceholder.es.js";
-import "../../../../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.es.js";
-import "../../../../../components/InfoMessage/InfoMessage.es.js";
-import "@dnd-kit/core";
-import "@dnd-kit/sortable";
-import "../../../../../components/EnumEditor/EnumEditor.styled.es.js";
-import "../../../../../components/EntityPanelUploader/EntityPanelUploader.styled.es.js";
-import "axios";
-import "../../../../../components/ReviewablesList/ReviewablesList.styled.es.js";
-import "../../../../../components/ReviewablesList/ReviewablesUpload.styled.es.js";
-import "../../../../../components/EntityPath/EntityPath.styled.es.js";
-import "../../../../../components/EntityPath/SegmentProvider.es.js";
-import "../../../../../components/FeaturedVersionOrder/FeaturedVersionOrder.es.js";
-import "../../../../../components/Feedback/FeedbackContextInstance.es.js";
-import "../../../../../components/Feedback/SupportBubble.es.js";
-import "../../../../../components/FileThumbnail/FileThumbnail.es.js";
-import "../../../../../components/LegacyBadge/LegacyBadge.es.js";
-import "../../../../../components/LinksManager/LinksManager.styled.es.js";
-import "../../../../EntityPickerDialog/EntityPickerDialog.es.js";
-import "../../../../../components/Powerpack/PowerpackButton.es.js";
-import "../../../../../components/Powerpack/FreeTrialLink.es.js";
-import "../../../../../components/Powerpack/PowerpackDialog.styled.es.js";
-import "../../../../../components/Powerpack/CTAButton.es.js";
-import "../../../../../components/Powerpack/RequiredAddonVersion.es.js";
-import "../../../../../components/ProjectTableSettings/ProjectTableSettings.es.js";
-import "../../../../../components/ProjectTableSettings/ColumnsSettings.es.js";
-import "../../../../../components/SizeSlider/SizeSlider.es.js";
-import "react-router-dom";
-import "../../../../Slicer/components/Slicer.es.js";
-import "../../../../Slicer/context/SlicerContextInstance.es.js";
-import "../../../../Slicer/components/SlicerDropdownFallback.es.js";
-import "../../../../NewEntity/components/NewEntity.es.js";
-import "@tanstack/react-virtual";
-import "@tanstack/react-table";
-import "../../../../ProjectTreeTable/buildTreeTableColumns.es.js";
-import "../../../../ProjectTreeTable/ProjectTreeTable.styled.es.js";
-import "../../../../ProjectTreeTable/components/HeaderActionButton.es.js";
-import "../../../../ProjectTreeTable/components/RowSelectionHeader.es.js";
-import "../../../../ProjectTreeTable/components/SelectionCell.es.js";
-import "../../../../ProjectTreeTable/context/CellEditingContext.es.js";
-import "../../../../../components/SearchFilter/filterDates.es.js";
-import "short-uuid";
-import "../../../../ProjectTreeTable/utils/columnIds.es.js";
-import "../../../../ProjectTreeTable/context/SelectionCellsContext.es.js";
-import "../../../../ProjectTreeTable/context/ProjectTableQueriesContext.es.js";
-import "../../../../ProjectTreeTable/context/ColumnSettingsContext.es.js";
-import "../../../../ProjectTreeTable/context/ProjectTableContextInstance.es.js";
-import "../../../../ProjectTreeTable/context/ClipboardContext.es.js";
-import "../../../../ProjectTreeTable/context/SelectedRowsContext.es.js";
-import "../../../../ProjectTreeTable/context/DetailsPanelEntityContext.es.js";
-import "../../../../ProjectTreeTable/context/ProjectDataContextInstance.es.js";
-import "../../../../ProjectTreeTable/components/TableFooterRow.es.js";
-import "../../../../ProjectTreeTable/widgets/CellWidget.es.js";
-import "../../../../ProjectTreeTable/widgets/CollapsedWidget.es.js";
-import "../../../../ProjectTreeTable/widgets/DateWidget.es.js";
-import "../../../../ProjectTreeTable/widgets/EnumWidget.es.js";
-import "../../../../ProjectTreeTable/widgets/EnumCellValue.es.js";
-import "../../../../ProjectTreeTable/widgets/TextWidget.es.js";
-import "../../../../ProjectTreeTable/widgets/MarkdownWidget.es.js";
-import "../../../../ProjectTreeTable/widgets/BooleanWidget.es.js";
-import "../../../../ProjectTreeTable/widgets/EntityNameWidget.es.js";
-import "../../../../ProjectTreeTable/widgets/EntityWidget.es.js";
-import "../../../../ProjectTreeTable/widgets/GroupHeaderWidget.es.js";
-import "../../../../ProjectTreeTable/widgets/ThumbnailWidget.es.js";
-import "../../../../ProjectTreeTable/widgets/LinksWidget.es.js";
-import "../../../../ProjectTreeTable/widgets/EmptyWidget.es.js";
-import "../../../../ProjectTreeTable/widgets/ErrorWidget.es.js";
-import "../../../../NewEntity/context/NewEntityContextInstance.es.js";
-import "../../../../NewEntity/components/NewEntityForm.es.js";
-import "../../../../Slicer/hooks/useTableDataBySlice.es.js";
-import "../../../../../components/ReviewableCard/ReviewableCard.es.js";
-import "../../../../../components/ReviewableProgressCard/ReviewableProgressCard.styled.es.js";
-import "../../../../../components/SearchFilter/CustomDateRangeDialog.es.js";
-import "../../../../../components/SettingsPanel/SettingsPanel.es.js";
-import "../../../../../components/SettingsPanel/SettingsPanelItemTemplate.es.js";
-import "../../../../../components/ShareOptionIcon/ShareOptionIcon.es.js";
-import "../../../../../components/SimpleFormDialog/SimpleFormDialog.es.js";
-import "../../../../../components/StyledLink/StyledLink.es.js";
-import "../../../../../components/SyncButton/SyncButton.es.js";
-import "../../../../../components/TableGridSwitch/TableGridSwitch.es.js";
-import "../../../../../components/Thumbnail/Thumbnail.styled.es.js";
-import "../../../../../components/Thumbnail/StackedThumbnails.es.js";
-import "../../../../../components/ThumbnailSimple/ThumbnailSimple.es.js";
-import "../../../../../components/VersionUploader/components/UploadVersionDialog.es.js";
-import "../../../../../components/VersionUploader/context/VersionUploadContextInstance.es.js";
-import "../../../../../components/Watchers/Watchers.es.js";
-import "../../../../../components/Menu/Menu.styled.es.js";
-import "../../../../../components/Menu/MenuItem.es.js";
-import "../../../../../components/ReviewablesSelector/ReviewablesSelector.es.js";
-import "../../../../../components/ColumnHeaderMenuUI.es.js";
-import "../../ActivityReference/ActivityReference.styled.es.js";
-import "../../ActivityStatus/ActivityStatus.es.js";
-import "../../ActivityHeader/ActivityHeader.styled.es.js";
-import "../../ActivityDate.es.js";
-import "../../ActivityVersionReview/ActivityVersionReview.styled.es.js";
-import "../../ActivityCategorySelect/ActivityCategorySelect.es.js";
-import "../../ActivityCategorySelect/CategoryDropdownItem.es.js";
-import "../../ActivityCategorySelect/CategoryTag.es.js";
-import "../../ActivityFieldChange/ActivityFieldChange.styled.es.js";
-import "../../ActivityFieldChange/FieldValue.es.js";
-import "../../ActivityAssigneeChange/ActivityAssigneeChange.styled.es.js";
-import "../../ActivityVersions/ActivityVersions.styled.es.js";
-import "../../ActivityGroup/ActivityGroup.styled.es.js";
-import "../../../Feed.styled.es.js";
-import "../../FeedSearchFilter.es.js";
-import "../../../../DetailsPanel/DetailsPanel.styled.es.js";
-import "../../../../DetailsPanel/components/DetailsPanelTabs/DetailsPanelTabs.styled.es.js";
-import "../../../../DetailsPanel/components/DetailsPanelHeader/LinkedTaskRow.styled.es.js";
-import "../../../../DetailsPanel/components/DetailsPanelHeader/DetailsPanelHeader.styled.es.js";
-import "../../../../../components/PlayableIcon/PlayableIcon.es.js";
-import "../../../../DetailsPanel/components/DetailsPanelFiles/DetailsPanelFiles.es.js";
-import "../../../../DetailsPanel/components/DetailsPanelMoreMenu/components/ShareDialog.es.js";
-import "../../../../DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.styled.es.js";
-import "../../../../DetailsPanel/components/SubtasksSearchFilter/SubtasksSearchFilter.es.js";
-import "../../../../DetailsPanel/components/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.es.js";
-import "../../../../DetailsPanel/components/DetailsPanelFloating/DetailsPanelFloating.styled.es.js";
-import "../../../../Actions/Actions.styled.es.js";
-import "../../../../Actions/ActionsDropdown/ActionsDropdown.es.js";
-import "../../../../Actions/ActionIcon.es.js";
-import "../../../../Views/ViewsMenu/ViewsMenu.es.js";
-import "../../../../Views/context/ViewsContextInstance.es.js";
-import "../../../../Views/Views.styled.es.js";
-import "../../../../Views/ViewsMenuContainer/ViewsMenuContainer.es.js";
-import "../../../../ListTable/ListTableRow.es.js";
-import "../../../../ListTable/ListTable.styled.es.js";
-import "../../../../../context/UriContext.es.js";
-import "../../../../../context/DeleteEntitiesContext.es.js";
-const u = (o, i, r) => (i || console.warn("filterEntityAnnotations: entityId is empty"), Object.values(o).forEach((t) => {
-  t.versionId || console.warn("filterEntityAnnotations: annotation.versionId is empty", t);
-}), Object.values(o).filter(
-  (t) => t.versionId === i && !r.some((m) => m.name === t.name)
-).map((t) => ({
-  ...t,
-  unsavedAnnotation: t
-}))), Zm = ({ entityId: o, filesUploading: i }) => {
-  const { editingId: r, setEditingId: t, annotations: m, removeAnnotation: n } = c(), { onGoToFrame: e } = d(), p = u(m || [], o, i);
-  return f(() => {
-    p.length > 0 && !r && t(l);
-  }, [p]), {
-    annotations: p,
-    goToAnnotation: (s) => {
-      const a = s.range[0];
-      e?.(a);
+import { useEffect as c } from "react";
+import { useFeedContext as l, FEED_NEW_COMMENT as d } from "../../../context/FeedContext.es.js";
+import { useDetailsPanelContext as u } from "../../../../../context/DetailsPanelContext.es.js";
+const A = (t, o, e) => (o || console.warn("filterEntityAnnotations: entityId is empty"), Object.values(t).forEach((n) => {
+  n.versionId || console.warn("filterEntityAnnotations: annotation.versionId is empty", n);
+}), Object.values(t).filter(
+  (n) => n.versionId === o && !e.some((i) => i.name === n.name)
+).map((n) => ({
+  ...n,
+  unsavedAnnotation: n
+}))), g = ({ entityId: t, filesUploading: o }) => {
+  const { editingId: e, setEditingId: n, annotations: i, removeAnnotation: r } = l(), { onGoToFrame: a } = u(), s = A(i || [], t, o);
+  return c(() => {
+    s.length > 0 && !e && n(d);
+  }, [s]), {
+    annotations: s,
+    goToAnnotation: (f) => {
+      const m = f.range[0];
+      a?.(m);
     },
-    removeAnnotation: n
+    removeAnnotation: r
   };
 };
 export {
-  Zm as default,
-  u as filterEntityAnnotations
+  g as default,
+  A as filterEntityAnnotations
 };
 //# sourceMappingURL=useAnnotationsSync.es.js.map

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

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

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react");require("lodash");require("react-toastify");require("uuid");const u=require("../../../../../util/colorUtils.cjs.js");require("../../../../../api/base/client.cjs.js");require("../../../../../api/generated/graphql.cjs.js");require("../../../../../api/generated/graphqlLinks.cjs.js");require("../../../../../api/generated/access.cjs.js");require("../../../../../api/generated/actions.cjs.js");require("../../../../../api/generated/activityFeed.cjs.js");require("../../../../../api/generated/addons.cjs.js");require("../../../../../api/generated/anatomy.cjs.js");require("../../../../../api/generated/attributes.cjs.js");require("../../../../../api/generated/authentication.cjs.js");require("../../../../../api/generated/bundles.cjs.js");require("../../../../../api/generated/configuration.cjs.js");require("../../../../../api/generated/dataImport.cjs.js");require("../../../../../api/generated/desktop.cjs.js");require("../../../../../api/generated/entityLists.cjs.js");require("../../../../../api/generated/events.cjs.js");require("../../../../../api/generated/files.cjs.js");require("../../../../../api/generated/folders.cjs.js");require("../../../../../api/generated/inbox.cjs.js");require("../../../../../api/generated/links.cjs.js");require("../../../../../api/generated/market.cjs.js");require("../../../../../api/generated/onboarding.cjs.js");require("../../../../../api/generated/operations.cjs.js");require("../../../../../api/generated/products.cjs.js");require("../../../../../api/generated/projectDashboard.cjs.js");require("../../../../../api/generated/projects.cjs.js");require("../../../../../api/generated/projectFolders.cjs.js");require("../../../../../api/generated/reviewables.cjs.js");require("../../../../../api/generated/services.cjs.js");require("../../../../../api/generated/system.cjs.js");require("../../../../../api/generated/tasks.cjs.js");require("../../../../../api/generated/teams.cjs.js");require("../../../../../api/generated/thumbnails.cjs.js");require("../../../../../api/generated/uRIs.cjs.js");require("../../../../../api/generated/users.cjs.js");require("../../../../../api/generated/versions.cjs.js");require("../../../../../api/generated/workfiles.cjs.js");require("../../../../../api/generated/ynputCloud.cjs.js");require("../../../../../api/generated/grouping.cjs.js");require("../../../../../api/generated/views.cjs.js");require("../../../../../api/queries/actions/getActions.cjs.js");require("../../../../../api/queries/activities/getActivities.cjs.js");require("../../../../../api/queries/activities/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/bundles/getBundles.cjs.js");require("../../../../../api/queries/bundles/updateBundles.cjs.js");require("../../../../../api/queries/cloud/cloud.cjs.js");require("../../../../../api/queries/columnStats/metricTargets.cjs.js");require("../../../../../api/queries/columnStats/groupCounts.cjs.js");require("../../../../../api/queries/config/getConfig.cjs.js");require("../../../../../api/queries/config/updateConfig.cjs.js");require("../../../../../api/queries/entities/getEntity.cjs.js");require("../../../../../api/queries/entities/getEntityPanel.cjs.js");require("../../../../../api/queries/overview/getOverview.cjs.js");require("../../../../../api/queries/overview/updateOverview.cjs.js");require("../../../../../api/queries/versions/getVersionsProducts.cjs.js");require("../../../../../api/queries/links/getEntityLinks.cjs.js");require("../../../../../api/queries/entities/updateEntity.cjs.js");require("../../../../../api/queries/entityLists/getLists.cjs.js");require("../../../../../api/queries/entityLists/updateLists.cjs.js");require("../../../../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../../../../api/queries/entityLists/listItemsColumnStats.cjs.js");require("../../../../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../../../../api/queries/entityLists/listFolders.cjs.js");require("../../../../../api/queries/folders/getFolders.cjs.js");require("../../../../../api/queries/folders/getFolderDeleteInfo.cjs.js");require("../../../../../api/queries/grouping/getGrouping.cjs.js");require("../../../../../api/queries/links/updateLinks.cjs.js");require("../../../../../api/queries/links/getLinks.cjs.js");require("../../../../../api/queries/permissions/getPermissions.cjs.js");require("../../../../../api/queries/products/createProduct.cjs.js");require("../../../../../api/queries/products/getFolderProducts.cjs.js");require("../../../../../api/queries/project/getProject.cjs.js");require("../../../../../api/queries/project/updateProject.cjs.js");require("../../../../../api/queries/projectFolders/projectFolders.cjs.js");require("../../../../../api/queries/review/getReview.cjs.js");require("../../../../../api/queries/review/updateReview.cjs.js");require("../../../../../api/queries/share/share.cjs.js");require("../../../../../api/queries/system/getSystem.cjs.js");require("../../../../../api/queries/tasks/getTasks.cjs.js");require("../../../../../api/queries/tasks/updateTasks.cjs.js");require("../../../../../api/queries/teams/getTeams.cjs.js");require("../../../../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../../../../api/queries/users/getUsers.cjs.js");require("../../../../../api/queries/users/updateUsers.cjs.js");require("../../../../../api/queries/users/guests.cjs.js");require("../../../../../api/queries/versions/updateVersions.cjs.js");require("../../../../../api/queries/views/getViews.cjs.js");require("../../../../../api/queries/views/updateViews.cjs.js");require("../../../../../api/queries/watchers/getWatchers.cjs.js");require("../../../../../api/queries/uris/getUris.cjs.js");require("../../../../../util/pubsub.cjs.js");const c=e=>d.useMemo(()=>{if(!e)return{primary:void 0,secondary:void 0};const r=getComputedStyle(document.documentElement),i=r.getPropertyValue("--md-sys-color-surface-container").trim(),q=r.getPropertyValue("--md-sys-color-surface-container-high").trim(),n=i||e,t=q||e,o=u.blendCategoryColor(e,n,.1)||e,s=u.blendCategoryColor(e,t,.2)||e;return{primary:o,secondary:s}},[e]);exports.useBlendedCategoryColor=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react");require("lodash");require("react-toastify");require("uuid");const n=require("../../../../../util/colorUtils.cjs.js");require("../../../../../api/queries/users/updateUsers.cjs.js");require("../../../../../util/pubsub.cjs.js");const a=e=>c.useMemo(()=>{if(!e)return{primary:void 0,secondary:void 0};const r=getComputedStyle(document.documentElement),t=r.getPropertyValue("--md-sys-color-surface-container").trim(),o=r.getPropertyValue("--md-sys-color-surface-container-high").trim(),s=t||e,u=o||e,d=n.blendCategoryColor(e,s,.1)||e,i=n.blendCategoryColor(e,u,.2)||e;return{primary:d,secondary:i}},[e]);exports.useBlendedCategoryColor=a;
 //# sourceMappingURL=useBlendedCategoryColor.cjs.js.map

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

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

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

@@ -1,116 +1,20 @@
-import { useMemo as d } from "react";
+import { useMemo as c } from "react";
 import "lodash";
 import "react-toastify";
 import "uuid";
-import { blendCategoryColor as o } from "../../../../../util/colorUtils.es.js";
-import "../../../../../api/base/client.es.js";
-import "../../../../../api/generated/graphql.es.js";
-import "../../../../../api/generated/graphqlLinks.es.js";
-import "../../../../../api/generated/access.es.js";
-import "../../../../../api/generated/actions.es.js";
-import "../../../../../api/generated/activityFeed.es.js";
-import "../../../../../api/generated/addons.es.js";
-import "../../../../../api/generated/anatomy.es.js";
-import "../../../../../api/generated/attributes.es.js";
-import "../../../../../api/generated/authentication.es.js";
-import "../../../../../api/generated/bundles.es.js";
-import "../../../../../api/generated/configuration.es.js";
-import "../../../../../api/generated/dataImport.es.js";
-import "../../../../../api/generated/desktop.es.js";
-import "../../../../../api/generated/entityLists.es.js";
-import "../../../../../api/generated/events.es.js";
-import "../../../../../api/generated/files.es.js";
-import "../../../../../api/generated/folders.es.js";
-import "../../../../../api/generated/inbox.es.js";
-import "../../../../../api/generated/links.es.js";
-import "../../../../../api/generated/market.es.js";
-import "../../../../../api/generated/onboarding.es.js";
-import "../../../../../api/generated/operations.es.js";
-import "../../../../../api/generated/products.es.js";
-import "../../../../../api/generated/projectDashboard.es.js";
-import "../../../../../api/generated/projects.es.js";
-import "../../../../../api/generated/projectFolders.es.js";
-import "../../../../../api/generated/reviewables.es.js";
-import "../../../../../api/generated/services.es.js";
-import "../../../../../api/generated/system.es.js";
-import "../../../../../api/generated/tasks.es.js";
-import "../../../../../api/generated/teams.es.js";
-import "../../../../../api/generated/thumbnails.es.js";
-import "../../../../../api/generated/uRIs.es.js";
-import "../../../../../api/generated/users.es.js";
-import "../../../../../api/generated/versions.es.js";
-import "../../../../../api/generated/workfiles.es.js";
-import "../../../../../api/generated/ynputCloud.es.js";
-import "../../../../../api/generated/grouping.es.js";
-import "../../../../../api/generated/views.es.js";
-import "../../../../../api/queries/actions/getActions.es.js";
-import "../../../../../api/queries/activities/getActivities.es.js";
-import "../../../../../api/queries/activities/updateReaction.es.js";
-import "../../../../../api/queries/activities/getMentions.es.js";
-import "../../../../../api/queries/activities/getCategories.es.js";
-import "../../../../../api/queries/addons/getAddons.es.js";
-import "../../../../../api/queries/addons/updateAddons.es.js";
-import "../../../../../api/queries/attributes/getAttributes.es.js";
-import "../../../../../api/queries/attributes/updateAttributes.es.js";
-import "../../../../../api/queries/authentication/getAuthentication.es.js";
-import "../../../../../api/queries/bundles/getBundles.es.js";
-import "../../../../../api/queries/bundles/updateBundles.es.js";
-import "../../../../../api/queries/cloud/cloud.es.js";
-import "../../../../../api/queries/columnStats/metricTargets.es.js";
-import "../../../../../api/queries/columnStats/groupCounts.es.js";
-import "../../../../../api/queries/config/getConfig.es.js";
-import "../../../../../api/queries/config/updateConfig.es.js";
-import "../../../../../api/queries/entities/getEntity.es.js";
-import "../../../../../api/queries/entities/getEntityPanel.es.js";
-import "../../../../../api/queries/overview/getOverview.es.js";
-import "../../../../../api/queries/overview/updateOverview.es.js";
-import "../../../../../api/queries/versions/getVersionsProducts.es.js";
-import "../../../../../api/queries/links/getEntityLinks.es.js";
-import "../../../../../api/queries/entities/updateEntity.es.js";
-import "../../../../../api/queries/entityLists/getLists.es.js";
-import "../../../../../api/queries/entityLists/updateLists.es.js";
-import "../../../../../api/queries/entityLists/getListsAttributes.es.js";
-import "../../../../../api/queries/entityLists/listItemsColumnStats.es.js";
-import "../../../../../api/queries/entityLists/updateListsAttributes.es.js";
-import "../../../../../api/queries/entityLists/listFolders.es.js";
-import "../../../../../api/queries/folders/getFolders.es.js";
-import "../../../../../api/queries/folders/getFolderDeleteInfo.es.js";
-import "../../../../../api/queries/grouping/getGrouping.es.js";
-import "../../../../../api/queries/links/updateLinks.es.js";
-import "../../../../../api/queries/links/getLinks.es.js";
-import "../../../../../api/queries/permissions/getPermissions.es.js";
-import "../../../../../api/queries/products/createProduct.es.js";
-import "../../../../../api/queries/products/getFolderProducts.es.js";
-import "../../../../../api/queries/project/getProject.es.js";
-import "../../../../../api/queries/project/updateProject.es.js";
-import "../../../../../api/queries/projectFolders/projectFolders.es.js";
-import "../../../../../api/queries/review/getReview.es.js";
-import "../../../../../api/queries/review/updateReview.es.js";
-import "../../../../../api/queries/share/share.es.js";
-import "../../../../../api/queries/system/getSystem.es.js";
-import "../../../../../api/queries/tasks/getTasks.es.js";
-import "../../../../../api/queries/tasks/updateTasks.es.js";
-import "../../../../../api/queries/teams/getTeams.es.js";
-import "../../../../../api/queries/userDashboard/getUserDashboard.es.js";
-import "../../../../../api/queries/users/getUsers.es.js";
+import { blendCategoryColor as t } from "../../../../../util/colorUtils.es.js";
 import "../../../../../api/queries/users/updateUsers.es.js";
-import "../../../../../api/queries/users/guests.es.js";
-import "../../../../../api/queries/versions/updateVersions.es.js";
-import "../../../../../api/queries/views/getViews.es.js";
-import "../../../../../api/queries/views/updateViews.es.js";
-import "../../../../../api/queries/watchers/getWatchers.es.js";
-import "../../../../../api/queries/uris/getUris.es.js";
 import "../../../../../util/pubsub.es.js";
-const pt = (r) => d(() => {
-  if (!r)
+const S = (e) => c(() => {
+  if (!e)
     return { primary: void 0, secondary: void 0 };
-  const t = getComputedStyle(document.documentElement), m = t.getPropertyValue("--md-sys-color-surface-container").trim(), i = t.getPropertyValue("--md-sys-color-surface-container-high").trim(), p = m || r, e = i || r, n = o(r, p, 0.1) || r, s = o(r, e, 0.2) || r;
+  const r = getComputedStyle(document.documentElement), n = r.getPropertyValue("--md-sys-color-surface-container").trim(), o = r.getPropertyValue("--md-sys-color-surface-container-high").trim(), s = n || e, m = o || e, i = t(e, s, 0.1) || e, d = t(e, m, 0.2) || e;
   return {
-    primary: n,
-    secondary: s
+    primary: i,
+    secondary: d
   };
-}, [r]);
+}, [e]);
 export {
-  pt as useBlendedCategoryColor
+  S as useBlendedCategoryColor
 };
 //# sourceMappingURL=useBlendedCategoryColor.es.js.map

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

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