@ynput/ayon-frontend-shared 0.4.1 → 0.4.3

package/dist/shared/src/containers/DetailsPanel/components/DetailsPanelMoreMenu/DetailsPanelMoreMenu.es.js

@@ -1,377 +1,84 @@
-import { j as m } from "../../../../../../_virtual/jsx-runtime.es.js";
+import { j as t } from "../../../../../../_virtual/jsx-runtime.es.js";
 import { useRef as K, useState as S, useContext as Q, useId as W, useMemo as L } from "react";
 import X from "clsx";
 import { Button as Y } from "@ynput/ayon-react-components";
-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 "react-dom";
-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 { DetailsDialog as Z } from "../../../../components/DetailsDialog/DetailsDialog.es.js";
-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 "react-markdown";
-import "remark-gfm";
-import "rehype-raw";
-import "../../../Feed/components/CommentInput/quillToMarkdown.es.js";
-import "../../../../components/DetailsPanelDetails/hooks/useMentionSystem.es.js";
-import "../../../Feed/components/CommentInput/modules/index.es.js";
-import "lodash";
-import "react-toastify";
-import "uuid";
-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 "../../../../util/pubsub.es.js";
-import "../../../../context/RemoteModulesContext.es.js";
-import "../../../../../../_virtual/runtime.es.js";
-import "../../../../../../_virtual/semver.es.js";
-import "../../../../context/PowerpackContextInstance.es.js";
-import "../../../../context/UriContext.es.js";
-import "../../../../context/DetailsPanelContextInstance.es.js";
-import "../../../../context/SubtasksModulesContextInstance.es.js";
-import { ThumbnailUploadContext as I } from "../../../../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 { useMenuContext as N } from "../../../../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";
-/* empty css                                       */
-import "../../../Feed/context/FeedContext.es.js";
-import "../../../Feed/components/Tooltips/UserTooltipItem.es.js";
-import "../../../Feed/components/Tooltips/UserTooltip/UserTooltip.styled.es.js";
-import "../../../Feed/components/Tooltips/TeamTooltip/TeamTooltip.styled.es.js";
-import "../../../Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.es.js";
-import "../../../Feed/components/FileUploadPreview/FileUploadPreview.styled.es.js";
-import "../../../Feed/components/FileUploadPreview/Mimes/TextMime.es.js";
-import "remark-emoji";
-import "remark-directive";
-import "remark-directive-rehype";
-import "../../../Feed/components/CommentInput/CommentInput.es.js";
-import "../../../Feed/components/ReactionContainer/Reactions.styled.es.js";
-import "../../../Feed/components/FilesGrid/FilesGrid.styled.es.js";
-import "../../../Feed/components/FileUploadCard/FileUploadCard.styled.es.js";
-import "../../../Feed/components/ActivityComment/ActivityComment.styled.es.js";
-import "../../../Feed/components/ActivityCheckbox/ActivityCheckbox.styled.es.js";
-import "../../../Feed/components/ActivityReference/ActivityReference.styled.es.js";
-import "react-router-dom";
-import "../../../Feed/components/ActivityStatus/ActivityStatus.es.js";
-import "../../../Feed/components/ActivityHeader/ActivityHeader.styled.es.js";
-import "../../../Feed/components/ActivityDate.es.js";
-import "../../../Feed/components/ActivityVersionReview/ActivityVersionReview.styled.es.js";
-import "../../../Feed/components/ActivityCategorySelect/ActivityCategorySelect.es.js";
-import "../../../Feed/components/ActivityCategorySelect/CategoryDropdownItem.es.js";
-import "../../../Feed/components/ActivityCategorySelect/CategoryTag.es.js";
-import "../../../Feed/components/ActivityFieldChange/ActivityFieldChange.styled.es.js";
-import "../../../Feed/components/ActivityFieldChange/FieldValue.es.js";
-import "../../../Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.es.js";
-import "../../../Feed/components/ActivityVersions/ActivityVersions.styled.es.js";
-import "../../../Feed/components/ActivityGroup/ActivityGroup.styled.es.js";
-import "../../../Feed/Feed.styled.es.js";
-import "../../../../components/EmptyPlaceholder/EmptyPlaceholder.es.js";
-import "../../../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.es.js";
-import "../../../Feed/components/FeedSearchFilter.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 "../../../NewEntity/components/NewEntity.es.js";
-import "../../../Slicer/components/Slicer.es.js";
-import "../../../Slicer/context/SlicerContextInstance.es.js";
-import "../../../Slicer/components/SlicerDropdownFallback.es.js";
-import "../../../Slicer/hooks/useTableDataBySlice.es.js";
-import "react-redux";
-import "../../../NewEntity/context/NewEntityContextInstance.es.js";
-import "../../../NewEntity/components/NewEntityForm.es.js";
-import "@dnd-kit/core";
-import "@dnd-kit/sortable";
-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 "../../../../components/LinksManager/LinksManager.styled.es.js";
-import "../../../ProjectTreeTable/widgets/EmptyWidget.es.js";
-import "../../../ProjectTreeTable/widgets/ErrorWidget.es.js";
-import "../../DetailsPanel.styled.es.js";
-import "../DetailsPanelTabs/DetailsPanelTabs.styled.es.js";
-import "../DetailsPanelHeader/LinkedTaskRow.styled.es.js";
-import "../DetailsPanelHeader/DetailsPanelHeader.styled.es.js";
-import "../../../../components/PlayableIcon/PlayableIcon.es.js";
-import "../DetailsPanelFiles/DetailsPanelFiles.es.js";
-import { useContextAccess as y } from "./hooks/useContextAccess.es.js";
-import { useMenuOptions as oo } from "./hooks/useMenuOptions.es.js";
-import { ShareDialog as to } from "./components/ShareDialog.es.js";
-import "../TabHeaderAndFilters/TabHeaderAndFilters.styled.es.js";
-import "../SubtasksSearchFilter/SubtasksSearchFilter.es.js";
-import "../DetailsPanelSlideOut/DetailsPanelSlideOut.styled.es.js";
-import "../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 "../../../EntityPickerDialog/EntityPickerDialog.es.js";
-import "../../../ListTable/ListTableRow.es.js";
-import "../../../ListTable/ListTable.styled.es.js";
-import { useDeleteEntitiesContextOptional as ro, isDeletableEntityType as io } from "../../../../context/DeleteEntitiesContext.es.js";
-import "custom-protocol-check";
-import "../../../ProjectTreeTable/components/GroupSettingsFallback.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/InfoMessage/InfoMessage.es.js";
-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/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 "../../../../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 { Menu as mo } from "../../../../components/Menu/Menu.es.js";
-import { MenuContainer as po } from "../../../../components/Menu/MenuContainer.es.js";
-import "../../../../components/Menu/MenuItem.es.js";
-import "../../../../components/Menu/Menu.styled.es.js";
-import "../../../../components/ReviewablesSelector/ReviewablesSelector.es.js";
-import "../../../../components/ColumnHeaderMenuUI.es.js";
-const eo = (i, o, p, e) => {
-  const t = { projectName: p, quickView: !0 };
-  switch (i) {
+import { Menu as Z } from "../../../../components/Menu/Menu.es.js";
+import { MenuContainer as I } from "../../../../components/Menu/MenuContainer.es.js";
+import { DetailsDialog as N } from "../../../../components/DetailsDialog/DetailsDialog.es.js";
+import { useMenuContext as y } from "../../../../context/MenuContext.es.js";
+import { ThumbnailUploadContext as ee } from "../../../../context/ThumbnailUploaderContext.es.js";
+import { useDeleteEntitiesContextOptional as oe, isDeletableEntityType as ne } from "../../../../context/DeleteEntitiesContext.es.js";
+import { useContextAccess as se } from "./hooks/useContextAccess.es.js";
+import { useMenuOptions as te } from "./hooks/useMenuOptions.es.js";
+import { ShareDialog as re } from "./components/ShareDialog.es.js";
+const le = (s, e, r, l) => {
+  const o = { projectName: r, quickView: !0 };
+  switch (s) {
     case "folder":
-      return { ...t, folderId: o };
+      return { ...o, folderId: e };
     case "task":
-      return { ...t, taskId: o };
+      return { ...o, taskId: e };
     case "product":
-      return { ...t, productId: o };
+      return { ...o, productId: e };
     case "version":
-      return e ? { ...t, productId: e, versionIds: [o] } : null;
+      return l ? { ...o, productId: l, versionIds: [e] } : null;
     default:
       return null;
   }
-}, Jp = ({
-  entityType: i,
-  entityId: o,
-  entityIds: p,
-  entityLabel: e,
-  projectName: t,
-  selectedEntities: n = [],
+}, Me = ({
+  entityType: s,
+  entityId: e,
+  entityIds: r,
+  entityLabel: l,
+  projectName: o,
+  selectedEntities: a = [],
   entityListsContext: A,
-  onOpenPip: c,
+  onOpenPip: p,
   onOpenViewer: d,
   productId: f,
   taskId: E,
   folderId: R
 }) => {
-  const h = K(null), [g, x] = S(!1), [b, D] = S(null), { menuOpen: $, toggleMenuOpen: j, setMenuOpen: M } = N(), { triggerThumbnailUpload: U, canUploadVersion: H } = Q(I), { onOpenVersionUpload: V } = y(), C = W(), l = L(() => {
-    const s = o || p?.[0] || "noentity";
-    return `details-more-menu-${C}-${s}-${t || "noproject"}`;
-  }, [C, o, p, t]), P = $ === l, T = !!o && !!t && !!U, q = !!H && !!V, z = () => {
+  const h = K(null), [g, x] = S(!1), [b, D] = S(null), { menuOpen: $, toggleMenuOpen: j, setMenuOpen: M } = y(), { triggerThumbnailUpload: U, canUploadVersion: H } = Q(ee), { onOpenVersionUpload: V } = se(), C = W(), u = L(() => {
+    const i = e || r?.[0] || "noentity";
+    return `details-more-menu-${C}-${i}-${o || "noproject"}`;
+  }, [C, e, r, o]), P = $ === u, T = !!e && !!o && !!U, q = !!H && !!V, z = () => {
     V?.({ productId: f, taskId: E, folderId: R });
-  }, a = o && t ? eo(i, o, t, f) : null, B = !!d && !!a, w = ro(), u = L(() => (n.length ? n : o ? [{ entityId: o, entityType: i, projectName: t }] : []).map((r) => {
-    const k = r.entityType || i, v = r.projectName || t;
-    return !io(k) || !r.entityId || !v ? null : {
-      id: r.entityId,
+  }, c = e && o ? le(s, e, o, f) : null, B = !!d && !!c, w = oe(), m = L(() => (a.length ? a : e ? [{ entityId: e, entityType: s, projectName: o }] : []).map((n) => {
+    const k = n.entityType || s, v = n.projectName || o;
+    return !ne(k) || !n.entityId || !v ? null : {
+      id: n.entityId,
       entityType: k,
-      name: r.name,
-      label: r.label,
+      name: n.name,
+      label: n.label,
       projectName: v,
-      folderId: r.folderId,
-      parentId: r.parentId
+      folderId: n.folderId,
+      parentId: n.parentId
     };
-  }).filter((r) => r !== null), [n, o, i, t]), F = !!w && u.length > 0, _ = () => {
-    M(!1), w?.deleteEntities(u);
-  }, { items: G } = oo({
-    entityType: i,
-    entityId: o,
-    projectName: t,
-    selectedEntities: n,
-    deleteEntities: u,
+  }).filter((n) => n !== null), [a, e, s, o]), F = !!w && m.length > 0, _ = () => {
+    M(!1), w?.deleteEntities(m);
+  }, { items: G } = te({
+    entityType: s,
+    entityId: e,
+    projectName: o,
+    selectedEntities: a,
+    deleteEntities: m,
     canUploadThumbnail: T,
     canUploadVersion: q,
-    canOpenPip: !!c,
+    canOpenPip: !!p,
     canOpenViewer: B,
     canDelete: F,
     entityListsContext: A,
-    onPip: () => c?.(),
-    onOpenViewer: () => a && d?.(a),
+    onPip: () => p?.(),
+    onOpenViewer: () => c && d?.(c),
     onUploadThumbnail: () => U?.(),
     onUploadVersion: z,
-    onShare: (s) => D(s),
+    onShare: (i) => D(i),
     onViewData: () => x(!0),
     onDelete: _
-  }), O = p?.length ? p : o ? [o] : [], J = e || o || "";
-  return /* @__PURE__ */ m.jsxs(m.Fragment, { children: [
-    /* @__PURE__ */ m.jsx(
+  }), O = r?.length ? r : e ? [e] : [], J = l || e || "";
+  return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+    /* @__PURE__ */ t.jsx(
       Y,
       {
         ref: h,
@@ -380,22 +87,22 @@ const eo = (i, o, p, e) => {
         "data-tooltip": "More actions",
         "aria-label": "More actions",
         className: X({ active: P }),
-        onClick: () => j(l)
+        onClick: () => j(u)
       }
     ),
-    /* @__PURE__ */ m.jsx(po, { id: l, target: h.current, align: "right", children: /* @__PURE__ */ m.jsx(mo, { menu: G, onClose: () => M(!1) }) }),
-    g && t && O.length > 0 && /* @__PURE__ */ m.jsx(
-      Z,
+    /* @__PURE__ */ t.jsx(I, { id: u, target: h.current, align: "right", children: /* @__PURE__ */ t.jsx(Z, { menu: G, onClose: () => M(!1) }) }),
+    g && o && O.length > 0 && /* @__PURE__ */ t.jsx(
+      N,
       {
-        projectName: t,
-        entityType: i,
+        projectName: o,
+        entityType: s,
         entityIds: O,
         visible: g,
         onHide: () => x(!1)
       }
     ),
-    b && /* @__PURE__ */ m.jsx(
-      to,
+    b && /* @__PURE__ */ t.jsx(
+      re,
       {
         link: b,
         entityLabel: J,
@@ -406,6 +113,6 @@ const eo = (i, o, p, e) => {
   ] });
 };
 export {
-  Jp as DetailsPanelMoreMenu
+  Me as DetailsPanelMoreMenu
 };
 //# sourceMappingURL=DetailsPanelMoreMenu.es.js.map

package/dist/shared/src/containers/DetailsPanel/components/DetailsPanelMoreMenu/DetailsPanelMoreMenu.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"DetailsPanelMoreMenu.es.js","sources":["../../../../../../../src/containers/DetailsPanel/components/DetailsPanelMoreMenu/DetailsPanelMoreMenu.tsx"],"sourcesContent":["import { useContext, useId, useMemo, useRef, useState } from 'react'\nimport clsx from 'clsx'\nimport { Button } from '@ynput/ayon-react-components'\nimport { Menu, MenuContainer, DetailsDialog } from '@shared/components'\nimport {\n  useMenuContext,\n  ThumbnailUploadContext,\n  useDeleteEntitiesContextOptional,\n  isDeletableEntityType,\n  type DeletableEntity,\n} from '@shared/context'\n\nimport { useContextAccess } from './hooks/useContextAccess'\nimport { useMenuOptions } from './hooks/useMenuOptions'\nimport { ShareDialog } from './components/ShareDialog'\nimport type { DetailsPanelEntityListsContext, SelectedEntityRef } from './types'\n\nexport interface DetailsPanelMoreMenuProps {\n  entityType: string\n  entityId?: string\n  entityIds?: string[]\n  entityLabel?: string\n  projectName?: string\n  selectedEntities?: SelectedEntityRef[]\n  entityListsContext?: DetailsPanelEntityListsContext\n  onOpenPip?: () => void\n  onOpenViewer?: (args: any) => void\n  productId?: string\n  taskId?: string\n  folderId?: string\n}\n\nconst buildViewerArgs = (\n  entityType: string,\n  entityId: string,\n  projectName: string,\n  parentProductId?: string,\n): Record<string, unknown> | null => {\n  const base = { projectName, quickView: true }\n  switch (entityType) {\n    case 'folder':\n      return { ...base, folderId: entityId }\n    case 'task':\n      return { ...base, taskId: entityId }\n    case 'product':\n      return { ...base, productId: entityId }\n    case 'version':\n      // ViewerDialog opens on productId; version is selected within that product.\n      return parentProductId\n        ? { ...base, productId: parentProductId, versionIds: [entityId] }\n        : null\n    default:\n      return null\n  }\n}\n\nexport const DetailsPanelMoreMenu = ({\n  entityType,\n  entityId,\n  entityIds,\n  entityLabel,\n  projectName,\n  selectedEntities = [],\n  entityListsContext,\n  onOpenPip,\n  onOpenViewer,\n  productId,\n  taskId,\n  folderId,\n}: DetailsPanelMoreMenuProps) => {\n  const buttonRef = useRef<HTMLButtonElement>(null)\n  const [showDataDialog, setShowDataDialog] = useState(false)\n  const [shareDialogLink, setShareDialogLink] = useState<string | null>(null)\n  const { menuOpen, toggleMenuOpen, setMenuOpen } = useMenuContext()\n\n  const { triggerThumbnailUpload, canUploadVersion } = useContext(ThumbnailUploadContext)\n  const { onOpenVersionUpload } = useContextAccess()\n\n  // useId keeps the id unique per panel instance so the main panel and the slideout\n  // never share it — a global menuOpen would otherwise open both menus at once.\n  const instanceId = useId()\n  const menuId = useMemo(() => {\n    const seed = entityId || entityIds?.[0] || 'noentity'\n    return `details-more-menu-${instanceId}-${seed}-${projectName || 'noproject'}`\n  }, [instanceId, entityId, entityIds, projectName])\n\n  const isOpen = menuOpen === menuId\n\n  const canUploadThumbnail = !!entityId && !!projectName && !!triggerThumbnailUpload\n  // Show \"Upload version\" only when both gates pass:\n  //  - ThumbnailUploadContext flags this entity as version-uploadable (single, non-representation).\n  //  - VersionUploadContext is mounted upstream so the proper form flow is available.\n  // (No raw file-picker fallback — matches PR #1406's \"only on project pages\" semantics.)\n  const canUploadVersionItem = !!canUploadVersion && !!onOpenVersionUpload\n\n  const handleUploadVersion = () => {\n    onOpenVersionUpload?.({ productId, taskId, folderId })\n  }\n\n  const viewerArgs =\n    entityId && projectName\n      ? buildViewerArgs(entityType, entityId, projectName, productId)\n      : null\n  const canOpenViewer = !!onOpenViewer && !!viewerArgs\n\n  const deleteContext = useDeleteEntitiesContextOptional()\n\n  // Delete acts only on what this panel currently displays — never an outside selection,\n  // which can diverge from the panel's entity and delete the wrong thing.\n  const deletableEntities = useMemo<DeletableEntity[]>(() => {\n    const source: SelectedEntityRef[] = selectedEntities.length\n      ? selectedEntities\n      : entityId\n        ? [{ entityId, entityType, projectName }]\n        : []\n    return source\n      .map((e): DeletableEntity | null => {\n        const type = e.entityType || entityType\n        const entityProjectName = e.projectName || projectName\n        if (!isDeletableEntityType(type) || !e.entityId || !entityProjectName) return null\n        return {\n          id: e.entityId,\n          entityType: type,\n          name: e.name,\n          label: e.label,\n          projectName: entityProjectName,\n          folderId: e.folderId,\n          parentId: e.parentId,\n        }\n      })\n      .filter((e): e is DeletableEntity => e !== null)\n  }, [selectedEntities, entityId, entityType, projectName])\n\n  const canDelete = !!deleteContext && deletableEntities.length > 0\n\n  const handleDelete = () => {\n    setMenuOpen(false)\n    deleteContext?.deleteEntities(deletableEntities)\n  }\n\n  const { items } = useMenuOptions({\n    entityType,\n    entityId,\n    projectName,\n    selectedEntities,\n    deleteEntities: deletableEntities,\n    canUploadThumbnail,\n    canUploadVersion: canUploadVersionItem,\n    canOpenPip: !!onOpenPip,\n    canOpenViewer,\n    canDelete,\n    entityListsContext,\n    onPip: () => onOpenPip?.(),\n    onOpenViewer: () => viewerArgs && onOpenViewer?.(viewerArgs),\n    onUploadThumbnail: () => triggerThumbnailUpload?.(),\n    onUploadVersion: handleUploadVersion,\n    onShare: (link) => setShareDialogLink(link),\n    onViewData: () => setShowDataDialog(true),\n    onDelete: handleDelete,\n  })\n\n  const dialogIds = entityIds?.length ? entityIds : entityId ? [entityId] : []\n  const shareLabel = entityLabel || entityId || ''\n\n  return (\n    <>\n      <Button\n        ref={buttonRef}\n        icon=\"more_horiz\"\n        variant=\"text\"\n        data-tooltip=\"More actions\"\n        aria-label=\"More actions\"\n        className={clsx({ active: isOpen })}\n        onClick={() => toggleMenuOpen(menuId)}\n      />\n      <MenuContainer id={menuId} target={buttonRef.current} align=\"right\">\n        <Menu menu={items} onClose={() => setMenuOpen(false)} />\n      </MenuContainer>\n      {showDataDialog && projectName && dialogIds.length > 0 && (\n        <DetailsDialog\n          projectName={projectName}\n          entityType={entityType}\n          entityIds={dialogIds}\n          visible={showDataDialog}\n          onHide={() => setShowDataDialog(false)}\n        />\n      )}\n      {shareDialogLink && (\n        <ShareDialog\n          link={shareDialogLink}\n          entityLabel={shareLabel}\n          visible\n          onHide={() => setShareDialogLink(null)}\n        />\n      )}\n    </>\n  )\n}\n\nexport default DetailsPanelMoreMenu\n"],"names":["buildViewerArgs","entityType","entityId","projectName","parentProductId","base","DetailsPanelMoreMenu","entityIds","entityLabel","selectedEntities","entityListsContext","onOpenPip","onOpenViewer","productId","taskId","folderId","buttonRef","useRef","showDataDialog","setShowDataDialog","useState","shareDialogLink","setShareDialogLink","menuOpen","toggleMenuOpen","setMenuOpen","useMenuContext","triggerThumbnailUpload","canUploadVersion","useContext","ThumbnailUploadContext","onOpenVersionUpload","useContextAccess","instanceId","useId","menuId","useMemo","seed","isOpen","canUploadThumbnail","canUploadVersionItem","handleUploadVersion","viewerArgs","canOpenViewer","deleteContext","useDeleteEntitiesContextOptional","deletableEntities","e","type","entityProjectName","isDeletableEntityType","canDelete","handleDelete","items","useMenuOptions","link","dialogIds","shareLabel","jsxs","Fragment","jsx","Button","clsx","MenuContainer","Menu","DetailsDialog","ShareDialog"],"mappings":"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"}
+{"version":3,"file":"DetailsPanelMoreMenu.es.js","sources":["../../../../../../../src/containers/DetailsPanel/components/DetailsPanelMoreMenu/DetailsPanelMoreMenu.tsx"],"sourcesContent":["import { useContext, useId, useMemo, useRef, useState } from 'react'\nimport clsx from 'clsx'\nimport { Button } from '@ynput/ayon-react-components'\nimport { Menu } from '@shared/components/Menu/Menu'\nimport { MenuContainer } from '@shared/components/Menu/MenuContainer'\nimport { DetailsDialog } from '@shared/components/DetailsDialog/DetailsDialog'\nimport { useMenuContext } from '@shared/context/MenuContext'\nimport { ThumbnailUploadContext } from '@shared/context/ThumbnailUploaderContext'\nimport {\n  useDeleteEntitiesContextOptional,\n  isDeletableEntityType,\n} from '@shared/context/DeleteEntitiesContext'\nimport type { DeletableEntity } from '@shared/context/DeleteEntitiesContext'\n\nimport { useContextAccess } from './hooks/useContextAccess'\nimport { useMenuOptions } from './hooks/useMenuOptions'\nimport { ShareDialog } from './components/ShareDialog'\nimport type { DetailsPanelEntityListsContext, SelectedEntityRef } from './types'\n\nexport interface DetailsPanelMoreMenuProps {\n  entityType: string\n  entityId?: string\n  entityIds?: string[]\n  entityLabel?: string\n  projectName?: string\n  selectedEntities?: SelectedEntityRef[]\n  entityListsContext?: DetailsPanelEntityListsContext\n  onOpenPip?: () => void\n  onOpenViewer?: (args: any) => void\n  productId?: string\n  taskId?: string\n  folderId?: string\n}\n\nconst buildViewerArgs = (\n  entityType: string,\n  entityId: string,\n  projectName: string,\n  parentProductId?: string,\n): Record<string, unknown> | null => {\n  const base = { projectName, quickView: true }\n  switch (entityType) {\n    case 'folder':\n      return { ...base, folderId: entityId }\n    case 'task':\n      return { ...base, taskId: entityId }\n    case 'product':\n      return { ...base, productId: entityId }\n    case 'version':\n      // ViewerDialog opens on productId; version is selected within that product.\n      return parentProductId\n        ? { ...base, productId: parentProductId, versionIds: [entityId] }\n        : null\n    default:\n      return null\n  }\n}\n\nexport const DetailsPanelMoreMenu = ({\n  entityType,\n  entityId,\n  entityIds,\n  entityLabel,\n  projectName,\n  selectedEntities = [],\n  entityListsContext,\n  onOpenPip,\n  onOpenViewer,\n  productId,\n  taskId,\n  folderId,\n}: DetailsPanelMoreMenuProps) => {\n  const buttonRef = useRef<HTMLButtonElement>(null)\n  const [showDataDialog, setShowDataDialog] = useState(false)\n  const [shareDialogLink, setShareDialogLink] = useState<string | null>(null)\n  const { menuOpen, toggleMenuOpen, setMenuOpen } = useMenuContext()\n\n  const { triggerThumbnailUpload, canUploadVersion } = useContext(ThumbnailUploadContext)\n  const { onOpenVersionUpload } = useContextAccess()\n\n  // useId keeps the id unique per panel instance so the main panel and the slideout\n  // never share it — a global menuOpen would otherwise open both menus at once.\n  const instanceId = useId()\n  const menuId = useMemo(() => {\n    const seed = entityId || entityIds?.[0] || 'noentity'\n    return `details-more-menu-${instanceId}-${seed}-${projectName || 'noproject'}`\n  }, [instanceId, entityId, entityIds, projectName])\n\n  const isOpen = menuOpen === menuId\n\n  const canUploadThumbnail = !!entityId && !!projectName && !!triggerThumbnailUpload\n  // Show \"Upload version\" only when both gates pass:\n  //  - ThumbnailUploadContext flags this entity as version-uploadable (single, non-representation).\n  //  - VersionUploadContext is mounted upstream so the proper form flow is available.\n  // (No raw file-picker fallback — matches PR #1406's \"only on project pages\" semantics.)\n  const canUploadVersionItem = !!canUploadVersion && !!onOpenVersionUpload\n\n  const handleUploadVersion = () => {\n    onOpenVersionUpload?.({ productId, taskId, folderId })\n  }\n\n  const viewerArgs =\n    entityId && projectName ? buildViewerArgs(entityType, entityId, projectName, productId) : null\n  const canOpenViewer = !!onOpenViewer && !!viewerArgs\n\n  const deleteContext = useDeleteEntitiesContextOptional()\n\n  // Delete acts only on what this panel currently displays — never an outside selection,\n  // which can diverge from the panel's entity and delete the wrong thing.\n  const deletableEntities = useMemo<DeletableEntity[]>(() => {\n    const source: SelectedEntityRef[] = selectedEntities.length\n      ? selectedEntities\n      : entityId\n      ? [{ entityId, entityType, projectName }]\n      : []\n    return source\n      .map((e): DeletableEntity | null => {\n        const type = e.entityType || entityType\n        const entityProjectName = e.projectName || projectName\n        if (!isDeletableEntityType(type) || !e.entityId || !entityProjectName) return null\n        return {\n          id: e.entityId,\n          entityType: type,\n          name: e.name,\n          label: e.label,\n          projectName: entityProjectName,\n          folderId: e.folderId,\n          parentId: e.parentId,\n        }\n      })\n      .filter((e): e is DeletableEntity => e !== null)\n  }, [selectedEntities, entityId, entityType, projectName])\n\n  const canDelete = !!deleteContext && deletableEntities.length > 0\n\n  const handleDelete = () => {\n    setMenuOpen(false)\n    deleteContext?.deleteEntities(deletableEntities)\n  }\n\n  const { items } = useMenuOptions({\n    entityType,\n    entityId,\n    projectName,\n    selectedEntities,\n    deleteEntities: deletableEntities,\n    canUploadThumbnail,\n    canUploadVersion: canUploadVersionItem,\n    canOpenPip: !!onOpenPip,\n    canOpenViewer,\n    canDelete,\n    entityListsContext,\n    onPip: () => onOpenPip?.(),\n    onOpenViewer: () => viewerArgs && onOpenViewer?.(viewerArgs),\n    onUploadThumbnail: () => triggerThumbnailUpload?.(),\n    onUploadVersion: handleUploadVersion,\n    onShare: (link) => setShareDialogLink(link),\n    onViewData: () => setShowDataDialog(true),\n    onDelete: handleDelete,\n  })\n\n  const dialogIds = entityIds?.length ? entityIds : entityId ? [entityId] : []\n  const shareLabel = entityLabel || entityId || ''\n\n  return (\n    <>\n      <Button\n        ref={buttonRef}\n        icon=\"more_horiz\"\n        variant=\"text\"\n        data-tooltip=\"More actions\"\n        aria-label=\"More actions\"\n        className={clsx({ active: isOpen })}\n        onClick={() => toggleMenuOpen(menuId)}\n      />\n      <MenuContainer id={menuId} target={buttonRef.current} align=\"right\">\n        <Menu menu={items} onClose={() => setMenuOpen(false)} />\n      </MenuContainer>\n      {showDataDialog && projectName && dialogIds.length > 0 && (\n        <DetailsDialog\n          projectName={projectName}\n          entityType={entityType}\n          entityIds={dialogIds}\n          visible={showDataDialog}\n          onHide={() => setShowDataDialog(false)}\n        />\n      )}\n      {shareDialogLink && (\n        <ShareDialog\n          link={shareDialogLink}\n          entityLabel={shareLabel}\n          visible\n          onHide={() => setShareDialogLink(null)}\n        />\n      )}\n    </>\n  )\n}\n\nexport default DetailsPanelMoreMenu\n"],"names":["buildViewerArgs","entityType","entityId","projectName","parentProductId","base","DetailsPanelMoreMenu","entityIds","entityLabel","selectedEntities","entityListsContext","onOpenPip","onOpenViewer","productId","taskId","folderId","buttonRef","useRef","showDataDialog","setShowDataDialog","useState","shareDialogLink","setShareDialogLink","menuOpen","toggleMenuOpen","setMenuOpen","useMenuContext","triggerThumbnailUpload","canUploadVersion","useContext","ThumbnailUploadContext","onOpenVersionUpload","useContextAccess","instanceId","useId","menuId","useMemo","seed","isOpen","canUploadThumbnail","canUploadVersionItem","handleUploadVersion","viewerArgs","canOpenViewer","deleteContext","useDeleteEntitiesContextOptional","deletableEntities","e","type","entityProjectName","isDeletableEntityType","canDelete","handleDelete","items","useMenuOptions","link","dialogIds","shareLabel","jsxs","Fragment","jsx","Button","clsx","MenuContainer","Menu","DetailsDialog","ShareDialog"],"mappings":"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"}

package/dist/shared/src/containers/DetailsPanel/components/DetailsPanelMoreMenu/components/ShareDialog.cjs.js

@@ -1,15 +1,15 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../../../../_virtual/jsx-runtime.cjs.js"),r=require("styled-components"),u=require("@ynput/ayon-react-components");require("lodash");require("react-toastify");const p=require("../../../../../util/copyToClipboard.cjs.js");require("uuid");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 d=r.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../../../../_virtual/jsx-runtime.cjs.js"),o=require("styled-components"),s=require("@ynput/ayon-react-components");require("lodash");require("react-toastify");const d=require("../../../../../util/copyToClipboard.cjs.js");require("uuid");require("../../../../../api/queries/users/updateUsers.cjs.js");require("../../../../../util/pubsub.cjs.js");const m=o.div`
   display: flex;
   flex-direction: column;
   gap: 16px;
-`,n=r.div`
+`,c=o.div`
   display: flex;
   flex-direction: column;
   gap: 6px;
-`,t=r.span`
+`,a=o.span`
   font-size: 13px;
   color: var(--md-sys-color-on-surface);
-`,c=r.button`
+`,l=o.button`
   display: flex;
   align-items: center;
   gap: 12px;
@@ -38,5 +38,5 @@
     text-overflow: ellipsis;
     white-space: nowrap;
   }
-`,m=({link:i,entityLabel:a,visible:l,onHide:q})=>{if(!l)return null;const o=`[${a}](${i})`,s=x=>{p.copyToClipboard(x,!0),q()};return e.jsxRuntimeExports.jsx(u.Dialog,{isOpen:!0,onClose:q,size:"sm",header:"Share",children:e.jsxRuntimeExports.jsxs(d,{children:[e.jsxRuntimeExports.jsxs(n,{children:[e.jsxRuntimeExports.jsx(t,{children:"Link"}),e.jsxRuntimeExports.jsxs(c,{type:"button",onClick:()=>s(i),"aria-label":"Copy link",children:[e.jsxRuntimeExports.jsx("span",{className:"value",children:i}),e.jsxRuntimeExports.jsx(u.Icon,{icon:"content_copy"})]})]}),e.jsxRuntimeExports.jsxs(n,{children:[e.jsxRuntimeExports.jsx(t,{children:"Markdown Link"}),e.jsxRuntimeExports.jsxs(c,{type:"button",onClick:()=>s(o),"aria-label":"Copy markdown link",children:[e.jsxRuntimeExports.jsx("span",{className:"value",children:o}),e.jsxRuntimeExports.jsx(u.Icon,{icon:"content_copy"})]})]})]})})};exports.ShareDialog=m;
+`,j=({link:r,entityLabel:x,visible:u,onHide:n})=>{if(!u)return null;const t=`[${x}](${r})`,i=p=>{d.copyToClipboard(p,!0),n()};return e.jsxRuntimeExports.jsx(s.Dialog,{isOpen:!0,onClose:n,size:"sm",header:"Share",children:e.jsxRuntimeExports.jsxs(m,{children:[e.jsxRuntimeExports.jsxs(c,{children:[e.jsxRuntimeExports.jsx(a,{children:"Link"}),e.jsxRuntimeExports.jsxs(l,{type:"button",onClick:()=>i(r),"aria-label":"Copy link",children:[e.jsxRuntimeExports.jsx("span",{className:"value",children:r}),e.jsxRuntimeExports.jsx(s.Icon,{icon:"content_copy"})]})]}),e.jsxRuntimeExports.jsxs(c,{children:[e.jsxRuntimeExports.jsx(a,{children:"Markdown Link"}),e.jsxRuntimeExports.jsxs(l,{type:"button",onClick:()=>i(t),"aria-label":"Copy markdown link",children:[e.jsxRuntimeExports.jsx("span",{className:"value",children:t}),e.jsxRuntimeExports.jsx(s.Icon,{icon:"content_copy"})]})]})]})})};exports.ShareDialog=j;
 //# sourceMappingURL=ShareDialog.cjs.js.map

package/dist/shared/src/containers/DetailsPanel/components/DetailsPanelMoreMenu/components/ShareDialog.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"ShareDialog.cjs.js","sources":["../../../../../../../../src/containers/DetailsPanel/components/DetailsPanelMoreMenu/components/ShareDialog.tsx"],"sourcesContent":["import styled from 'styled-components'\nimport { Dialog, Icon } from '@ynput/ayon-react-components'\nimport { copyToClipboard } from '@shared/util'\n\nexport interface ShareDialogProps {\n  link: string\n  entityLabel: string\n  visible: boolean\n  onHide: () => void\n}\n\nconst Body = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n`\n\nconst Field = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n`\n\nconst Label = styled.span`\n  font-size: 13px;\n  color: var(--md-sys-color-on-surface);\n`\n\nconst Row = styled.button`\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  width: 100%;\n  padding: 10px 14px;\n  border: none;\n  border-radius: 8px;\n  background: var(--md-sys-color-surface-container-lowest);\n  color: var(--md-sys-color-on-surface);\n  text-align: left;\n  cursor: pointer;\n  font: inherit;\n\n  &:hover {\n    background: var(--md-sys-color-surface-container-low);\n  }\n\n  &:active {\n    background: var(--md-sys-color-surface-container);\n  }\n\n  .value {\n    flex: 1;\n    min-width: 0;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n`\n\nexport const ShareDialog = ({ link, entityLabel, visible, onHide }: ShareDialogProps) => {\n  if (!visible) return null\n\n  const markdown = `[${entityLabel}](${link})`\n\n  const copy = (value: string) => {\n    copyToClipboard(value, true)\n    onHide()\n  }\n\n  return (\n    <Dialog isOpen onClose={onHide} size=\"sm\" header=\"Share\">\n      <Body>\n        <Field>\n          <Label>Link</Label>\n          <Row type=\"button\" onClick={() => copy(link)} aria-label=\"Copy link\">\n            <span className=\"value\">{link}</span>\n            <Icon icon=\"content_copy\" />\n          </Row>\n        </Field>\n        <Field>\n          <Label>Markdown Link</Label>\n          <Row type=\"button\" onClick={() => copy(markdown)} aria-label=\"Copy markdown link\">\n            <span className=\"value\">{markdown}</span>\n            <Icon icon=\"content_copy\" />\n          </Row>\n        </Field>\n      </Body>\n    </Dialog>\n  )\n}\n\nexport default ShareDialog\n"],"names":["Body","styled","Field","Label","Row","ShareDialog","link","entityLabel","visible","onHide","markdown","copy","value","copyToClipboard","jsx","Dialog","jsxs","Icon"],"mappings":"oyMAWA,MAAMA,EAAOC,EAAO;AAAA;AAAA;AAAA;AAAA,EAMdC,EAAQD,EAAO;AAAA;AAAA;AAAA;AAAA,EAMfE,EAAQF,EAAO;AAAA;AAAA;AAAA,EAKfG,EAAMH,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA+BNI,EAAc,CAAC,CAAE,KAAAC,EAAM,YAAAC,EAAa,QAAAC,EAAS,OAAAC,KAA+B,CACvF,GAAI,CAACD,EAAS,OAAO,KAErB,MAAME,EAAW,IAAIH,CAAW,KAAKD,CAAI,IAEnCK,EAAQC,GAAkB,CAC9BC,EAAAA,gBAAgBD,EAAO,EAAI,EAC3BH,EAAA,CACF,EAEA,OACEK,EAAAA,kBAAAA,IAACC,EAAAA,OAAA,CAAO,OAAM,GAAC,QAASN,EAAQ,KAAK,KAAK,OAAO,QAC/C,SAAAO,EAAAA,kBAAAA,KAAChB,EAAA,CACC,SAAA,CAAAgB,yBAACd,EAAA,CACC,SAAA,CAAAY,EAAAA,kBAAAA,IAACX,GAAM,SAAA,MAAA,CAAI,EACXa,EAAAA,kBAAAA,KAACZ,EAAA,CAAI,KAAK,SAAS,QAAS,IAAMO,EAAKL,CAAI,EAAG,aAAW,YACvD,SAAA,CAAAQ,EAAAA,kBAAAA,IAAC,OAAA,CAAK,UAAU,QAAS,SAAAR,EAAK,EAC9BQ,EAAAA,kBAAAA,IAACG,EAAAA,KAAA,CAAK,KAAK,cAAA,CAAe,CAAA,CAAA,CAC5B,CAAA,EACF,2BACCf,EAAA,CACC,SAAA,CAAAY,EAAAA,kBAAAA,IAACX,GAAM,SAAA,eAAA,CAAa,EACpBa,EAAAA,kBAAAA,KAACZ,EAAA,CAAI,KAAK,SAAS,QAAS,IAAMO,EAAKD,CAAQ,EAAG,aAAW,qBAC3D,SAAA,CAAAI,EAAAA,kBAAAA,IAAC,OAAA,CAAK,UAAU,QAAS,SAAAJ,EAAS,EAClCI,EAAAA,kBAAAA,IAACG,EAAAA,KAAA,CAAK,KAAK,cAAA,CAAe,CAAA,CAAA,CAC5B,CAAA,CAAA,CACF,CAAA,CAAA,CACF,CAAA,CACF,CAEJ"}
+{"version":3,"file":"ShareDialog.cjs.js","sources":["../../../../../../../../src/containers/DetailsPanel/components/DetailsPanelMoreMenu/components/ShareDialog.tsx"],"sourcesContent":["import styled from 'styled-components'\nimport { Dialog, Icon } from '@ynput/ayon-react-components'\nimport { copyToClipboard } from '@shared/util'\n\nexport interface ShareDialogProps {\n  link: string\n  entityLabel: string\n  visible: boolean\n  onHide: () => void\n}\n\nconst Body = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n`\n\nconst Field = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n`\n\nconst Label = styled.span`\n  font-size: 13px;\n  color: var(--md-sys-color-on-surface);\n`\n\nconst Row = styled.button`\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  width: 100%;\n  padding: 10px 14px;\n  border: none;\n  border-radius: 8px;\n  background: var(--md-sys-color-surface-container-lowest);\n  color: var(--md-sys-color-on-surface);\n  text-align: left;\n  cursor: pointer;\n  font: inherit;\n\n  &:hover {\n    background: var(--md-sys-color-surface-container-low);\n  }\n\n  &:active {\n    background: var(--md-sys-color-surface-container);\n  }\n\n  .value {\n    flex: 1;\n    min-width: 0;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n`\n\nexport const ShareDialog = ({ link, entityLabel, visible, onHide }: ShareDialogProps) => {\n  if (!visible) return null\n\n  const markdown = `[${entityLabel}](${link})`\n\n  const copy = (value: string) => {\n    copyToClipboard(value, true)\n    onHide()\n  }\n\n  return (\n    <Dialog isOpen onClose={onHide} size=\"sm\" header=\"Share\">\n      <Body>\n        <Field>\n          <Label>Link</Label>\n          <Row type=\"button\" onClick={() => copy(link)} aria-label=\"Copy link\">\n            <span className=\"value\">{link}</span>\n            <Icon icon=\"content_copy\" />\n          </Row>\n        </Field>\n        <Field>\n          <Label>Markdown Link</Label>\n          <Row type=\"button\" onClick={() => copy(markdown)} aria-label=\"Copy markdown link\">\n            <span className=\"value\">{markdown}</span>\n            <Icon icon=\"content_copy\" />\n          </Row>\n        </Field>\n      </Body>\n    </Dialog>\n  )\n}\n\nexport default ShareDialog\n"],"names":["Body","styled","Field","Label","Row","ShareDialog","link","entityLabel","visible","onHide","markdown","copy","value","copyToClipboard","jsx","Dialog","jsxs","Icon"],"mappings":"mcAWA,MAAMA,EAAOC,EAAO;AAAA;AAAA;AAAA;AAAA,EAMdC,EAAQD,EAAO;AAAA;AAAA;AAAA;AAAA,EAMfE,EAAQF,EAAO;AAAA;AAAA;AAAA,EAKfG,EAAMH,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA+BNI,EAAc,CAAC,CAAE,KAAAC,EAAM,YAAAC,EAAa,QAAAC,EAAS,OAAAC,KAA+B,CACvF,GAAI,CAACD,EAAS,OAAO,KAErB,MAAME,EAAW,IAAIH,CAAW,KAAKD,CAAI,IAEnCK,EAAQC,GAAkB,CAC9BC,EAAAA,gBAAgBD,EAAO,EAAI,EAC3BH,EAAA,CACF,EAEA,OACEK,EAAAA,kBAAAA,IAACC,EAAAA,OAAA,CAAO,OAAM,GAAC,QAASN,EAAQ,KAAK,KAAK,OAAO,QAC/C,SAAAO,EAAAA,kBAAAA,KAAChB,EAAA,CACC,SAAA,CAAAgB,yBAACd,EAAA,CACC,SAAA,CAAAY,EAAAA,kBAAAA,IAACX,GAAM,SAAA,MAAA,CAAI,EACXa,EAAAA,kBAAAA,KAACZ,EAAA,CAAI,KAAK,SAAS,QAAS,IAAMO,EAAKL,CAAI,EAAG,aAAW,YACvD,SAAA,CAAAQ,EAAAA,kBAAAA,IAAC,OAAA,CAAK,UAAU,QAAS,SAAAR,EAAK,EAC9BQ,EAAAA,kBAAAA,IAACG,EAAAA,KAAA,CAAK,KAAK,cAAA,CAAe,CAAA,CAAA,CAC5B,CAAA,EACF,2BACCf,EAAA,CACC,SAAA,CAAAY,EAAAA,kBAAAA,IAACX,GAAM,SAAA,eAAA,CAAa,EACpBa,EAAAA,kBAAAA,KAACZ,EAAA,CAAI,KAAK,SAAS,QAAS,IAAMO,EAAKD,CAAQ,EAAG,aAAW,qBAC3D,SAAA,CAAAI,EAAAA,kBAAAA,IAAC,OAAA,CAAK,UAAU,QAAS,SAAAJ,EAAS,EAClCI,EAAAA,kBAAAA,IAACG,EAAAA,KAAA,CAAK,KAAK,cAAA,CAAe,CAAA,CAAA,CAC5B,CAAA,CAAA,CACF,CAAA,CAAA,CACF,CAAA,CACF,CAEJ"}