@ynput/ayon-frontend-shared 0.3.51 → 0.3.53

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

@@ -123,7 +123,6 @@ import "react-dom";
 import "../../../context/pip/PiPWrapper.es.js";
 import "../../../context/AddonProjectContext.es.js";
 import "../../../context/AddonContext.es.js";
-import "../../../context/MoveEntityContext.es.js";
 import "../../../context/MenuContext.es.js";
 import "../../../context/WebsocketContext.es.js";
 import "../../../context/GlobalContext.es.js";
@@ -210,40 +209,7 @@ 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 "../../NewEntity/components/NewEntity.es.js";
 import "@tanstack/react-virtual";
 import "@tanstack/react-table";
 import "../../ProjectTreeTable/widgets/CollapsedWidget.es.js";
@@ -276,6 +242,42 @@ 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 "../../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/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 "./ActivityFieldChange/ActivityFieldChange.styled.es.js";
+import "./ActivityFieldChange/FieldValue.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 "../../DetailsPanel/DetailsPanel.styled.es.js";
 import "../../DetailsPanel/components/DetailsPanelTabs/DetailsPanelTabs.styled.es.js";
 import "../../DetailsPanel/components/DetailsPanelHeader/LinkedTaskRow.styled.es.js";

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 { forwardRef, 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 = forwardRef<SearchFilterRef, FeedSearchFilterProps>(\n  ({\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\n    const dateRange = useDateRangeFilter()\n\n    const searchFilterRef = useRef<SearchFilterRef>(null)\n\n    useEffect(() => {\n      setLocalFilters(filters)\n    }, [JSON.stringify(filters)])\n\n    // close the search filter when clicking outside of it\n    useEffect(() => {\n      const handleClickOutside = (event: MouseEvent) => {\n        const filterContainer = searchFilterRef.current?.getContainerElement()\n        // if the click is outside the search filter container, close it\n        if (filterContainer && !filterContainer.contains(event.target as Node)) {\n          searchFilterRef.current?.close()\n        }\n      }\n\n      document.addEventListener('mousedown', handleClickOutside)\n      return () => {\n        document.removeEventListener('mousedown', handleClickOutside)\n      }\n    }, [searchFilterRef])\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)\n\nFeedSearchFilter.displayName = 'FeedSearchFilter'\n\nexport default FeedSearchFilter\n"],"names":["Wrapper","styled","FeedSearchFilter","forwardRef","feedFilter","setFeedFilter","users","categories","supportsReviewSession","isLoading","checklistCount","onSearchTextChange","options","useMemo","boolean","id","label","icon","c","u","generateDateOptions","checklistsLabel","quickActions","filters","feedFilterToClientFilters","localFilters","setLocalFilters","useState","dateRange","useDateRangeFilter","searchFilterRef","useRef","useEffect","handleClickOutside","event","filterContainer","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 { forwardRef, 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 = forwardRef<SearchFilterRef, FeedSearchFilterProps>(\n  ({\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\n    const dateRange = useDateRangeFilter()\n\n    const searchFilterRef = useRef<SearchFilterRef>(null)\n\n    useEffect(() => {\n      setLocalFilters(filters)\n    }, [JSON.stringify(filters)])\n\n    // close the search filter when clicking outside of it\n    useEffect(() => {\n      const handleClickOutside = (event: MouseEvent) => {\n        const filterContainer = searchFilterRef.current?.getContainerElement()\n        // if the click is outside the search filter container, close it\n        if (filterContainer && !filterContainer.contains(event.target as Node)) {\n          searchFilterRef.current?.close()\n        }\n      }\n\n      document.addEventListener('mousedown', handleClickOutside)\n      return () => {\n        document.removeEventListener('mousedown', handleClickOutside)\n      }\n    }, [searchFilterRef])\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)\n\nFeedSearchFilter.displayName = 'FeedSearchFilter'\n\nexport default FeedSearchFilter\n"],"names":["Wrapper","styled","FeedSearchFilter","forwardRef","feedFilter","setFeedFilter","users","categories","supportsReviewSession","isLoading","checklistCount","onSearchTextChange","options","useMemo","boolean","id","label","icon","c","u","generateDateOptions","checklistsLabel","quickActions","filters","feedFilterToClientFilters","localFilters","setLocalFilters","useState","dateRange","useDateRangeFilter","searchFilterRef","useRef","useEffect","handleClickOutside","event","filterContainer","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"),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("../../../../../node_modules/@module-federation/runtime/dist/index.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("../../../../components/DeleteEntitiesConfirm/DeleteConfirmContent.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/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");require("../../../../context/DeleteEntitiesContext.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;
+"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("../../../../../node_modules/@module-federation/runtime/dist/index.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/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("../../../../components/DeleteEntitiesConfirm/DeleteConfirmContent.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("../../../NewEntity/components/NewEntity.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("../../../../components/SearchFilter/filterDates.cjs.js");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/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("../../../NewEntity/context/NewEntityContextInstance.cjs.js");require("../../../NewEntity/components/NewEntityForm.cjs.js");require("../../../Slicer/hooks/useTableDataBySlice.cjs.js");require("../../../../components/ReviewableCard/ReviewableCard.cjs.js");require("../../../../components/ReviewableProgressCard/ReviewableProgressCard.styled.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("../ActivityFieldChange/ActivityFieldChange.styled.cjs.js");require("../ActivityFieldChange/FieldValue.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("../../../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");require("../../../../context/DeleteEntitiesContext.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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"}

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

@@ -121,7 +121,6 @@ import "react-dom";
 import "../../../../context/pip/PiPWrapper.es.js";
 import "../../../../context/AddonProjectContext.es.js";
 import "../../../../context/AddonContext.es.js";
-import "../../../../context/MoveEntityContext.es.js";
 import "../../../../context/MenuContext.es.js";
 import "../../../../context/WebsocketContext.es.js";
 import "../../../../context/GlobalContext.es.js";
@@ -205,10 +204,45 @@ 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/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 "../../../../components/SearchFilter/filterDates.es.js";
+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/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 "../../../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/filterDates.es.js";
 import "../../../../components/SearchFilter/CustomDateRangeDialog.es.js";
 import "../../../../components/SettingsPanel/SettingsPanel.es.js";
 import "../../../../components/SettingsPanel/SettingsPanelItemTemplate.es.js";
@@ -232,8 +266,8 @@ 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 "../ActivityFieldChange/ActivityFieldChange.styled.es.js";
+import "../ActivityFieldChange/FieldValue.es.js";
 import "../ActivityAssigneeChange/ActivityAssigneeChange.styled.es.js";
 import "../ActivityVersions/ActivityVersions.styled.es.js";
 import "../ActivityGroup/ActivityGroup.styled.es.js";
@@ -242,38 +276,6 @@ import "../ActivityCategorySelect/ActivityCategorySelect.es.js";
 import "../ActivityCategorySelect/CategoryDropdownItem.es.js";
 import "../../Feed.styled.es.js";
 import "../FeedSearchFilter.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/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";
@@ -343,7 +345,7 @@ const T = {
     if (i.some((t) => n.includes(t)))
       return r;
   return "draft";
-}, hm = ({
+}, wm = ({
   name: n,
   mime: r,
   src: i,
@@ -457,6 +459,6 @@ const T = {
   );
 };
 export {
-  hm as default
+  wm as default
 };
 //# sourceMappingURL=FileUploadCard.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FileUploadCard.es.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.es.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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"}