@ynput/ayon-frontend-shared 0.4.1 → 0.4.2

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

@@ -1,352 +1,63 @@
-import { j as o } from "../../../../../../_virtual/jsx-runtime.es.js";
-import { useState as x } from "react";
+import { j as e } from "../../../../../../_virtual/jsx-runtime.es.js";
+import { useState as p } from "react";
 import { Icon as F } from "@ynput/ayon-react-components";
 import g from "../ActivityHeader/ActivityHeader.es.js";
 import { Container as D, Card as H, Content as M, Title as j, VersionName as O, Thumbnail as P, Comment as R } from "./ActivityVersions.styled.es.js";
 import { More as _ } from "../ActivityGroup/ActivityGroup.styled.es.js";
 import $ from "../ActivityDate.es.js";
-import "../../../../context/RemoteModulesContext.es.js";
 import { useDetailsPanelContext as q } from "../../../../context/DetailsPanelContext.es.js";
-import "../../../../../../_virtual/runtime.es.js";
-import "../../../../../../_virtual/semver.es.js";
-import "../../../../api/base/client.es.js";
-import "../../../../api/generated/graphql.es.js";
-import "../../../../api/generated/graphqlLinks.es.js";
-import "../../../../api/generated/access.es.js";
-import "../../../../api/generated/actions.es.js";
-import "../../../../api/generated/activityFeed.es.js";
-import "../../../../api/generated/addons.es.js";
-import "../../../../api/generated/anatomy.es.js";
-import "../../../../api/generated/attributes.es.js";
-import "../../../../api/generated/authentication.es.js";
-import "../../../../api/generated/bundles.es.js";
-import "../../../../api/generated/configuration.es.js";
-import "../../../../api/generated/dataImport.es.js";
-import "../../../../api/generated/desktop.es.js";
-import "../../../../api/generated/entityLists.es.js";
-import "../../../../api/generated/events.es.js";
-import "../../../../api/generated/files.es.js";
-import "../../../../api/generated/folders.es.js";
-import "../../../../api/generated/inbox.es.js";
-import "../../../../api/generated/links.es.js";
-import "../../../../api/generated/market.es.js";
-import "../../../../api/generated/onboarding.es.js";
-import "../../../../api/generated/operations.es.js";
-import "../../../../api/generated/products.es.js";
-import "../../../../api/generated/projectDashboard.es.js";
-import "../../../../api/generated/projects.es.js";
-import "../../../../api/generated/projectFolders.es.js";
-import "../../../../api/generated/reviewables.es.js";
-import "../../../../api/generated/services.es.js";
-import "../../../../api/generated/system.es.js";
-import "../../../../api/generated/tasks.es.js";
-import "../../../../api/generated/teams.es.js";
-import "../../../../api/generated/thumbnails.es.js";
-import "../../../../api/generated/uRIs.es.js";
-import "../../../../api/generated/users.es.js";
-import "../../../../api/generated/versions.es.js";
-import "../../../../api/generated/workfiles.es.js";
-import "../../../../api/generated/ynputCloud.es.js";
-import "../../../../api/generated/grouping.es.js";
-import "../../../../api/generated/views.es.js";
-import "../../../../api/queries/actions/getActions.es.js";
-import "../../../../api/queries/activities/getActivities.es.js";
-import "../../../../api/queries/activities/updateReaction.es.js";
-import "../../../../api/queries/activities/getMentions.es.js";
-import "../../../../api/queries/activities/getCategories.es.js";
-import "../../../../api/queries/addons/getAddons.es.js";
-import "../../../../api/queries/addons/updateAddons.es.js";
-import "../../../../api/queries/attributes/getAttributes.es.js";
-import "../../../../api/queries/attributes/updateAttributes.es.js";
-import "../../../../api/queries/authentication/getAuthentication.es.js";
-import "../../../../api/queries/bundles/getBundles.es.js";
-import "../../../../api/queries/bundles/updateBundles.es.js";
-import "../../../../api/queries/cloud/cloud.es.js";
-import "../../../../api/queries/columnStats/metricTargets.es.js";
-import "../../../../api/queries/columnStats/groupCounts.es.js";
-import "../../../../api/queries/config/getConfig.es.js";
-import "../../../../api/queries/config/updateConfig.es.js";
-import "../../../../api/queries/entities/getEntity.es.js";
-import "../../../../api/queries/entities/getEntityPanel.es.js";
-import "../../../../api/queries/overview/getOverview.es.js";
-import "../../../../api/queries/overview/updateOverview.es.js";
-import "../../../../api/queries/versions/getVersionsProducts.es.js";
-import "../../../../api/queries/links/getEntityLinks.es.js";
-import "../../../../api/queries/entities/updateEntity.es.js";
-import "../../../../api/queries/entityLists/getLists.es.js";
-import "../../../../api/queries/entityLists/updateLists.es.js";
-import "../../../../api/queries/entityLists/getListsAttributes.es.js";
-import "../../../../api/queries/entityLists/listItemsColumnStats.es.js";
-import "../../../../api/queries/entityLists/updateListsAttributes.es.js";
-import "../../../../api/queries/entityLists/listFolders.es.js";
-import "../../../../api/queries/folders/getFolders.es.js";
-import "../../../../api/queries/folders/getFolderDeleteInfo.es.js";
-import "../../../../api/queries/grouping/getGrouping.es.js";
-import "../../../../api/queries/links/updateLinks.es.js";
-import "../../../../api/queries/links/getLinks.es.js";
-import "../../../../api/queries/permissions/getPermissions.es.js";
-import "../../../../api/queries/products/createProduct.es.js";
-import "../../../../api/queries/products/getFolderProducts.es.js";
-import "../../../../api/queries/project/getProject.es.js";
-import "../../../../api/queries/project/updateProject.es.js";
-import "../../../../api/queries/projectFolders/projectFolders.es.js";
-import "../../../../api/queries/review/getReview.es.js";
-import "../../../../api/queries/review/updateReview.es.js";
-import "../../../../api/queries/share/share.es.js";
-import "../../../../api/queries/system/getSystem.es.js";
-import "../../../../api/queries/tasks/getTasks.es.js";
-import "../../../../api/queries/tasks/updateTasks.es.js";
-import "../../../../api/queries/teams/getTeams.es.js";
-import "../../../../api/queries/userDashboard/getUserDashboard.es.js";
-import "../../../../api/queries/users/getUsers.es.js";
-import "../../../../api/queries/users/updateUsers.es.js";
-import "../../../../api/queries/users/guests.es.js";
-import "../../../../api/queries/versions/updateVersions.es.js";
-import "../../../../api/queries/views/getViews.es.js";
-import "../../../../api/queries/views/updateViews.es.js";
-import "../../../../api/queries/watchers/getWatchers.es.js";
-import "../../../../api/queries/uris/getUris.es.js";
-import "lodash";
-import "react-toastify";
-import "react-redux";
-import "custom-protocol-check";
-import "../../../ProjectTreeTable/components/GroupSettingsFallback.es.js";
-import "uuid";
-import "../../../../util/pubsub.es.js";
-import "../../../../context/PowerpackContextInstance.es.js";
-import "../../../../context/SubtasksModulesContextInstance.es.js";
-import "../../../../context/ThumbnailUploaderContext.es.js";
-import "../../../../context/SettingsPanelContext.es.js";
-import "../../../../context/pip/PiPProvider.es.js";
-import "react-dom";
-import "../../../../context/pip/PiPWrapper.es.js";
-import "../../../../context/AddonProjectContext.es.js";
-import "../../../../context/AddonContext.es.js";
-import "../../../../context/MenuContext.es.js";
-import "../../../../context/WebsocketContext.es.js";
-import "../../../../context/GlobalContext.es.js";
-import "../../../../context/ProjectContext.es.js";
-import "../../../../context/ProjectFoldersContextInstance.es.js";
-import "../../../../context/EntityUpdatesContextInstance.es.js";
-import "../../../ContextMenu/ContextMenuContext.es.js";
-/* empty css                                       */
-import "clsx";
-import "../../context/FeedContext.es.js";
-import "../Tooltips/UserTooltipItem.es.js";
-import "../Tooltips/UserTooltip/UserTooltip.styled.es.js";
-import "../Tooltips/TeamTooltip/TeamTooltip.styled.es.js";
-import "../Tooltips/EntityTooltip/EntityTooltip.styled.es.js";
-import "../FileUploadPreview/FileUploadPreview.styled.es.js";
-import "../FileUploadPreview/Mimes/TextMime.es.js";
-import "react-markdown";
-import "remark-emoji";
-import "remark-gfm";
-import "remark-directive";
-import "remark-directive-rehype";
-import "../CommentInput/CommentInput.es.js";
-import "../ReactionContainer/Reactions.styled.es.js";
-import "../FilesGrid/FilesGrid.styled.es.js";
-import "../FileUploadCard/FileUploadCard.styled.es.js";
-import "../CommentInput/quillToMarkdown.es.js";
-import "../ActivityComment/ActivityComment.styled.es.js";
-import "../ActivityCheckbox/ActivityCheckbox.styled.es.js";
-import "../../../../components/AddonLoadingScreen/AddonLoadingScreen.es.js";
-import "../../../../../../node_modules/match-sorter/dist/match-sorter.esm.es.js";
-import "../../../../components/AccessSearchInput/AccessSearchInput.styled.es.js";
-import "../../../../components/AccessUser/AccessUser.es.js";
-import "../../../../components/AttributeEditor/AttributeEditor.es.js";
-import "../../../../components/AttributeEditor/attributeTypeMap.es.js";
-import "../../../../components/Badge/Badge.es.js";
-import "../../../../components/Chips/Chips.es.js";
-import "date-fns";
-import "../../../../components/DateRangePicker/DateRangePicker.styled.es.js";
-import "../../../../components/LinksManager/CellEditingDialog.es.js";
-import "../../../../components/DeleteEntitiesConfirm/DeleteConfirmContent.es.js";
-import "../../../../components/DeleteEntitiesConfirm/DeleteEntitiesConfirmDialog.styled.es.js";
-import "../../../../../../_virtual/index.es.js";
-import "../../../../../../node_modules/refractor/lib/common.es.js";
-import "../../../../../../node_modules/refractor/lib/all.es.js";
-/* empty css                                                                                    */
-import "../../../../components/DetailsPanelAttributes/DetailsPanelAttributesEditor.es.js";
-import "../../../../components/DetailsPanelDetails/DetailsPanelDetails.es.js";
-import "react-quill-ayon";
-import "../../../../components/DetailsPanelDetails/BorderedSection.es.js";
-import "../../../../components/QuillListStyles/QuillListStyles.es.js";
-import "../../../../components/DetailsPanelDetails/DescriptionSection.styles.es.js";
-import "rehype-raw";
-import "../../../../components/DetailsPanelDetails/hooks/useMentionSystem.es.js";
-import "../CommentInput/modules/index.es.js";
-import "../../../../components/DetailsPanelDetails/DetailsSection.es.js";
-import "../../../../components/DetailsPanelDetails/FieldLabel.es.js";
-import "../../../../components/DoneCheckbox/DoneCheckbox.es.js";
-import "../../../../components/EarlyPreview/EarlyPreview.es.js";
-import "../../../../components/EmptyPlaceholder/EmptyPlaceholder.es.js";
-import "../../../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.es.js";
-import "../../../../components/InfoMessage/InfoMessage.es.js";
-import "@dnd-kit/core";
-import "@dnd-kit/sortable";
-import "../../../../components/EnumEditor/EnumEditor.styled.es.js";
-import "../../../../components/EntityPanelUploader/EntityPanelUploader.styled.es.js";
-import "axios";
-import "../../../../components/ReviewablesList/ReviewablesList.styled.es.js";
-import "../../../../components/ReviewablesList/ReviewablesUpload.styled.es.js";
-import "../../../../components/EntityPath/EntityPath.styled.es.js";
-import "../../../../components/EntityPath/SegmentProvider.es.js";
-import "../../../../components/FeaturedVersionOrder/FeaturedVersionOrder.es.js";
-import "../../../../components/Feedback/FeedbackContextInstance.es.js";
-import "../../../../components/Feedback/SupportBubble.es.js";
-import "../../../../components/FileThumbnail/FileThumbnail.es.js";
-import "../../../../components/LegacyBadge/LegacyBadge.es.js";
-import "../../../../components/LinksManager/LinksManager.styled.es.js";
-import "../../../EntityPickerDialog/EntityPickerDialog.es.js";
-import "../../../../components/Powerpack/PowerpackButton.es.js";
-import "../../../../components/Powerpack/FreeTrialLink.es.js";
-import "../../../../components/Powerpack/PowerpackDialog.styled.es.js";
-import "../../../../components/Powerpack/CTAButton.es.js";
-import "../../../../components/Powerpack/RequiredAddonVersion.es.js";
-import "../../../../components/ProjectTableSettings/ProjectTableSettings.es.js";
-import "../../../../components/ProjectTableSettings/ColumnsSettings.es.js";
-import "../../../../components/SizeSlider/SizeSlider.es.js";
-import "react-router-dom";
-import "../../../Slicer/components/Slicer.es.js";
-import "../../../Slicer/context/SlicerContextInstance.es.js";
-import "../../../Slicer/components/SlicerDropdownFallback.es.js";
-import "../../../NewEntity/components/NewEntity.es.js";
-import "@tanstack/react-virtual";
-import "@tanstack/react-table";
-import "../../../ProjectTreeTable/buildTreeTableColumns.es.js";
-import "../../../ProjectTreeTable/ProjectTreeTable.styled.es.js";
-import "../../../ProjectTreeTable/components/HeaderActionButton.es.js";
-import "../../../ProjectTreeTable/components/RowSelectionHeader.es.js";
-import "../../../ProjectTreeTable/components/SelectionCell.es.js";
-import "../../../ProjectTreeTable/context/CellEditingContext.es.js";
-import "../../../../components/SearchFilter/filterDates.es.js";
-import "short-uuid";
-import "../../../ProjectTreeTable/utils/columnIds.es.js";
-import "../../../ProjectTreeTable/context/SelectionCellsContext.es.js";
-import "../../../ProjectTreeTable/context/ProjectTableQueriesContext.es.js";
-import "../../../ProjectTreeTable/context/ColumnSettingsContext.es.js";
-import "../../../ProjectTreeTable/context/ProjectTableContextInstance.es.js";
-import "../../../ProjectTreeTable/context/ClipboardContext.es.js";
-import "../../../ProjectTreeTable/context/SelectedRowsContext.es.js";
-import "../../../ProjectTreeTable/context/DetailsPanelEntityContext.es.js";
-import "../../../ProjectTreeTable/context/ProjectDataContextInstance.es.js";
-import "../../../ProjectTreeTable/components/TableFooterRow.es.js";
-import "../../../ProjectTreeTable/widgets/CellWidget.es.js";
-import "../../../ProjectTreeTable/widgets/CollapsedWidget.es.js";
-import "../../../ProjectTreeTable/widgets/DateWidget.es.js";
-import "../../../ProjectTreeTable/widgets/EnumWidget.es.js";
-import "../../../ProjectTreeTable/widgets/EnumCellValue.es.js";
-import "../../../ProjectTreeTable/widgets/TextWidget.es.js";
-import "../../../ProjectTreeTable/widgets/MarkdownWidget.es.js";
-import "../../../ProjectTreeTable/widgets/BooleanWidget.es.js";
-import "../../../ProjectTreeTable/widgets/EntityNameWidget.es.js";
-import "../../../ProjectTreeTable/widgets/EntityWidget.es.js";
-import "../../../ProjectTreeTable/widgets/GroupHeaderWidget.es.js";
-import "../../../ProjectTreeTable/widgets/ThumbnailWidget.es.js";
-import "../../../ProjectTreeTable/widgets/LinksWidget.es.js";
-import "../../../ProjectTreeTable/widgets/EmptyWidget.es.js";
-import "../../../ProjectTreeTable/widgets/ErrorWidget.es.js";
-import "../../../NewEntity/context/NewEntityContextInstance.es.js";
-import "../../../NewEntity/components/NewEntityForm.es.js";
-import "../../../Slicer/hooks/useTableDataBySlice.es.js";
-import "../../../../components/ReviewableCard/ReviewableCard.es.js";
-import "../../../../components/ReviewableProgressCard/ReviewableProgressCard.styled.es.js";
-import "../../../../components/SearchFilter/CustomDateRangeDialog.es.js";
-import "../../../../components/SettingsPanel/SettingsPanel.es.js";
-import "../../../../components/SettingsPanel/SettingsPanelItemTemplate.es.js";
-import "../../../../components/ShareOptionIcon/ShareOptionIcon.es.js";
-import "../../../../components/SimpleFormDialog/SimpleFormDialog.es.js";
-import "../../../../components/StyledLink/StyledLink.es.js";
-import "../../../../components/SyncButton/SyncButton.es.js";
-import "../../../../components/TableGridSwitch/TableGridSwitch.es.js";
-import "../../../../components/Thumbnail/Thumbnail.styled.es.js";
-import "../../../../components/Thumbnail/StackedThumbnails.es.js";
-import "../../../../components/ThumbnailSimple/ThumbnailSimple.es.js";
-import "../../../../components/VersionUploader/components/UploadVersionDialog.es.js";
-import "../../../../components/VersionUploader/context/VersionUploadContextInstance.es.js";
-import "../../../../components/Watchers/Watchers.es.js";
-import "../../../../components/Menu/Menu.styled.es.js";
-import "../../../../components/Menu/MenuItem.es.js";
-import "../../../../components/ReviewablesSelector/ReviewablesSelector.es.js";
-import "../../../../components/ColumnHeaderMenuUI.es.js";
-import "../ActivityReference/ActivityReference.styled.es.js";
-import "../ActivityStatus/ActivityStatus.es.js";
-import "../ActivityCategorySelect/CategoryTag.es.js";
-import "../ActivityFieldChange/ActivityFieldChange.styled.es.js";
 import { FieldValue as z } from "../ActivityFieldChange/FieldValue.es.js";
