@ynput/ayon-frontend-shared 0.2.37 → 0.2.39

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

@@ -1,31 +1,125 @@
 import { j as t } from "../../../../../../_virtual/jsx-runtime.es.js";
-import F from "clsx";
-import { useMemo as N, useCallback as ee } from "react";
-import oe from "react-markdown";
-import te from "remark-emoji";
-import re from "remark-gfm";
-import ie from "remark-directive";
-import ne from "remark-directive-rehype";
-import me from "../CommentInput/CommentInput.es.js";
-import se from "../ReactionContainer/Reactions.es.js";
-import ae from "../../hooks/useReferenceTooltip.es.js";
-import ce from "../FilesGrid/FilesGrid.es.js";
-import { getTextRefs as le } from "../CommentInput/quillToMarkdown.es.js";
-import { Comment as pe, Body as de, Tools as fe, ToolButton as P, Tip as ue } from "./ActivityComment.styled.es.js";
-import ye from "./CommentWrapper.es.js";
-import { blockquoteTag as ge, codeTag as xe, inputTag as he, aTag as Ce } from "./ActivityMarkdownComponents.es.js";
-import { mapGraphQLReactions as je } from "./mappers.es.js";
-import { Icon as Te } from "@ynput/ayon-react-components";
-import Re from "../ActivityStatus/ActivityStatus.es.js";
-import { useFeedContext as ve } from "../../context/FeedContext.es.js";
-import { confirmDelete as ke } from "../../../../util/confirmDelete.es.js";
+import $ from "clsx";
+import { useRef as eo, useMemo as H, useCallback as no } from "react";
+import so from "react-markdown";
+import ao from "remark-emoji";
+import co from "remark-gfm";
+import lo from "remark-directive";
+import fo from "remark-directive-rehype";
+import uo from "../CommentInput/CommentInput.es.js";
+import go from "../ReactionContainer/Reactions.es.js";
+import yo from "../../hooks/useReferenceTooltip.es.js";
+import xo from "../FilesGrid/FilesGrid.es.js";
+import { getTextRefs as ho } from "../CommentInput/quillToMarkdown.es.js";
+import { Comment as Co, Body as jo, Tools as Ro, ToolButton as N, Tip as To } from "./ActivityComment.styled.es.js";
+import vo from "./CommentWrapper.es.js";
+import { blockquoteTag as ko, codeTag as Ao, inputTag as bo, aTag as Eo } from "./ActivityMarkdownComponents.es.js";
+import { mapGraphQLReactions as Io } from "./mappers.es.js";
+import { Icon as Mo } from "@ynput/ayon-react-components";
+import wo from "../ActivityStatus/ActivityStatus.es.js";
+import { useFeedContext as Po } from "../../context/FeedContext.es.js";
+import { confirmDelete as So } from "../../../../util/confirmDelete.es.js";
 import "react-toastify";
 import "uuid";
 import "lodash";
 import "../../../../util/pubsub.es.js";
-import be from "../ActivityHeader/ActivityHeader.es.js";
+import Fo from "../ActivityHeader/ActivityHeader.es.js";
+import "../../../../components/AddonLoadingScreen/AddonLoadingScreen.es.js";
+import "../../../../components/ThumbnailSimple/ThumbnailSimple.es.js";
+import "../../../../components/EmptyPlaceholder/EmptyPlaceholder.es.js";
+import "../../../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.es.js";
+import "../../../../api/base/client.es.js";
+import "../../../../api/generated/graphql.es.js";
+import "../../../../api/generated/graphqlLinks.es.js";
+import "../../../../api/generated/access.es.js";
+import "../../../../api/generated/actions.es.js";
+import "../../../../api/generated/activityFeed.es.js";
+import "../../../../api/generated/addons.es.js";
+import "../../../../api/generated/anatomy.es.js";
+import "../../../../api/generated/attributes.es.js";
+import "../../../../api/generated/authentication.es.js";
+import "../../../../api/generated/bundles.es.js";
+import "../../../../api/generated/configuration.es.js";
+import "../../../../api/generated/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/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/updateActivities.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/cloud/cloud.es.js";
+import "../../../../api/queries/entities/getEntity.es.js";
+import "../../../../api/queries/entities/getEntityPanel.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/updateListsAttributes.es.js";
+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 "../../../../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 "../../../../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";
+import "../../../../api/queries/share/share.es.js";
+import "../../../../api/queries/system/getSystem.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 "@dnd-kit/core";
+import "@dnd-kit/sortable";
+import "../../../../components/ReviewablesList/ReviewablesList.styled.es.js";
+import "../../../ContextMenu/ContextMenuContext.es.js";
+/* empty css                                       */
+import "../../../../components/ReviewablesList/ReviewablesUpload.styled.es.js";
+import "axios";
 import "../../../../context/RemoteModulesContext.es.js";
