@ynput/ayon-frontend-shared 0.3.46 → 0.3.47

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

@@ -129,6 +129,173 @@ 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 "../../../../../_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/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/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 "../../Slicer/hooks/useTableDataBySlice.es.js";
+import "../../../components/ReviewableCard/ReviewableCard.es.js";
+import "../../../components/ReviewableProgressCard/ReviewableProgressCard.styled.es.js";
+import "../../../components/SettingsPanel/SettingsPanel.es.js";
+import "../../../components/SettingsPanel/SettingsPanelItemTemplate.es.js";
+import "../../../components/ShareOptionIcon/ShareOptionIcon.es.js";
+import "../../../components/SimpleFormDialog/SimpleFormDialog.es.js";
+import "../../../components/StyledLink/StyledLink.es.js";
+import "../../../components/SyncButton/SyncButton.es.js";
+import "../../../components/TableGridSwitch/TableGridSwitch.es.js";
+import "../../../components/Thumbnail/Thumbnail.styled.es.js";
+import "../../../components/Thumbnail/StackedThumbnails.es.js";
+import "../../../components/ThumbnailSimple/ThumbnailSimple.es.js";
+import "../../../components/VersionUploader/components/UploadVersionDialog.es.js";
+import "../../../components/VersionUploader/context/VersionUploadContextInstance.es.js";
+import "../../../components/Watchers/Watchers.es.js";
+import "../../../components/Menu/Menu.styled.es.js";
+import "../../../components/Menu/MenuItem.es.js";
+import "../../../components/ReviewablesSelector/ReviewablesSelector.es.js";
+import "../../../components/ColumnHeaderMenuUI.es.js";
+import "./ActivityReference/ActivityReference.styled.es.js";
+import "./ActivityStatus/ActivityStatus.es.js";
+import "./ActivityHeader/ActivityHeader.styled.es.js";
+import "./ActivityDate.es.js";
+import "./ActivityCategorySelect/CategoryTag.es.js";
+import "./ActivityStatusChange/ActivityStatusChange.styled.es.js";
+import "./ActivityStatusChange/ActivityStatusSecondary.es.js";
+import "./ActivityAssigneeChange/ActivityAssigneeChange.styled.es.js";
+import "./ActivityVersions/ActivityVersions.styled.es.js";
+import "./ActivityGroup/ActivityGroup.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 "@tanstack/react-virtual";
+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/EnumCellValue.es.js";
+import "../../ProjectTreeTable/widgets/TextWidget.es.js";
+import "../../ProjectTreeTable/widgets/MarkdownWidget.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 "../../ProjectTreeTable/widgets/LinksWidget.es.js";
+import "short-uuid";
+import "../../ProjectTreeTable/context/CellEditingContext.es.js";
+import "../../ProjectTreeTable/context/SelectionCellsContext.es.js";
+import "../../ProjectTreeTable/context/ProjectTableQueriesContext.es.js";
+import "../../ProjectTreeTable/context/ClipboardContext.es.js";
+import "../../ProjectTreeTable/context/ColumnSettingsContext.es.js";
+import "../../ProjectTreeTable/context/SelectedRowsContext.es.js";
+import "../../ProjectTreeTable/context/DetailsPanelEntityContext.es.js";
+import "../../ProjectTreeTable/components/DeleteConfirmContent.es.js";
+import "../../ProjectTreeTable/context/ProjectDataContextInstance.es.js";
+import "../../ProjectTreeTable/context/ProjectTableContextInstance.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/widgets/LoadMoreWidget.es.js";
+import "../../ProjectTreeTable/components/HeaderActionButton.es.js";
+import "../../ProjectTreeTable/components/TableFooterRow.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 { useDateRangeFilter as q } from "../../../components/SearchFilter/useDateRangeFilter.es.js";
 import { CustomDateRangeDialog as I } from "../../../components/SearchFilter/CustomDateRangeDialog.es.js";
 const L = j.div`
@@ -146,14 +313,14 @@ const L = j.div`
     opacity: 0.5;
     pointer-events: none;
   }
