@ynput/ayon-frontend-shared 0.2.37 → 0.2.38

package/dist/shared/src/components/LinksManager/AddNewLinks.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"AddNewLinks.cjs.js","sources":["../../../../../src/components/LinksManager/AddNewLinks.tsx"],"sourcesContent":["import { FC, useState, useMemo, useRef, useEffect, Fragment } from 'react'\nimport * as Styled from './LinksManager.styled'\nimport { Icon } from '@ynput/ayon-react-components'\nimport { useGetProjectQuery, useGetSearchedEntitiesLinksInfiniteQuery } from '@shared/api'\nimport useKeyboardNavigation from './hooks/useKeyboardNavigation'\nimport SearchingLoadingItems from './SearchingLoadingItems'\nimport { upperFirst } from 'lodash'\nimport { productTypes } from '@shared/util'\nimport { getEntityIcon } from '@shared/containers'\n\nexport type LinkSearchType = 'search' | 'picker' | null\n\ninterface AddNewLinksProps {\n  targetEntityType: string\n  projectName: string\n  onClose?: () => void\n  onSearchTypeChange: (type: LinkSearchType) => void //  used to handle search type changes\n  onAdd?: (targetEntityId: string, linkType?: string) => void\n}\n\nconst AddNewLinks: FC<AddNewLinksProps> = ({\n  projectName,\n  targetEntityType,\n  onClose,\n  onSearchTypeChange,\n  onAdd,\n}) => {\n  const [search, setSearch] = useState('')\n  const searchInputRef = useRef<HTMLInputElement>(null)\n\n  // TODO: replace with project context\n  const { data: project } = useGetProjectQuery({ projectName })\n  const anatomyForIcons = {\n    folderTypes: project?.folderTypes || [],\n    taskTypes: project?.taskTypes || [],\n    productTypes: Object.values(productTypes),\n  }\n\n  const {\n    data: searchData,\n    error,\n    isLoading,\n    hasNextPage,\n    isFetchingNextPage,\n    fetchNextPage,\n  } = useGetSearchedEntitiesLinksInfiniteQuery(\n    {\n      projectName,\n      entityType: targetEntityType,\n      search,\n    },\n    { skip: !search },\n  )\n\n  // Flatten all entities from all pages\n  const entities = useMemo(() => {\n    return searchData?.pages.flatMap((page) => page.entities) || []\n  }, [searchData])\n\n  const handleSelectEntity = (entity: any) => {\n    console.log(`Add ${entity.name}`)\n    onAdd?.(entity.id)\n    // Clear search after adding\n    setSearch('')\n  }\n\n  const handleClose = () => {\n    onClose?.()\n  }\n\n  const { containerRef, getItemProps } = useKeyboardNavigation({\n    entities,\n    onSelect: handleSelectEntity,\n    onClose: handleClose,\n    isActive: Boolean(search && entities.length > 0),\n    hasNextPage,\n    isFetchingNextPage,\n    fetchNextPage,\n  })\n\n  // Force focus the search input on mount and when searchData or search changes\n  useEffect(() => {\n    // Use setTimeout to ensure focus after render\n    const timeout = setTimeout(() => {\n      if (searchInputRef.current) {\n        searchInputRef.current.focus()\n      }\n    }, 0)\n    return () => clearTimeout(timeout)\n  }, [searchData, search])\n\n  return (\n    <Styled.AddLinksContainer>\n      <Styled.SubHeader>Add new link</Styled.SubHeader>\n      <Styled.SearchButtons>\n        <Styled.Search>\n          <Icon icon={'search'} className=\"input-search\" />\n          <Styled.SearchInput\n            ref={searchInputRef}\n            value={search}\n            onChange={(e) => setSearch(e.target.value)}\n            placeholder={`Search ${targetEntityType}s...`}\n            id={`search-${targetEntityType}`}\n            autoFocus\n            autoComplete=\"off\"\n          />\n        </Styled.Search>\n\n        {!search && (\n          <Styled.PickerButton\n            label={`Pick ${targetEntityType}s`}\n            icon=\"table_rows\"\n            onClick={() => onSearchTypeChange('picker')}\n          />\n        )}\n      </Styled.SearchButtons>\n\n      {search && searchData && (\n        <Styled.SearchItems ref={containerRef}>\n          {searchData?.pages.map((page, pageIndex) =>\n            page.entities.map((entity, entityIndex) => {\n              const flatIndex =\n                searchData.pages\n                  .slice(0, pageIndex)\n                  .reduce((acc, p) => acc + p.entities.length, 0) + entityIndex\n              return (\n                <Styled.SearchItem\n                  key={entity.id}\n                  onClick={() => handleSelectEntity(entity)}\n                  tabIndex={0}\n                  {...getItemProps(flatIndex)}\n                >\n                  <Icon icon={getEntityIcon(entity.entityType, entity.subType, anatomyForIcons)} />\n                  <span className=\"label\">\n                    {entity.parents?.map((part, index) => (\n                      <Fragment key={index}>\n                        <span key={index + '-path'}>{part}</span>\n                        <span key={index + '-separator'}>/</span>\n                      </Fragment>\n                    ))}\n                    <strong>{entity.label || entity.name}</strong>\n                  </span>\n                  <span className=\"type\">{entity.subType || entity.entityType}</span>\n                </Styled.SearchItem>\n              )\n            }),\n          )}\n          {(isLoading || isFetchingNextPage || hasNextPage) && <SearchingLoadingItems />}\n        </Styled.SearchItems>\n      )}\n      {!isLoading && error && <Styled.Error>{error.message}</Styled.Error>}\n    </Styled.AddLinksContainer>\n  )\n}\n\nexport default AddNewLinks\n"],"names":["AddNewLinks","projectName","targetEntityType","onClose","onSearchTypeChange","onAdd","search","setSearch","useState","searchInputRef","useRef","project","useGetProjectQuery","anatomyForIcons","productTypes","searchData","error","isLoading","hasNextPage","isFetchingNextPage","fetchNextPage","useGetSearchedEntitiesLinksInfiniteQuery","entities","useMemo","page","handleSelectEntity","entity","handleClose","containerRef","getItemProps","useKeyboardNavigation","useEffect","timeout","jsxs","Styled.AddLinksContainer","jsx","Styled.SubHeader","Styled.SearchButtons","Styled.Search","Icon","Styled.SearchInput","e","Styled.PickerButton","Styled.SearchItems","pageIndex","entityIndex","flatIndex","acc","p","Styled.SearchItem","getEntityIcon","_a","part","index","Fragment","SearchingLoadingItems","Styled.Error"],"mappings":"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"}
+{"version":3,"file":"AddNewLinks.cjs.js","sources":["../../../../../src/components/LinksManager/AddNewLinks.tsx"],"sourcesContent":["import { FC, useState, useMemo, useRef, useEffect, Fragment } from 'react'\nimport * as Styled from './LinksManager.styled'\nimport { Icon } from '@ynput/ayon-react-components'\nimport { useGetSearchedEntitiesLinksInfiniteQuery } from '@shared/api'\nimport useKeyboardNavigation from './hooks/useKeyboardNavigation'\nimport SearchingLoadingItems from './SearchingLoadingItems'\nimport { useProjectContext } from '@shared/context'\nimport { getEntityIcon } from '@shared/containers'\n\nexport type LinkSearchType = 'search' | 'picker' | null\n\ninterface AddNewLinksProps {\n  targetEntityType: string\n  projectName: string\n  onClose?: () => void\n  onSearchTypeChange: (type: LinkSearchType) => void //  used to handle search type changes\n  onAdd?: (targetEntityId: string, linkType?: string) => void\n}\n\nconst AddNewLinks: FC<AddNewLinksProps> = ({\n  projectName,\n  targetEntityType,\n  onClose,\n  onSearchTypeChange,\n  onAdd,\n}) => {\n  const [search, setSearch] = useState('')\n  const searchInputRef = useRef<HTMLInputElement>(null)\n  const project = useProjectContext()\n\n  const anatomyForIcons = {\n    folderTypes: project?.folderTypes || [],\n    taskTypes: project?.taskTypes || [],\n    productTypes: project?.productTypes || [],\n  }\n\n  const {\n    data: searchData,\n    error,\n    isLoading,\n    hasNextPage,\n    isFetchingNextPage,\n    fetchNextPage,\n  } = useGetSearchedEntitiesLinksInfiniteQuery(\n    {\n      projectName,\n      entityType: targetEntityType,\n      search,\n    },\n    { skip: !search },\n  )\n\n  // Flatten all entities from all pages\n  const entities = useMemo(() => {\n    return searchData?.pages.flatMap((page) => page.entities) || []\n  }, [searchData])\n\n  const handleSelectEntity = (entity: any) => {\n    console.log(`Add ${entity.name}`)\n    onAdd?.(entity.id)\n    // Clear search after adding\n    setSearch('')\n  }\n\n  const handleClose = () => {\n    onClose?.()\n  }\n\n  const { containerRef, getItemProps } = useKeyboardNavigation({\n    entities,\n    onSelect: handleSelectEntity,\n    onClose: handleClose,\n    isActive: Boolean(search && entities.length > 0),\n    hasNextPage,\n    isFetchingNextPage,\n    fetchNextPage,\n  })\n\n  // Force focus the search input on mount and when searchData or search changes\n  useEffect(() => {\n    // Use setTimeout to ensure focus after render\n    const timeout = setTimeout(() => {\n      if (searchInputRef.current) {\n        searchInputRef.current.focus()\n      }\n    }, 0)\n    return () => clearTimeout(timeout)\n  }, [searchData, search])\n\n  return (\n    <Styled.AddLinksContainer>\n      <Styled.SubHeader>Add new link</Styled.SubHeader>\n      <Styled.SearchButtons>\n        <Styled.Search>\n          <Icon icon={'search'} className=\"input-search\" />\n          <Styled.SearchInput\n            ref={searchInputRef}\n            value={search}\n            onChange={(e) => setSearch(e.target.value)}\n            placeholder={`Search ${targetEntityType}s...`}\n            id={`search-${targetEntityType}`}\n            autoFocus\n            autoComplete=\"off\"\n          />\n        </Styled.Search>\n\n        {!search && (\n          <Styled.PickerButton\n            label={`Pick ${targetEntityType}s`}\n            icon=\"table_rows\"\n            onClick={() => onSearchTypeChange('picker')}\n          />\n        )}\n      </Styled.SearchButtons>\n\n      {search && searchData && (\n        <Styled.SearchItems ref={containerRef}>\n          {searchData?.pages.map((page, pageIndex) =>\n            page.entities.map((entity, entityIndex) => {\n              const flatIndex =\n                searchData.pages\n                  .slice(0, pageIndex)\n                  .reduce((acc, p) => acc + p.entities.length, 0) + entityIndex\n              return (\n                <Styled.SearchItem\n                  key={entity.id}\n                  onClick={() => handleSelectEntity(entity)}\n                  tabIndex={0}\n                  {...getItemProps(flatIndex)}\n                >\n                  <Icon icon={getEntityIcon(entity.entityType, entity.subType, anatomyForIcons)} />\n                  <span className=\"label\">\n                    {entity.parents?.map((part, index) => (\n                      <Fragment key={index}>\n                        <span key={index + '-path'}>{part}</span>\n                        <span key={index + '-separator'}>/</span>\n                      </Fragment>\n                    ))}\n                    <strong>{entity.label || entity.name}</strong>\n                  </span>\n                  <span className=\"type\">{entity.subType || entity.entityType}</span>\n                </Styled.SearchItem>\n              )\n            }),\n          )}\n          {(isLoading || isFetchingNextPage || hasNextPage) && <SearchingLoadingItems />}\n        </Styled.SearchItems>\n      )}\n      {!isLoading && error && <Styled.Error>{error.message}</Styled.Error>}\n    </Styled.AddLinksContainer>\n  )\n}\n\nexport default AddNewLinks\n"],"names":["AddNewLinks","projectName","targetEntityType","onClose","onSearchTypeChange","onAdd","search","setSearch","useState","searchInputRef","useRef","project","useProjectContext","anatomyForIcons","searchData","error","isLoading","hasNextPage","isFetchingNextPage","fetchNextPage","useGetSearchedEntitiesLinksInfiniteQuery","entities","useMemo","page","handleSelectEntity","entity","handleClose","containerRef","getItemProps","useKeyboardNavigation","useEffect","timeout","jsxs","Styled.AddLinksContainer","jsx","Styled.SubHeader","Styled.SearchButtons","Styled.Search","Icon","Styled.SearchInput","e","Styled.PickerButton","Styled.SearchItems","pageIndex","entityIndex","flatIndex","acc","p","Styled.SearchItem","getEntityIcon","_a","part","index","Fragment","SearchingLoadingItems","Styled.Error"],"mappings":"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"}