-import "../ActivityAssigneeChange/ActivityAssigneeChange.styled.es.js";
-import "../ActivityVersionReview/ActivityVersionReview.styled.es.js";
-import "../ActivityCategorySelect/ActivityCategorySelect.es.js";
-import "../ActivityCategorySelect/CategoryDropdownItem.es.js";
-import "../../Feed.styled.es.js";
-import "../FeedSearchFilter.es.js";
-import "../../../DetailsPanel/DetailsPanel.styled.es.js";
-import "../../../DetailsPanel/components/DetailsPanelTabs/DetailsPanelTabs.styled.es.js";
-import "../../../DetailsPanel/components/DetailsPanelHeader/LinkedTaskRow.styled.es.js";
-import "../../../DetailsPanel/components/DetailsPanelHeader/DetailsPanelHeader.styled.es.js";
-import "../../../../components/PlayableIcon/PlayableIcon.es.js";
-import "../../../DetailsPanel/components/DetailsPanelFiles/DetailsPanelFiles.es.js";
-import "../../../DetailsPanel/components/DetailsPanelMoreMenu/components/ShareDialog.es.js";
-import "../../../DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.styled.es.js";
-import "../../../DetailsPanel/components/SubtasksSearchFilter/SubtasksSearchFilter.es.js";
-import "../../../DetailsPanel/components/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.es.js";
-import "../../../DetailsPanel/components/DetailsPanelFloating/DetailsPanelFloating.styled.es.js";
-import "../../../Actions/Actions.styled.es.js";
-import "../../../Actions/ActionsDropdown/ActionsDropdown.es.js";
-import "../../../Actions/ActionIcon.es.js";
-import "../../../Views/ViewsMenu/ViewsMenu.es.js";
-import "../../../Views/context/ViewsContextInstance.es.js";
-import "../../../Views/Views.styled.es.js";
-import "../../../Views/ViewsMenuContainer/ViewsMenuContainer.es.js";
-import "../../../ListTable/ListTableRow.es.js";
-import "../../../ListTable/ListTable.styled.es.js";
-import "../../../../context/UriContext.es.js";
-import "../../../../context/DeleteEntitiesContext.es.js";
-const Vp = ({
-  activity: a,
-  projectName: i,
+const Y = ({
+  activity: m,
+  projectName: n,
   entityType: f,
   onReferenceClick: v,
-  filter: r,
+  filter: s,
   statuses: y = []
 }) => {
   const { onOpenViewer: C } = q();
-  let { authorName: c, authorFullName: A, createdAt: d, versions: m = [] } = a;
-  const h = r === "versions" || r && typeof r == "object" && r.conditions?.some((t) => t.key === "versions" && t.value === !0), [p, b] = x(h), e = 2, [w, E] = x(!1), V = (t, s) => C?.({ versionIds: [t], productId: s, projectName: i });
-  return /* @__PURE__ */ o.jsxs(D, { children: [
-    /* @__PURE__ */ o.jsx(
+  let { authorName: d, authorFullName: A, createdAt: h, versions: t = [] } = m;
+  const u = s === "versions" || s && typeof s == "object" && s.conditions?.some((o) => o.key === "versions" && o.value === !0), [r, b] = p(u), i = 2, [w, E] = p(!1), V = (o, l) => C?.({ versionIds: [o], productId: l, projectName: n });
+  return /* @__PURE__ */ e.jsxs(D, { children: [
+    /* @__PURE__ */ e.jsx(
       g,
       {
-        name: c,
-        fullName: A || c,
-        date: d,
-        activity: a,
-        projectName: i,
+        name: d,
+        fullName: A || d,
+        date: h,
+        activity: m,
+        projectName: n,
         entityType: f,
         onReferenceClick: v
       }
     ),
-    m.flatMap((t, s) => {
-      const { name: k, id: n, productId: I, productName: N, thumbnailHash: S, comment: u } = t, l = y.find((T) => T.name === t.status);
-      return (s < e || p) && /* @__PURE__ */ o.jsxs(H, { onClick: () => V(n, I), children: [
-        /* @__PURE__ */ o.jsxs(M, { children: [
-          /* @__PURE__ */ o.jsxs("div", { children: [
-            /* @__PURE__ */ o.jsxs(j, { children: [
-              /* @__PURE__ */ o.jsx("span", { children: N }),
-              /* @__PURE__ */ o.jsx($, { date: d, isExact: !0 })
+    t.flatMap((o, l) => {
+      const { name: k, id: a, productId: I, productName: N, thumbnailHash: S, comment: x } = o, c = y.find((T) => T.name === o.status);
+      return (l < i || r) && /* @__PURE__ */ e.jsxs(H, { onClick: () => V(a, I), children: [
+        /* @__PURE__ */ e.jsxs(M, { children: [
+          /* @__PURE__ */ e.jsxs("div", { children: [
+            /* @__PURE__ */ e.jsxs(j, { children: [
+              /* @__PURE__ */ e.jsx("span", { children: N }),
+              /* @__PURE__ */ e.jsx($, { date: h, isExact: !0 })
             ] }),
-            /* @__PURE__ */ o.jsxs(j, { children: [
-              /* @__PURE__ */ o.jsx(O, { className: "version", children: k }),
+            /* @__PURE__ */ e.jsxs(j, { children: [
+              /* @__PURE__ */ e.jsx(O, { className: "version", children: k }),
               " -",
-              /* @__PURE__ */ o.jsx(z, { icon: l?.icon, color: l?.color, name: l?.name || "" })
+              /* @__PURE__ */ e.jsx(
+                z,
+                {
+                  icon: c?.icon,
+                  color: c?.color,
+                  name: c?.name || ""
+                }
+              )
             ] })
           ] }),
-          /* @__PURE__ */ o.jsx(
+          /* @__PURE__ */ e.jsx(
             P,
             {
-              projectName: i,
-              entityId: n,
+              projectName: n,
+              entityId: a,
               entityType: "version",
               onError: () => E(!0),
               iconOnly: w,
@@ -355,16 +66,16 @@ const Vp = ({
             }
           )
         ] }),
-        u && /* @__PURE__ */ o.jsx(R, { children: u })
-      ] }, n);
+        x && /* @__PURE__ */ e.jsx(R, { children: x })
+      ] }, a);
     }),
-    !h && m.length > e && /* @__PURE__ */ o.jsxs(_, { onClick: () => b(!p), children: [
-      /* @__PURE__ */ o.jsx(F, { icon: "more" }),
-      /* @__PURE__ */ o.jsx("span", { children: p ? "Show less" : `Show ${m.length - e} more versions` })
+    !u && t.length > i && /* @__PURE__ */ e.jsxs(_, { onClick: () => b(!r), children: [
+      /* @__PURE__ */ e.jsx(F, { icon: "more" }),
+      /* @__PURE__ */ e.jsx("span", { children: r ? "Show less" : `Show ${t.length - i} more versions` })
     ] })
   ] });
 };
 export {
-  Vp as default
+  Y as default
 };
 //# sourceMappingURL=ActivityVersions.es.js.map

package/dist/shared/src/containers/Feed/components/ActivityVersions/ActivityVersions.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActivityVersions.es.js","sources":["../../../../../../../src/containers/Feed/components/ActivityVersions/ActivityVersions.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport { Icon } from '@ynput/ayon-react-components'\nimport ActivityHeader from '../ActivityHeader/ActivityHeader'\nimport * as Styled from './ActivityVersions.styled'\nimport { More } from '../ActivityGroup/ActivityGroup.styled'\nimport ActivityDate from '../ActivityDate'\nimport { useDetailsPanelContext } from '@shared/context'\nimport { Status } from '@shared/api'\nimport { FieldValue } from '../ActivityFieldChange/FieldValue'\n\ninterface Version {\n  name: string\n  id: string\n  productId: string\n  productName: string\n  updatedAt: string\n  thumbnailHash?: string\n  comment?: string\n  status: string\n}\n\ninterface ActivityVersionsProps {\n  activity: {\n    authorName?: string\n    authorFullName?: string\n    createdAt?: string\n    versions?: Version[]\n    [key: string]: any\n  }\n  projectName: string\n  entityType?: string\n  onReferenceClick?: (ref: any) => void\n  filter?: any\n  statuses: Status[]\n}\n\nconst ActivityVersions: React.FC<ActivityVersionsProps> = ({\n  activity,\n  projectName,\n  entityType,\n  onReferenceClick,\n  filter,\n  statuses = [],\n}) => {\n  const { onOpenViewer } = useDetailsPanelContext()\n  let { authorName, authorFullName, createdAt, versions = [] } = activity\n\n  const isVersionsFilter =\n    filter === 'versions' ||\n    (filter &&\n      typeof filter === 'object' &&\n      filter.conditions?.some((c: any) => c.key === 'versions' && c.value === true))\n\n  const [showAll, setShowAll] = useState(isVersionsFilter)\n  const limit = 2\n\n  const [thumbnailError, setThumbnailError] = useState(false)\n\n  const handleClick = (versionId: string, productId: string) =>\n    onOpenViewer?.({ versionIds: [versionId], productId, projectName })\n\n  return (\n    <Styled.Container>\n      <ActivityHeader\n        name={authorName}\n        fullName={authorFullName || authorName}\n        date={createdAt}\n        activity={activity}\n        projectName={projectName}\n        entityType={entityType}\n        onReferenceClick={onReferenceClick}\n      />\n      {versions.flatMap((version, index) => {\n        const { name, id, productId, productName, thumbnailHash, comment } = version\n        const status = statuses.find((s) => s.name === version.status)\n        return (\n          (index < limit || showAll) && (\n            <Styled.Card onClick={() => handleClick(id, productId)} key={id}>\n              <Styled.Content>\n                <div>\n                  <Styled.Title>\n                    <span>{productName}</span>\n                    <ActivityDate date={createdAt} isExact />\n                  </Styled.Title>\n                  <Styled.Title>\n                    <Styled.VersionName className=\"version\">{name}</Styled.VersionName> -\n                    <FieldValue icon={status?.icon} color={status?.color} name={status?.name || ''} />\n                  </Styled.Title>\n                </div>\n                <Styled.Thumbnail\n                  {...{ projectName }}\n                  entityId={id}\n                  entityType=\"version\"\n                  onError={() => setThumbnailError(true)}\n                  iconOnly={thumbnailError}\n                  thumbnailHash={thumbnailHash}\n                  icon={'play_circle'}\n                />\n              </Styled.Content>\n              {comment && <Styled.Comment>{comment}</Styled.Comment>}\n            </Styled.Card>\n          )\n        )\n      })}\n      {!isVersionsFilter && versions.length > limit && (\n        <More onClick={() => setShowAll(!showAll)}>\n          <Icon icon=\"more\" />\n          <span>{showAll ? `Show less` : `Show ${versions.length - limit} more versions`}</span>\n        </More>\n      )}\n    </Styled.Container>\n  )\n}\n\nexport default ActivityVersions\n"],"names":["ActivityVersions","activity","projectName","entityType","onReferenceClick","filter","statuses","onOpenViewer","useDetailsPanelContext","authorName","authorFullName","createdAt","versions","isVersionsFilter","c","showAll","setShowAll","useState","limit","thumbnailError","setThumbnailError","handleClick","versionId","productId","jsxs","Styled.Container","jsx","ActivityHeader","version","index","name","id","productName","thumbnailHash","comment","status","s","Styled.Card","Styled.Content","Styled.Title","ActivityDate","Styled.VersionName","FieldValue","Styled.Thumbnail","Styled.Comment","More","Icon"],"mappings":"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"}
+{"version":3,"file":"ActivityVersions.es.js","sources":["../../../../../../../src/containers/Feed/components/ActivityVersions/ActivityVersions.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport { Icon } from '@ynput/ayon-react-components'\nimport ActivityHeader from '../ActivityHeader/ActivityHeader'\nimport * as Styled from './ActivityVersions.styled'\nimport { More } from '../ActivityGroup/ActivityGroup.styled'\nimport ActivityDate from '../ActivityDate'\nimport { useDetailsPanelContext } from '@shared/context/DetailsPanelContext'\nimport type { Status } from '@shared/api'\nimport { FieldValue } from '../ActivityFieldChange/FieldValue'\n\ninterface Version {\n  name: string\n  id: string\n  productId: string\n  productName: string\n  updatedAt: string\n  thumbnailHash?: string\n  comment?: string\n  status: string\n}\n\ninterface ActivityVersionsProps {\n  activity: {\n    authorName?: string\n    authorFullName?: string\n    createdAt?: string\n    versions?: Version[]\n    [key: string]: any\n  }\n  projectName: string\n  entityType?: string\n  onReferenceClick?: (ref: any) => void\n  filter?: any\n  statuses: Status[]\n}\n\nconst ActivityVersions: React.FC<ActivityVersionsProps> = ({\n  activity,\n  projectName,\n  entityType,\n  onReferenceClick,\n  filter,\n  statuses = [],\n}) => {\n  const { onOpenViewer } = useDetailsPanelContext()\n  let { authorName, authorFullName, createdAt, versions = [] } = activity\n\n  const isVersionsFilter =\n    filter === 'versions' ||\n    (filter &&\n      typeof filter === 'object' &&\n      filter.conditions?.some((c: any) => c.key === 'versions' && c.value === true))\n\n  const [showAll, setShowAll] = useState(isVersionsFilter)\n  const limit = 2\n\n  const [thumbnailError, setThumbnailError] = useState(false)\n\n  const handleClick = (versionId: string, productId: string) =>\n    onOpenViewer?.({ versionIds: [versionId], productId, projectName })\n\n  return (\n    <Styled.Container>\n      <ActivityHeader\n        name={authorName}\n        fullName={authorFullName || authorName}\n        date={createdAt}\n        activity={activity}\n        projectName={projectName}\n        entityType={entityType}\n        onReferenceClick={onReferenceClick}\n      />\n      {versions.flatMap((version, index) => {\n        const { name, id, productId, productName, thumbnailHash, comment } = version\n        const status = statuses.find((s) => s.name === version.status)\n        return (\n          (index < limit || showAll) && (\n            <Styled.Card onClick={() => handleClick(id, productId)} key={id}>\n              <Styled.Content>\n                <div>\n                  <Styled.Title>\n                    <span>{productName}</span>\n                    <ActivityDate date={createdAt} isExact />\n                  </Styled.Title>\n                  <Styled.Title>\n                    <Styled.VersionName className=\"version\">{name}</Styled.VersionName> -\n                    <FieldValue\n                      icon={status?.icon}\n                      color={status?.color}\n                      name={status?.name || ''}\n                    />\n                  </Styled.Title>\n                </div>\n                <Styled.Thumbnail\n                  {...{ projectName }}\n                  entityId={id}\n                  entityType=\"version\"\n                  onError={() => setThumbnailError(true)}\n                  iconOnly={thumbnailError}\n                  thumbnailHash={thumbnailHash}\n                  icon={'play_circle'}\n                />\n              </Styled.Content>\n              {comment && <Styled.Comment>{comment}</Styled.Comment>}\n            </Styled.Card>\n          )\n        )\n      })}\n      {!isVersionsFilter && versions.length > limit && (\n        <More onClick={() => setShowAll(!showAll)}>\n          <Icon icon=\"more\" />\n          <span>{showAll ? `Show less` : `Show ${versions.length - limit} more versions`}</span>\n        </More>\n      )}\n    </Styled.Container>\n  )\n}\n\nexport default ActivityVersions\n"],"names":["ActivityVersions","activity","projectName","entityType","onReferenceClick","filter","statuses","onOpenViewer","useDetailsPanelContext","authorName","authorFullName","createdAt","versions","isVersionsFilter","c","showAll","setShowAll","useState","limit","thumbnailError","setThumbnailError","handleClick","versionId","productId","jsxs","Styled.Container","jsx","ActivityHeader","version","index","name","id","productName","thumbnailHash","comment","status","s","Styled.Card","Styled.Content","Styled.Title","ActivityDate","Styled.VersionName","FieldValue","Styled.Thumbnail","Styled.Comment","More","Icon"],"mappings":"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"}

package/dist/shared/src/containers/Feed/components/ActivityVersions/ActivityVersions.styled.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActivityVersions.styled.cjs.js","sources":["../../../../../../../src/containers/Feed/components/ActivityVersions/ActivityVersions.styled.ts"],"sourcesContent":["import ThumbnailSimple from '@shared/components/ThumbnailSimple'\nimport styled from 'styled-components'\n\nexport const Container = styled.li`\n  /* reset default */\n  list-style: none;\n  margin: 0;\n  padding: 0;\n\n  display: flex;\n  flex-direction: column;\n  gap: var(--base-gap-small);\n\n  width: 100%;\n  padding: 8px;\n`\n\nexport const Card = styled.div`\n  border-radius: var(--border-radius-m);\n  padding: var(--padding-m);\n\n  background-color: var(--md-sys-color-surface-container);\n\n  cursor: pointer;\n  &:hover {\n    color: var(--md-sys-color-on-surface);\n    background-color: var(--md-sys-color-surface-container-hover);\n\n    /* show date */\n    .date {\n      display: inline;\n    }\n  }\n`\n\nexport const Content = styled.div`\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: flex-start;\n  gap: var(--base-gap-small);\n  overflow: hidden;\n  min-width: 0;\n\n  > div:first-child {\n    flex: 1;\n    min-width: 0;\n    overflow: hidden;\n  }\n`\n\nexport const Title = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--base-gap-small);\n  overflow: hidden;\n  flex: 1;\n  min-width: 0;\n\n  /* Product name text that can be truncated */\n  > span:not(.date) {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    flex-shrink: 1;\n    min-width: 0;\n    max-width: 100%;\n  }\n\n  .date {\n    /* by default hide */\n    display: none;\n    flex: 1;\n  }\n`\n\nexport const Thumbnail = styled(ThumbnailSimple)`\n  width: 74px;\n  min-width: 74px;\n  height: unset;\n  aspect-ratio: 1.7778;\n  margin: unset;\n\n  .icon {\n    font-size: 24px;\n  }\n\n  img {\n    object-fit: cover;\n  }\n`\n\nexport const VersionName = styled.span`\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  display: block;\n  min-width: 0;\n`\n\nexport const Comment = styled.div`\n  margin-top: var(--base-gap-small);\n  color: var(--md-sys-color-outline);\n  word-break: break-word;\n`\n"],"names":["Container","styled","Card","Content","Title","Thumbnail","ThumbnailSimple","VersionName","Comment"],"mappings":"gMAGaA,EAAYC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAcnBC,EAAOD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAkBdE,EAAUF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAgBjBG,EAAQH,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,EA0BfI,EAAYJ,EAAOK,iBAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAgBlCC,EAAcN,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQrBO,EAAUP,EAAO;AAAA;AAAA;AAAA;AAAA"}
+{"version":3,"file":"ActivityVersions.styled.cjs.js","sources":["../../../../../../../src/containers/Feed/components/ActivityVersions/ActivityVersions.styled.ts"],"sourcesContent":["import { ThumbnailSimple } from '@shared/components/ThumbnailSimple/ThumbnailSimple'\nimport styled from 'styled-components'\n\nexport const Container = styled.li`\n  /* reset default */\n  list-style: none;\n  margin: 0;\n  padding: 0;\n\n  display: flex;\n  flex-direction: column;\n  gap: var(--base-gap-small);\n\n  width: 100%;\n  padding: 8px;\n`\n\nexport const Card = styled.div`\n  border-radius: var(--border-radius-m);\n  padding: var(--padding-m);\n\n  background-color: var(--md-sys-color-surface-container);\n\n  cursor: pointer;\n  &:hover {\n    color: var(--md-sys-color-on-surface);\n    background-color: var(--md-sys-color-surface-container-hover);\n\n    /* show date */\n    .date {\n      display: inline;\n    }\n  }\n`\n\nexport const Content = styled.div`\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: flex-start;\n  gap: var(--base-gap-small);\n  overflow: hidden;\n  min-width: 0;\n\n  > div:first-child {\n    flex: 1;\n    min-width: 0;\n    overflow: hidden;\n  }\n`\n\nexport const Title = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--base-gap-small);\n  overflow: hidden;\n  flex: 1;\n  min-width: 0;\n\n  /* Product name text that can be truncated */\n  > span:not(.date) {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    flex-shrink: 1;\n    min-width: 0;\n    max-width: 100%;\n  }\n\n  .date {\n    /* by default hide */\n    display: none;\n    flex: 1;\n  }\n`\n\nexport const Thumbnail = styled(ThumbnailSimple)`\n  width: 74px;\n  min-width: 74px;\n  height: unset;\n  aspect-ratio: 1.7778;\n  margin: unset;\n\n  .icon {\n    font-size: 24px;\n  }\n\n  img {\n    object-fit: cover;\n  }\n`\n\nexport const VersionName = styled.span`\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  display: block;\n  min-width: 0;\n`\n\nexport const Comment = styled.div`\n  margin-top: var(--base-gap-small);\n  color: var(--md-sys-color-outline);\n  word-break: break-word;\n`\n"],"names":["Container","styled","Card","Content","Title","Thumbnail","ThumbnailSimple","VersionName","Comment"],"mappings":"gMAGaA,EAAYC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAcnBC,EAAOD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAkBdE,EAAUF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAgBjBG,EAAQH,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,EA0BfI,EAAYJ,EAAOK,iBAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAgBlCC,EAAcN,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQrBO,EAAUP,EAAO;AAAA;AAAA;AAAA;AAAA"}

package/dist/shared/src/containers/Feed/components/ActivityVersions/ActivityVersions.styled.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActivityVersions.styled.es.js","sources":["../../../../../../../src/containers/Feed/components/ActivityVersions/ActivityVersions.styled.ts"],"sourcesContent":["import ThumbnailSimple from '@shared/components/ThumbnailSimple'\nimport styled from 'styled-components'\n\nexport const Container = styled.li`\n  /* reset default */\n  list-style: none;\n  margin: 0;\n  padding: 0;\n\n  display: flex;\n  flex-direction: column;\n  gap: var(--base-gap-small);\n\n  width: 100%;\n  padding: 8px;\n`\n\nexport const Card = styled.div`\n  border-radius: var(--border-radius-m);\n  padding: var(--padding-m);\n\n  background-color: var(--md-sys-color-surface-container);\n\n  cursor: pointer;\n  &:hover {\n    color: var(--md-sys-color-on-surface);\n    background-color: var(--md-sys-color-surface-container-hover);\n\n    /* show date */\n    .date {\n      display: inline;\n    }\n  }\n`\n\nexport const Content = styled.div`\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: flex-start;\n  gap: var(--base-gap-small);\n  overflow: hidden;\n  min-width: 0;\n\n  > div:first-child {\n    flex: 1;\n    min-width: 0;\n    overflow: hidden;\n  }\n`\n\nexport const Title = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--base-gap-small);\n  overflow: hidden;\n  flex: 1;\n  min-width: 0;\n\n  /* Product name text that can be truncated */\n  > span:not(.date) {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    flex-shrink: 1;\n    min-width: 0;\n    max-width: 100%;\n  }\n\n  .date {\n    /* by default hide */\n    display: none;\n    flex: 1;\n  }\n`\n\nexport const Thumbnail = styled(ThumbnailSimple)`\n  width: 74px;\n  min-width: 74px;\n  height: unset;\n  aspect-ratio: 1.7778;\n  margin: unset;\n\n  .icon {\n    font-size: 24px;\n  }\n\n  img {\n    object-fit: cover;\n  }\n`\n\nexport const VersionName = styled.span`\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  display: block;\n  min-width: 0;\n`\n\nexport const Comment = styled.div`\n  margin-top: var(--base-gap-small);\n  color: var(--md-sys-color-outline);\n  word-break: break-word;\n`\n"],"names":["Container","styled","Card","Content","Title","Thumbnail","ThumbnailSimple","VersionName","Comment"],"mappings":";;AAGO,MAAMA,IAAYC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAcnBC,IAAOD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAkBdE,IAAUF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAgBjBG,IAAQH,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,GA0BfI,IAAYJ,EAAOK,CAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAgBlCC,IAAcN,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQrBO,IAAUP,EAAO;AAAA;AAAA;AAAA;AAAA;"}
+{"version":3,"file":"ActivityVersions.styled.es.js","sources":["../../../../../../../src/containers/Feed/components/ActivityVersions/ActivityVersions.styled.ts"],"sourcesContent":["import { ThumbnailSimple } from '@shared/components/ThumbnailSimple/ThumbnailSimple'\nimport styled from 'styled-components'\n\nexport const Container = styled.li`\n  /* reset default */\n  list-style: none;\n  margin: 0;\n  padding: 0;\n\n  display: flex;\n  flex-direction: column;\n  gap: var(--base-gap-small);\n\n  width: 100%;\n  padding: 8px;\n`\n\nexport const Card = styled.div`\n  border-radius: var(--border-radius-m);\n  padding: var(--padding-m);\n\n  background-color: var(--md-sys-color-surface-container);\n\n  cursor: pointer;\n  &:hover {\n    color: var(--md-sys-color-on-surface);\n    background-color: var(--md-sys-color-surface-container-hover);\n\n    /* show date */\n    .date {\n      display: inline;\n    }\n  }\n`\n\nexport const Content = styled.div`\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: flex-start;\n  gap: var(--base-gap-small);\n  overflow: hidden;\n  min-width: 0;\n\n  > div:first-child {\n    flex: 1;\n    min-width: 0;\n    overflow: hidden;\n  }\n`\n\nexport const Title = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--base-gap-small);\n  overflow: hidden;\n  flex: 1;\n  min-width: 0;\n\n  /* Product name text that can be truncated */\n  > span:not(.date) {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    flex-shrink: 1;\n    min-width: 0;\n    max-width: 100%;\n  }\n\n  .date {\n    /* by default hide */\n    display: none;\n    flex: 1;\n  }\n`\n\nexport const Thumbnail = styled(ThumbnailSimple)`\n  width: 74px;\n  min-width: 74px;\n  height: unset;\n  aspect-ratio: 1.7778;\n  margin: unset;\n\n  .icon {\n    font-size: 24px;\n  }\n\n  img {\n    object-fit: cover;\n  }\n`\n\nexport const VersionName = styled.span`\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  display: block;\n  min-width: 0;\n`\n\nexport const Comment = styled.div`\n  margin-top: var(--base-gap-small);\n  color: var(--md-sys-color-outline);\n  word-break: break-word;\n`\n"],"names":["Container","styled","Card","Content","Title","Thumbnail","ThumbnailSimple","VersionName","Comment"],"mappings":";;AAGO,MAAMA,IAAYC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAcnBC,IAAOD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAkBdE,IAAUF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAgBjBG,IAAQH,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,GA0BfI,IAAYJ,EAAOK,CAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAgBlCC,IAAcN,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQrBO,IAAUP,EAAO;AAAA;AAAA;AAAA;AAAA;"}