-import { useDetailsPanelContext as Ae } from "../../../../context/DetailsPanelContext.es.js";
+import { useDetailsPanelContext as Oo } from "../../../../context/DetailsPanelContext.es.js";
 import "../../../../context/ThumbnailUploaderContext.es.js";
 import "../../../../context/SettingsPanelContext.es.js";
 import "../../../../context/pip/PiPProvider.es.js";
@@ -35,227 +129,368 @@ 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 { useMenuContext as $o } from "../../../../context/MenuContext.es.js";
 import "../../../../context/WebsocketContext.es.js";
 import "../../../../context/GlobalContext.es.js";
-import { useBlendedCategoryColor as we } from "../CommentInput/hooks/useBlendedCategoryColor.es.js";
-import { CategoryTag as Ee } from "../ActivityCategorySelect/CategoryTag.es.js";
-const Co = ({
-  activity: r = {},
-  onCheckChange: H,
-  onDelete: d,
-  onUpdate: f,
-  projectInfo: Ie,
-  editProps: q,
-  projectName: m,
-  entityType: B,
-  onReferenceClick: T,
-  onFileExpand: G,
-  showOrigin: M,
-  isHighlighted: $,
-  readOnly: R,
-  statuses: L = []
+import "../../../../context/ProjectContext.es.js";
+import "../../../../context/ProjectFoldersContext.es.js";
+import "../../../../context/UriContext.es.js";
+import "../../../../components/ReviewableCard/ReviewableCard.es.js";
+import "../../../../components/ReviewableProgressCard/ReviewableProgressCard.styled.es.js";
+import "../../../../components/FileThumbnail/FileThumbnail.es.js";
+import "../../../../components/Thumbnail/Thumbnail.styled.es.js";
+import "../../../../components/Thumbnail/StackedThumbnails.es.js";
+import "../Tooltips/UserTooltip/UserTooltip.styled.es.js";
+import "../Tooltips/EntityTooltip/EntityTooltip.styled.es.js";
+import "../FileUploadPreview/FileUploadPreview.styled.es.js";
+import "../FileUploadPreview/Mimes/TextMime.es.js";
+import { useBlendedCategoryColor as Ho } from "../CommentInput/hooks/useBlendedCategoryColor.es.js";
+import { CategoryTag as No } from "../ActivityCategorySelect/CategoryTag.es.js";
+import qo from "./ActivityCommentMenu.es.js";
+import "../ActivityStatusChange/ActivityStatusChange.styled.es.js";
+import "../ActivityDate.es.js";
+import "../ActivityAssigneeChange/ActivityAssigneeChange.styled.es.js";
+import "../ActivityVersions/ActivityVersions.styled.es.js";
+import "../ActivityGroup/ActivityGroup.styled.es.js";
+import "../../Feed.styled.es.js";
+import "date-fns";
+import "../ActivityCategorySelect/ActivityCategorySelect.es.js";
+import "../ActivityCategorySelect/CategoryDropdownItem.es.js";
+import "../../../ProjectTreeTable/ProjectTreeTable.es.js";
+import "../../../ProjectTreeTable/context/CellEditingContext.es.js";
+import "short-uuid";
+import "@tanstack/react-table";
+import "../../../ProjectTreeTable/widgets/CollapsedWidget.es.js";
+import "../../../ProjectTreeTable/widgets/DateWidget.es.js";
+import "../../../ProjectTreeTable/widgets/EnumWidget.es.js";
+import "../../../ProjectTreeTable/widgets/TextWidget.es.js";
+import "../../../ProjectTreeTable/widgets/BooleanWidget.es.js";
+import "../../../ProjectTreeTable/widgets/CellWidget.es.js";
+import "../../../ProjectTreeTable/widgets/EntityNameWidget.es.js";
+import "../../../ProjectTreeTable/widgets/GroupHeaderWidget.es.js";
+import "../../../ProjectTreeTable/widgets/ThumbnailWidget.es.js";
+import "../../../../components/LinksManager/CellEditingDialog.es.js";
+import "../../../ProjectTreeTable/context/DetailsPanelEntityContext.es.js";
+import "../../../ProjectTreeTable/context/SelectedRowsContext.es.js";
+import "../../../../components/LinksManager/LinksManager.styled.es.js";
+import "../../../ProjectTreeTable/widgets/EmptyWidget.es.js";
+import "../../../ProjectTreeTable/widgets/ErrorWidget.es.js";
+import "../../../ProjectTreeTable/ProjectTreeTable.styled.es.js";
+import "../../../ProjectTreeTable/components/SelectionCell.es.js";
+import "../../../ProjectTreeTable/components/RowSelectionHeader.es.js";
+import "../../../ProjectTreeTable/context/SelectionCellsContext.es.js";
+import "../../../ProjectTreeTable/widgets/LoadMoreWidget.es.js";
+import "../../../ProjectTreeTable/context/ProjectTableQueriesContext.es.js";
+import "../../../ProjectTreeTable/context/ProjectTableContext.es.js";
+import "../../../ProjectTreeTable/context/ClipboardContext.es.js";
+import "../../../ProjectTreeTable/context/ColumnSettingsContext.es.js";
+import "../../../ProjectTreeTable/context/ProjectDataContext.es.js";
+import "../../../../../../_virtual/runtime.es.js";
+import "../../../../../../_virtual/semver.es.js";
+import "react-redux";
+import "custom-protocol-check";
+import "../../../ProjectTreeTable/components/GroupSettingsFallback.es.js";
+import "../../../ProjectTreeTable/components/HeaderActionButton.es.js";
+import "../../../ProjectTreeTable/components/ColumnHeaderMenu.es.js";
+import "react-router-dom";
+import "../../../DetailsPanel/DetailsPanel.styled.es.js";
+import "../../../DetailsPanel/FeedFilters/FeedFilters.styled.es.js";
+import "../../../DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.styled.es.js";
+import "../../../../components/PlayableIcon/PlayableIcon.es.js";
+import "../../../DetailsPanel/DetailsPanelFiles/DetailsPanelFiles.es.js";
+import "../../../DetailsPanel/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.es.js";
+import "../../../DetailsPanel/DetailsPanelFloating/DetailsPanelFloating.styled.es.js";
+import "../../../Actions/Actions.styled.es.js";
+import "../../../Actions/ActionsDropdown/ActionsDropdown.es.js";
+import "../../../Actions/ActionIcon.es.js";
+import "../../../Views/context/ViewsContext.es.js";
+import "../../../Views/Views.styled.es.js";
+import "../../../Views/ViewsMenuContainer/ViewsMenuContainer.es.js";
+import "../../../Views/ViewsMenu/ViewsMenu.es.js";
+import "../../../../components/EntityPanelUploader/EntityPanelUploader.styled.es.js";
+import "../../../../components/SimpleFormDialog/SimpleFormDialog.es.js";
+import "../../../../components/EntityPath/EntityPath.styled.es.js";
+import "../../../../components/EntityPath/SegmentProvider.es.js";
+import "../../../../components/DetailsPanelAttributes/DetailsPanelAttributesEditor.es.js";
+import "../../../../components/DetailsPanelDetails/DetailsPanelDetails.es.js";
+import "../../../../components/DetailsPanelDetails/DetailsSection.es.js";
+import "../../../../components/DetailsPanelDetails/FieldLabel.es.js";
+import "../../../../components/Watchers/Watchers.es.js";
+import "../../../../components/ProjectTableSettings/ProjectTableSettings.es.js";
+import "../../../../components/Powerpack/PowerpackButton.es.js";
+import "../../../../components/Powerpack/PricingLink.es.js";
+import "../../../../components/Powerpack/PowerpackDialog.styled.es.js";
+import "../../../../components/Powerpack/CTAButton.es.js";
+import "../../../../components/Powerpack/RequiredAddonVersion.es.js";
+import "../../../../components/SizeSlider/SizeSlider.es.js";
+import "../../../../components/SettingsPanel/SettingsPanel.es.js";
+import "../../../../components/SettingsPanel/SettingsPanelItemTemplate.es.js";
+import "../../../../components/AttributeEditor/components/MinMaxField.es.js";
+import "../../../../components/EnumEditor/EnumEditor.styled.es.js";
+import "../../../../components/SearchFilter/filterDates.es.js";
+import "../../../../components/FeaturedVersionOrder/FeaturedVersionOrder.es.js";
+import "../../../../components/Badge/Badge.es.js";
+import "../../../../components/VersionUploader/components/UploadVersionDialog.es.js";
+import "../../../../components/VersionUploader/context/VersionUploadContext.es.js";
+import "../../../../components/Feedback/FeedbackContext.es.js";
+import "../../../../components/Feedback/SupportBubble.es.js";
+import "../../../../components/Chips/Chips.es.js";
+import "../../../EntityPickerDialog/EntityPickerDialog.es.js";
+import "../../../../components/StyledLink/StyledLink.es.js";
+import "../../../../components/ShareOptionIcon/ShareOptionIcon.es.js";
+import "../../../../components/AccessUser/AccessUser.es.js";
+import "../../../../../../node_modules/match-sorter/dist/match-sorter.esm.es.js";
+import "../../../../components/AccessSearchInput/AccessSearchInput.styled.es.js";
+import "../../../../components/TableGridSwitch/TableGridSwitch.es.js";
+import "../../../../components/SortingSetting/SortingSetting.styled.es.js";
+import "../../../../components/EarlyPreview/EarlyPreview.es.js";
+import "../../../../components/LegacyBadge/LegacyBadge.es.js";
+import "../../../../components/Menu/Menu.styled.es.js";
+import "../../../../components/Menu/MenuItem.es.js";
+import { MenuContainer as Bo } from "../../../../components/Menu/MenuContainer.es.js";
+const Rp = ({
+  activity: m = {},
+  onCheckChange: q,
+  onDelete: f,
+  onUpdate: u,
+  projectInfo: Go,
+  editProps: B,
+  projectName: p,
+  entityType: G,
+  onReferenceClick: A,
+  onFileExpand: _,
+  showOrigin: z,
+  isHighlighted: L,
+  readOnly: b,
+  isSlideOut: Q,
+  statuses: V = []
 }) => {
-  var S;
-  const { userName: u, createReaction: O, deleteReaction: Q, editingId: V, setEditingId: y, categories: v, isGuest: g } = ve(), o = N(() => v.find((e) => {
-    var p;
-    return e.name === ((p = r.activityData) == null ? void 0 : p.category);
-  }) || null, [(S = r == null ? void 0 : r.activityData) == null ? void 0 : S.category, v]), s = we(o == null ? void 0 : o.color);
+  var O;
+  const { userName: g, createReaction: W, deleteReaction: J, editingId: K, setEditingId: y, categories: E, isGuest: x } = Po(), I = eo(null), { toggleMenuOpen: h, menuOpen: X } = $o(), r = H(() => E.find((o) => {
+    var d;
+    return o.name === ((d = m.activityData) == null ? void 0 : d.category);
+  }) || null, [(O = m == null ? void 0 : m.activityData) == null ? void 0 : O.category, E]), n = Ho(r == null ? void 0 : r.color);
   let {
-    body: x,
-    authorName: c,
-    authorFullName: h,
-    createdAt: W,
-    referenceType: _,
-    entityId: k,
+    body: C,
+    authorName: a,
+    authorFullName: j,
+    createdAt: Y,
+    referenceType: Z,
+    entityId: M,
     activityId: i,
-    author: n,
-    isOwner: b,
-    files: C = [],
-    origin: j
-  } = r;
-  c || (c = (n == null ? void 0 : n.name) || ""), h || (h = (n == null ? void 0 : n.fullName) || c);
-  const { onGoToFrame: l, setHighlightedActivities: z } = Ae(), A = () => {
+    author: e,
+    isOwner: c,
+    files: R = [],
+    origin: T
+  } = m;
+  a || (a = (e == null ? void 0 : e.name) || ""), j || (j = (e == null ? void 0 : e.fullName) || a);
+  const v = `activity-comment-menu-${i}-${Q ? "slideout" : "normal"}`, w = X === v, { onGoToFrame: l, setHighlightedActivities: D } = Oo(), k = () => {
     y(i);
-  }, J = () => {
+  }, U = () => {
     y(null);
-  }, K = async (e, p, U) => {
-    await (f == null ? void 0 : f(e, p, void 0, U)), y(null);
-  }, a = V === i, w = _ !== "origin" || M, X = async () => {
-    const e = le(x);
-    w && j && e.push({ id: j.id, type: j.type }), d && await d(i, k, e);
-  }, Y = () => {
-    ke({
+  }, oo = async (o, d, po) => {
+    await (u == null ? void 0 : u(o, d, void 0, po)), y(null);
+  }, s = K === i, P = Z !== "origin" || z, to = async () => {
+    const o = ho(C);
+    P && T && o.push({ id: T.id, type: T.type }), f && await f(i, M, o);
+  }, ro = () => {
+    So({
       title: "Delete comment",
       message: "Are you sure you want to delete this comment?",
       accept: async () => {
-        await X();
+        await to();
       }
     });
-  }, [, E] = ae(), I = N(
-    () => je(r.reactions, u),
-    [[...r.reactions || []]]
-  ), Z = (e) => {
-    e.isActive ? O({
-      projectName: m,
+  }, [, S] = yo(), F = H(
+    () => Io(m.reactions, g),
+    [[...m.reactions || []]]
+  ), io = (o) => {
+    o.isActive ? W({
+      projectName: p,
       // @ts-ignore exposed endpoint doesn't need the username, we still need to pass it for the optimistic update
-      userName: u,
+      userName: g,
       activityId: i,
       createReactionModel: {
-        reaction: e.type
+        reaction: o.type
       }
-    }) : Q({
-      projectName: m,
+    }) : J({
+      projectName: p,
       // @ts-ignore exposed endpoint doesn't need the username, we still need to pass it for the optimistic update
-      userName: u,
+      userName: g,
       activityId: i,
-      reaction: e.type
+      reaction: o.type
     });
-  }, D = ee(
-    (e) => {
-      e.annotation && (l == null || l(e.annotation.range[0]), z([i]));
+  }, mo = no(
+    (o) => {
+      o.annotation && (l == null || l(o.annotation.range[0]), D([i]));
     },
     [l]
   );
-  return /* @__PURE__ */ t.jsx(t.Fragment, { children: /* @__PURE__ */ t.jsxs(
-    pe,
-    {
-      className: F("comment", {
-        isOwner: b,
-        isEditing: a,
-        isHighlighted: $,
-        category: !!o && !g
-      }),
-      id: i,
-      $categoryPrimary: o == null ? void 0 : o.color,
-      $categoryTertiary: s.primary,
-      $categorySecondary: s.secondary,
-      children: [
-        /* @__PURE__ */ t.jsx(
-          be,
-          {
-            name: c,
-            fullName: h,
-            date: W,
-            isRef: w,
-            activity: r,
-            projectName: m,
-            entityType: B,
-            onReferenceClick: T,
-            onReferenceTooltip: E,
-            children: void 0
-          }
-        ),
-        /* @__PURE__ */ t.jsxs(de, { className: F("comment-body", { isEditing: a }), children: [
-          !R && b ? /* @__PURE__ */ t.jsxs(fe, { className: "tools", children: [
-            d && /* @__PURE__ */ t.jsx(
-              P,
-              {
-                icon: "delete",
-                onClick: Y,
-                tooltip: "Delete comment",
-                variant: "text"
-              }
-            ),
-            A && /* @__PURE__ */ t.jsx(P, { icon: "edit_square", onClick: A, variant: "text" })
-          ] }) : /* @__PURE__ */ t.jsx("div", { className: "tools" }),
-          !a && !g && o && /* @__PURE__ */ t.jsx(
-            Ee,
+  return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+    /* @__PURE__ */ t.jsxs(
+      Co,
+      {
+        className: $("comment", {
+          isOwner: c,
+          isEditing: s,
+          isHighlighted: L,
+          category: !!r && !x,
+          menuOpen: w
+        }),
+        id: i,
+        $categoryPrimary: r == null ? void 0 : r.color,
+        $categoryTertiary: n.primary,
+        $categorySecondary: n.secondary,
+        children: [
+          /* @__PURE__ */ t.jsx(
+            Fo,
             {
-              value: o.name,
-              color: o.color,
-              style: {
-                top: -4,
-                left: -4
-              },
-              isCompact: !0
+              name: a,
+              fullName: j,
+              date: Y,
+              isRef: P,
+              activity: m,
+              projectName: p,
+              entityType: G,
+              onReferenceClick: A,
+              onReferenceTooltip: S,
+              children: void 0
             }
           ),
-          a ? /* @__PURE__ */ t.jsx(
-            me,
-            {
-              initValue: x,
-              initFiles: C,
-              initCategory: o == null ? void 0 : o.name,
-              isEditing: !0,
-              onClose: J,
-              onSubmit: K,
-              isOpen: !0,
-              ...q
-            }
-          ) : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-            /* @__PURE__ */ t.jsx(ye, { children: /* @__PURE__ */ t.jsx(
-              oe,
+          /* @__PURE__ */ t.jsxs(jo, { className: $("comment-body", { isEditing: s }), children: [
+            !b && /* @__PURE__ */ t.jsxs(Ro, { className: "tools", children: [
+              c && k && /* @__PURE__ */ t.jsx(N, { icon: "edit_square", onClick: k, variant: "text" }),
+              /* @__PURE__ */ t.jsx(
+                N,
+                {
+                  icon: "more_horiz",
+                  ref: I,
+                  onClick: (o) => {
+                    o.stopPropagation(), h(v);
+                  },
+                  className: w ? "active" : ""
+                }
+              )
+            ] }),
+            !s && !x && r && /* @__PURE__ */ t.jsx(
+              No,
               {
-                remarkPlugins: [re, te, ie, ne],
-                urlTransform: (e) => e,
-                components: {
-                  // a links
-                  // @ts-ignore
-                  a: (e) => (
-                    // @ts-ignore
-                    Ce(e, {
-                      entityId: k,
-                      projectName: m,
-                      onReferenceClick: T,
-                      onReferenceTooltip: E,
-                      activityId: i,
-                      categoryPrimary: o == null ? void 0 : o.color,
-                      categorySecondary: s.secondary
-                    })
-                  ),
-                  // checkbox inputs
-                  // @ts-ignore
-                  input: (e) => he(e, { activity: r, onCheckChange: H }),
-                  // code syntax highlighting
-                  // eslint-disable-next-line
-                  // @ts-ignore
-                  code: (e) => xe(e),
-                  // @ts-ignore
-                  blockquote: (e) => ge(e),
-                  // @ts-ignore
-                  tip: (e) => /* @__PURE__ */ t.jsxs(ue, { children: [
-                    /* @__PURE__ */ t.jsx(Te, { icon: "info" }),
-                    e.children
-                  ] }),
-                  // @ts-ignore
-                  status: (e) => /* @__PURE__ */ t.jsx(Re, { name: e.id, statuses: L, children: e.children })
+                value: r.name,
+                color: r.color,
+                style: {
+                  top: -4,
+                  left: -4
                 },
-                children: x
+                isCompact: !0
               }
-            ) }),
-            /* @__PURE__ */ t.jsx(
-              ce,
+            ),
+            s ? /* @__PURE__ */ t.jsx(
+              uo,
               {
-                files: C,
-                isCompact: C.length > 6,
-                activityId: i,
-                projectName: m,
-                isDownloadable: !0,
-                onExpand: G,
-                onAnnotationClick: D,
-                onRemove: void 0
+                initValue: C,
+                initFiles: R,
+                initCategory: r == null ? void 0 : r.name,
+                isEditing: !0,
+                onClose: U,
+                onSubmit: oo,
+                isOpen: !0,
+                ...B
               }
-            )
-          ] }),
-          !a && /* @__PURE__ */ t.jsx("div", { style: { marginTop: "16px" }, children: I && /* @__PURE__ */ t.jsx(
-            se,
-            {
-              reactions: I,
-              changeHandler: Z,
-              readOnly: R,
-              category: o && !g ? o.name : void 0,
-              categoryPrimary: o == null ? void 0 : o.color,
-              categorySecondary: s.secondary,
-              categoryTertiary: s.primary
-            }
-          ) })
-        ] })
-      ]
-    }
-  ) });
+            ) : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+              /* @__PURE__ */ t.jsx(vo, { children: /* @__PURE__ */ t.jsx(
+                so,
+                {
+                  remarkPlugins: [co, ao, lo, fo],
+                  urlTransform: (o) => o,
+                  components: {
+                    // a links
+                    // @ts-ignore
+                    a: (o) => (
+                      // @ts-ignore
+                      Eo(o, {
+                        entityId: M,
+                        projectName: p,
+                        onReferenceClick: A,
+                        onReferenceTooltip: S,
+                        activityId: i,
+                        categoryPrimary: r == null ? void 0 : r.color,
+                        categorySecondary: n.secondary
+                      })
+                    ),
+                    // checkbox inputs
+                    // @ts-ignore
+                    input: (o) => bo(o, { activity: m, onCheckChange: q }),
+                    // code syntax highlighting
+                    // eslint-disable-next-line
+                    // @ts-ignore
+                    code: (o) => Ao(o),
+                    // @ts-ignore
+                    blockquote: (o) => ko(o),
+                    // @ts-ignore
+                    tip: (o) => /* @__PURE__ */ t.jsxs(To, { children: [
+                      /* @__PURE__ */ t.jsx(Mo, { icon: "info" }),
+                      o.children
+                    ] }),
+                    // @ts-ignore
+                    status: (o) => /* @__PURE__ */ t.jsx(wo, { name: o.id, statuses: V, children: o.children })
+                  },
+                  children: C
+                }
+              ) }),
+              /* @__PURE__ */ t.jsx(
+                xo,
+                {
+                  files: R,
+                  isCompact: R.length > 6,
+                  activityId: i,
+                  projectName: p,
+                  isDownloadable: !0,
+                  onExpand: _,
+                  onAnnotationClick: mo,
+                  onRemove: void 0
+                }
+              )
+            ] }),
+            !s && /* @__PURE__ */ t.jsx("div", { style: { marginTop: "16px" }, children: F && /* @__PURE__ */ t.jsx(
+              go,
+              {
+                reactions: F,
+                changeHandler: io,
+                readOnly: b,
+                category: r && !x ? r.name : void 0,
+                categoryPrimary: r == null ? void 0 : r.color,
+                categorySecondary: n.secondary,
+                categoryTertiary: n.primary
+              }
+            ) })
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ t.jsx(
+      Bo,
+      {
+        target: I.current,
+        id: v,
+        align: "right",
+        onClose: (o) => {
+          o == null || o.stopPropagation(), h(!1);
+        },
+        children: /* @__PURE__ */ t.jsx(
+          qo,
+          {
+            onDelete: c && f ? ro : void 0,
+            onEdit: c && k,
+            activityId: i,
+            onSelect: () => h(!1),
+            projectName: p
+          }
+        )
+      }
+    )
+  ] });
 };
 export {
-  Co as default
+  Rp as default
 };
 //# sourceMappingURL=ActivityComment.es.js.map