package/dist/shared/src/components/LinksManager/AddNewLinks.es.js

@@ -1,7 +1,7 @@
 import { j as r } from "../../../../_virtual/jsx-runtime.es.js";
-import { useState as $, useRef as w, useMemo as B, useEffect as C, Fragment as E } from "react";
-import { AddLinksContainer as G, SubHeader as M, SearchButtons as Q, Search as A, SearchInput as H, PickerButton as K, SearchItems as O, SearchItem as _, Error as q } from "./LinksManager.styled.es.js";
-import { Icon as I } from "@ynput/ayon-react-components";
+import { useState as R, useRef as $, useMemo as w, useEffect as B, Fragment as E } from "react";
+import { AddLinksContainer as M, SubHeader as A, SearchButtons as G, Search as H, SearchInput as K, PickerButton as Q, SearchItems as _, SearchItem as q, Error as z } from "./LinksManager.styled.es.js";
+import { Icon as k } from "@ynput/ayon-react-components";
 import "../../api/base/client.es.js";
 import "../../api/generated/graphql.es.js";
 import "../../api/generated/graphqlLinks.es.js";
@@ -63,14 +63,14 @@ import "../../api/queries/entityLists/listFolders.es.js";
 import "../../api/queries/folders/getFolders.es.js";
 import "../../api/queries/grouping/getGrouping.es.js";
 import "../../api/queries/links/updateLinks.es.js";
-import { useGetSearchedEntitiesLinksInfiniteQuery as z } from "../../api/queries/links/getLinks.es.js";
+import { useGetSearchedEntitiesLinksInfiniteQuery as J } from "../../api/queries/links/getLinks.es.js";
 import "../../api/queries/links/getEntityLinks.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/permissions/getPermissions.es.js";
 import "../../api/queries/products/createProduct.es.js";
-import { useGetProjectQuery as J } from "../../api/queries/project/getProject.es.js";
+import "../../api/queries/project/getProject.es.js";
 import "../../api/queries/project/updateProject.es.js";
 import "../../api/queries/review/getReview.es.js";
 import "../../api/queries/review/updateReview.es.js";
@@ -84,17 +84,26 @@ 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 U from "./hooks/useKeyboardNavigation.es.js";
-import V from "./SearchingLoadingItems.es.js";
-import W from "../../util/productTypes.es.js";
-import "lodash";
-import "react-toastify";
-import "uuid";
-import "../../util/pubsub.es.js";
+import O from "./hooks/useKeyboardNavigation.es.js";
+import U from "./SearchingLoadingItems.es.js";
+import "../../context/RemoteModulesContext.es.js";
+import "../../context/DetailsPanelContext.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/PowerpackContext.es.js";
+import "../../context/MoveEntityContext.es.js";
+import "../../context/MenuContext.es.js";
+import "../../context/WebsocketContext.es.js";
+import "../../context/GlobalContext.es.js";
+import { useProjectContext as V } from "../../context/ProjectContext.es.js";
 import "../../containers/ContextMenu/ContextMenuContext.es.js";
 /* empty css                                               */
 import "clsx";
-import "react-dom";
 import "../../containers/Feed/context/FeedContext.es.js";
 import "../../containers/Feed/components/Tooltips/UserTooltip/UserTooltip.styled.es.js";
 import "../../containers/Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.es.js";
@@ -109,23 +118,14 @@ import "../../containers/Feed/components/CommentInput/CommentInput.es.js";
 import "../../containers/Feed/components/ReactionContainer/Reactions.styled.es.js";
 import "../../containers/Feed/components/FilesGrid/FilesGrid.styled.es.js";
 import "../../containers/Feed/components/FileUploadCard/FileUploadCard.styled.es.js";
-import "../../context/RemoteModulesContext.es.js";
-import "../../context/DetailsPanelContext.es.js";
-import "../../context/ThumbnailUploaderContext.es.js";
-import "../../context/SettingsPanelContext.es.js";
-import "../../context/pip/PiPProvider.es.js";
-import "../../context/pip/PiPWrapper.es.js";
-import "../../context/AddonProjectContext.es.js";
-import "../../context/AddonContext.es.js";
-import "../../context/PowerpackContext.es.js";
-import "../../context/MoveEntityContext.es.js";
-import "../../context/MenuContext.es.js";
-import "../../context/WebsocketContext.es.js";
-import "../../context/GlobalContext.es.js";
 import "../../containers/Feed/components/CommentInput/quillToMarkdown.es.js";
 import "../../containers/Feed/components/ActivityComment/ActivityComment.styled.es.js";
+import "lodash";
 import "../../containers/Feed/components/ActivityCheckbox/ActivityCheckbox.styled.es.js";
 import "../../containers/Feed/components/ActivityReference/ActivityReference.styled.es.js";
+import "react-toastify";
+import "uuid";
+import "../../util/pubsub.es.js";
 import "react-router-dom";
 import "../../containers/Feed/components/ActivityStatus/ActivityStatus.es.js";
 import "../../containers/Feed/components/ActivityHeader/ActivityHeader.styled.es.js";
@@ -144,7 +144,7 @@ import "../../containers/Feed/components/ActivityCategorySelect/CategoryDropdown
 import "../../containers/ProjectTreeTable/ProjectTreeTable.es.js";
 import "../../containers/ProjectTreeTable/context/CellEditingContext.es.js";
 import "short-uuid";
-import { getEntityIcon as X } from "../../containers/ProjectTreeTable/utils/linksToTableData.es.js";
+import { getEntityIcon as W } from "../../containers/ProjectTreeTable/utils/linksToTableData.es.js";
 import "../../containers/ProjectTreeTable/context/SelectionCellsContext.es.js";
 import "../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.es.js";
 import "../../containers/ProjectTreeTable/context/ProjectTableContext.es.js";
@@ -168,55 +168,55 @@ import "../../containers/ProjectTreeTable/widgets/CellWidget.es.js";
 import "../../containers/ProjectTreeTable/widgets/EntityNameWidget.es.js";
 import "../../containers/ProjectTreeTable/widgets/GroupHeaderWidget.es.js";
 import "../../containers/ProjectTreeTable/widgets/ThumbnailWidget.es.js";
-import "../ThumbnailSimple/ThumbnailSimple.es.js";
+import "../../../../node_modules/match-sorter/dist/match-sorter.esm.es.js";
+import "../AccessSearchInput/AccessSearchInput.styled.es.js";
+import "../AccessUser/AccessUser.es.js";
+import "../AttributeEditor/components/MinMaxField.es.js";
 import "@dnd-kit/core";
 import "@dnd-kit/sortable";
-import "../ReviewablesList/ReviewablesList.styled.es.js";
-import "../ReviewablesList/ReviewablesUpload.styled.es.js";
-import "axios";
-import "../ReviewableCard/ReviewableCard.es.js";
-import "../ReviewableProgressCard/ReviewableProgressCard.styled.es.js";
-import "../FileThumbnail/FileThumbnail.es.js";
-import "../Thumbnail/Thumbnail.styled.es.js";
-import "../Thumbnail/StackedThumbnails.es.js";
-import "../EntityPanelUploader/EntityPanelUploader.styled.es.js";
-import "../SimpleFormDialog/SimpleFormDialog.es.js";
-import "../EntityPath/EntityPath.styled.es.js";
-import "../EntityPath/SegmentProvider.es.js";
+import "../EnumEditor/EnumEditor.styled.es.js";
+import "../Badge/Badge.es.js";
+import "../Chips/Chips.es.js";
 import "../DetailsPanelAttributes/DetailsPanelAttributesEditor.es.js";
 import "../DetailsPanelDetails/DetailsPanelDetails.es.js";
 import "../DetailsPanelDetails/DetailsSection.es.js";
 import "../DetailsPanelDetails/FieldLabel.es.js";
-import "../Watchers/Watchers.es.js";
-import "../ProjectTableSettings/ProjectTableSettings.es.js";
+import "../EarlyPreview/EarlyPreview.es.js";
+import "../EntityPanelUploader/EntityPanelUploader.styled.es.js";
+import "axios";
+import "../ReviewablesList/ReviewablesList.styled.es.js";
+import "../ReviewablesList/ReviewablesUpload.styled.es.js";
+import "../EntityPath/EntityPath.styled.es.js";
+import "../EntityPath/SegmentProvider.es.js";
+import "../FeaturedVersionOrder/FeaturedVersionOrder.es.js";
+import "../Feedback/FeedbackContext.es.js";
+import "../Feedback/SupportBubble.es.js";
+import "../FileThumbnail/FileThumbnail.es.js";
+import "../LegacyBadge/LegacyBadge.es.js";
+import "../../containers/EntityPickerDialog/EntityPickerDialog.es.js";
 import "../Powerpack/PowerpackButton.es.js";
 import "../Powerpack/PricingLink.es.js";
 import "../Powerpack/PowerpackDialog.styled.es.js";
 import "../Powerpack/CTAButton.es.js";
 import "../Powerpack/RequiredAddonVersion.es.js";
+import "../ProjectTableSettings/ProjectTableSettings.es.js";
 import "../SizeSlider/SizeSlider.es.js";
+import "../ReviewableCard/ReviewableCard.es.js";
+import "../ReviewableProgressCard/ReviewableProgressCard.styled.es.js";
+import "../SearchFilter/filterDates.es.js";
 import "../SettingsPanel/SettingsPanel.es.js";
 import "../SettingsPanel/SettingsPanelItemTemplate.es.js";
-import "../AttributeEditor/components/MinMaxField.es.js";
-import "../EnumEditor/EnumEditor.styled.es.js";
-import "../SearchFilter/filterDates.es.js";
-import "../FeaturedVersionOrder/FeaturedVersionOrder.es.js";
-import "../Badge/Badge.es.js";
-import "../VersionUploader/components/UploadVersionDialog.es.js";
-import "../VersionUploader/context/VersionUploadContext.es.js";
-import "../Feedback/FeedbackContext.es.js";
-import "../Feedback/SupportBubble.es.js";
-import "../Chips/Chips.es.js";
-import "../../containers/EntityPickerDialog/EntityPickerDialog.es.js";
-import "../StyledLink/StyledLink.es.js";
 import "../ShareOptionIcon/ShareOptionIcon.es.js";
-import "../AccessUser/AccessUser.es.js";
-import "../../../../node_modules/match-sorter/dist/match-sorter.esm.es.js";
-import "../AccessSearchInput/AccessSearchInput.styled.es.js";
-import "../TableGridSwitch/TableGridSwitch.es.js";
+import "../SimpleFormDialog/SimpleFormDialog.es.js";
 import "../SortingSetting/SortingSetting.styled.es.js";
-import "../EarlyPreview/EarlyPreview.es.js";
-import "../LegacyBadge/LegacyBadge.es.js";
+import "../StyledLink/StyledLink.es.js";
+import "../TableGridSwitch/TableGridSwitch.es.js";
+import "../Thumbnail/Thumbnail.styled.es.js";
+import "../Thumbnail/StackedThumbnails.es.js";
+import "../ThumbnailSimple/ThumbnailSimple.es.js";
+import "../VersionUploader/components/UploadVersionDialog.es.js";
+import "../VersionUploader/context/VersionUploadContext.es.js";
+import "../Watchers/Watchers.es.js";
 import "./CellEditingDialog.es.js";
 import "../../containers/ProjectTreeTable/widgets/EmptyWidget.es.js";
 import "../../containers/ProjectTreeTable/widgets/ErrorWidget.es.js";