-`, lr = ({
+`, um = ({
   feedFilter: c,
   setFeedFilter: _,
   users: d,
-  categories: m,
+  categories: e,
   supportsReviewSession: h,
   isLoading: F,
-  checklistCount: p,
+  checklistCount: m,
   onSearchTextChange: u
 }) => {
   const i = n(() => {
@@ -172,7 +339,7 @@ const L = j.div`
       t("checklists", "Checklists", "check_circle"),
       t("has_attachments", "Attachments", "attach_file"),
       ...h ? [t("in_review_session", "Review session", "subscriptions")] : [],
-      ...m.length ? [
+      ...e.length ? [
         {
           id: "category",
           label: "Category",
@@ -181,7 +348,7 @@ const L = j.div`
           operator: "OR",
           values: [
             { id: "__none__", label: "No category", icon: "crop_square" },
-            ...m.map((r) => ({
+            ...e.map((r) => ({
               id: r.name,
               label: r.name,
               icon: "crop_square",
@@ -210,23 +377,23 @@ const L = j.div`
         values: N()
       }
     ];
-  }, [d, m, h]);
+  }, [d, e, h]);
   let a = "";
-  p?.total && p.total > 0 && (a = `${p.checked}/${p.total}`);
+  m?.total && m.total > 0 && (a = `${m.checked}/${m.total}`);
   const y = n(
     () => ["comments", { id: "checklists", label: a, tooltip: "Checklists" }],
     [a]
   ), s = n(
     () => E(c, i),
     [c, i]
-  ), [e, g] = x(s), f = k(null), o = q();
+  ), [p, g] = x(s), f = k(null), o = q();
   w(() => {
     g(s);
   }, [JSON.stringify(s)]);
   const b = (t) => {
     _(O(t)), u?.("");
   }, D = (t) => {
-    o.wrapFilterChange(t, e, g);
+    o.wrapFilterChange(t, p, g);
   }, R = (t, C) => {
     C || u?.(t);
   };
@@ -237,7 +404,7 @@ const L = j.div`
         ref: f,
         compact: !0,
         options: i,
-        filters: e,
+        filters: p,
         onChange: D,
         onFinish: b,
         enableGlobalSearch: !0,
@@ -248,12 +415,12 @@ const L = j.div`
         placeholder: "Search and filter feed...",
         pt: {
           searchBar: {
-            onClickCapture: (t) => o.handleSearchBarClickCapture(t, e)
+            onClickCapture: (t) => o.handleSearchBarClickCapture(t, p)
           },
           dropdown: {
             pt: {
               item: {
-                onClick: (t) => o.handleDropdownItemClick(t, e, i)
+                onClick: (t) => o.handleDropdownItemClick(t, p, i)
               }
             }
           }
@@ -269,13 +436,13 @@ const L = j.div`
         endDate: o.customEndDate,
         onStartDateChange: o.setCustomStartDate,
         onEndDateChange: o.setCustomEndDate,
-        onApply: () => o.handleCustomRangeApply(e, i, b, f),
+        onApply: () => o.handleCustomRangeApply(p, i, b, f),
         onClose: o.handleCustomRangeClose
       }
     )
   ] });
 };
 export {
-  lr as default
+  um as default
 };
 //# sourceMappingURL=FeedSearchFilter.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FeedSearchFilter.es.js","sources":["../../../../../../src/containers/Feed/components/FeedSearchFilter.tsx"],"sourcesContent":["import { FC, useEffect, useMemo, useRef, useState } from 'react'\nimport {\n  SearchFilter,\n  Filter,\n  Option,\n  SearchFilterQuickAction,\n  SearchFilterRef,\n} from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\nimport { type QueryFilter, type ActivityCategory, ChecklistCount } from '@shared/api'\nimport { ActivityUser } from '../helpers/groupMinorActivities'\nimport { feedFilterToClientFilters, clientFiltersToFeedFilter } from '../helpers/feedFilterAdapter'\nimport { generateDateOptions } from '@shared/components/SearchFilter/filterDates'\nimport { useDateRangeFilter, CustomDateRangeDialog } from '@shared/components/SearchFilter'\n\nconst Wrapper = styled.div`\n  padding: 4px 8px;\n  padding-bottom: 0;\n  filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.25));\n  z-index: 10;\n\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n\n  &.loading {\n    opacity: 0.5;\n    pointer-events: none;\n  }\n`\n\ninterface FeedSearchFilterProps {\n  feedFilter: QueryFilter\n  setFeedFilter: (filter: QueryFilter) => void\n  users: ActivityUser[]\n  categories: ActivityCategory[]\n  supportsReviewSession: boolean\n  isLoading?: boolean\n  checklistCount?: ChecklistCount | undefined\n  onSearchTextChange?: (text: string) => void\n}\n\nconst FeedSearchFilter: FC<FeedSearchFilterProps> = ({\n  feedFilter,\n  setFeedFilter,\n  users,\n  categories,\n  supportsReviewSession,\n  isLoading,\n  checklistCount,\n  onSearchTextChange,\n}) => {\n  const options: Option[] = useMemo(() => {\n    // no values -> ARC adds it in one click (select \"Yes\"), no value-panel prompt\n    const boolean = (id: string, label: string, icon: string): Option => ({\n      id,\n      label,\n      icon,\n      type: 'boolean',\n      singleSelect: true,\n      values: [],\n    })\n\n    const opts: Option[] = [\n      boolean('comments', 'Comments', 'chat'),\n      boolean('versions', 'Versions', 'layers'),\n      boolean('updates', 'Updates', 'arrow_circle_right'),\n      boolean('checklists', 'Checklists', 'check_circle'),\n      boolean('has_attachments', 'Attachments', 'attach_file'),\n      ...(supportsReviewSession\n        ? [boolean('in_review_session', 'Review session', 'subscriptions')]\n        : []),\n      ...(categories.length\n        ? [\n            {\n              id: 'category',\n              label: 'Category',\n              icon: 'label',\n              type: 'list_of_strings' as const,\n              operator: 'OR' as const,\n              values: [\n                { id: '__none__', label: 'No category', icon: 'crop_square' },\n                ...categories.map((c) => ({\n                  id: c.name,\n                  label: c.name,\n                  icon: 'crop_square',\n                  color: c.color,\n                })),\n              ],\n            },\n          ]\n        : []),\n      {\n        id: 'author',\n        label: 'User',\n        icon: 'person',\n        type: 'list_of_strings' as const,\n        operator: 'OR' as const,\n        values: users.map((u) => ({\n          id: u.name,\n          label: u.attrib?.fullName || u.name,\n          img: `/api/users/${u.name}/avatar`,\n        })),\n      },\n      {\n        id: 'createdAt',\n        label: 'Posted date',\n        icon: 'calendar_today',\n        type: 'datetime',\n        values: generateDateOptions(),\n      },\n    ]\n\n    return opts\n  }, [users, categories, supportsReviewSession])\n\n  let checklistsLabel: string = ''\n  if (checklistCount?.total && checklistCount.total > 0) {\n    checklistsLabel = `${checklistCount.checked}/${checklistCount.total}`\n  }\n\n  // @ts-expect-error - using string is fine\n  const quickActions: SearchFilterQuickAction[] = useMemo(\n    () => ['comments', { id: 'checklists', label: checklistsLabel, tooltip: 'Checklists' }],\n    [checklistsLabel],\n  )\n\n  const filters = useMemo(\n    () => feedFilterToClientFilters(feedFilter, options),\n    [feedFilter, options],\n  )\n\n  const [localFilters, setLocalFilters] = useState<Filter[]>(filters)\n  const searchFilterRef = useRef<SearchFilterRef>(null)\n\n  const dateRange = useDateRangeFilter()\n\n  useEffect(() => {\n    setLocalFilters(filters)\n  }, [JSON.stringify(filters)])\n\n  const handleFinish = (newFilters: Filter[]) => {\n    setFeedFilter(clientFiltersToFeedFilter(newFilters))\n    onSearchTextChange?.('')\n  }\n\n  const handleFilterChange = (newFilters: Filter[]) => {\n    dateRange.wrapFilterChange(newFilters, localFilters, setLocalFilters)\n  }\n\n  const handleLiveSearch = (value: string, filter: string | null) => {\n    // only for root level searching\n    if (!!filter) return\n    onSearchTextChange?.(value)\n  }\n\n  return (\n    <Wrapper className={isLoading ? 'loading' : undefined}>\n      <SearchFilter\n        ref={searchFilterRef}\n        compact\n        options={options}\n        filters={localFilters}\n        onChange={handleFilterChange}\n        onFinish={handleFinish}\n        enableGlobalSearch\n        enableMultipleSameFilters={false}\n        enableAutosuggestion={true}\n        onSearchChange={handleLiveSearch}\n        quickActions={quickActions}\n        placeholder=\"Search and filter feed...\"\n        pt={{\n          searchBar: {\n            onClickCapture: (e) => dateRange.handleSearchBarClickCapture(e, localFilters),\n          },\n          dropdown: {\n            pt: {\n              item: {\n                onClick: (e) => dateRange.handleDropdownItemClick(e, localFilters, options),\n              },\n            },\n          },\n        }}\n      />\n      <CustomDateRangeDialog\n        isOpen={!!dateRange.customRangeFilterId}\n        header={\n          options.find((o) => o.id === dateRange.customRangeFilterId?.split('__')[0])?.label ??\n          'Custom range'\n        }\n        startDate={dateRange.customStartDate}\n        endDate={dateRange.customEndDate}\n        onStartDateChange={dateRange.setCustomStartDate}\n        onEndDateChange={dateRange.setCustomEndDate}\n        onApply={() =>\n          dateRange.handleCustomRangeApply(localFilters, options, handleFinish, searchFilterRef)\n        }\n        onClose={dateRange.handleCustomRangeClose}\n      />\n    </Wrapper>\n  )\n}\n\nexport default FeedSearchFilter\n"],"names":["Wrapper","styled","FeedSearchFilter","feedFilter","setFeedFilter","users","categories","supportsReviewSession","isLoading","checklistCount","onSearchTextChange","options","useMemo","boolean","id","label","icon","c","u","generateDateOptions","checklistsLabel","quickActions","filters","feedFilterToClientFilters","localFilters","setLocalFilters","useState","searchFilterRef","useRef","dateRange","useDateRangeFilter","useEffect","handleFinish","newFilters","clientFiltersToFeedFilter","handleFilterChange","handleLiveSearch","value","filter","jsxs","jsx","SearchFilter","e","CustomDateRangeDialog","o"],"mappings":"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"}
+{"version":3,"file":"FeedSearchFilter.es.js","sources":["../../../../../../src/containers/Feed/components/FeedSearchFilter.tsx"],"sourcesContent":["import { FC, useEffect, useMemo, useRef, useState } from 'react'\nimport {\n  SearchFilter,\n  Filter,\n  Option,\n  SearchFilterQuickAction,\n  SearchFilterRef,\n} from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\nimport { type QueryFilter, type ActivityCategory, ChecklistCount } from '@shared/api'\nimport { ActivityUser } from '../helpers/groupMinorActivities'\nimport { feedFilterToClientFilters, clientFiltersToFeedFilter } from '../helpers/feedFilterAdapter'\nimport { generateDateOptions } from '@shared/components/SearchFilter/filterDates'\nimport { useDateRangeFilter, CustomDateRangeDialog } from '@shared/components/SearchFilter'\n\nconst Wrapper = styled.div`\n  padding: 4px 8px;\n  padding-bottom: 0;\n  filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.25));\n  z-index: 10;\n\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n\n  &.loading {\n    opacity: 0.5;\n    pointer-events: none;\n  }\n`\n\ninterface FeedSearchFilterProps {\n  feedFilter: QueryFilter\n  setFeedFilter: (filter: QueryFilter) => void\n  users: ActivityUser[]\n  categories: ActivityCategory[]\n  supportsReviewSession: boolean\n  isLoading?: boolean\n  checklistCount?: ChecklistCount | undefined\n  onSearchTextChange?: (text: string) => void\n}\n\nconst FeedSearchFilter: FC<FeedSearchFilterProps> = ({\n  feedFilter,\n  setFeedFilter,\n  users,\n  categories,\n  supportsReviewSession,\n  isLoading,\n  checklistCount,\n  onSearchTextChange,\n}) => {\n  const options: Option[] = useMemo(() => {\n    // no values -> ARC adds it in one click (select \"Yes\"), no value-panel prompt\n    const boolean = (id: string, label: string, icon: string): Option => ({\n      id,\n      label,\n      icon,\n      type: 'boolean',\n      singleSelect: true,\n      values: [],\n    })\n\n    const opts: Option[] = [\n      boolean('comments', 'Comments', 'chat'),\n      boolean('versions', 'Versions', 'layers'),\n      boolean('updates', 'Updates', 'arrow_circle_right'),\n      boolean('checklists', 'Checklists', 'check_circle'),\n      boolean('has_attachments', 'Attachments', 'attach_file'),\n      ...(supportsReviewSession\n        ? [boolean('in_review_session', 'Review session', 'subscriptions')]\n        : []),\n      ...(categories.length\n        ? [\n            {\n              id: 'category',\n              label: 'Category',\n              icon: 'label',\n              type: 'list_of_strings' as const,\n              operator: 'OR' as const,\n              values: [\n                { id: '__none__', label: 'No category', icon: 'crop_square' },\n                ...categories.map((c) => ({\n                  id: c.name,\n                  label: c.name,\n                  icon: 'crop_square',\n                  color: c.color,\n                })),\n              ],\n            },\n          ]\n        : []),\n      {\n        id: 'author',\n        label: 'User',\n        icon: 'person',\n        type: 'list_of_strings' as const,\n        operator: 'OR' as const,\n        values: users.map((u) => ({\n          id: u.name,\n          label: u.attrib?.fullName || u.name,\n          img: `/api/users/${u.name}/avatar`,\n        })),\n      },\n      {\n        id: 'createdAt',\n        label: 'Posted date',\n        icon: 'calendar_today',\n        type: 'datetime',\n        values: generateDateOptions(),\n      },\n    ]\n\n    return opts\n  }, [users, categories, supportsReviewSession])\n\n  let checklistsLabel: string = ''\n  if (checklistCount?.total && checklistCount.total > 0) {\n    checklistsLabel = `${checklistCount.checked}/${checklistCount.total}`\n  }\n\n  // @ts-expect-error - using string is fine\n  const quickActions: SearchFilterQuickAction[] = useMemo(\n    () => ['comments', { id: 'checklists', label: checklistsLabel, tooltip: 'Checklists' }],\n    [checklistsLabel],\n  )\n\n  const filters = useMemo(\n    () => feedFilterToClientFilters(feedFilter, options),\n    [feedFilter, options],\n  )\n\n  const [localFilters, setLocalFilters] = useState<Filter[]>(filters)\n  const searchFilterRef = useRef<SearchFilterRef>(null)\n\n  const dateRange = useDateRangeFilter()\n\n  useEffect(() => {\n    setLocalFilters(filters)\n  }, [JSON.stringify(filters)])\n\n  const handleFinish = (newFilters: Filter[]) => {\n    setFeedFilter(clientFiltersToFeedFilter(newFilters))\n    onSearchTextChange?.('')\n  }\n\n  const handleFilterChange = (newFilters: Filter[]) => {\n    dateRange.wrapFilterChange(newFilters, localFilters, setLocalFilters)\n  }\n\n  const handleLiveSearch = (value: string, filter: string | null) => {\n    // only for root level searching\n    if (!!filter) return\n    onSearchTextChange?.(value)\n  }\n\n  return (\n    <Wrapper className={isLoading ? 'loading' : undefined}>\n      <SearchFilter\n        ref={searchFilterRef}\n        compact\n        options={options}\n        filters={localFilters}\n        onChange={handleFilterChange}\n        onFinish={handleFinish}\n        enableGlobalSearch\n        enableMultipleSameFilters={false}\n        enableAutosuggestion={true}\n        onSearchChange={handleLiveSearch}\n        quickActions={quickActions}\n        placeholder=\"Search and filter feed...\"\n        pt={{\n          searchBar: {\n            onClickCapture: (e) => dateRange.handleSearchBarClickCapture(e, localFilters),\n          },\n          dropdown: {\n            pt: {\n              item: {\n                onClick: (e) => dateRange.handleDropdownItemClick(e, localFilters, options),\n              },\n            },\n          },\n        }}\n      />\n      <CustomDateRangeDialog\n        isOpen={!!dateRange.customRangeFilterId}\n        header={\n          options.find((o) => o.id === dateRange.customRangeFilterId?.split('__')[0])?.label ??\n          'Custom range'\n        }\n        startDate={dateRange.customStartDate}\n        endDate={dateRange.customEndDate}\n        onStartDateChange={dateRange.setCustomStartDate}\n        onEndDateChange={dateRange.setCustomEndDate}\n        onApply={() =>\n          dateRange.handleCustomRangeApply(localFilters, options, handleFinish, searchFilterRef)\n        }\n        onClose={dateRange.handleCustomRangeClose}\n      />\n    </Wrapper>\n  )\n}\n\nexport default FeedSearchFilter\n"],"names":["Wrapper","styled","FeedSearchFilter","feedFilter","setFeedFilter","users","categories","supportsReviewSession","isLoading","checklistCount","onSearchTextChange","options","useMemo","boolean","id","label","icon","c","u","generateDateOptions","checklistsLabel","quickActions","filters","feedFilterToClientFilters","localFilters","setLocalFilters","useState","searchFilterRef","useRef","dateRange","useDateRangeFilter","useEffect","handleFinish","newFilters","clientFiltersToFeedFilter","handleFilterChange","handleLiveSearch","value","filter","jsxs","jsx","SearchFilter","e","CustomDateRangeDialog","o"],"mappings":"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"}

package/dist/shared/src/containers/Feed/components/FileUploadCard/FileUploadCard.cjs.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("../../../../../../_virtual/jsx-runtime.cjs.js"),o=require("@ynput/ayon-react-components"),i=require("./FileUploadCard.styled.cjs.js"),a=require("clsx"),F=require("react"),I=require("../FileUploadPreview/FileUploadPreview.cjs.js");require("../../../../context/RemoteModulesContext.cjs.js");const P=require("../../../../context/DetailsPanelContext.cjs.js");require("../../../../../../_virtual/runtime.cjs.js");require("../../../../../../_virtual/semver.cjs.js");require("../../../../api/base/client.cjs.js");require("../../../../api/generated/graphql.cjs.js");require("../../../../api/generated/graphqlLinks.cjs.js");require("../../../../api/generated/access.cjs.js");require("../../../../api/generated/actions.cjs.js");require("../../../../api/generated/activityFeed.cjs.js");require("../../../../api/generated/addons.cjs.js");require("../../../../api/generated/anatomy.cjs.js");require("../../../../api/generated/attributes.cjs.js");require("../../../../api/generated/authentication.cjs.js");require("../../../../api/generated/bundles.cjs.js");require("../../../../api/generated/configuration.cjs.js");require("../../../../api/generated/dataImport.cjs.js");require("../../../../api/generated/desktop.cjs.js");require("../../../../api/generated/entityLists.cjs.js");require("../../../../api/generated/events.cjs.js");require("../../../../api/generated/files.cjs.js");require("../../../../api/generated/folders.cjs.js");require("../../../../api/generated/inbox.cjs.js");require("../../../../api/generated/links.cjs.js");require("../../../../api/generated/market.cjs.js");require("../../../../api/generated/onboarding.cjs.js");require("../../../../api/generated/operations.cjs.js");require("../../../../api/generated/products.cjs.js");require("../../../../api/generated/projectDashboard.cjs.js");require("../../../../api/generated/projects.cjs.js");require("../../../../api/generated/projectFolders.cjs.js");require("../../../../api/generated/reviewables.cjs.js");require("../../../../api/generated/services.cjs.js");require("../../../../api/generated/system.cjs.js");require("../../../../api/generated/tasks.cjs.js");require("../../../../api/generated/teams.cjs.js");require("../../../../api/generated/thumbnails.cjs.js");require("../../../../api/generated/uRIs.cjs.js");require("../../../../api/generated/users.cjs.js");require("../../../../api/generated/versions.cjs.js");require("../../../../api/generated/workfiles.cjs.js");require("../../../../api/generated/ynputCloud.cjs.js");require("../../../../api/generated/grouping.cjs.js");require("../../../../api/generated/views.cjs.js");require("../../../../api/queries/actions/getActions.cjs.js");require("../../../../api/queries/activities/getActivities.cjs.js");require("../../../../api/queries/activities/updateReaction.cjs.js");require("../../../../api/queries/activities/getMentions.cjs.js");require("../../../../api/queries/activities/getCategories.cjs.js");require("../../../../api/queries/addons/getAddons.cjs.js");require("../../../../api/queries/addons/updateAddons.cjs.js");require("../../../../api/queries/attributes/getAttributes.cjs.js");require("../../../../api/queries/attributes/updateAttributes.cjs.js");require("../../../../api/queries/authentication/getAuthentication.cjs.js");require("../../../../api/queries/bundles/getBundles.cjs.js");require("../../../../api/queries/bundles/updateBundles.cjs.js");require("../../../../api/queries/cloud/cloud.cjs.js");require("../../../../api/queries/columnStats/metricTargets.cjs.js");require("../../../../api/queries/columnStats/groupCounts.cjs.js");require("../../../../api/queries/config/getConfig.cjs.js");require("../../../../api/queries/config/updateConfig.cjs.js");require("../../../../api/queries/entities/getEntity.cjs.js");require("../../../../api/queries/entities/getEntityPanel.cjs.js");require("../../../../api/queries/overview/getOverview.cjs.js");require("../../../../api/queries/overview/updateOverview.cjs.js");require("../../../../api/queries/versions/getVersionsProducts.cjs.js");require("../../../../api/queries/links/getEntityLinks.cjs.js");require("../../../../api/queries/entities/updateEntity.cjs.js");require("../../../../api/queries/entityLists/getLists.cjs.js");require("../../../../api/queries/entityLists/updateLists.cjs.js");require("../../../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../../../api/queries/entityLists/listItemsColumnStats.cjs.js");require("../../../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../../../api/queries/entityLists/listFolders.cjs.js");require("../../../../api/queries/folders/getFolders.cjs.js");require("../../../../api/queries/folders/getFolderDeleteInfo.cjs.js");require("../../../../api/queries/grouping/getGrouping.cjs.js");require("../../../../api/queries/links/updateLinks.cjs.js");require("../../../../api/queries/links/getLinks.cjs.js");require("../../../../api/queries/permissions/getPermissions.cjs.js");require("../../../../api/queries/products/createProduct.cjs.js");require("../../../../api/queries/products/getFolderProducts.cjs.js");require("../../../../api/queries/project/getProject.cjs.js");require("../../../../api/queries/project/updateProject.cjs.js");require("../../../../api/queries/projectFolders/projectFolders.cjs.js");require("../../../../api/queries/review/getReview.cjs.js");require("../../../../api/queries/review/updateReview.cjs.js");require("../../../../api/queries/share/share.cjs.js");require("../../../../api/queries/system/getSystem.cjs.js");require("../../../../api/queries/tasks/getTasks.cjs.js");require("../../../../api/queries/tasks/updateTasks.cjs.js");require("../../../../api/queries/teams/getTeams.cjs.js");require("../../../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../../../api/queries/users/getUsers.cjs.js");require("../../../../api/queries/users/updateUsers.cjs.js");require("../../../../api/queries/users/guests.cjs.js");require("../../../../api/queries/versions/updateVersions.cjs.js");require("../../../../api/queries/views/getViews.cjs.js");require("../../../../api/queries/views/updateViews.cjs.js");require("../../../../api/queries/watchers/getWatchers.cjs.js");require("../../../../api/queries/uris/getUris.cjs.js");require("lodash");require("react-toastify");require("react-redux");require("custom-protocol-check");require("../../../ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("uuid");require("../../../../util/pubsub.cjs.js");require("../../../../context/PowerpackContextInstance.cjs.js");require("../../../../context/SubtasksModulesContextInstance.cjs.js");require("../../../../context/ThumbnailUploaderContext.cjs.js");require("../../../../context/SettingsPanelContext.cjs.js");require("../../../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../../../context/pip/PiPWrapper.cjs.js");require("../../../../context/AddonProjectContext.cjs.js");require("../../../../context/AddonContext.cjs.js");require("../../../../context/MoveEntityContext.cjs.js");require("../../../../context/MenuContext.cjs.js");require("../../../../context/WebsocketContext.cjs.js");require("../../../../context/GlobalContext.cjs.js");require("../../../../context/ProjectContext.cjs.js");require("../../../../context/ProjectFoldersContextInstance.cjs.js");require("../../../../context/UriContext.cjs.js");const B={description:["doc"],folder_zip:["zip"],code_blocks:["json","javascript","python","html","css",".py",".js",".html",".css",".json",".ts"],brush:[".psd",".ai",".xd",".sketch"],"3d_rotation":[".mb",".ma",".c4d",".blend",".max",".3ds",".lwo",".lws",".lxo",".hip",".hda"],theaters:[".aep",".tpl",".clip",".nk",".fusion",".prproj",".spsm",".drp"],picture_as_pdf:["pdf",".pdf"],image:["image",".png",".jpg",".jpeg",".gif",".svg",".webp"],videocam:["video",".mp4",".mov",".avi",".mkv",".webm",".mxf"],business_center:["application"],audio_file:["audio"],text_snippet:["text"],filter_none:["sequence"],font_download:["font"],deployed_code:["model",".obj",".abc",".stl",".fbx",".gltf",".glb",".usd"]},U=c=>{for(const[s,u]of Object.entries(B))if(u.some(r=>c.includes(r)))return s;return"draft"},z=({name:c,mime:s,src:u,unsavedAnnotation:r,savedAnnotation:m,size:g,progress:l,onRemove:p,isCompact:f,isDownloadable:q=!1,onExpand:h,disableExpand:d,onJumpTo:R,className:w,...N})=>{const b=l&&l<100,[_,v]=F.useState(!1),{feedAnnotationsEnabled:y}=P.useDetailsPanelContext(),j=c.split("."),x=j.pop()||"",k=j.join("."),n=I.isFilePreviewable(s||"."+x),C=s?.includes("image/")||!!r,E=e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx("span",{className:"size",children:o.getFileSizeString(g)}),e.jsxRuntimeExports.jsx(o.Icon,{icon:"download",className:"download-icon"})]}),t=r??m;return e.jsxRuntimeExports.jsxs(i.File,{className:a(w,{compact:f,isDownloadable:q,isPreviewable:n,isUnsavedAnnotation:!!r}),...N,children:[e.jsxRuntimeExports.jsxs(i.ContentWrapper,{className:a("content-wrapper",{isPreviewable:n,isUnsavedAnnotation:!!r}),children:[e.jsxRuntimeExports.jsx(o.Icon,{icon:U(s||"."+x),className:"type-icon"}),C&&u&&e.jsxRuntimeExports.jsx(i.ImageWrapper,{className:a({"image-wrapper":!0,isDownloadable:q||n||r}),children:e.jsxRuntimeExports.jsx("img",{src:u,onError:()=>v(!0),style:{display:_?"none":"block"}})}),e.jsxRuntimeExports.jsxs(i.Buttons,{className:"expand-buttons",children:[n&&!d&&e.jsxRuntimeExports.jsx(i.ExpandButton,{"data-tooltip":"Open preview",icon:"open_in_full",variant:"nav",onClick:h}),(r||y&&m)&&e.jsxRuntimeExports.jsx(i.ExpandButton,{"data-tooltip":"Jump to annotation",icon:"play_circle",variant:"nav",onClick:R})]})]}),e.jsxRuntimeExports.jsxs(i.Footer,{className:a({inProgress:b,isPreviewable:n&&!d,isDownloadable:q}),children:[e.jsxRuntimeExports.jsx("span",{className:"progress",style:{right:`${100-l}%`}}),e.jsxRuntimeExports.jsx("div",{className:"name-wrapper",children:t?e.jsxRuntimeExports.jsxs("span",{className:"name",children:[e.jsxRuntimeExports.jsx(o.Icon,{icon:"draw"}),t.range[0],t.range[1]!==t.range[0]&&` - ${t.range[1]}`]}):e.jsxRuntimeExports.jsxs("span",{className:"name",children:[k,e.jsxRuntimeExports.jsxs("span",{className:"extension",children:[".",x]})]})}),q&&(p?e.jsxRuntimeExports.jsx("div",{className:"download",children:E}):e.jsxRuntimeExports.jsx("a",{href:u,target:"_blank",rel:"noopener noreferrer",className:"download",children:E}))]}),p&&e.jsxRuntimeExports.jsx(o.Button,{className:"remove",onClick:p,icon:"close"})]})};module.exports=z;
+"use strict";const e=require("../../../../../../_virtual/jsx-runtime.cjs.js"),t=require("@ynput/ayon-react-components"),i=require("./FileUploadCard.styled.cjs.js"),a=require("clsx"),F=require("react"),I=require("../FileUploadPreview/FileUploadPreview.cjs.js");require("../../../../context/RemoteModulesContext.cjs.js");const P=require("../../../../context/DetailsPanelContext.cjs.js");require("../../../../../../_virtual/runtime.cjs.js");require("../../../../../../_virtual/semver.cjs.js");require("../../../../api/base/client.cjs.js");require("../../../../api/generated/graphql.cjs.js");require("../../../../api/generated/graphqlLinks.cjs.js");require("../../../../api/generated/access.cjs.js");require("../../../../api/generated/actions.cjs.js");require("../../../../api/generated/activityFeed.cjs.js");require("../../../../api/generated/addons.cjs.js");require("../../../../api/generated/anatomy.cjs.js");require("../../../../api/generated/attributes.cjs.js");require("../../../../api/generated/authentication.cjs.js");require("../../../../api/generated/bundles.cjs.js");require("../../../../api/generated/configuration.cjs.js");require("../../../../api/generated/dataImport.cjs.js");require("../../../../api/generated/desktop.cjs.js");require("../../../../api/generated/entityLists.cjs.js");require("../../../../api/generated/events.cjs.js");require("../../../../api/generated/files.cjs.js");require("../../../../api/generated/folders.cjs.js");require("../../../../api/generated/inbox.cjs.js");require("../../../../api/generated/links.cjs.js");require("../../../../api/generated/market.cjs.js");require("../../../../api/generated/onboarding.cjs.js");require("../../../../api/generated/operations.cjs.js");require("../../../../api/generated/products.cjs.js");require("../../../../api/generated/projectDashboard.cjs.js");require("../../../../api/generated/projects.cjs.js");require("../../../../api/generated/projectFolders.cjs.js");require("../../../../api/generated/reviewables.cjs.js");require("../../../../api/generated/services.cjs.js");require("../../../../api/generated/system.cjs.js");require("../../../../api/generated/tasks.cjs.js");require("../../../../api/generated/teams.cjs.js");require("../../../../api/generated/thumbnails.cjs.js");require("../../../../api/generated/uRIs.cjs.js");require("../../../../api/generated/users.cjs.js");require("../../../../api/generated/versions.cjs.js");require("../../../../api/generated/workfiles.cjs.js");require("../../../../api/generated/ynputCloud.cjs.js");require("../../../../api/generated/grouping.cjs.js");require("../../../../api/generated/views.cjs.js");require("../../../../api/queries/actions/getActions.cjs.js");require("../../../../api/queries/activities/getActivities.cjs.js");require("../../../../api/queries/activities/updateReaction.cjs.js");require("../../../../api/queries/activities/getMentions.cjs.js");require("../../../../api/queries/activities/getCategories.cjs.js");require("../../../../api/queries/addons/getAddons.cjs.js");require("../../../../api/queries/addons/updateAddons.cjs.js");require("../../../../api/queries/attributes/getAttributes.cjs.js");require("../../../../api/queries/attributes/updateAttributes.cjs.js");require("../../../../api/queries/authentication/getAuthentication.cjs.js");require("../../../../api/queries/bundles/getBundles.cjs.js");require("../../../../api/queries/bundles/updateBundles.cjs.js");require("../../../../api/queries/cloud/cloud.cjs.js");require("../../../../api/queries/columnStats/metricTargets.cjs.js");require("../../../../api/queries/columnStats/groupCounts.cjs.js");require("../../../../api/queries/config/getConfig.cjs.js");require("../../../../api/queries/config/updateConfig.cjs.js");require("../../../../api/queries/entities/getEntity.cjs.js");require("../../../../api/queries/entities/getEntityPanel.cjs.js");require("../../../../api/queries/overview/getOverview.cjs.js");require("../../../../api/queries/overview/updateOverview.cjs.js");require("../../../../api/queries/versions/getVersionsProducts.cjs.js");require("../../../../api/queries/links/getEntityLinks.cjs.js");require("../../../../api/queries/entities/updateEntity.cjs.js");require("../../../../api/queries/entityLists/getLists.cjs.js");require("../../../../api/queries/entityLists/updateLists.cjs.js");require("../../../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../../../api/queries/entityLists/listItemsColumnStats.cjs.js");require("../../../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../../../api/queries/entityLists/listFolders.cjs.js");require("../../../../api/queries/folders/getFolders.cjs.js");require("../../../../api/queries/folders/getFolderDeleteInfo.cjs.js");require("../../../../api/queries/grouping/getGrouping.cjs.js");require("../../../../api/queries/links/updateLinks.cjs.js");require("../../../../api/queries/links/getLinks.cjs.js");require("../../../../api/queries/permissions/getPermissions.cjs.js");require("../../../../api/queries/products/createProduct.cjs.js");require("../../../../api/queries/products/getFolderProducts.cjs.js");require("../../../../api/queries/project/getProject.cjs.js");require("../../../../api/queries/project/updateProject.cjs.js");require("../../../../api/queries/projectFolders/projectFolders.cjs.js");require("../../../../api/queries/review/getReview.cjs.js");require("../../../../api/queries/review/updateReview.cjs.js");require("../../../../api/queries/share/share.cjs.js");require("../../../../api/queries/system/getSystem.cjs.js");require("../../../../api/queries/tasks/getTasks.cjs.js");require("../../../../api/queries/tasks/updateTasks.cjs.js");require("../../../../api/queries/teams/getTeams.cjs.js");require("../../../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../../../api/queries/users/getUsers.cjs.js");require("../../../../api/queries/users/updateUsers.cjs.js");require("../../../../api/queries/users/guests.cjs.js");require("../../../../api/queries/versions/updateVersions.cjs.js");require("../../../../api/queries/views/getViews.cjs.js");require("../../../../api/queries/views/updateViews.cjs.js");require("../../../../api/queries/watchers/getWatchers.cjs.js");require("../../../../api/queries/uris/getUris.cjs.js");require("lodash");require("react-toastify");require("react-redux");require("custom-protocol-check");require("../../../ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("uuid");require("../../../../util/pubsub.cjs.js");require("../../../../context/PowerpackContextInstance.cjs.js");require("../../../../context/SubtasksModulesContextInstance.cjs.js");require("../../../../context/ThumbnailUploaderContext.cjs.js");require("../../../../context/SettingsPanelContext.cjs.js");require("../../../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../../../context/pip/PiPWrapper.cjs.js");require("../../../../context/AddonProjectContext.cjs.js");require("../../../../context/AddonContext.cjs.js");require("../../../../context/MoveEntityContext.cjs.js");require("../../../../context/MenuContext.cjs.js");require("../../../../context/WebsocketContext.cjs.js");require("../../../../context/GlobalContext.cjs.js");require("../../../../context/ProjectContext.cjs.js");require("../../../../context/ProjectFoldersContextInstance.cjs.js");require("../../../../context/EntityUpdatesContextInstance.cjs.js");require("../../../ContextMenu/ContextMenuContext.cjs.js");;/* empty css                                         */require("../../context/FeedContext.cjs.js");require("../Tooltips/UserTooltipItem.cjs.js");require("../Tooltips/UserTooltip/UserTooltip.styled.cjs.js");require("../Tooltips/TeamTooltip/TeamTooltip.styled.cjs.js");require("../Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");require("react-markdown");require("remark-emoji");require("remark-gfm");require("remark-directive");require("remark-directive-rehype");require("../CommentInput/CommentInput.cjs.js");require("../ReactionContainer/Reactions.styled.cjs.js");require("../FilesGrid/FilesGrid.styled.cjs.js");require("../CommentInput/quillToMarkdown.cjs.js");require("../ActivityComment/ActivityComment.styled.cjs.js");require("../ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../../../../components/AddonLoadingScreen/AddonLoadingScreen.cjs.js");require("../../../../../../node_modules/match-sorter/dist/match-sorter.esm.cjs.js");require("../../../../components/AccessSearchInput/AccessSearchInput.styled.cjs.js");require("../../../../components/AccessUser/AccessUser.cjs.js");require("../../../../components/AttributeEditor/AttributeEditor.cjs.js");require("../../../../components/AttributeEditor/attributeTypeMap.cjs.js");require("../../../../components/Badge/Badge.cjs.js");require("../../../../components/Chips/Chips.cjs.js");require("date-fns");require("../../../../components/DateRangePicker/DateRangePicker.styled.cjs.js");require("../../../../components/LinksManager/CellEditingDialog.cjs.js");require("../../../../../../_virtual/index.cjs.js");require("../../../../../../node_modules/refractor/lib/common.cjs.js");require("../../../../../../node_modules/refractor/lib/all.cjs.js");;/* empty css                                                                                      */require("../../../../components/DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../../../../components/DetailsPanelDetails/DetailsPanelDetails.cjs.js");require("react-quill-ayon");require("../../../../components/DetailsPanelDetails/BorderedSection.cjs.js");require("../../../../components/QuillListStyles/QuillListStyles.cjs.js");require("../../../../components/DetailsPanelDetails/DescriptionSection.styles.cjs.js");require("rehype-raw");require("../../../../components/DetailsPanelDetails/hooks/useMentionSystem.cjs.js");require("../CommentInput/modules/index.cjs.js");require("../../../../components/DetailsPanelDetails/DetailsSection.cjs.js");require("../../../../components/DetailsPanelDetails/FieldLabel.cjs.js");require("../../../../components/DoneCheckbox/DoneCheckbox.cjs.js");require("../../../../components/EarlyPreview/EarlyPreview.cjs.js");require("../../../../components/EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../../../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("../../../../components/InfoMessage/InfoMessage.cjs.js");require("@dnd-kit/core");require("@dnd-kit/sortable");require("../../../../components/EnumEditor/EnumEditor.styled.cjs.js");require("../../../../components/EntityPanelUploader/EntityPanelUploader.styled.cjs.js");require("axios");require("../../../../components/ReviewablesList/ReviewablesList.styled.cjs.js");require("../../../../components/ReviewablesList/ReviewablesUpload.styled.cjs.js");require("../../../../components/EntityPath/EntityPath.styled.cjs.js");require("../../../../components/EntityPath/SegmentProvider.cjs.js");require("../../../../components/FeaturedVersionOrder/FeaturedVersionOrder.cjs.js");require("../../../../components/Feedback/FeedbackContextInstance.cjs.js");require("../../../../components/Feedback/SupportBubble.cjs.js");require("../../../../components/FileThumbnail/FileThumbnail.cjs.js");require("../../../../components/LegacyBadge/LegacyBadge.cjs.js");require("../../../../components/LinksManager/LinksManager.styled.cjs.js");require("../../../EntityPickerDialog/EntityPickerDialog.cjs.js");require("../../../../components/Powerpack/PowerpackButton.cjs.js");require("../../../../components/Powerpack/FreeTrialLink.cjs.js");require("../../../../components/Powerpack/PowerpackDialog.styled.cjs.js");require("../../../../components/Powerpack/CTAButton.cjs.js");require("../../../../components/Powerpack/RequiredAddonVersion.cjs.js");require("../../../../components/ProjectTableSettings/ProjectTableSettings.cjs.js");require("../../../../components/SizeSlider/SizeSlider.cjs.js");require("react-router-dom");require("../../../Slicer/components/Slicer.cjs.js");require("../../../Slicer/context/SlicerContextInstance.cjs.js");require("../../../Slicer/components/SlicerDropdownFallback.cjs.js");require("../../../Slicer/hooks/useTableDataBySlice.cjs.js");require("../../../../components/ReviewableCard/ReviewableCard.cjs.js");require("../../../../components/ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");require("../../../../components/SearchFilter/filterDates.cjs.js");require("../../../../components/SearchFilter/CustomDateRangeDialog.cjs.js");require("../../../../components/SettingsPanel/SettingsPanel.cjs.js");require("../../../../components/SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../../../../components/ShareOptionIcon/ShareOptionIcon.cjs.js");require("../../../../components/SimpleFormDialog/SimpleFormDialog.cjs.js");require("../../../../components/StyledLink/StyledLink.cjs.js");require("../../../../components/SyncButton/SyncButton.cjs.js");require("../../../../components/TableGridSwitch/TableGridSwitch.cjs.js");require("../../../../components/Thumbnail/Thumbnail.styled.cjs.js");require("../../../../components/Thumbnail/StackedThumbnails.cjs.js");require("../../../../components/ThumbnailSimple/ThumbnailSimple.cjs.js");require("../../../../components/VersionUploader/components/UploadVersionDialog.cjs.js");require("../../../../components/VersionUploader/context/VersionUploadContextInstance.cjs.js");require("../../../../components/Watchers/Watchers.cjs.js");require("../../../../components/Menu/Menu.styled.cjs.js");require("../../../../components/Menu/MenuItem.cjs.js");require("../../../../components/ReviewablesSelector/ReviewablesSelector.cjs.js");require("../../../../components/ColumnHeaderMenuUI.cjs.js");require("../ActivityReference/ActivityReference.styled.cjs.js");require("../ActivityStatus/ActivityStatus.cjs.js");require("../ActivityHeader/ActivityHeader.styled.cjs.js");require("../ActivityDate.cjs.js");require("../ActivityCategorySelect/CategoryTag.cjs.js");require("../ActivityStatusChange/ActivityStatusChange.styled.cjs.js");require("../ActivityStatusChange/ActivityStatusSecondary.cjs.js");require("../ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");require("../ActivityVersions/ActivityVersions.styled.cjs.js");require("../ActivityGroup/ActivityGroup.styled.cjs.js");require("../ActivityVersionReview/ActivityVersionReview.styled.cjs.js");require("../ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../ActivityCategorySelect/CategoryDropdownItem.cjs.js");require("../../Feed.styled.cjs.js");require("../FeedSearchFilter.cjs.js");require("@tanstack/react-virtual");require("@tanstack/react-table");require("../../../ProjectTreeTable/widgets/CollapsedWidget.cjs.js");require("../../../ProjectTreeTable/widgets/DateWidget.cjs.js");require("../../../ProjectTreeTable/widgets/EnumWidget.cjs.js");require("../../../ProjectTreeTable/widgets/EnumCellValue.cjs.js");require("../../../ProjectTreeTable/widgets/TextWidget.cjs.js");require("../../../ProjectTreeTable/widgets/MarkdownWidget.cjs.js");require("../../../ProjectTreeTable/widgets/BooleanWidget.cjs.js");require("../../../ProjectTreeTable/widgets/CellWidget.cjs.js");require("../../../ProjectTreeTable/widgets/EntityNameWidget.cjs.js");require("../../../ProjectTreeTable/widgets/GroupHeaderWidget.cjs.js");require("../../../ProjectTreeTable/widgets/ThumbnailWidget.cjs.js");require("../../../ProjectTreeTable/widgets/LinksWidget.cjs.js");require("short-uuid");require("../../../ProjectTreeTable/context/CellEditingContext.cjs.js");require("../../../ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../../../ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");require("../../../ProjectTreeTable/context/ClipboardContext.cjs.js");require("../../../ProjectTreeTable/context/ColumnSettingsContext.cjs.js");require("../../../ProjectTreeTable/context/SelectedRowsContext.cjs.js");require("../../../ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");require("../../../ProjectTreeTable/components/DeleteConfirmContent.cjs.js");require("../../../ProjectTreeTable/context/ProjectDataContextInstance.cjs.js");require("../../../ProjectTreeTable/context/ProjectTableContextInstance.cjs.js");require("../../../ProjectTreeTable/widgets/EmptyWidget.cjs.js");require("../../../ProjectTreeTable/widgets/ErrorWidget.cjs.js");require("../../../ProjectTreeTable/ProjectTreeTable.styled.cjs.js");require("../../../ProjectTreeTable/components/SelectionCell.cjs.js");require("../../../ProjectTreeTable/components/RowSelectionHeader.cjs.js");require("../../../ProjectTreeTable/widgets/LoadMoreWidget.cjs.js");require("../../../ProjectTreeTable/components/HeaderActionButton.cjs.js");require("../../../ProjectTreeTable/components/TableFooterRow.cjs.js");require("../../../DetailsPanel/DetailsPanel.styled.cjs.js");require("../../../DetailsPanel/components/DetailsPanelTabs/DetailsPanelTabs.styled.cjs.js");require("../../../DetailsPanel/components/DetailsPanelHeader/LinkedTaskRow.styled.cjs.js");require("../../../DetailsPanel/components/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");require("../../../../components/PlayableIcon/PlayableIcon.cjs.js");require("../../../DetailsPanel/components/DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../../../DetailsPanel/components/DetailsPanelMoreMenu/components/ShareDialog.cjs.js");require("../../../DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.styled.cjs.js");require("../../../DetailsPanel/components/SubtasksSearchFilter/SubtasksSearchFilter.cjs.js");require("../../../DetailsPanel/components/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../../../DetailsPanel/components/DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");require("../../../Actions/Actions.styled.cjs.js");require("../../../Actions/ActionsDropdown/ActionsDropdown.cjs.js");require("../../../Actions/ActionIcon.cjs.js");require("../../../Views/ViewsMenu/ViewsMenu.cjs.js");require("../../../Views/context/ViewsContextInstance.cjs.js");require("../../../Views/Views.styled.cjs.js");require("../../../Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");require("../../../ListTable/ListTableRow.cjs.js");require("../../../ListTable/ListTable.styled.cjs.js");require("../../../../context/UriContext.cjs.js");const B={description:["doc"],folder_zip:["zip"],code_blocks:["json","javascript","python","html","css",".py",".js",".html",".css",".json",".ts"],brush:[".psd",".ai",".xd",".sketch"],"3d_rotation":[".mb",".ma",".c4d",".blend",".max",".3ds",".lwo",".lws",".lxo",".hip",".hda"],theaters:[".aep",".tpl",".clip",".nk",".fusion",".prproj",".spsm",".drp"],picture_as_pdf:["pdf",".pdf"],image:["image",".png",".jpg",".jpeg",".gif",".svg",".webp"],videocam:["video",".mp4",".mov",".avi",".mkv",".webm",".mxf"],business_center:["application"],audio_file:["audio"],text_snippet:["text"],filter_none:["sequence"],font_download:["font"],deployed_code:["model",".obj",".abc",".stl",".fbx",".gltf",".glb",".usd"]},U=c=>{for(const[u,q]of Object.entries(B))if(q.some(r=>c.includes(r)))return u;return"draft"},z=({name:c,mime:u,src:q,unsavedAnnotation:r,savedAnnotation:m,size:g,progress:l,onRemove:p,isCompact:f,isDownloadable:o=!1,onExpand:h,disableExpand:d,onJumpTo:R,className:w,...N})=>{const b=l&&l<100,[_,v]=F.useState(!1),{feedAnnotationsEnabled:y}=P.useDetailsPanelContext(),j=c.split("."),x=j.pop()||"",k=j.join("."),s=I.isFilePreviewable(u||"."+x),C=u?.includes("image/")||!!r,E=e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx("span",{className:"size",children:t.getFileSizeString(g)}),e.jsxRuntimeExports.jsx(t.Icon,{icon:"download",className:"download-icon"})]}),n=r??m;return e.jsxRuntimeExports.jsxs(i.File,{className:a(w,{compact:f,isDownloadable:o,isPreviewable:s,isUnsavedAnnotation:!!r}),...N,children:[e.jsxRuntimeExports.jsxs(i.ContentWrapper,{className:a("content-wrapper",{isPreviewable:s,isUnsavedAnnotation:!!r}),children:[e.jsxRuntimeExports.jsx(t.Icon,{icon:U(u||"."+x),className:"type-icon"}),C&&q&&e.jsxRuntimeExports.jsx(i.ImageWrapper,{className:a({"image-wrapper":!0,isDownloadable:o||s||r}),children:e.jsxRuntimeExports.jsx("img",{src:q,onError:()=>v(!0),style:{display:_?"none":"block"}})}),e.jsxRuntimeExports.jsxs(i.Buttons,{className:"expand-buttons",children:[s&&!d&&e.jsxRuntimeExports.jsx(i.ExpandButton,{"data-tooltip":"Open preview",icon:"open_in_full",variant:"nav",onClick:h}),(r||y&&m)&&e.jsxRuntimeExports.jsx(i.ExpandButton,{"data-tooltip":"Jump to annotation",icon:"play_circle",variant:"nav",onClick:R})]})]}),e.jsxRuntimeExports.jsxs(i.Footer,{className:a({inProgress:b,isPreviewable:s&&!d,isDownloadable:o}),children:[e.jsxRuntimeExports.jsx("span",{className:"progress",style:{right:`${100-l}%`}}),e.jsxRuntimeExports.jsx("div",{className:"name-wrapper",children:n?e.jsxRuntimeExports.jsxs("span",{className:"name",children:[e.jsxRuntimeExports.jsx(t.Icon,{icon:"draw"}),n.range[0],n.range[1]!==n.range[0]&&` - ${n.range[1]}`]}):e.jsxRuntimeExports.jsxs("span",{className:"name",children:[k,e.jsxRuntimeExports.jsxs("span",{className:"extension",children:[".",x]})]})}),o&&(p?e.jsxRuntimeExports.jsx("div",{className:"download",children:E}):e.jsxRuntimeExports.jsx("a",{href:q,target:"_blank",rel:"noopener noreferrer",className:"download",children:E}))]}),p&&e.jsxRuntimeExports.jsx(t.Button,{className:"remove",onClick:p,icon:"close"})]})};module.exports=z;
 //# sourceMappingURL=FileUploadCard.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FileUploadCard.cjs.js","sources":["../../../../../../../src/containers/Feed/components/FileUploadCard/FileUploadCard.tsx"],"sourcesContent":["import { Button, getFileSizeString, Icon } from '@ynput/ayon-react-components'\nimport * as Styled from './FileUploadCard.styled'\nimport clsx from 'clsx'\nimport { useState } from 'react'\nimport { isFilePreviewable } from '../FileUploadPreview'\nimport { SavedAnnotationMetadata } from '@shared/containers'\nimport { useDetailsPanelContext } from '@shared/context'\nimport { AnnotationPreview } from '../CommentInput/hooks/useAnnotationsSync'\n\nexport interface FileUploadCardProps extends React.HTMLAttributes<HTMLDivElement> {\n  name: string\n  mime?: string\n  src?: string\n  unsavedAnnotation?: AnnotationPreview\n  savedAnnotation?: SavedAnnotationMetadata\n  size: number\n  progress: number\n  onRemove?: () => void\n  isCompact?: boolean\n  isDownloadable?: boolean\n  onExpand?: () => void\n  disableExpand?: boolean\n  onJumpTo?: () => void\n}\n\nconst fileIcons: { [key: string]: string[] } = {\n  // special cases\n  description: ['doc'],\n  folder_zip: ['zip'],\n  code_blocks: [\n    'json',\n    'javascript',\n    'python',\n    'html',\n    'css',\n    '.py',\n    '.js',\n    '.html',\n    '.css',\n    '.json',\n    '.ts',\n  ],\n  brush: ['.psd', '.ai', '.xd', '.sketch'],\n  '3d_rotation': [\n    '.mb',\n    '.ma',\n    '.c4d',\n    '.blend',\n    '.max',\n    '.3ds',\n    '.lwo',\n    '.lws',\n    '.lxo',\n    '.hip',\n    '.hda',\n  ],\n  theaters: ['.aep', '.tpl', '.clip', '.nk', '.fusion', '.prproj', '.spsm', '.drp'],\n  picture_as_pdf: ['pdf', '.pdf'],\n  // default\n  image: ['image', '.png', '.jpg', '.jpeg', '.gif', '.svg', '.webp'],\n  videocam: ['video', '.mp4', '.mov', '.avi', '.mkv', '.webm', '.mxf'],\n  business_center: ['application'],\n  audio_file: ['audio'],\n  text_snippet: ['text'],\n  filter_none: ['sequence'],\n  font_download: ['font'],\n  deployed_code: ['model', '.obj', '.abc', '.stl', '.fbx', '.gltf', '.glb', '.usd'],\n}\n\nconst getIconForType = (type: string): string => {\n  for (const [icon, keywords] of Object.entries(fileIcons)) {\n    if (keywords.some((keyword) => type.includes(keyword))) {\n      return icon\n    }\n  }\n  return 'draft'\n}\n\nconst FileUploadCard = ({\n  name,\n  mime,\n  src,\n  unsavedAnnotation,\n  savedAnnotation,\n  size,\n  progress,\n  onRemove,\n  isCompact,\n  isDownloadable = false,\n  onExpand,\n  disableExpand,\n  onJumpTo,\n  className,\n  ...props\n}: FileUploadCardProps) => {\n  const inProgress = progress && progress < 100\n\n  const [imageError, setImageError] = useState(false)\n  const { feedAnnotationsEnabled } = useDetailsPanelContext()\n\n  // split name and file extension\n  const nameParts = name.split('.')\n  const extension = nameParts.pop() || ''\n  const fileName = nameParts.join('.')\n\n  const isPreviewable = isFilePreviewable(mime || '.' + extension)\n  const isImage = mime?.includes('image/') || Boolean(unsavedAnnotation)\n\n  const downloadComponent = (\n    <>\n      <span className=\"size\">{getFileSizeString(size)}</span>\n      <Icon icon=\"download\" className=\"download-icon\" />\n    </>\n  )\n\n  const someAnnotation = unsavedAnnotation ?? savedAnnotation\n\n  return (\n    <Styled.File\n      className={clsx(className, {\n        compact: isCompact,\n        isDownloadable,\n        isPreviewable,\n        isUnsavedAnnotation: Boolean(unsavedAnnotation),\n      })}\n      {...props}\n    >\n      <Styled.ContentWrapper\n        className={clsx('content-wrapper', {\n          isPreviewable,\n          isUnsavedAnnotation: Boolean(unsavedAnnotation),\n        })}\n      >\n        <Icon icon={getIconForType(mime || '.' + extension)} className=\"type-icon\" />\n        {isImage && src && (\n          <Styled.ImageWrapper\n            className={clsx({\n              'image-wrapper': true,\n              isDownloadable: isDownloadable || isPreviewable || unsavedAnnotation,\n            })}\n          >\n            <img\n              src={src}\n              onError={() => setImageError(true)}\n              style={{\n                display: imageError ? 'none' : 'block',\n              }}\n            />\n          </Styled.ImageWrapper>\n        )}\n        <Styled.Buttons className=\"expand-buttons\">\n          {isPreviewable && !disableExpand && (\n            <Styled.ExpandButton\n              data-tooltip=\"Open preview\"\n              icon=\"open_in_full\"\n              variant=\"nav\"\n              onClick={onExpand}\n            />\n          )}\n          {(unsavedAnnotation || (feedAnnotationsEnabled && savedAnnotation)) && (\n            <Styled.ExpandButton\n              data-tooltip=\"Jump to annotation\"\n              icon=\"play_circle\"\n              variant=\"nav\"\n              onClick={onJumpTo}\n            />\n          )}\n        </Styled.Buttons>\n      </Styled.ContentWrapper>\n      <Styled.Footer\n        className={clsx({\n          inProgress,\n          isPreviewable: isPreviewable && !disableExpand,\n          isDownloadable,\n        })}\n      >\n        <span className=\"progress\" style={{ right: `${100 - progress}%` }} />\n        <div className=\"name-wrapper\">\n          {someAnnotation ? (\n            <span className=\"name\">\n              <Icon icon=\"draw\" />\n              {someAnnotation.range[0]}\n              {someAnnotation.range[1] !== someAnnotation.range[0] &&\n                ` - ${someAnnotation.range[1]}`}\n            </span>\n          ) : (\n            <span className=\"name\">\n              {fileName}\n              <span className=\"extension\">.{extension}</span>\n            </span>\n          )}\n        </div>\n\n        {isDownloadable &&\n          (!onRemove ? (\n            <a href={src} target=\"_blank\" rel=\"noopener noreferrer\" className=\"download\">\n              {downloadComponent}\n            </a>\n          ) : (\n            <div className=\"download\">{downloadComponent}</div>\n          ))}\n      </Styled.Footer>\n      {onRemove && <Button className=\"remove\" onClick={onRemove} icon=\"close\" />}\n    </Styled.File>\n  )\n}\n\nexport default FileUploadCard\n"],"names":["fileIcons","getIconForType","type","icon","keywords","keyword","FileUploadCard","name","mime","src","unsavedAnnotation","savedAnnotation","size","progress","onRemove","isCompact","isDownloadable","onExpand","disableExpand","onJumpTo","className","props","inProgress","imageError","setImageError","useState","feedAnnotationsEnabled","useDetailsPanelContext","nameParts","extension","fileName","isPreviewable","isFilePreviewable","isImage","downloadComponent","jsxs","Fragment","jsx","getFileSizeString","Icon","someAnnotation","Styled.File","clsx","Styled.ContentWrapper","Styled.ImageWrapper","Styled.Buttons","Styled.ExpandButton","Styled.Footer","Button"],"mappings":"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"}
+{"version":3,"file":"FileUploadCard.cjs.js","sources":["../../../../../../../src/containers/Feed/components/FileUploadCard/FileUploadCard.tsx"],"sourcesContent":["import { Button, getFileSizeString, Icon } from '@ynput/ayon-react-components'\nimport * as Styled from './FileUploadCard.styled'\nimport clsx from 'clsx'\nimport { useState } from 'react'\nimport { isFilePreviewable } from '../FileUploadPreview'\nimport { SavedAnnotationMetadata } from '@shared/containers'\nimport { useDetailsPanelContext } from '@shared/context'\nimport { AnnotationPreview } from '../CommentInput/hooks/useAnnotationsSync'\n\nexport interface FileUploadCardProps extends React.HTMLAttributes<HTMLDivElement> {\n  name: string\n  mime?: string\n  src?: string\n  unsavedAnnotation?: AnnotationPreview\n  savedAnnotation?: SavedAnnotationMetadata\n  size: number\n  progress: number\n  onRemove?: () => void\n  isCompact?: boolean\n  isDownloadable?: boolean\n  onExpand?: () => void\n  disableExpand?: boolean\n  onJumpTo?: () => void\n}\n\nconst fileIcons: { [key: string]: string[] } = {\n  // special cases\n  description: ['doc'],\n  folder_zip: ['zip'],\n  code_blocks: [\n    'json',\n    'javascript',\n    'python',\n    'html',\n    'css',\n    '.py',\n    '.js',\n    '.html',\n    '.css',\n    '.json',\n    '.ts',\n  ],\n  brush: ['.psd', '.ai', '.xd', '.sketch'],\n  '3d_rotation': [\n    '.mb',\n    '.ma',\n    '.c4d',\n    '.blend',\n    '.max',\n    '.3ds',\n    '.lwo',\n    '.lws',\n    '.lxo',\n    '.hip',\n    '.hda',\n  ],\n  theaters: ['.aep', '.tpl', '.clip', '.nk', '.fusion', '.prproj', '.spsm', '.drp'],\n  picture_as_pdf: ['pdf', '.pdf'],\n  // default\n  image: ['image', '.png', '.jpg', '.jpeg', '.gif', '.svg', '.webp'],\n  videocam: ['video', '.mp4', '.mov', '.avi', '.mkv', '.webm', '.mxf'],\n  business_center: ['application'],\n  audio_file: ['audio'],\n  text_snippet: ['text'],\n  filter_none: ['sequence'],\n  font_download: ['font'],\n  deployed_code: ['model', '.obj', '.abc', '.stl', '.fbx', '.gltf', '.glb', '.usd'],\n}\n\nconst getIconForType = (type: string): string => {\n  for (const [icon, keywords] of Object.entries(fileIcons)) {\n    if (keywords.some((keyword) => type.includes(keyword))) {\n      return icon\n    }\n  }\n  return 'draft'\n}\n\nconst FileUploadCard = ({\n  name,\n  mime,\n  src,\n  unsavedAnnotation,\n  savedAnnotation,\n  size,\n  progress,\n  onRemove,\n  isCompact,\n  isDownloadable = false,\n  onExpand,\n  disableExpand,\n  onJumpTo,\n  className,\n  ...props\n}: FileUploadCardProps) => {\n  const inProgress = progress && progress < 100\n\n  const [imageError, setImageError] = useState(false)\n  const { feedAnnotationsEnabled } = useDetailsPanelContext()\n\n  // split name and file extension\n  const nameParts = name.split('.')\n  const extension = nameParts.pop() || ''\n  const fileName = nameParts.join('.')\n\n  const isPreviewable = isFilePreviewable(mime || '.' + extension)\n  const isImage = mime?.includes('image/') || Boolean(unsavedAnnotation)\n\n  const downloadComponent = (\n    <>\n      <span className=\"size\">{getFileSizeString(size)}</span>\n      <Icon icon=\"download\" className=\"download-icon\" />\n    </>\n  )\n\n  const someAnnotation = unsavedAnnotation ?? savedAnnotation\n\n  return (\n    <Styled.File\n      className={clsx(className, {\n        compact: isCompact,\n        isDownloadable,\n        isPreviewable,\n        isUnsavedAnnotation: Boolean(unsavedAnnotation),\n      })}\n      {...props}\n    >\n      <Styled.ContentWrapper\n        className={clsx('content-wrapper', {\n          isPreviewable,\n          isUnsavedAnnotation: Boolean(unsavedAnnotation),\n        })}\n      >\n        <Icon icon={getIconForType(mime || '.' + extension)} className=\"type-icon\" />\n        {isImage && src && (\n          <Styled.ImageWrapper\n            className={clsx({\n              'image-wrapper': true,\n              isDownloadable: isDownloadable || isPreviewable || unsavedAnnotation,\n            })}\n          >\n            <img\n              src={src}\n              onError={() => setImageError(true)}\n              style={{\n                display: imageError ? 'none' : 'block',\n              }}\n            />\n          </Styled.ImageWrapper>\n        )}\n        <Styled.Buttons className=\"expand-buttons\">\n          {isPreviewable && !disableExpand && (\n            <Styled.ExpandButton\n              data-tooltip=\"Open preview\"\n              icon=\"open_in_full\"\n              variant=\"nav\"\n              onClick={onExpand}\n            />\n          )}\n          {(unsavedAnnotation || (feedAnnotationsEnabled && savedAnnotation)) && (\n            <Styled.ExpandButton\n              data-tooltip=\"Jump to annotation\"\n              icon=\"play_circle\"\n              variant=\"nav\"\n              onClick={onJumpTo}\n            />\n          )}\n        </Styled.Buttons>\n      </Styled.ContentWrapper>\n      <Styled.Footer\n        className={clsx({\n          inProgress,\n          isPreviewable: isPreviewable && !disableExpand,\n          isDownloadable,\n        })}\n      >\n        <span className=\"progress\" style={{ right: `${100 - progress}%` }} />\n        <div className=\"name-wrapper\">\n          {someAnnotation ? (\n            <span className=\"name\">\n              <Icon icon=\"draw\" />\n              {someAnnotation.range[0]}\n              {someAnnotation.range[1] !== someAnnotation.range[0] &&\n                ` - ${someAnnotation.range[1]}`}\n            </span>\n          ) : (\n            <span className=\"name\">\n              {fileName}\n              <span className=\"extension\">.{extension}</span>\n            </span>\n          )}\n        </div>\n\n        {isDownloadable &&\n          (!onRemove ? (\n            <a href={src} target=\"_blank\" rel=\"noopener noreferrer\" className=\"download\">\n              {downloadComponent}\n            </a>\n          ) : (\n            <div className=\"download\">{downloadComponent}</div>\n          ))}\n      </Styled.Footer>\n      {onRemove && <Button className=\"remove\" onClick={onRemove} icon=\"close\" />}\n    </Styled.File>\n  )\n}\n\nexport default FileUploadCard\n"],"names":["fileIcons","getIconForType","type","icon","keywords","keyword","FileUploadCard","name","mime","src","unsavedAnnotation","savedAnnotation","size","progress","onRemove","isCompact","isDownloadable","onExpand","disableExpand","onJumpTo","className","props","inProgress","imageError","setImageError","useState","feedAnnotationsEnabled","useDetailsPanelContext","nameParts","extension","fileName","isPreviewable","isFilePreviewable","isImage","downloadComponent","jsxs","Fragment","jsx","getFileSizeString","Icon","someAnnotation","Styled.File","clsx","Styled.ContentWrapper","Styled.ImageWrapper","Styled.Buttons","Styled.ExpandButton","Styled.Footer","Button"],"mappings":"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"}