@@ -240,60 +240,60 @@ import "../../containers/Views/context/ViewsContext.es.js";
 import "../../containers/Views/Views.styled.es.js";
 import "../../containers/Views/ViewsMenuContainer/ViewsMenuContainer.es.js";
 import "../../containers/Views/ViewsMenu/ViewsMenu.es.js";
-const Np = ({
-  projectName: u,
+const bm = ({
+  projectName: I,
   targetEntityType: s,
   onClose: n,
-  onSearchTypeChange: b,
+  onSearchTypeChange: T,
   onAdd: a
 }) => {
-  const [p, h] = $(""), c = w(null), { data: m } = J({ projectName: u }), T = {
-    folderTypes: (m == null ? void 0 : m.folderTypes) || [],
-    taskTypes: (m == null ? void 0 : m.taskTypes) || [],
-    productTypes: Object.values(W)
+  const [p, u] = R(""), c = $(null), i = V(), b = {
+    folderTypes: (i == null ? void 0 : i.folderTypes) || [],
+    taskTypes: (i == null ? void 0 : i.taskTypes) || [],
+    productTypes: (i == null ? void 0 : i.productTypes) || []
   }, {
     data: t,
-    error: d,
-    isLoading: f,
-    hasNextPage: x,
-    isFetchingNextPage: g,
+    error: h,
+    isLoading: d,
+    hasNextPage: f,
+    isFetchingNextPage: x,
     fetchNextPage: N
-  } = z(
+  } = J(
     {
-      projectName: u,
+      projectName: I,
       entityType: s,
       search: p
     },
     { skip: !p }
-  ), j = B(() => (t == null ? void 0 : t.pages.flatMap((o) => o.entities)) || [], [t]), S = (o) => {
-    console.log(`Add ${o.name}`), a == null || a(o.id), h("");
+  ), g = w(() => (t == null ? void 0 : t.pages.flatMap((o) => o.entities)) || [], [t]), j = (o) => {
+    console.log(`Add ${o.name}`), a == null || a(o.id), u("");
   }, P = () => {
     n == null || n();
-  }, { containerRef: y, getItemProps: v } = U({
-    entities: j,
-    onSelect: S,
+  }, { containerRef: y, getItemProps: L } = O({
+    entities: g,
+    onSelect: j,
     onClose: P,
-    isActive: !!(p && j.length > 0),
-    hasNextPage: x,
-    isFetchingNextPage: g,
+    isActive: !!(p && g.length > 0),
+    hasNextPage: f,
+    isFetchingNextPage: x,
     fetchNextPage: N
   });
-  return C(() => {
+  return B(() => {
     const o = setTimeout(() => {
       c.current && c.current.focus();
     }, 0);
     return () => clearTimeout(o);
-  }, [t, p]), /* @__PURE__ */ r.jsxs(G, { children: [
-    /* @__PURE__ */ r.jsx(M, { children: "Add new link" }),
-    /* @__PURE__ */ r.jsxs(Q, { children: [
-      /* @__PURE__ */ r.jsxs(A, { children: [
-        /* @__PURE__ */ r.jsx(I, { icon: "search", className: "input-search" }),
+  }, [t, p]), /* @__PURE__ */ r.jsxs(M, { children: [
+    /* @__PURE__ */ r.jsx(A, { children: "Add new link" }),
+    /* @__PURE__ */ r.jsxs(G, { children: [
+      /* @__PURE__ */ r.jsxs(H, { children: [
+        /* @__PURE__ */ r.jsx(k, { icon: "search", className: "input-search" }),
         /* @__PURE__ */ r.jsx(
-          H,
+          K,
           {
             ref: c,
             value: p,
-            onChange: (o) => h(o.target.value),
+            onChange: (o) => u(o.target.value),
             placeholder: `Search ${s}s...`,
             id: `search-${s}`,
             autoFocus: !0,
@@ -302,47 +302,47 @@ const Np = ({
         )
       ] }),
       !p && /* @__PURE__ */ r.jsx(
-        K,
+        Q,
         {
           label: `Pick ${s}s`,
           icon: "table_rows",
-          onClick: () => b("picker")
+          onClick: () => T("picker")
         }
       )
     ] }),
-    p && t && /* @__PURE__ */ r.jsxs(O, { ref: y, children: [
+    p && t && /* @__PURE__ */ r.jsxs(_, { ref: y, children: [
       t == null ? void 0 : t.pages.map(
-        (o, L) => o.entities.map((i, F) => {
-          var k;
-          const R = t.pages.slice(0, L).reduce((l, e) => l + e.entities.length, 0) + F;
+        (o, v) => o.entities.map((m, C) => {
+          var S;
+          const F = t.pages.slice(0, v).reduce((l, e) => l + e.entities.length, 0) + C;
           return /* @__PURE__ */ r.jsxs(
-            _,
+            q,
             {
-              onClick: () => S(i),
+              onClick: () => j(m),
               tabIndex: 0,
-              ...v(R),
+              ...L(F),
               children: [
-                /* @__PURE__ */ r.jsx(I, { icon: X(i.entityType, i.subType, T) }),
+                /* @__PURE__ */ r.jsx(k, { icon: W(m.entityType, m.subType, b) }),
                 /* @__PURE__ */ r.jsxs("span", { className: "label", children: [
-                  (k = i.parents) == null ? void 0 : k.map((l, e) => /* @__PURE__ */ r.jsxs(E, { children: [
+                  (S = m.parents) == null ? void 0 : S.map((l, e) => /* @__PURE__ */ r.jsxs(E, { children: [
                     /* @__PURE__ */ r.jsx("span", { children: l }, e + "-path"),
                     /* @__PURE__ */ r.jsx("span", { children: "/" }, e + "-separator")
                   ] }, e)),
-                  /* @__PURE__ */ r.jsx("strong", { children: i.label || i.name })
+                  /* @__PURE__ */ r.jsx("strong", { children: m.label || m.name })
                 ] }),
-                /* @__PURE__ */ r.jsx("span", { className: "type", children: i.subType || i.entityType })
+                /* @__PURE__ */ r.jsx("span", { className: "type", children: m.subType || m.entityType })
               ]
             },
-            i.id
+            m.id
           );
         })
       ),
-      (f || g || x) && /* @__PURE__ */ r.jsx(V, {})
+      (d || x || f) && /* @__PURE__ */ r.jsx(U, {})
     ] }),
-    !f && d && /* @__PURE__ */ r.jsx(q, { children: d.message })
+    !d && h && /* @__PURE__ */ r.jsx(z, { children: h.message })
   ] });
 };
 export {
-  Np as default
+  bm as default
 };
 //# sourceMappingURL=AddNewLinks.es.js.map

package/dist/shared/src/components/LinksManager/AddNewLinks.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"AddNewLinks.es.js","sources":["../../../../../src/components/LinksManager/AddNewLinks.tsx"],"sourcesContent":["import { FC, useState, useMemo, useRef, useEffect, Fragment } from 'react'\nimport * as Styled from './LinksManager.styled'\nimport { Icon } from '@ynput/ayon-react-components'\nimport { useGetProjectQuery, useGetSearchedEntitiesLinksInfiniteQuery } from '@shared/api'\nimport useKeyboardNavigation from './hooks/useKeyboardNavigation'\nimport SearchingLoadingItems from './SearchingLoadingItems'\nimport { upperFirst } from 'lodash'\nimport { productTypes } from '@shared/util'\nimport { getEntityIcon } from '@shared/containers'\n\nexport type LinkSearchType = 'search' | 'picker' | null\n\ninterface AddNewLinksProps {\n  targetEntityType: string\n  projectName: string\n  onClose?: () => void\n  onSearchTypeChange: (type: LinkSearchType) => void //  used to handle search type changes\n  onAdd?: (targetEntityId: string, linkType?: string) => void\n}\n\nconst AddNewLinks: FC<AddNewLinksProps> = ({\n  projectName,\n  targetEntityType,\n  onClose,\n  onSearchTypeChange,\n  onAdd,\n}) => {\n  const [search, setSearch] = useState('')\n  const searchInputRef = useRef<HTMLInputElement>(null)\n\n  // TODO: replace with project context\n  const { data: project } = useGetProjectQuery({ projectName })\n  const anatomyForIcons = {\n    folderTypes: project?.folderTypes || [],\n    taskTypes: project?.taskTypes || [],\n    productTypes: Object.values(productTypes),\n  }\n\n  const {\n    data: searchData,\n    error,\n    isLoading,\n    hasNextPage,\n    isFetchingNextPage,\n    fetchNextPage,\n  } = useGetSearchedEntitiesLinksInfiniteQuery(\n    {\n      projectName,\n      entityType: targetEntityType,\n      search,\n    },\n    { skip: !search },\n  )\n\n  // Flatten all entities from all pages\n  const entities = useMemo(() => {\n    return searchData?.pages.flatMap((page) => page.entities) || []\n  }, [searchData])\n\n  const handleSelectEntity = (entity: any) => {\n    console.log(`Add ${entity.name}`)\n    onAdd?.(entity.id)\n    // Clear search after adding\n    setSearch('')\n  }\n\n  const handleClose = () => {\n    onClose?.()\n  }\n\n  const { containerRef, getItemProps } = useKeyboardNavigation({\n    entities,\n    onSelect: handleSelectEntity,\n    onClose: handleClose,\n    isActive: Boolean(search && entities.length > 0),\n    hasNextPage,\n    isFetchingNextPage,\n    fetchNextPage,\n  })\n\n  // Force focus the search input on mount and when searchData or search changes\n  useEffect(() => {\n    // Use setTimeout to ensure focus after render\n    const timeout = setTimeout(() => {\n      if (searchInputRef.current) {\n        searchInputRef.current.focus()\n      }\n    }, 0)\n    return () => clearTimeout(timeout)\n  }, [searchData, search])\n\n  return (\n    <Styled.AddLinksContainer>\n      <Styled.SubHeader>Add new link</Styled.SubHeader>\n      <Styled.SearchButtons>\n        <Styled.Search>\n          <Icon icon={'search'} className=\"input-search\" />\n          <Styled.SearchInput\n            ref={searchInputRef}\n            value={search}\n            onChange={(e) => setSearch(e.target.value)}\n            placeholder={`Search ${targetEntityType}s...`}\n            id={`search-${targetEntityType}`}\n            autoFocus\n            autoComplete=\"off\"\n          />\n        </Styled.Search>\n\n        {!search && (\n          <Styled.PickerButton\n            label={`Pick ${targetEntityType}s`}\n            icon=\"table_rows\"\n            onClick={() => onSearchTypeChange('picker')}\n          />\n        )}\n      </Styled.SearchButtons>\n\n      {search && searchData && (\n        <Styled.SearchItems ref={containerRef}>\n          {searchData?.pages.map((page, pageIndex) =>\n            page.entities.map((entity, entityIndex) => {\n              const flatIndex =\n                searchData.pages\n                  .slice(0, pageIndex)\n                  .reduce((acc, p) => acc + p.entities.length, 0) + entityIndex\n              return (\n                <Styled.SearchItem\n                  key={entity.id}\n                  onClick={() => handleSelectEntity(entity)}\n                  tabIndex={0}\n                  {...getItemProps(flatIndex)}\n                >\n                  <Icon icon={getEntityIcon(entity.entityType, entity.subType, anatomyForIcons)} />\n                  <span className=\"label\">\n                    {entity.parents?.map((part, index) => (\n                      <Fragment key={index}>\n                        <span key={index + '-path'}>{part}</span>\n                        <span key={index + '-separator'}>/</span>\n                      </Fragment>\n                    ))}\n                    <strong>{entity.label || entity.name}</strong>\n                  </span>\n                  <span className=\"type\">{entity.subType || entity.entityType}</span>\n                </Styled.SearchItem>\n              )\n            }),\n          )}\n          {(isLoading || isFetchingNextPage || hasNextPage) && <SearchingLoadingItems />}\n        </Styled.SearchItems>\n      )}\n      {!isLoading && error && <Styled.Error>{error.message}</Styled.Error>}\n    </Styled.AddLinksContainer>\n  )\n}\n\nexport default AddNewLinks\n"],"names":["AddNewLinks","projectName","targetEntityType","onClose","onSearchTypeChange","onAdd","search","setSearch","useState","searchInputRef","useRef","project","useGetProjectQuery","anatomyForIcons","productTypes","searchData","error","isLoading","hasNextPage","isFetchingNextPage","fetchNextPage","useGetSearchedEntitiesLinksInfiniteQuery","entities","useMemo","page","handleSelectEntity","entity","handleClose","containerRef","getItemProps","useKeyboardNavigation","useEffect","timeout","jsxs","Styled.AddLinksContainer","jsx","Styled.SubHeader","Styled.SearchButtons","Styled.Search","Icon","Styled.SearchInput","e","Styled.PickerButton","Styled.SearchItems","pageIndex","entityIndex","flatIndex","acc","p","Styled.SearchItem","getEntityIcon","_a","part","index","Fragment","SearchingLoadingItems","Styled.Error"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoBA,MAAMA,KAAoC,CAAC;AAAA,EACzC,aAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,SAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,OAAAC;AACF,MAAM;AACJ,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAAS,EAAE,GACjCC,IAAiBC,EAAyB,IAAI,GAG9C,EAAE,MAAMC,EAAA,IAAYC,EAAmB,EAAE,aAAAX,GAAa,GACtDY,IAAkB;AAAA,IACtB,cAAaF,KAAA,gBAAAA,EAAS,gBAAe,CAAC;AAAA,IACtC,YAAWA,KAAA,gBAAAA,EAAS,cAAa,CAAC;AAAA,IAClC,cAAc,OAAO,OAAOG,CAAY;AAAA,EAC1C,GAEM;AAAA,IACJ,MAAMC;AAAA,IACN,OAAAC;AAAA,IACA,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,eAAAC;AAAA,EAAA,IACEC;AAAA,IACF;AAAA,MACE,aAAApB;AAAA,MACA,YAAYC;AAAA,MACZ,QAAAI;AAAA,IACF;AAAA,IACA,EAAE,MAAM,CAACA,EAAO;AAAA,EAClB,GAGMgB,IAAWC,EAAQ,OAChBR,KAAA,gBAAAA,EAAY,MAAM,QAAQ,CAACS,MAASA,EAAK,cAAa,CAAC,GAC7D,CAACT,CAAU,CAAC,GAETU,IAAqB,CAACC,MAAgB;AAC1C,YAAQ,IAAI,OAAOA,EAAO,IAAI,EAAE,GAChCrB,KAAA,QAAAA,EAAQqB,EAAO,KAEfnB,EAAU,EAAE;AAAA,EACd,GAEMoB,IAAc,MAAM;AACd,IAAAxB,KAAA,QAAAA;AAAA,EACZ,GAEM,EAAE,cAAAyB,GAAc,cAAAC,EAAa,IAAIC,EAAsB;AAAA,IAC3D,UAAAR;AAAA,IACA,UAAUG;AAAA,IACV,SAASE;AAAA,IACT,UAAU,GAAQrB,KAAUgB,EAAS,SAAS;AAAA,IAC9C,aAAAJ;AAAA,IACA,oBAAAC;AAAA,IACA,eAAAC;AAAA,EAAA,CACD;AAGD,SAAAW,EAAU,MAAM;AAER,UAAAC,IAAU,WAAW,MAAM;AAC/B,MAAIvB,EAAe,WACjBA,EAAe,QAAQ,MAAM;AAAA,OAE9B,CAAC;AACG,WAAA,MAAM,aAAauB,CAAO;AAAA,EAAA,GAChC,CAACjB,GAAYT,CAAM,CAAC,GAGrB2B,gBAAAA,EAAA,KAACC,GAAA,EACC,UAAA;AAAA,IAACC,gBAAAA,EAAAA,IAAAC,GAAA,EAAiB,UAAY,eAAA,CAAA;AAAA,IAC9BH,gBAAAA,OAACI,GAAA,EACC,UAAA;AAAA,MAACJ,gBAAAA,OAAAK,GAAA,EACC,UAAA;AAAA,QAAAH,gBAAAA,EAAA,IAACI,GAAK,EAAA,MAAM,UAAU,WAAU,gBAAe;AAAA,QAC/CJ,gBAAAA,EAAA;AAAA,UAACK;AAAAA,UAAA;AAAA,YACC,KAAK/B;AAAA,YACL,OAAOH;AAAA,YACP,UAAU,CAACmC,MAAMlC,EAAUkC,EAAE,OAAO,KAAK;AAAA,YACzC,aAAa,UAAUvC,CAAgB;AAAA,YACvC,IAAI,UAAUA,CAAgB;AAAA,YAC9B,WAAS;AAAA,YACT,cAAa;AAAA,UAAA;AAAA,QAAA;AAAA,MACf,GACF;AAAA,MAEC,CAACI,KACA6B,gBAAAA,EAAA;AAAA,QAACO;AAAAA,QAAA;AAAA,UACC,OAAO,QAAQxC,CAAgB;AAAA,UAC/B,MAAK;AAAA,UACL,SAAS,MAAME,EAAmB,QAAQ;AAAA,QAAA;AAAA,MAAA;AAAA,IAC5C,GAEJ;AAAA,IAECE,KAAUS,KACTkB,gBAAAA,OAACU,GAAA,EAAmB,KAAKf,GACtB,UAAA;AAAA,MAAAb,KAAA,gBAAAA,EAAY,MAAM;AAAA,QAAI,CAACS,GAAMoB,MAC5BpB,EAAK,SAAS,IAAI,CAACE,GAAQmB,MAAgB;;AACzC,gBAAMC,IACJ/B,EAAW,MACR,MAAM,GAAG6B,CAAS,EAClB,OAAO,CAACG,GAAKC,MAAMD,IAAMC,EAAE,SAAS,QAAQ,CAAC,IAAIH;AAEpD,iBAAAZ,gBAAAA,EAAA;AAAA,YAACgB;AAAAA,YAAA;AAAA,cAEC,SAAS,MAAMxB,EAAmBC,CAAM;AAAA,cACxC,UAAU;AAAA,cACT,GAAGG,EAAaiB,CAAS;AAAA,cAE1B,UAAA;AAAA,gBAACX,gBAAAA,EAAAA,IAAAI,GAAA,EAAK,MAAMW,EAAcxB,EAAO,YAAYA,EAAO,SAASb,CAAe,GAAG;AAAA,gBAC/EoB,gBAAAA,EAAAA,KAAC,QAAK,EAAA,WAAU,SACb,UAAA;AAAA,mBAAAkB,IAAAzB,EAAO,YAAP,gBAAAyB,EAAgB,IAAI,CAACC,GAAMC,6BACzBC,GACC,EAAA,UAAA;AAAA,oBAACnB,gBAAAA,EAAA,IAAA,QAAA,EAA4B,UAAlBiB,EAAA,GAAAC,IAAQ,OAAe;AAAA,oBACjClB,gBAAAA,EAAA,IAAA,QAAA,EAAgC,UAAtB,IAAA,GAAAkB,IAAQ,YAAe;AAAA,kBAAA,EAAA,GAFrBA,CAGf;AAAA,kBAEDlB,gBAAAA,EAAA,IAAA,UAAA,EAAQ,UAAOT,EAAA,SAASA,EAAO,KAAK,CAAA;AAAA,gBAAA,GACvC;AAAA,sCACC,QAAK,EAAA,WAAU,QAAQ,UAAOA,EAAA,WAAWA,EAAO,WAAW,CAAA;AAAA,cAAA;AAAA,YAAA;AAAA,YAfvDA,EAAO;AAAA,UAgBd;AAAA,QAEH,CAAA;AAAA;AAAA,OAEDT,KAAaE,KAAsBD,MAAgBiB,gBAAAA,EAAA,IAACoB,GAAsB,CAAA,CAAA;AAAA,IAAA,GAC9E;AAAA,IAED,CAACtC,KAAaD,KAASmB,gBAAAA,EAAA,IAACqB,GAAA,EAAc,YAAM,QAAQ,CAAA;AAAA,EAAA,GACvD;AAEJ;"}
+{"version":3,"file":"AddNewLinks.es.js","sources":["../../../../../src/components/LinksManager/AddNewLinks.tsx"],"sourcesContent":["import { FC, useState, useMemo, useRef, useEffect, Fragment } from 'react'\nimport * as Styled from './LinksManager.styled'\nimport { Icon } from '@ynput/ayon-react-components'\nimport { useGetSearchedEntitiesLinksInfiniteQuery } from '@shared/api'\nimport useKeyboardNavigation from './hooks/useKeyboardNavigation'\nimport SearchingLoadingItems from './SearchingLoadingItems'\nimport { useProjectContext } from '@shared/context'\nimport { getEntityIcon } from '@shared/containers'\n\nexport type LinkSearchType = 'search' | 'picker' | null\n\ninterface AddNewLinksProps {\n  targetEntityType: string\n  projectName: string\n  onClose?: () => void\n  onSearchTypeChange: (type: LinkSearchType) => void //  used to handle search type changes\n  onAdd?: (targetEntityId: string, linkType?: string) => void\n}\n\nconst AddNewLinks: FC<AddNewLinksProps> = ({\n  projectName,\n  targetEntityType,\n  onClose,\n  onSearchTypeChange,\n  onAdd,\n}) => {\n  const [search, setSearch] = useState('')\n  const searchInputRef = useRef<HTMLInputElement>(null)\n  const project = useProjectContext()\n\n  const anatomyForIcons = {\n    folderTypes: project?.folderTypes || [],\n    taskTypes: project?.taskTypes || [],\n    productTypes: project?.productTypes || [],\n  }\n\n  const {\n    data: searchData,\n    error,\n    isLoading,\n    hasNextPage,\n    isFetchingNextPage,\n    fetchNextPage,\n  } = useGetSearchedEntitiesLinksInfiniteQuery(\n    {\n      projectName,\n      entityType: targetEntityType,\n      search,\n    },\n    { skip: !search },\n  )\n\n  // Flatten all entities from all pages\n  const entities = useMemo(() => {\n    return searchData?.pages.flatMap((page) => page.entities) || []\n  }, [searchData])\n\n  const handleSelectEntity = (entity: any) => {\n    console.log(`Add ${entity.name}`)\n    onAdd?.(entity.id)\n    // Clear search after adding\n    setSearch('')\n  }\n\n  const handleClose = () => {\n    onClose?.()\n  }\n\n  const { containerRef, getItemProps } = useKeyboardNavigation({\n    entities,\n    onSelect: handleSelectEntity,\n    onClose: handleClose,\n    isActive: Boolean(search && entities.length > 0),\n    hasNextPage,\n    isFetchingNextPage,\n    fetchNextPage,\n  })\n\n  // Force focus the search input on mount and when searchData or search changes\n  useEffect(() => {\n    // Use setTimeout to ensure focus after render\n    const timeout = setTimeout(() => {\n      if (searchInputRef.current) {\n        searchInputRef.current.focus()\n      }\n    }, 0)\n    return () => clearTimeout(timeout)\n  }, [searchData, search])\n\n  return (\n    <Styled.AddLinksContainer>\n      <Styled.SubHeader>Add new link</Styled.SubHeader>\n      <Styled.SearchButtons>\n        <Styled.Search>\n          <Icon icon={'search'} className=\"input-search\" />\n          <Styled.SearchInput\n            ref={searchInputRef}\n            value={search}\n            onChange={(e) => setSearch(e.target.value)}\n            placeholder={`Search ${targetEntityType}s...`}\n            id={`search-${targetEntityType}`}\n            autoFocus\n            autoComplete=\"off\"\n          />\n        </Styled.Search>\n\n        {!search && (\n          <Styled.PickerButton\n            label={`Pick ${targetEntityType}s`}\n            icon=\"table_rows\"\n            onClick={() => onSearchTypeChange('picker')}\n          />\n        )}\n      </Styled.SearchButtons>\n\n      {search && searchData && (\n        <Styled.SearchItems ref={containerRef}>\n          {searchData?.pages.map((page, pageIndex) =>\n            page.entities.map((entity, entityIndex) => {\n              const flatIndex =\n                searchData.pages\n                  .slice(0, pageIndex)\n                  .reduce((acc, p) => acc + p.entities.length, 0) + entityIndex\n              return (\n                <Styled.SearchItem\n                  key={entity.id}\n                  onClick={() => handleSelectEntity(entity)}\n                  tabIndex={0}\n                  {...getItemProps(flatIndex)}\n                >\n                  <Icon icon={getEntityIcon(entity.entityType, entity.subType, anatomyForIcons)} />\n                  <span className=\"label\">\n                    {entity.parents?.map((part, index) => (\n                      <Fragment key={index}>\n                        <span key={index + '-path'}>{part}</span>\n                        <span key={index + '-separator'}>/</span>\n                      </Fragment>\n                    ))}\n                    <strong>{entity.label || entity.name}</strong>\n                  </span>\n                  <span className=\"type\">{entity.subType || entity.entityType}</span>\n                </Styled.SearchItem>\n              )\n            }),\n          )}\n          {(isLoading || isFetchingNextPage || hasNextPage) && <SearchingLoadingItems />}\n        </Styled.SearchItems>\n      )}\n      {!isLoading && error && <Styled.Error>{error.message}</Styled.Error>}\n    </Styled.AddLinksContainer>\n  )\n}\n\nexport default AddNewLinks\n"],"names":["AddNewLinks","projectName","targetEntityType","onClose","onSearchTypeChange","onAdd","search","setSearch","useState","searchInputRef","useRef","project","useProjectContext","anatomyForIcons","searchData","error","isLoading","hasNextPage","isFetchingNextPage","fetchNextPage","useGetSearchedEntitiesLinksInfiniteQuery","entities","useMemo","page","handleSelectEntity","entity","handleClose","containerRef","getItemProps","useKeyboardNavigation","useEffect","timeout","jsxs","Styled.AddLinksContainer","jsx","Styled.SubHeader","Styled.SearchButtons","Styled.Search","Icon","Styled.SearchInput","e","Styled.PickerButton","Styled.SearchItems","pageIndex","entityIndex","flatIndex","acc","p","Styled.SearchItem","getEntityIcon","_a","part","index","Fragment","SearchingLoadingItems","Styled.Error"],"mappings":"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"}

package/dist/shared/src/components/LinksManager/hooks/useUpdateLinks.cjs.js

@@ -1,2 +1,2 @@
-"use strict";require("../../../api/base/client.cjs.js");require("../../../api/generated/graphql.cjs.js");require("../../../api/generated/graphqlLinks.cjs.js");require("../../../api/generated/access.cjs.js");require("../../../api/generated/actions.cjs.js");require("../../../api/generated/activityFeed.cjs.js");require("../../../api/generated/addons.cjs.js");require("../../../api/generated/anatomy.cjs.js");require("../../../api/generated/attributes.cjs.js");require("../../../api/generated/authentication.cjs.js");require("../../../api/generated/bundles.cjs.js");require("../../../api/generated/configuration.cjs.js");require("../../../api/generated/desktop.cjs.js");require("../../../api/generated/entityLists.cjs.js");require("../../../api/generated/events.cjs.js");require("../../../api/generated/files.cjs.js");require("../../../api/generated/folders.cjs.js");require("../../../api/generated/inbox.cjs.js");require("../../../api/generated/links.cjs.js");require("../../../api/generated/market.cjs.js");require("../../../api/generated/onboarding.cjs.js");require("../../../api/generated/operations.cjs.js");require("../../../api/generated/products.cjs.js");require("../../../api/generated/projectDashboard.cjs.js");require("../../../api/generated/projects.cjs.js");require("../../../api/generated/reviewables.cjs.js");require("../../../api/generated/services.cjs.js");require("../../../api/generated/system.cjs.js");require("../../../api/generated/tasks.cjs.js");require("../../../api/generated/teams.cjs.js");require("../../../api/generated/thumbnails.cjs.js");require("../../../api/generated/uRIs.cjs.js");require("../../../api/generated/users.cjs.js");require("../../../api/generated/versions.cjs.js");require("../../../api/generated/workfiles.cjs.js");require("../../../api/generated/ynputCloud.cjs.js");require("../../../api/generated/grouping.cjs.js");require("../../../api/generated/views.cjs.js");require("../../../api/queries/actions/getActions.cjs.js");require("../../../api/queries/activities/getActivities.cjs.js");require("../../../api/queries/activities/updateActivities.cjs.js");require("../../../api/queries/activities/updateReaction.cjs.js");require("../../../api/queries/activities/getMentions.cjs.js");require("../../../api/queries/activities/getCategories.cjs.js");require("../../../api/queries/addons/getAddons.cjs.js");require("../../../api/queries/addons/updateAddons.cjs.js");require("../../../api/queries/attributes/getAttributes.cjs.js");require("../../../api/queries/attributes/updateAttributes.cjs.js");require("../../../api/queries/authentication/getAuthentication.cjs.js");require("../../../api/queries/cloud/cloud.cjs.js");require("../../../api/queries/entities/getEntity.cjs.js");require("../../../api/queries/entities/getEntityPanel.cjs.js");require("../../../api/queries/entities/updateEntity.cjs.js");require("../../../api/queries/entityLists/getLists.cjs.js");require("../../../api/queries/entityLists/updateLists.cjs.js");require("../../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../../api/queries/entityLists/listFolders.cjs.js");require("../../../api/queries/folders/getFolders.cjs.js");require("../../../api/queries/grouping/getGrouping.cjs.js");const g=require("../../../api/queries/links/updateLinks.cjs.js");require("../../../api/queries/links/getLinks.cjs.js");require("../../../api/queries/links/getEntityLinks.cjs.js");require("../../../api/queries/overview/getOverview.cjs.js");require("../../../api/queries/overview/updateOverview.cjs.js");require("../../../api/queries/versions/getVersionsProducts.cjs.js");require("../../../api/queries/permissions/getPermissions.cjs.js");require("../../../api/queries/products/createProduct.cjs.js");require("../../../api/queries/project/getProject.cjs.js");require("../../../api/queries/project/updateProject.cjs.js");require("../../../api/queries/review/getReview.cjs.js");require("../../../api/queries/review/updateReview.cjs.js");require("../../../api/queries/share/share.cjs.js");require("../../../api/queries/system/getSystem.cjs.js");require("../../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../../api/queries/users/getUsers.cjs.js");require("../../../api/queries/users/updateUsers.cjs.js");require("../../../api/queries/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("../../../containers/ContextMenu/ContextMenuContext.cjs.js");require("../../../../../_virtual/jsx-runtime.cjs.js");require("@ynput/ayon-react-components");;/* empty css                                                    */require("clsx");const h=require("react");require("react-dom");require("../../../containers/Feed/context/FeedContext.cjs.js");require("../../../containers/Feed/components/Tooltips/UserTooltip/UserTooltip.styled.cjs.js");require("../../../containers/Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");require("lodash");const E=require("react-toastify");require("uuid");require("../../../util/pubsub.cjs.js");require("../../../containers/Feed/components/FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../../../containers/Feed/components/FileUploadPreview/Mimes/TextMime.cjs.js");require("react-markdown");require("remark-emoji");require("remark-gfm");require("remark-directive");require("remark-directive-rehype");require("../../../containers/Feed/components/CommentInput/CommentInput.cjs.js");require("../../../containers/Feed/components/ReactionContainer/Reactions.styled.cjs.js");require("../../../containers/Feed/components/FilesGrid/FilesGrid.styled.cjs.js");require("../../../containers/Feed/components/FileUploadCard/FileUploadCard.styled.cjs.js");require("../../../context/RemoteModulesContext.cjs.js");require("../../../context/DetailsPanelContext.cjs.js");require("../../../context/ThumbnailUploaderContext.cjs.js");require("../../../context/SettingsPanelContext.cjs.js");require("../../../context/pip/PiPProvider.cjs.js");require("../../../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("../../../containers/Feed/components/CommentInput/quillToMarkdown.cjs.js");require("../../../containers/Feed/components/ActivityComment/ActivityComment.styled.cjs.js");require("../../../containers/Feed/components/ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../../../containers/Feed/components/ActivityReference/ActivityReference.styled.cjs.js");require("react-router-dom");require("../../../containers/Feed/components/ActivityStatus/ActivityStatus.cjs.js");require("../../../containers/Feed/components/ActivityHeader/ActivityHeader.styled.cjs.js");require("../../../containers/Feed/components/ActivityDate.cjs.js");require("../../../containers/Feed/components/ActivityCategorySelect/CategoryTag.cjs.js");require("../../../containers/Feed/components/ActivityStatusChange/ActivityStatusChange.styled.cjs.js");require("../../../containers/Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");require("../../../containers/Feed/components/ActivityVersions/ActivityVersions.styled.cjs.js");require("../../../containers/Feed/components/ActivityGroup/ActivityGroup.styled.cjs.js");require("../../../containers/Feed/Feed.styled.cjs.js");require("date-fns");require("../../EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../../EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("../../../containers/Feed/components/ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../../../containers/Feed/components/ActivityCategorySelect/CategoryDropdownItem.cjs.js");require("../../../containers/ProjectTreeTable/ProjectTreeTable.cjs.js");const m=require("../../../containers/ProjectTreeTable/context/CellEditingContext.cjs.js");require("short-uuid");require("@tanstack/react-table");require("../../../containers/ProjectTreeTable/widgets/CollapsedWidget.cjs.js");require("../../../containers/ProjectTreeTable/widgets/DateWidget.cjs.js");require("../../../containers/ProjectTreeTable/widgets/EnumWidget.cjs.js");require("../../../containers/ProjectTreeTable/widgets/TextWidget.cjs.js");require("../../../containers/ProjectTreeTable/widgets/BooleanWidget.cjs.js");require("../../../containers/ProjectTreeTable/widgets/CellWidget.cjs.js");require("../../../containers/ProjectTreeTable/widgets/EntityNameWidget.cjs.js");require("../../../containers/ProjectTreeTable/widgets/GroupHeaderWidget.cjs.js");require("../../../containers/ProjectTreeTable/widgets/ThumbnailWidget.cjs.js");require("../../ThumbnailSimple/ThumbnailSimple.cjs.js");require("@dnd-kit/core");require("@dnd-kit/sortable");require("../../ReviewablesList/ReviewablesList.styled.cjs.js");require("../../ReviewablesList/ReviewablesUpload.styled.cjs.js");require("axios");require("../../ReviewableCard/ReviewableCard.cjs.js");require("../../ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");require("../../FileThumbnail/FileThumbnail.cjs.js");require("../../Thumbnail/Thumbnail.styled.cjs.js");require("../../Thumbnail/StackedThumbnails.cjs.js");require("../../EntityPanelUploader/EntityPanelUploader.styled.cjs.js");require("../../SimpleFormDialog/SimpleFormDialog.cjs.js");require("../../EntityPath/EntityPath.styled.cjs.js");require("../../EntityPath/SegmentProvider.cjs.js");require("../../DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../../DetailsPanelDetails/DetailsPanelDetails.cjs.js");require("../../DetailsPanelDetails/DetailsSection.cjs.js");require("../../DetailsPanelDetails/FieldLabel.cjs.js");require("../../Watchers/Watchers.cjs.js");require("../../ProjectTableSettings/ProjectTableSettings.cjs.js");require("../../Powerpack/PowerpackButton.cjs.js");require("../../Powerpack/PricingLink.cjs.js");require("../../Powerpack/PowerpackDialog.styled.cjs.js");require("../../Powerpack/CTAButton.cjs.js");require("../../Powerpack/RequiredAddonVersion.cjs.js");require("../../SizeSlider/SizeSlider.cjs.js");require("../../SettingsPanel/SettingsPanel.cjs.js");require("../../SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../../AttributeEditor/components/MinMaxField.cjs.js");require("../../EnumEditor/EnumEditor.styled.cjs.js");require("../../SearchFilter/filterDates.cjs.js");require("../../FeaturedVersionOrder/FeaturedVersionOrder.cjs.js");require("../../Badge/Badge.cjs.js");require("../../VersionUploader/components/UploadVersionDialog.cjs.js");require("../../VersionUploader/context/VersionUploadContext.cjs.js");require("../../Feedback/FeedbackContext.cjs.js");require("../../Feedback/SupportBubble.cjs.js");require("../../Chips/Chips.cjs.js");require("../LinksManager.styled.cjs.js");const I=require("../utils/linkUpdates.cjs.js");require("../../../containers/EntityPickerDialog/EntityPickerDialog.cjs.js");require("../../StyledLink/StyledLink.cjs.js");require("../../ShareOptionIcon/ShareOptionIcon.cjs.js");require("../../AccessUser/AccessUser.cjs.js");require("../../../../../node_modules/match-sorter/dist/match-sorter.esm.cjs.js");require("../../AccessSearchInput/AccessSearchInput.styled.cjs.js");require("../../TableGridSwitch/TableGridSwitch.cjs.js");require("../../SortingSetting/SortingSetting.styled.cjs.js");require("../../EarlyPreview/EarlyPreview.cjs.js");require("../../LegacyBadge/LegacyBadge.cjs.js");require("../CellEditingDialog.cjs.js");require("../../../containers/ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");require("../../../containers/ProjectTreeTable/context/SelectedRowsContext.cjs.js");require("../../../containers/ProjectTreeTable/widgets/EmptyWidget.cjs.js");require("../../../containers/ProjectTreeTable/widgets/ErrorWidget.cjs.js");require("../../../containers/ProjectTreeTable/ProjectTreeTable.styled.cjs.js");require("../../../containers/ProjectTreeTable/components/SelectionCell.cjs.js");require("../../../containers/ProjectTreeTable/components/RowSelectionHeader.cjs.js");require("../../../containers/ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../../../containers/ProjectTreeTable/widgets/LoadMoreWidget.cjs.js");require("../../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");require("../../../containers/ProjectTreeTable/context/ProjectTableContext.cjs.js");require("../../../containers/ProjectTreeTable/context/ClipboardContext.cjs.js");require("../../../containers/ProjectTreeTable/context/ColumnSettingsContext.cjs.js");require("../../../containers/ProjectTreeTable/context/ProjectDataContext.cjs.js");require("../../../../../_virtual/runtime.cjs.js");require("../../../../../_virtual/semver.cjs.js");require("react-redux");require("custom-protocol-check");require("../../../containers/ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("../../../containers/ProjectTreeTable/components/HeaderActionButton.cjs.js");require("../../../containers/ProjectTreeTable/components/ColumnHeaderMenu.cjs.js");require("../../../containers/DetailsPanel/DetailsPanel.styled.cjs.js");require("../../../containers/DetailsPanel/FeedFilters/FeedFilters.styled.cjs.js");require("../../../containers/DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");require("../../PlayableIcon/PlayableIcon.cjs.js");require("../../../containers/DetailsPanel/DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../../../containers/DetailsPanel/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../../../containers/DetailsPanel/DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");require("../../../containers/Actions/Actions.styled.cjs.js");require("../../../containers/Actions/ActionsDropdown/ActionsDropdown.cjs.js");require("../../../containers/Actions/ActionIcon.cjs.js");require("../../../containers/Views/context/ViewsContext.cjs.js");require("../../../containers/Views/Views.styled.cjs.js");require("../../../containers/Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");require("../../../containers/Views/ViewsMenu/ViewsMenu.cjs.js");const C=({projectName:q,direction:t,entityId:i,entityType:s,targetEntityType:a,linkType:n})=>{const{history:u}=m.useCellEditing(),[l]=g.useDeleteEntityLinkMutation(),[f]=g.useCreateEntityLinkMutation(),k=h.useCallback(async(r,o=!0)=>{try{if(r.some(e=>e.targetEntityId===i)){E.toast.error("You can't link an entity to itself");return}const d=r.map(e=>({targetEntityId:e.targetEntityId,linkId:e.linkId,sourceEntityId:i,sourceEntityType:s,targetEntityType:a,linkType:n,direction:t,projectName:q}));await I.addMultipleLinks(d,f),o&&u&&u.pushHistory([()=>L(r.map(e=>({id:e.linkId,target:{entityId:e.targetEntityId,entityType:a}})),!1)])}catch{}},[f,q,i,s,a,n,t,u]),L=h.useCallback(async(r,o=!0)=>{try{if(r.some(e=>e.target.entityId===i)){E.toast.error("You can't link an entity to itself");return}const d=r.map(e=>({id:e.id,target:e.target,source:{entityType:s,entityId:i},linkType:n,direction:t,projectName:q}));await I.removeMultipleLinks(d,l),o&&u&&u.pushHistory(r.map(e=>()=>k([{targetEntityId:e.target.entityId,linkId:e.id}],!1)))}catch{}},[l,q,i,s,a,n,t,u]);return{remove:L,add:k}};module.exports=C;
+"use strict";require("../../../api/base/client.cjs.js");require("../../../api/generated/graphql.cjs.js");require("../../../api/generated/graphqlLinks.cjs.js");require("../../../api/generated/access.cjs.js");require("../../../api/generated/actions.cjs.js");require("../../../api/generated/activityFeed.cjs.js");require("../../../api/generated/addons.cjs.js");require("../../../api/generated/anatomy.cjs.js");require("../../../api/generated/attributes.cjs.js");require("../../../api/generated/authentication.cjs.js");require("../../../api/generated/bundles.cjs.js");require("../../../api/generated/configuration.cjs.js");require("../../../api/generated/desktop.cjs.js");require("../../../api/generated/entityLists.cjs.js");require("../../../api/generated/events.cjs.js");require("../../../api/generated/files.cjs.js");require("../../../api/generated/folders.cjs.js");require("../../../api/generated/inbox.cjs.js");require("../../../api/generated/links.cjs.js");require("../../../api/generated/market.cjs.js");require("../../../api/generated/onboarding.cjs.js");require("../../../api/generated/operations.cjs.js");require("../../../api/generated/products.cjs.js");require("../../../api/generated/projectDashboard.cjs.js");require("../../../api/generated/projects.cjs.js");require("../../../api/generated/reviewables.cjs.js");require("../../../api/generated/services.cjs.js");require("../../../api/generated/system.cjs.js");require("../../../api/generated/tasks.cjs.js");require("../../../api/generated/teams.cjs.js");require("../../../api/generated/thumbnails.cjs.js");require("../../../api/generated/uRIs.cjs.js");require("../../../api/generated/users.cjs.js");require("../../../api/generated/versions.cjs.js");require("../../../api/generated/workfiles.cjs.js");require("../../../api/generated/ynputCloud.cjs.js");require("../../../api/generated/grouping.cjs.js");require("../../../api/generated/views.cjs.js");require("../../../api/queries/actions/getActions.cjs.js");require("../../../api/queries/activities/getActivities.cjs.js");require("../../../api/queries/activities/updateActivities.cjs.js");require("../../../api/queries/activities/updateReaction.cjs.js");require("../../../api/queries/activities/getMentions.cjs.js");require("../../../api/queries/activities/getCategories.cjs.js");require("../../../api/queries/addons/getAddons.cjs.js");require("../../../api/queries/addons/updateAddons.cjs.js");require("../../../api/queries/attributes/getAttributes.cjs.js");require("../../../api/queries/attributes/updateAttributes.cjs.js");require("../../../api/queries/authentication/getAuthentication.cjs.js");require("../../../api/queries/cloud/cloud.cjs.js");require("../../../api/queries/entities/getEntity.cjs.js");require("../../../api/queries/entities/getEntityPanel.cjs.js");require("../../../api/queries/entities/updateEntity.cjs.js");require("../../../api/queries/entityLists/getLists.cjs.js");require("../../../api/queries/entityLists/updateLists.cjs.js");require("../../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../../api/queries/entityLists/listFolders.cjs.js");require("../../../api/queries/folders/getFolders.cjs.js");require("../../../api/queries/grouping/getGrouping.cjs.js");const g=require("../../../api/queries/links/updateLinks.cjs.js");require("../../../api/queries/links/getLinks.cjs.js");require("../../../api/queries/links/getEntityLinks.cjs.js");require("../../../api/queries/overview/getOverview.cjs.js");require("../../../api/queries/overview/updateOverview.cjs.js");require("../../../api/queries/versions/getVersionsProducts.cjs.js");require("../../../api/queries/permissions/getPermissions.cjs.js");require("../../../api/queries/products/createProduct.cjs.js");require("../../../api/queries/project/getProject.cjs.js");require("../../../api/queries/project/updateProject.cjs.js");require("../../../api/queries/review/getReview.cjs.js");require("../../../api/queries/review/updateReview.cjs.js");require("../../../api/queries/share/share.cjs.js");require("../../../api/queries/system/getSystem.cjs.js");require("../../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../../api/queries/users/getUsers.cjs.js");require("../../../api/queries/users/updateUsers.cjs.js");require("../../../api/queries/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("../../../containers/ContextMenu/ContextMenuContext.cjs.js");require("../../../../../_virtual/jsx-runtime.cjs.js");require("@ynput/ayon-react-components");;/* empty css                                                    */require("clsx");const h=require("react");require("react-dom");require("../../../containers/Feed/context/FeedContext.cjs.js");require("../../../containers/Feed/components/Tooltips/UserTooltip/UserTooltip.styled.cjs.js");require("../../../containers/Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");require("../../../context/RemoteModulesContext.cjs.js");require("../../../context/DetailsPanelContext.cjs.js");require("../../../context/ThumbnailUploaderContext.cjs.js");require("../../../context/SettingsPanelContext.cjs.js");require("../../../context/pip/PiPProvider.cjs.js");require("../../../context/pip/PiPWrapper.cjs.js");require("../../../context/AddonProjectContext.cjs.js");require("../../../context/AddonContext.cjs.js");require("../../../context/PowerpackContext.cjs.js");require("../../../context/MoveEntityContext.cjs.js");require("../../../context/MenuContext.cjs.js");require("../../../context/WebsocketContext.cjs.js");require("../../../context/GlobalContext.cjs.js");require("../../../context/ProjectContext.cjs.js");require("../../../containers/Feed/components/FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../../../containers/Feed/components/FileUploadPreview/Mimes/TextMime.cjs.js");require("react-markdown");require("remark-emoji");require("remark-gfm");require("remark-directive");require("remark-directive-rehype");require("../../../containers/Feed/components/CommentInput/CommentInput.cjs.js");require("../../../containers/Feed/components/ReactionContainer/Reactions.styled.cjs.js");require("../../../containers/Feed/components/FilesGrid/FilesGrid.styled.cjs.js");require("../../../containers/Feed/components/FileUploadCard/FileUploadCard.styled.cjs.js");require("../../../containers/Feed/components/CommentInput/quillToMarkdown.cjs.js");require("../../../containers/Feed/components/ActivityComment/ActivityComment.styled.cjs.js");require("lodash");require("../../../containers/Feed/components/ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../../../containers/Feed/components/ActivityReference/ActivityReference.styled.cjs.js");const E=require("react-toastify");require("uuid");require("../../../util/pubsub.cjs.js");require("react-router-dom");require("../../../containers/Feed/components/ActivityStatus/ActivityStatus.cjs.js");require("../../../containers/Feed/components/ActivityHeader/ActivityHeader.styled.cjs.js");require("../../../containers/Feed/components/ActivityDate.cjs.js");require("../../../containers/Feed/components/ActivityCategorySelect/CategoryTag.cjs.js");require("../../../containers/Feed/components/ActivityStatusChange/ActivityStatusChange.styled.cjs.js");require("../../../containers/Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");require("../../../containers/Feed/components/ActivityVersions/ActivityVersions.styled.cjs.js");require("../../../containers/Feed/components/ActivityGroup/ActivityGroup.styled.cjs.js");require("../../../containers/Feed/Feed.styled.cjs.js");require("date-fns");require("../../EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../../EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("../../../containers/Feed/components/ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../../../containers/Feed/components/ActivityCategorySelect/CategoryDropdownItem.cjs.js");require("../../../containers/ProjectTreeTable/ProjectTreeTable.cjs.js");const m=require("../../../containers/ProjectTreeTable/context/CellEditingContext.cjs.js");require("short-uuid");require("@tanstack/react-table");require("../../../containers/ProjectTreeTable/widgets/CollapsedWidget.cjs.js");require("../../../containers/ProjectTreeTable/widgets/DateWidget.cjs.js");require("../../../containers/ProjectTreeTable/widgets/EnumWidget.cjs.js");require("../../../containers/ProjectTreeTable/widgets/TextWidget.cjs.js");require("../../../containers/ProjectTreeTable/widgets/BooleanWidget.cjs.js");require("../../../containers/ProjectTreeTable/widgets/CellWidget.cjs.js");require("../../../containers/ProjectTreeTable/widgets/EntityNameWidget.cjs.js");require("../../../containers/ProjectTreeTable/widgets/GroupHeaderWidget.cjs.js");require("../../../containers/ProjectTreeTable/widgets/ThumbnailWidget.cjs.js");require("../../../../../node_modules/match-sorter/dist/match-sorter.esm.cjs.js");require("../../AccessSearchInput/AccessSearchInput.styled.cjs.js");require("../../AccessUser/AccessUser.cjs.js");require("../../AttributeEditor/components/MinMaxField.cjs.js");require("@dnd-kit/core");require("@dnd-kit/sortable");require("../../EnumEditor/EnumEditor.styled.cjs.js");require("../../Badge/Badge.cjs.js");require("../../Chips/Chips.cjs.js");require("../../DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../../DetailsPanelDetails/DetailsPanelDetails.cjs.js");require("../../DetailsPanelDetails/DetailsSection.cjs.js");require("../../DetailsPanelDetails/FieldLabel.cjs.js");require("../../EarlyPreview/EarlyPreview.cjs.js");require("../../EntityPanelUploader/EntityPanelUploader.styled.cjs.js");require("axios");require("../../ReviewablesList/ReviewablesList.styled.cjs.js");require("../../ReviewablesList/ReviewablesUpload.styled.cjs.js");require("../../EntityPath/EntityPath.styled.cjs.js");require("../../EntityPath/SegmentProvider.cjs.js");require("../../FeaturedVersionOrder/FeaturedVersionOrder.cjs.js");require("../../Feedback/FeedbackContext.cjs.js");require("../../Feedback/SupportBubble.cjs.js");require("../../FileThumbnail/FileThumbnail.cjs.js");require("../../LegacyBadge/LegacyBadge.cjs.js");require("../LinksManager.styled.cjs.js");const I=require("../utils/linkUpdates.cjs.js");require("../../../containers/EntityPickerDialog/EntityPickerDialog.cjs.js");require("../../Powerpack/PowerpackButton.cjs.js");require("../../Powerpack/PricingLink.cjs.js");require("../../Powerpack/PowerpackDialog.styled.cjs.js");require("../../Powerpack/CTAButton.cjs.js");require("../../Powerpack/RequiredAddonVersion.cjs.js");require("../../ProjectTableSettings/ProjectTableSettings.cjs.js");require("../../SizeSlider/SizeSlider.cjs.js");require("../../ReviewableCard/ReviewableCard.cjs.js");require("../../ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");require("../../SearchFilter/filterDates.cjs.js");require("../../SettingsPanel/SettingsPanel.cjs.js");require("../../SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../../ShareOptionIcon/ShareOptionIcon.cjs.js");require("../../SimpleFormDialog/SimpleFormDialog.cjs.js");require("../../SortingSetting/SortingSetting.styled.cjs.js");require("../../StyledLink/StyledLink.cjs.js");require("../../TableGridSwitch/TableGridSwitch.cjs.js");require("../../Thumbnail/Thumbnail.styled.cjs.js");require("../../Thumbnail/StackedThumbnails.cjs.js");require("../../ThumbnailSimple/ThumbnailSimple.cjs.js");require("../../VersionUploader/components/UploadVersionDialog.cjs.js");require("../../VersionUploader/context/VersionUploadContext.cjs.js");require("../../Watchers/Watchers.cjs.js");require("../CellEditingDialog.cjs.js");require("../../../containers/ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");require("../../../containers/ProjectTreeTable/context/SelectedRowsContext.cjs.js");require("../../../containers/ProjectTreeTable/widgets/EmptyWidget.cjs.js");require("../../../containers/ProjectTreeTable/widgets/ErrorWidget.cjs.js");require("../../../containers/ProjectTreeTable/ProjectTreeTable.styled.cjs.js");require("../../../containers/ProjectTreeTable/components/SelectionCell.cjs.js");require("../../../containers/ProjectTreeTable/components/RowSelectionHeader.cjs.js");require("../../../containers/ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../../../containers/ProjectTreeTable/widgets/LoadMoreWidget.cjs.js");require("../../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");require("../../../containers/ProjectTreeTable/context/ProjectTableContext.cjs.js");require("../../../containers/ProjectTreeTable/context/ClipboardContext.cjs.js");require("../../../containers/ProjectTreeTable/context/ColumnSettingsContext.cjs.js");require("../../../containers/ProjectTreeTable/context/ProjectDataContext.cjs.js");require("../../../../../_virtual/runtime.cjs.js");require("../../../../../_virtual/semver.cjs.js");require("react-redux");require("custom-protocol-check");require("../../../containers/ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("../../../containers/ProjectTreeTable/components/HeaderActionButton.cjs.js");require("../../../containers/ProjectTreeTable/components/ColumnHeaderMenu.cjs.js");require("../../../containers/DetailsPanel/DetailsPanel.styled.cjs.js");require("../../../containers/DetailsPanel/FeedFilters/FeedFilters.styled.cjs.js");require("../../../containers/DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");require("../../PlayableIcon/PlayableIcon.cjs.js");require("../../../containers/DetailsPanel/DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../../../containers/DetailsPanel/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../../../containers/DetailsPanel/DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");require("../../../containers/Actions/Actions.styled.cjs.js");require("../../../containers/Actions/ActionsDropdown/ActionsDropdown.cjs.js");require("../../../containers/Actions/ActionIcon.cjs.js");require("../../../containers/Views/context/ViewsContext.cjs.js");require("../../../containers/Views/Views.styled.cjs.js");require("../../../containers/Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");require("../../../containers/Views/ViewsMenu/ViewsMenu.cjs.js");const C=({projectName:q,direction:t,entityId:i,entityType:s,targetEntityType:a,linkType:n})=>{const{history:u}=m.useCellEditing(),[l]=g.useDeleteEntityLinkMutation(),[f]=g.useCreateEntityLinkMutation(),k=h.useCallback(async(r,o=!0)=>{try{if(r.some(e=>e.targetEntityId===i)){E.toast.error("You can't link an entity to itself");return}const d=r.map(e=>({targetEntityId:e.targetEntityId,linkId:e.linkId,sourceEntityId:i,sourceEntityType:s,targetEntityType:a,linkType:n,direction:t,projectName:q}));await I.addMultipleLinks(d,f),o&&u&&u.pushHistory([()=>L(r.map(e=>({id:e.linkId,target:{entityId:e.targetEntityId,entityType:a}})),!1)])}catch{}},[f,q,i,s,a,n,t,u]),L=h.useCallback(async(r,o=!0)=>{try{if(r.some(e=>e.target.entityId===i)){E.toast.error("You can't link an entity to itself");return}const d=r.map(e=>({id:e.id,target:e.target,source:{entityType:s,entityId:i},linkType:n,direction:t,projectName:q}));await I.removeMultipleLinks(d,l),o&&u&&u.pushHistory(r.map(e=>()=>k([{targetEntityId:e.target.entityId,linkId:e.id}],!1)))}catch{}},[l,q,i,s,a,n,t,u]);return{remove:L,add:k}};module.exports=C;
 //# sourceMappingURL=useUpdateLinks.cjs.js.map

package/dist/shared/src/components/LinksManager/hooks/useUpdateLinks.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"useUpdateLinks.cjs.js","sources":["../../../../../../src/components/LinksManager/hooks/useUpdateLinks.ts"],"sourcesContent":["import { useCreateEntityLinkMutation, useDeleteEntityLinkMutation } from '@shared/api'\nimport { useCellEditing } from '@shared/containers'\nimport { useCallback } from 'react'\nimport {\n  addMultipleLinks,\n  removeMultipleLinks,\n  LinkToAdd,\n  LinkToRemove,\n} from '../utils/linkUpdates'\nimport { toast } from 'react-toastify'\n\ntype Props = {\n  projectName: string\n  entityId: string\n  entityType: string\n  targetEntityType: string // the entity type of the out links\n  linkType: string\n  direction?: 'in' | 'out'\n}\n\ntype RemoveLinks = (\n  links: { id: string; target: { entityId: string; entityType: string } }[],\n  addToHistory?: boolean,\n) => Promise<void>\ntype AddLinks = (\n  links: { targetEntityId: string; linkId: string }[],\n  addToHistory?: boolean,\n) => Promise<void>\n\nconst useUpdateLinks = ({\n  projectName,\n  direction,\n  entityId,\n  entityType,\n  targetEntityType,\n  linkType,\n}: Props) => {\n  const { history } = useCellEditing()\n\n  const [deleteLink] = useDeleteEntityLinkMutation()\n  const [addLink] = useCreateEntityLinkMutation()\n\n  // create new links between this entity and another entity\n  const addLinks = useCallback<AddLinks>(\n    async (links, addToHistory = true) => {\n      try {\n        // prevent self-referential links\n        const hasSelf = links.some((l) => l.targetEntityId === entityId)\n        if (hasSelf) {\n          toast.error(\"You can't link an entity to itself\")\n          return\n        }\n\n        const linksToAdd: LinkToAdd[] = links.map((link) => ({\n          targetEntityId: link.targetEntityId,\n          linkId: link.linkId,\n          sourceEntityId: entityId,\n          sourceEntityType: entityType,\n          targetEntityType,\n          linkType,\n          direction,\n          projectName,\n        }))\n\n        await addMultipleLinks(linksToAdd, addLink)\n\n        // add to history stack\n        if (addToHistory && history) {\n          history.pushHistory([\n            () =>\n              removeLinks(\n                links.map((link) => ({\n                  id: link.linkId,\n                  target: { entityId: link.targetEntityId, entityType: targetEntityType },\n                })),\n                false,\n              ),\n          ])\n        }\n      } catch (error: any) {\n        // Error handling is done in the utility function\n      }\n    },\n    [addLink, projectName, entityId, entityType, targetEntityType, linkType, direction, history],\n  )\n\n  // Internal function to avoid circular dependency\n  const removeLinks = useCallback<RemoveLinks>(\n    async (\n      links: { id: string; target: { entityId: string; entityType: string } }[],\n      addToHistory: boolean = true,\n    ) => {\n      try {\n        // prevent removing if any link is self-referential (shouldn't happen, but guard)\n        const hasSelf = links.some((l) => l.target.entityId === entityId)\n        if (hasSelf) {\n          toast.error(\"You can't link an entity to itself\")\n          return\n        }\n\n        const linksToRemove: LinkToRemove[] = links.map((link) => ({\n          id: link.id,\n          target: link.target,\n          source: { entityType, entityId },\n          linkType,\n          direction,\n          projectName,\n        }))\n\n        await removeMultipleLinks(linksToRemove, deleteLink)\n\n        // add to history stack\n        // if there is a history, push it\n        if (addToHistory && history) {\n          history.pushHistory(\n            links.map(\n              (link) => () =>\n                addLinks([{ targetEntityId: link.target.entityId, linkId: link.id }], false),\n            ),\n          )\n        }\n      } catch (error: any) {\n        // Error handling is done in the utility function\n      }\n    },\n    [deleteLink, projectName, entityId, entityType, targetEntityType, linkType, direction, history],\n  )\n\n  return { remove: removeLinks, add: addLinks }\n}\n\nexport default useUpdateLinks\n"],"names":["useUpdateLinks","projectName","direction","entityId","entityType","targetEntityType","linkType","history","useCellEditing","deleteLink","useDeleteEntityLinkMutation","addLink","useCreateEntityLinkMutation","addLinks","useCallback","links","addToHistory","l","toast","linksToAdd","link","addMultipleLinks","removeLinks","linksToRemove","removeMultipleLinks"],"mappings":"kmcA6BA,MAAMA,EAAiB,CAAC,CACtB,YAAAC,EACA,UAAAC,EACA,SAAAC,EACA,WAAAC,EACA,iBAAAC,EACA,SAAAC,CACF,IAAa,CACL,KAAA,CAAE,QAAAC,CAAQ,EAAIC,iBAAe,EAE7B,CAACC,CAAU,EAAIC,8BAA4B,EAC3C,CAACC,CAAO,EAAIC,8BAA4B,EAGxCC,EAAWC,EAAA,YACf,MAAOC,EAAOC,EAAe,KAAS,CAChC,GAAA,CAGF,GADgBD,EAAM,KAAME,GAAMA,EAAE,iBAAmBd,CAAQ,EAClD,CACXe,EAAA,MAAM,MAAM,oCAAoC,EAChD,MAAA,CAGF,MAAMC,EAA0BJ,EAAM,IAAKK,IAAU,CACnD,eAAgBA,EAAK,eACrB,OAAQA,EAAK,OACb,eAAgBjB,EAChB,iBAAkBC,EAClB,iBAAAC,EACA,SAAAC,EACA,UAAAJ,EACA,YAAAD,CAAA,EACA,EAEI,MAAAoB,EAAA,iBAAiBF,EAAYR,CAAO,EAGtCK,GAAgBT,GAClBA,EAAQ,YAAY,CAClB,IACEe,EACEP,EAAM,IAAKK,IAAU,CACnB,GAAIA,EAAK,OACT,OAAQ,CAAE,SAAUA,EAAK,eAAgB,WAAYf,CAAiB,CAAA,EACtE,EACF,EAAA,CACF,CACH,OAEgB,CAAA,CAGvB,EACA,CAACM,EAASV,EAAaE,EAAUC,EAAYC,EAAkBC,EAAUJ,EAAWK,CAAO,CAC7F,EAGMe,EAAcR,EAAA,YAClB,MACEC,EACAC,EAAwB,KACrB,CACC,GAAA,CAGF,GADgBD,EAAM,KAAME,GAAMA,EAAE,OAAO,WAAad,CAAQ,EACnD,CACXe,EAAA,MAAM,MAAM,oCAAoC,EAChD,MAAA,CAGF,MAAMK,EAAgCR,EAAM,IAAKK,IAAU,CACzD,GAAIA,EAAK,GACT,OAAQA,EAAK,OACb,OAAQ,CAAE,WAAAhB,EAAY,SAAAD,CAAS,EAC/B,SAAAG,EACA,UAAAJ,EACA,YAAAD,CAAA,EACA,EAEI,MAAAuB,EAAA,oBAAoBD,EAAed,CAAU,EAI/CO,GAAgBT,GACVA,EAAA,YACNQ,EAAM,IACHK,GAAS,IACRP,EAAS,CAAC,CAAE,eAAgBO,EAAK,OAAO,SAAU,OAAQA,EAAK,EAAG,CAAC,EAAG,EAAK,CAAA,CAEjF,OAEiB,CAAA,CAGvB,EACA,CAACX,EAAYR,EAAaE,EAAUC,EAAYC,EAAkBC,EAAUJ,EAAWK,CAAO,CAChG,EAEA,MAAO,CAAE,OAAQe,EAAa,IAAKT,CAAS,CAC9C"}
+{"version":3,"file":"useUpdateLinks.cjs.js","sources":["../../../../../../src/components/LinksManager/hooks/useUpdateLinks.ts"],"sourcesContent":["import { useCreateEntityLinkMutation, useDeleteEntityLinkMutation } from '@shared/api'\nimport { useCellEditing } from '@shared/containers'\nimport { useCallback } from 'react'\nimport {\n  addMultipleLinks,\n  removeMultipleLinks,\n  LinkToAdd,\n  LinkToRemove,\n} from '../utils/linkUpdates'\nimport { toast } from 'react-toastify'\n\ntype Props = {\n  projectName: string\n  entityId: string\n  entityType: string\n  targetEntityType: string // the entity type of the out links\n  linkType: string\n  direction?: 'in' | 'out'\n}\n\ntype RemoveLinks = (\n  links: { id: string; target: { entityId: string; entityType: string } }[],\n  addToHistory?: boolean,\n) => Promise<void>\ntype AddLinks = (\n  links: { targetEntityId: string; linkId: string }[],\n  addToHistory?: boolean,\n) => Promise<void>\n\nconst useUpdateLinks = ({\n  projectName,\n  direction,\n  entityId,\n  entityType,\n  targetEntityType,\n  linkType,\n}: Props) => {\n  const { history } = useCellEditing()\n\n  const [deleteLink] = useDeleteEntityLinkMutation()\n  const [addLink] = useCreateEntityLinkMutation()\n\n  // create new links between this entity and another entity\n  const addLinks = useCallback<AddLinks>(\n    async (links, addToHistory = true) => {\n      try {\n        // prevent self-referential links\n        const hasSelf = links.some((l) => l.targetEntityId === entityId)\n        if (hasSelf) {\n          toast.error(\"You can't link an entity to itself\")\n          return\n        }\n\n        const linksToAdd: LinkToAdd[] = links.map((link) => ({\n          targetEntityId: link.targetEntityId,\n          linkId: link.linkId,\n          sourceEntityId: entityId,\n          sourceEntityType: entityType,\n          targetEntityType,\n          linkType,\n          direction,\n          projectName,\n        }))\n\n        await addMultipleLinks(linksToAdd, addLink)\n\n        // add to history stack\n        if (addToHistory && history) {\n          history.pushHistory([\n            () =>\n              removeLinks(\n                links.map((link) => ({\n                  id: link.linkId,\n                  target: { entityId: link.targetEntityId, entityType: targetEntityType },\n                })),\n                false,\n              ),\n          ])\n        }\n      } catch (error: any) {\n        // Error handling is done in the utility function\n      }\n    },\n    [addLink, projectName, entityId, entityType, targetEntityType, linkType, direction, history],\n  )\n\n  // Internal function to avoid circular dependency\n  const removeLinks = useCallback<RemoveLinks>(\n    async (\n      links: { id: string; target: { entityId: string; entityType: string } }[],\n      addToHistory: boolean = true,\n    ) => {\n      try {\n        // prevent removing if any link is self-referential (shouldn't happen, but guard)\n        const hasSelf = links.some((l) => l.target.entityId === entityId)\n        if (hasSelf) {\n          toast.error(\"You can't link an entity to itself\")\n          return\n        }\n\n        const linksToRemove: LinkToRemove[] = links.map((link) => ({\n          id: link.id,\n          target: link.target,\n          source: { entityType, entityId },\n          linkType,\n          direction,\n          projectName,\n        }))\n\n        await removeMultipleLinks(linksToRemove, deleteLink)\n\n        // add to history stack\n        // if there is a history, push it\n        if (addToHistory && history) {\n          history.pushHistory(\n            links.map(\n              (link) => () =>\n                addLinks([{ targetEntityId: link.target.entityId, linkId: link.id }], false),\n            ),\n          )\n        }\n      } catch (error: any) {\n        // Error handling is done in the utility function\n      }\n    },\n    [deleteLink, projectName, entityId, entityType, targetEntityType, linkType, direction, history],\n  )\n\n  return { remove: removeLinks, add: addLinks }\n}\n\nexport default useUpdateLinks\n"],"names":["useUpdateLinks","projectName","direction","entityId","entityType","targetEntityType","linkType","history","useCellEditing","deleteLink","useDeleteEntityLinkMutation","addLink","useCreateEntityLinkMutation","addLinks","useCallback","links","addToHistory","l","toast","linksToAdd","link","addMultipleLinks","removeLinks","linksToRemove","removeMultipleLinks"],"mappings":"opcA6BA,MAAMA,EAAiB,CAAC,CACtB,YAAAC,EACA,UAAAC,EACA,SAAAC,EACA,WAAAC,EACA,iBAAAC,EACA,SAAAC,CACF,IAAa,CACL,KAAA,CAAE,QAAAC,CAAQ,EAAIC,iBAAe,EAE7B,CAACC,CAAU,EAAIC,8BAA4B,EAC3C,CAACC,CAAO,EAAIC,8BAA4B,EAGxCC,EAAWC,EAAA,YACf,MAAOC,EAAOC,EAAe,KAAS,CAChC,GAAA,CAGF,GADgBD,EAAM,KAAME,GAAMA,EAAE,iBAAmBd,CAAQ,EAClD,CACXe,EAAA,MAAM,MAAM,oCAAoC,EAChD,MAAA,CAGF,MAAMC,EAA0BJ,EAAM,IAAKK,IAAU,CACnD,eAAgBA,EAAK,eACrB,OAAQA,EAAK,OACb,eAAgBjB,EAChB,iBAAkBC,EAClB,iBAAAC,EACA,SAAAC,EACA,UAAAJ,EACA,YAAAD,CAAA,EACA,EAEI,MAAAoB,EAAA,iBAAiBF,EAAYR,CAAO,EAGtCK,GAAgBT,GAClBA,EAAQ,YAAY,CAClB,IACEe,EACEP,EAAM,IAAKK,IAAU,CACnB,GAAIA,EAAK,OACT,OAAQ,CAAE,SAAUA,EAAK,eAAgB,WAAYf,CAAiB,CAAA,EACtE,EACF,EAAA,CACF,CACH,OAEgB,CAAA,CAGvB,EACA,CAACM,EAASV,EAAaE,EAAUC,EAAYC,EAAkBC,EAAUJ,EAAWK,CAAO,CAC7F,EAGMe,EAAcR,EAAA,YAClB,MACEC,EACAC,EAAwB,KACrB,CACC,GAAA,CAGF,GADgBD,EAAM,KAAME,GAAMA,EAAE,OAAO,WAAad,CAAQ,EACnD,CACXe,EAAA,MAAM,MAAM,oCAAoC,EAChD,MAAA,CAGF,MAAMK,EAAgCR,EAAM,IAAKK,IAAU,CACzD,GAAIA,EAAK,GACT,OAAQA,EAAK,OACb,OAAQ,CAAE,WAAAhB,EAAY,SAAAD,CAAS,EAC/B,SAAAG,EACA,UAAAJ,EACA,YAAAD,CAAA,EACA,EAEI,MAAAuB,EAAA,oBAAoBD,EAAed,CAAU,EAI/CO,GAAgBT,GACVA,EAAA,YACNQ,EAAM,IACHK,GAAS,IACRP,EAAS,CAAC,CAAE,eAAgBO,EAAK,OAAO,SAAU,OAAQA,EAAK,EAAG,CAAC,EAAG,EAAK,CAAA,CAEjF,OAEiB,CAAA,CAGvB,EACA,CAACX,EAAYR,EAAaE,EAAUC,EAAYC,EAAkBC,EAAUJ,EAAWK,CAAO,CAChG,EAEA,MAAO,CAAE,OAAQe,EAAa,IAAKT,CAAS,CAC9C"}