@ynput/ayon-frontend-shared 0.3.48 → 0.3.50

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

@@ -1,8 +1,8 @@
-import { j as l } from "../../../../../_virtual/jsx-runtime.es.js";
-import { useMemo as n, useState as x, useRef as k, useEffect as w } from "react";
+import { j as c } from "../../../../../_virtual/jsx-runtime.es.js";
+import { forwardRef as k, useMemo as d, useState as w, useRef as E, useEffect as F } from "react";
 import { SearchFilter as A } from "@ynput/ayon-react-components";
-import j from "styled-components";
-import { feedFilterToClientFilters as E, clientFiltersToFeedFilter as O } from "../helpers/feedFilterAdapter.es.js";
+import O from "styled-components";
+import { feedFilterToClientFilters as j, clientFiltersToFeedFilter as L } from "../helpers/feedFilterAdapter.es.js";
 import { generateDateOptions as N } from "../../../components/SearchFilter/filterDates.es.js";
 import "lodash";
 import "react-toastify";
@@ -107,7 +107,7 @@ import "../../../api/queries/uris/getUris.es.js";
 import "../../../util/pubsub.es.js";
 import "../../../components/FeaturedVersionOrder/FeaturedVersionOrder.es.js";
 import "../../../context/RemoteModulesContext.es.js";
-import "../../../../../_virtual/runtime.es.js";
+import "../../../../node_modules/@module-federation/runtime/dist/index.es.js";
 import "../../../../../_virtual/semver.es.js";
 import "react-redux";
 import "custom-protocol-check";
@@ -163,6 +163,7 @@ import "../../../components/Chips/Chips.es.js";
 import "date-fns";
 import "../../../components/DateRangePicker/DateRangePicker.styled.es.js";
 import "../../../components/LinksManager/CellEditingDialog.es.js";
+import "../../../components/DeleteEntitiesConfirm/DeleteConfirmContent.es.js";
 import "../../../../../_virtual/index.es.js";
 import "../../../../../node_modules/refractor/lib/common.es.js";
 import "../../../../../node_modules/refractor/lib/all.es.js";
@@ -265,7 +266,6 @@ import "../../ProjectTreeTable/context/ClipboardContext.es.js";
 import "../../ProjectTreeTable/context/ColumnSettingsContext.es.js";
 import "../../ProjectTreeTable/context/SelectedRowsContext.es.js";
 import "../../ProjectTreeTable/context/DetailsPanelEntityContext.es.js";
-import "../../ProjectTreeTable/components/DeleteConfirmContent.es.js";
 import "../../ProjectTreeTable/context/ProjectDataContextInstance.es.js";
 import "../../ProjectTreeTable/context/ProjectTableContextInstance.es.js";
 import "../../ProjectTreeTable/widgets/EmptyWidget.es.js";
@@ -296,9 +296,10 @@ import "../../Views/Views.styled.es.js";
 import "../../Views/ViewsMenuContainer/ViewsMenuContainer.es.js";
 import "../../ListTable/ListTableRow.es.js";
 import "../../ListTable/ListTable.styled.es.js";
+import "../../../context/DeleteEntitiesContext.es.js";
 import { useDateRangeFilter as q } from "../../../components/SearchFilter/useDateRangeFilter.es.js";
 import { CustomDateRangeDialog as I } from "../../../components/SearchFilter/CustomDateRangeDialog.es.js";
-const L = j.div`
+const $ = O.div`
   padding: 4px 8px;
   padding-bottom: 0;
   filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.25));
@@ -313,136 +314,147 @@ const L = j.div`
     opacity: 0.5;
     pointer-events: none;
   }
-`, um = ({
-  feedFilter: c,
-  setFeedFilter: _,
-  users: d,
-  categories: e,
-  supportsReviewSession: h,
-  isLoading: F,
-  checklistCount: m,
-  onSearchTextChange: u
-}) => {
-  const i = n(() => {
-    const t = (r, S, v) => ({
-      id: r,
-      label: S,
-      icon: v,
-      type: "boolean",
-      singleSelect: !0,
-      values: []
-    });
-    return [
-      t("comments", "Comments", "chat"),
-      t("versions", "Versions", "layers"),
-      t("updates", "Updates", "arrow_circle_right"),
-      t("checklists", "Checklists", "check_circle"),
-      t("has_attachments", "Attachments", "attach_file"),
-      ...h ? [t("in_review_session", "Review session", "subscriptions")] : [],
-      ...e.length ? [
+`, B = k(
+  ({
+    feedFilter: u,
+    setFeedFilter: _,
+    users: h,
+    categories: n,
+    supportsReviewSession: f,
+    isLoading: y,
+    checklistCount: e,
+    onSearchTextChange: g
+  }) => {
+    const i = d(() => {
+      const t = (o, S, x) => ({
+        id: o,
+        label: S,
+        icon: x,
+        type: "boolean",
+        singleSelect: !0,
+        values: []
+      });
+      return [
+        t("comments", "Comments", "chat"),
+        t("versions", "Versions", "layers"),
+        t("updates", "Updates", "arrow_circle_right"),
+        t("checklists", "Checklists", "check_circle"),
+        t("has_attachments", "Attachments", "attach_file"),
+        ...f ? [t("in_review_session", "Review session", "subscriptions")] : [],
+        ...n.length ? [
+          {
+            id: "category",
+            label: "Category",
+            icon: "label",
+            type: "list_of_strings",
+            operator: "OR",
+            values: [
+              { id: "__none__", label: "No category", icon: "crop_square" },
+              ...n.map((o) => ({
+                id: o.name,
+                label: o.name,
+                icon: "crop_square",
+                color: o.color
+              }))
+            ]
+          }
+        ] : [],
         {
-          id: "category",
-          label: "Category",
-          icon: "label",
+          id: "author",
+          label: "User",
+          icon: "person",
           type: "list_of_strings",
           operator: "OR",
-          values: [
-            { id: "__none__", label: "No category", icon: "crop_square" },
-            ...e.map((r) => ({
-              id: r.name,
-              label: r.name,
-              icon: "crop_square",
-              color: r.color
-            }))
-          ]
+          values: h.map((o) => ({
+            id: o.name,
+            label: o.attrib?.fullName || o.name,
+            img: `/api/users/${o.name}/avatar`
+          }))
+        },
+        {
+          id: "createdAt",
+          label: "Posted date",
+          icon: "calendar_today",
+          type: "datetime",
+          values: N()
         }
-      ] : [],
-      {
-        id: "author",
-        label: "User",
-        icon: "person",
-        type: "list_of_strings",
-        operator: "OR",
-        values: d.map((r) => ({
-          id: r.name,
-          label: r.attrib?.fullName || r.name,
-          img: `/api/users/${r.name}/avatar`
-        }))
-      },
-      {
-        id: "createdAt",
-        label: "Posted date",
-        icon: "calendar_today",
-        type: "datetime",
-        values: N()
-      }
-    ];
-  }, [d, e, h]);
-  let a = "";
-  m?.total && m.total > 0 && (a = `${m.checked}/${m.total}`);
-  const y = n(
-    () => ["comments", { id: "checklists", label: a, tooltip: "Checklists" }],
-    [a]
-  ), s = n(
-    () => E(c, i),
-    [c, i]
-  ), [p, g] = x(s), f = k(null), o = q();
-  w(() => {
-    g(s);
-  }, [JSON.stringify(s)]);
-  const b = (t) => {
-    _(O(t)), u?.("");
-  }, D = (t) => {
-    o.wrapFilterChange(t, p, g);
-  }, R = (t, C) => {
-    C || u?.(t);
-  };
-  return /* @__PURE__ */ l.jsxs(L, { className: F ? "loading" : void 0, children: [
-    /* @__PURE__ */ l.jsx(
-      A,
-      {
-        ref: f,
-        compact: !0,
-        options: i,
-        filters: p,
-        onChange: D,
-        onFinish: b,
-        enableGlobalSearch: !0,
-        enableMultipleSameFilters: !1,
-        enableAutosuggestion: !0,
-        onSearchChange: R,
-        quickActions: y,
-        placeholder: "Search and filter feed...",
-        pt: {
-          searchBar: {
-            onClickCapture: (t) => o.handleSearchBarClickCapture(t, p)
-          },
-          dropdown: {
-            pt: {
-              item: {
-                onClick: (t) => o.handleDropdownItemClick(t, p, i)
+      ];
+    }, [h, n, f]);
+    let s = "";
+    e?.total && e.total > 0 && (s = `${e.checked}/${e.total}`);
+    const v = d(
+      () => ["comments", { id: "checklists", label: s, tooltip: "Checklists" }],
+      [s]
+    ), l = d(
+      () => j(u, i),
+      [u, i]
+    ), [m, C] = w(l), r = q(), p = E(null);
+    F(() => {
+      C(l);
+    }, [JSON.stringify(l)]), F(() => {
+      const t = (a) => {
+        const o = p.current?.getContainerElement();
+        o && !o.contains(a.target) && p.current?.close();
+      };
+      return document.addEventListener("mousedown", t), () => {
+        document.removeEventListener("mousedown", t);
+      };
+    }, [p]);
+    const b = (t) => {
+      _(L(t)), g?.("");
+    }, D = (t) => {
+      r.wrapFilterChange(t, m, C);
+    }, R = (t, a) => {
+      a || g?.(t);
+    };
+    return /* @__PURE__ */ c.jsxs($, { className: y ? "loading" : void 0, children: [
+      /* @__PURE__ */ c.jsx(
+        A,
+        {
+          ref: p,
+          compact: !0,
+          options: i,
+          filters: m,
+          onChange: D,
+          onFinish: b,
+          enableGlobalSearch: !0,
+          enableMultipleSameFilters: !1,
+          enableAutosuggestion: !0,
+          onSearchChange: R,
+          quickActions: v,
+          placeholder: "Search and filter feed...",
+          pt: {
+            searchBar: {
+              onClickCapture: (t) => r.handleSearchBarClickCapture(t, m)
+            },
+            dropdown: {
+              pt: {
+                item: {
+                  onClick: (t) => r.handleDropdownItemClick(t, m, i)
+                }
               }
             }
           }
         }
-      }
-    ),
-    /* @__PURE__ */ l.jsx(
-      I,
-      {
-        isOpen: !!o.customRangeFilterId,
-        header: i.find((t) => t.id === o.customRangeFilterId?.split("__")[0])?.label ?? "Custom range",
-        startDate: o.customStartDate,
-        endDate: o.customEndDate,
-        onStartDateChange: o.setCustomStartDate,
-        onEndDateChange: o.setCustomEndDate,
-        onApply: () => o.handleCustomRangeApply(p, i, b, f),
-        onClose: o.handleCustomRangeClose
-      }
-    )
-  ] });
-};
+      ),
+      /* @__PURE__ */ c.jsx(
+        I,
+        {
+          isOpen: !!r.customRangeFilterId,
+          header: i.find((t) => t.id === r.customRangeFilterId?.split("__")[0])?.label ?? "Custom range",
+          startDate: r.customStartDate,
+          endDate: r.customEndDate,
+          onStartDateChange: r.setCustomStartDate,
+          onEndDateChange: r.setCustomEndDate,
+          onApply: () => r.handleCustomRangeApply(m, i, b, p),
+          onClose: r.handleCustomRangeClose
+        }
+      )
+    ] });
+  }
+);
+B.displayName = "FeedSearchFilter";
 export {
-  um as default
+  B as default
 };
 //# sourceMappingURL=FeedSearchFilter.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FeedSearchFilter.es.js","sources":["../../../../../../src/containers/Feed/components/FeedSearchFilter.tsx"],"sourcesContent":["import { FC, useEffect, useMemo, useRef, useState } from 'react'\nimport {\n  SearchFilter,\n  Filter,\n  Option,\n  SearchFilterQuickAction,\n  SearchFilterRef,\n} from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\nimport { type QueryFilter, type ActivityCategory, ChecklistCount } from '@shared/api'\nimport { ActivityUser } from '../helpers/groupMinorActivities'\nimport { feedFilterToClientFilters, clientFiltersToFeedFilter } from '../helpers/feedFilterAdapter'\nimport { generateDateOptions } from '@shared/components/SearchFilter/filterDates'\nimport { useDateRangeFilter, CustomDateRangeDialog } from '@shared/components/SearchFilter'\n\nconst Wrapper = styled.div`\n  padding: 4px 8px;\n  padding-bottom: 0;\n  filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.25));\n  z-index: 10;\n\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n\n  &.loading {\n    opacity: 0.5;\n    pointer-events: none;\n  }\n`\n\ninterface FeedSearchFilterProps {\n  feedFilter: QueryFilter\n  setFeedFilter: (filter: QueryFilter) => void\n  users: ActivityUser[]\n  categories: ActivityCategory[]\n  supportsReviewSession: boolean\n  isLoading?: boolean\n  checklistCount?: ChecklistCount | undefined\n  onSearchTextChange?: (text: string) => void\n}\n\nconst FeedSearchFilter: FC<FeedSearchFilterProps> = ({\n  feedFilter,\n  setFeedFilter,\n  users,\n  categories,\n  supportsReviewSession,\n  isLoading,\n  checklistCount,\n  onSearchTextChange,\n}) => {\n  const options: Option[] = useMemo(() => {\n    // no values -> ARC adds it in one click (select \"Yes\"), no value-panel prompt\n    const boolean = (id: string, label: string, icon: string): Option => ({\n      id,\n      label,\n      icon,\n      type: 'boolean',\n      singleSelect: true,\n      values: [],\n    })\n\n    const opts: Option[] = [\n      boolean('comments', 'Comments', 'chat'),\n      boolean('versions', 'Versions', 'layers'),\n      boolean('updates', 'Updates', 'arrow_circle_right'),\n      boolean('checklists', 'Checklists', 'check_circle'),\n      boolean('has_attachments', 'Attachments', 'attach_file'),\n      ...(supportsReviewSession\n        ? [boolean('in_review_session', 'Review session', 'subscriptions')]\n        : []),\n      ...(categories.length\n        ? [\n            {\n              id: 'category',\n              label: 'Category',\n              icon: 'label',\n              type: 'list_of_strings' as const,\n              operator: 'OR' as const,\n              values: [\n                { id: '__none__', label: 'No category', icon: 'crop_square' },\n                ...categories.map((c) => ({\n                  id: c.name,\n                  label: c.name,\n                  icon: 'crop_square',\n                  color: c.color,\n                })),\n              ],\n            },\n          ]\n        : []),\n      {\n        id: 'author',\n        label: 'User',\n        icon: 'person',\n        type: 'list_of_strings' as const,\n        operator: 'OR' as const,\n        values: users.map((u) => ({\n          id: u.name,\n          label: u.attrib?.fullName || u.name,\n          img: `/api/users/${u.name}/avatar`,\n        })),\n      },\n      {\n        id: 'createdAt',\n        label: 'Posted date',\n        icon: 'calendar_today',\n        type: 'datetime',\n        values: generateDateOptions(),\n      },\n    ]\n\n    return opts\n  }, [users, categories, supportsReviewSession])\n\n  let checklistsLabel: string = ''\n  if (checklistCount?.total && checklistCount.total > 0) {\n    checklistsLabel = `${checklistCount.checked}/${checklistCount.total}`\n  }\n\n  // @ts-expect-error - using string is fine\n  const quickActions: SearchFilterQuickAction[] = useMemo(\n    () => ['comments', { id: 'checklists', label: checklistsLabel, tooltip: 'Checklists' }],\n    [checklistsLabel],\n  )\n\n  const filters = useMemo(\n    () => feedFilterToClientFilters(feedFilter, options),\n    [feedFilter, options],\n  )\n\n  const [localFilters, setLocalFilters] = useState<Filter[]>(filters)\n  const searchFilterRef = useRef<SearchFilterRef>(null)\n\n  const dateRange = useDateRangeFilter()\n\n  useEffect(() => {\n    setLocalFilters(filters)\n  }, [JSON.stringify(filters)])\n\n  const handleFinish = (newFilters: Filter[]) => {\n    setFeedFilter(clientFiltersToFeedFilter(newFilters))\n    onSearchTextChange?.('')\n  }\n\n  const handleFilterChange = (newFilters: Filter[]) => {\n    dateRange.wrapFilterChange(newFilters, localFilters, setLocalFilters)\n  }\n\n  const handleLiveSearch = (value: string, filter: string | null) => {\n    // only for root level searching\n    if (!!filter) return\n    onSearchTextChange?.(value)\n  }\n\n  return (\n    <Wrapper className={isLoading ? 'loading' : undefined}>\n      <SearchFilter\n        ref={searchFilterRef}\n        compact\n        options={options}\n        filters={localFilters}\n        onChange={handleFilterChange}\n        onFinish={handleFinish}\n        enableGlobalSearch\n        enableMultipleSameFilters={false}\n        enableAutosuggestion={true}\n        onSearchChange={handleLiveSearch}\n        quickActions={quickActions}\n        placeholder=\"Search and filter feed...\"\n        pt={{\n          searchBar: {\n            onClickCapture: (e) => dateRange.handleSearchBarClickCapture(e, localFilters),\n          },\n          dropdown: {\n            pt: {\n              item: {\n                onClick: (e) => dateRange.handleDropdownItemClick(e, localFilters, options),\n              },\n            },\n          },\n        }}\n      />\n      <CustomDateRangeDialog\n        isOpen={!!dateRange.customRangeFilterId}\n        header={\n          options.find((o) => o.id === dateRange.customRangeFilterId?.split('__')[0])?.label ??\n          'Custom range'\n        }\n        startDate={dateRange.customStartDate}\n        endDate={dateRange.customEndDate}\n        onStartDateChange={dateRange.setCustomStartDate}\n        onEndDateChange={dateRange.setCustomEndDate}\n        onApply={() =>\n          dateRange.handleCustomRangeApply(localFilters, options, handleFinish, searchFilterRef)\n        }\n        onClose={dateRange.handleCustomRangeClose}\n      />\n    </Wrapper>\n  )\n}\n\nexport default FeedSearchFilter\n"],"names":["Wrapper","styled","FeedSearchFilter","feedFilter","setFeedFilter","users","categories","supportsReviewSession","isLoading","checklistCount","onSearchTextChange","options","useMemo","boolean","id","label","icon","c","u","generateDateOptions","checklistsLabel","quickActions","filters","feedFilterToClientFilters","localFilters","setLocalFilters","useState","searchFilterRef","useRef","dateRange","useDateRangeFilter","useEffect","handleFinish","newFilters","clientFiltersToFeedFilter","handleFilterChange","handleLiveSearch","value","filter","jsxs","jsx","SearchFilter","e","CustomDateRangeDialog","o"],"mappings":"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"}
+{"version":3,"file":"FeedSearchFilter.es.js","sources":["../../../../../../src/containers/Feed/components/FeedSearchFilter.tsx"],"sourcesContent":["import { 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("../../../../../../_virtual/runtime.cjs.js");require("../../../../../../_virtual/semver.cjs.js");require("../../../../api/base/client.cjs.js");require("../../../../api/generated/graphql.cjs.js");require("../../../../api/generated/graphqlLinks.cjs.js");require("../../../../api/generated/access.cjs.js");require("../../../../api/generated/actions.cjs.js");require("../../../../api/generated/activityFeed.cjs.js");require("../../../../api/generated/addons.cjs.js");require("../../../../api/generated/anatomy.cjs.js");require("../../../../api/generated/attributes.cjs.js");require("../../../../api/generated/authentication.cjs.js");require("../../../../api/generated/bundles.cjs.js");require("../../../../api/generated/configuration.cjs.js");require("../../../../api/generated/dataImport.cjs.js");require("../../../../api/generated/desktop.cjs.js");require("../../../../api/generated/entityLists.cjs.js");require("../../../../api/generated/events.cjs.js");require("../../../../api/generated/files.cjs.js");require("../../../../api/generated/folders.cjs.js");require("../../../../api/generated/inbox.cjs.js");require("../../../../api/generated/links.cjs.js");require("../../../../api/generated/market.cjs.js");require("../../../../api/generated/onboarding.cjs.js");require("../../../../api/generated/operations.cjs.js");require("../../../../api/generated/products.cjs.js");require("../../../../api/generated/projectDashboard.cjs.js");require("../../../../api/generated/projects.cjs.js");require("../../../../api/generated/projectFolders.cjs.js");require("../../../../api/generated/reviewables.cjs.js");require("../../../../api/generated/services.cjs.js");require("../../../../api/generated/system.cjs.js");require("../../../../api/generated/tasks.cjs.js");require("../../../../api/generated/teams.cjs.js");require("../../../../api/generated/thumbnails.cjs.js");require("../../../../api/generated/uRIs.cjs.js");require("../../../../api/generated/users.cjs.js");require("../../../../api/generated/versions.cjs.js");require("../../../../api/generated/workfiles.cjs.js");require("../../../../api/generated/ynputCloud.cjs.js");require("../../../../api/generated/grouping.cjs.js");require("../../../../api/generated/views.cjs.js");require("../../../../api/queries/actions/getActions.cjs.js");require("../../../../api/queries/activities/getActivities.cjs.js");require("../../../../api/queries/activities/updateReaction.cjs.js");require("../../../../api/queries/activities/getMentions.cjs.js");require("../../../../api/queries/activities/getCategories.cjs.js");require("../../../../api/queries/addons/getAddons.cjs.js");require("../../../../api/queries/addons/updateAddons.cjs.js");require("../../../../api/queries/attributes/getAttributes.cjs.js");require("../../../../api/queries/attributes/updateAttributes.cjs.js");require("../../../../api/queries/authentication/getAuthentication.cjs.js");require("../../../../api/queries/bundles/getBundles.cjs.js");require("../../../../api/queries/bundles/updateBundles.cjs.js");require("../../../../api/queries/cloud/cloud.cjs.js");require("../../../../api/queries/columnStats/metricTargets.cjs.js");require("../../../../api/queries/columnStats/groupCounts.cjs.js");require("../../../../api/queries/config/getConfig.cjs.js");require("../../../../api/queries/config/updateConfig.cjs.js");require("../../../../api/queries/entities/getEntity.cjs.js");require("../../../../api/queries/entities/getEntityPanel.cjs.js");require("../../../../api/queries/overview/getOverview.cjs.js");require("../../../../api/queries/overview/updateOverview.cjs.js");require("../../../../api/queries/versions/getVersionsProducts.cjs.js");require("../../../../api/queries/links/getEntityLinks.cjs.js");require("../../../../api/queries/entities/updateEntity.cjs.js");require("../../../../api/queries/entityLists/getLists.cjs.js");require("../../../../api/queries/entityLists/updateLists.cjs.js");require("../../../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../../../api/queries/entityLists/listItemsColumnStats.cjs.js");require("../../../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../../../api/queries/entityLists/listFolders.cjs.js");require("../../../../api/queries/folders/getFolders.cjs.js");require("../../../../api/queries/folders/getFolderDeleteInfo.cjs.js");require("../../../../api/queries/grouping/getGrouping.cjs.js");require("../../../../api/queries/links/updateLinks.cjs.js");require("../../../../api/queries/links/getLinks.cjs.js");require("../../../../api/queries/permissions/getPermissions.cjs.js");require("../../../../api/queries/products/createProduct.cjs.js");require("../../../../api/queries/products/getFolderProducts.cjs.js");require("../../../../api/queries/project/getProject.cjs.js");require("../../../../api/queries/project/updateProject.cjs.js");require("../../../../api/queries/projectFolders/projectFolders.cjs.js");require("../../../../api/queries/review/getReview.cjs.js");require("../../../../api/queries/review/updateReview.cjs.js");require("../../../../api/queries/share/share.cjs.js");require("../../../../api/queries/system/getSystem.cjs.js");require("../../../../api/queries/tasks/getTasks.cjs.js");require("../../../../api/queries/tasks/updateTasks.cjs.js");require("../../../../api/queries/teams/getTeams.cjs.js");require("../../../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../../../api/queries/users/getUsers.cjs.js");require("../../../../api/queries/users/updateUsers.cjs.js");require("../../../../api/queries/users/guests.cjs.js");require("../../../../api/queries/versions/updateVersions.cjs.js");require("../../../../api/queries/views/getViews.cjs.js");require("../../../../api/queries/views/updateViews.cjs.js");require("../../../../api/queries/watchers/getWatchers.cjs.js");require("../../../../api/queries/uris/getUris.cjs.js");require("lodash");require("react-toastify");require("react-redux");require("custom-protocol-check");require("../../../ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("uuid");require("../../../../util/pubsub.cjs.js");require("../../../../context/PowerpackContextInstance.cjs.js");require("../../../../context/SubtasksModulesContextInstance.cjs.js");require("../../../../context/ThumbnailUploaderContext.cjs.js");require("../../../../context/SettingsPanelContext.cjs.js");require("../../../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../../../context/pip/PiPWrapper.cjs.js");require("../../../../context/AddonProjectContext.cjs.js");require("../../../../context/AddonContext.cjs.js");require("../../../../context/MoveEntityContext.cjs.js");require("../../../../context/MenuContext.cjs.js");require("../../../../context/WebsocketContext.cjs.js");require("../../../../context/GlobalContext.cjs.js");require("../../../../context/ProjectContext.cjs.js");require("../../../../context/ProjectFoldersContextInstance.cjs.js");require("../../../../context/EntityUpdatesContextInstance.cjs.js");require("../../../ContextMenu/ContextMenuContext.cjs.js");;/* empty css                                         */require("../../context/FeedContext.cjs.js");require("../Tooltips/UserTooltipItem.cjs.js");require("../Tooltips/UserTooltip/UserTooltip.styled.cjs.js");require("../Tooltips/TeamTooltip/TeamTooltip.styled.cjs.js");require("../Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");require("react-markdown");require("remark-emoji");require("remark-gfm");require("remark-directive");require("remark-directive-rehype");require("../CommentInput/CommentInput.cjs.js");require("../ReactionContainer/Reactions.styled.cjs.js");require("../FilesGrid/FilesGrid.styled.cjs.js");require("../CommentInput/quillToMarkdown.cjs.js");require("../ActivityComment/ActivityComment.styled.cjs.js");require("../ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../../../../components/AddonLoadingScreen/AddonLoadingScreen.cjs.js");require("../../../../../../node_modules/match-sorter/dist/match-sorter.esm.cjs.js");require("../../../../components/AccessSearchInput/AccessSearchInput.styled.cjs.js");require("../../../../components/AccessUser/AccessUser.cjs.js");require("../../../../components/AttributeEditor/AttributeEditor.cjs.js");require("../../../../components/AttributeEditor/attributeTypeMap.cjs.js");require("../../../../components/Badge/Badge.cjs.js");require("../../../../components/Chips/Chips.cjs.js");require("date-fns");require("../../../../components/DateRangePicker/DateRangePicker.styled.cjs.js");require("../../../../components/LinksManager/CellEditingDialog.cjs.js");require("../../../../../../_virtual/index.cjs.js");require("../../../../../../node_modules/refractor/lib/common.cjs.js");require("../../../../../../node_modules/refractor/lib/all.cjs.js");;/* empty css                                                                                      */require("../../../../components/DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../../../../components/DetailsPanelDetails/DetailsPanelDetails.cjs.js");require("react-quill-ayon");require("../../../../components/DetailsPanelDetails/BorderedSection.cjs.js");require("../../../../components/QuillListStyles/QuillListStyles.cjs.js");require("../../../../components/DetailsPanelDetails/DescriptionSection.styles.cjs.js");require("rehype-raw");require("../../../../components/DetailsPanelDetails/hooks/useMentionSystem.cjs.js");require("../CommentInput/modules/index.cjs.js");require("../../../../components/DetailsPanelDetails/DetailsSection.cjs.js");require("../../../../components/DetailsPanelDetails/FieldLabel.cjs.js");require("../../../../components/DoneCheckbox/DoneCheckbox.cjs.js");require("../../../../components/EarlyPreview/EarlyPreview.cjs.js");require("../../../../components/EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../../../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("../../../../components/InfoMessage/InfoMessage.cjs.js");require("@dnd-kit/core");require("@dnd-kit/sortable");require("../../../../components/EnumEditor/EnumEditor.styled.cjs.js");require("../../../../components/EntityPanelUploader/EntityPanelUploader.styled.cjs.js");require("axios");require("../../../../components/ReviewablesList/ReviewablesList.styled.cjs.js");require("../../../../components/ReviewablesList/ReviewablesUpload.styled.cjs.js");require("../../../../components/EntityPath/EntityPath.styled.cjs.js");require("../../../../components/EntityPath/SegmentProvider.cjs.js");require("../../../../components/FeaturedVersionOrder/FeaturedVersionOrder.cjs.js");require("../../../../components/Feedback/FeedbackContextInstance.cjs.js");require("../../../../components/Feedback/SupportBubble.cjs.js");require("../../../../components/FileThumbnail/FileThumbnail.cjs.js");require("../../../../components/LegacyBadge/LegacyBadge.cjs.js");require("../../../../components/LinksManager/LinksManager.styled.cjs.js");require("../../../EntityPickerDialog/EntityPickerDialog.cjs.js");require("../../../../components/Powerpack/PowerpackButton.cjs.js");require("../../../../components/Powerpack/FreeTrialLink.cjs.js");require("../../../../components/Powerpack/PowerpackDialog.styled.cjs.js");require("../../../../components/Powerpack/CTAButton.cjs.js");require("../../../../components/Powerpack/RequiredAddonVersion.cjs.js");require("../../../../components/ProjectTableSettings/ProjectTableSettings.cjs.js");require("../../../../components/SizeSlider/SizeSlider.cjs.js");require("react-router-dom");require("../../../Slicer/components/Slicer.cjs.js");require("../../../Slicer/context/SlicerContextInstance.cjs.js");require("../../../Slicer/components/SlicerDropdownFallback.cjs.js");require("../../../Slicer/hooks/useTableDataBySlice.cjs.js");require("../../../../components/ReviewableCard/ReviewableCard.cjs.js");require("../../../../components/ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");require("../../../../components/SearchFilter/filterDates.cjs.js");require("../../../../components/SearchFilter/CustomDateRangeDialog.cjs.js");require("../../../../components/SettingsPanel/SettingsPanel.cjs.js");require("../../../../components/SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../../../../components/ShareOptionIcon/ShareOptionIcon.cjs.js");require("../../../../components/SimpleFormDialog/SimpleFormDialog.cjs.js");require("../../../../components/StyledLink/StyledLink.cjs.js");require("../../../../components/SyncButton/SyncButton.cjs.js");require("../../../../components/TableGridSwitch/TableGridSwitch.cjs.js");require("../../../../components/Thumbnail/Thumbnail.styled.cjs.js");require("../../../../components/Thumbnail/StackedThumbnails.cjs.js");require("../../../../components/ThumbnailSimple/ThumbnailSimple.cjs.js");require("../../../../components/VersionUploader/components/UploadVersionDialog.cjs.js");require("../../../../components/VersionUploader/context/VersionUploadContextInstance.cjs.js");require("../../../../components/Watchers/Watchers.cjs.js");require("../../../../components/Menu/Menu.styled.cjs.js");require("../../../../components/Menu/MenuItem.cjs.js");require("../../../../components/ReviewablesSelector/ReviewablesSelector.cjs.js");require("../../../../components/ColumnHeaderMenuUI.cjs.js");require("../ActivityReference/ActivityReference.styled.cjs.js");require("../ActivityStatus/ActivityStatus.cjs.js");require("../ActivityHeader/ActivityHeader.styled.cjs.js");require("../ActivityDate.cjs.js");require("../ActivityCategorySelect/CategoryTag.cjs.js");require("../ActivityStatusChange/ActivityStatusChange.styled.cjs.js");require("../ActivityStatusChange/ActivityStatusSecondary.cjs.js");require("../ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");require("../ActivityVersions/ActivityVersions.styled.cjs.js");require("../ActivityGroup/ActivityGroup.styled.cjs.js");require("../ActivityVersionReview/ActivityVersionReview.styled.cjs.js");require("../ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../ActivityCategorySelect/CategoryDropdownItem.cjs.js");require("../../Feed.styled.cjs.js");require("../FeedSearchFilter.cjs.js");require("@tanstack/react-virtual");require("@tanstack/react-table");require("../../../ProjectTreeTable/widgets/CollapsedWidget.cjs.js");require("../../../ProjectTreeTable/widgets/DateWidget.cjs.js");require("../../../ProjectTreeTable/widgets/EnumWidget.cjs.js");require("../../../ProjectTreeTable/widgets/EnumCellValue.cjs.js");require("../../../ProjectTreeTable/widgets/TextWidget.cjs.js");require("../../../ProjectTreeTable/widgets/MarkdownWidget.cjs.js");require("../../../ProjectTreeTable/widgets/BooleanWidget.cjs.js");require("../../../ProjectTreeTable/widgets/CellWidget.cjs.js");require("../../../ProjectTreeTable/widgets/EntityNameWidget.cjs.js");require("../../../ProjectTreeTable/widgets/GroupHeaderWidget.cjs.js");require("../../../ProjectTreeTable/widgets/ThumbnailWidget.cjs.js");require("../../../ProjectTreeTable/widgets/LinksWidget.cjs.js");require("short-uuid");require("../../../ProjectTreeTable/context/CellEditingContext.cjs.js");require("../../../ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../../../ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");require("../../../ProjectTreeTable/context/ClipboardContext.cjs.js");require("../../../ProjectTreeTable/context/ColumnSettingsContext.cjs.js");require("../../../ProjectTreeTable/context/SelectedRowsContext.cjs.js");require("../../../ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");require("../../../ProjectTreeTable/components/DeleteConfirmContent.cjs.js");require("../../../ProjectTreeTable/context/ProjectDataContextInstance.cjs.js");require("../../../ProjectTreeTable/context/ProjectTableContextInstance.cjs.js");require("../../../ProjectTreeTable/widgets/EmptyWidget.cjs.js");require("../../../ProjectTreeTable/widgets/ErrorWidget.cjs.js");require("../../../ProjectTreeTable/ProjectTreeTable.styled.cjs.js");require("../../../ProjectTreeTable/components/SelectionCell.cjs.js");require("../../../ProjectTreeTable/components/RowSelectionHeader.cjs.js");require("../../../ProjectTreeTable/widgets/LoadMoreWidget.cjs.js");require("../../../ProjectTreeTable/components/HeaderActionButton.cjs.js");require("../../../ProjectTreeTable/components/TableFooterRow.cjs.js");require("../../../DetailsPanel/DetailsPanel.styled.cjs.js");require("../../../DetailsPanel/components/DetailsPanelTabs/DetailsPanelTabs.styled.cjs.js");require("../../../DetailsPanel/components/DetailsPanelHeader/LinkedTaskRow.styled.cjs.js");require("../../../DetailsPanel/components/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");require("../../../../components/PlayableIcon/PlayableIcon.cjs.js");require("../../../DetailsPanel/components/DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../../../DetailsPanel/components/DetailsPanelMoreMenu/components/ShareDialog.cjs.js");require("../../../DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.styled.cjs.js");require("../../../DetailsPanel/components/SubtasksSearchFilter/SubtasksSearchFilter.cjs.js");require("../../../DetailsPanel/components/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../../../DetailsPanel/components/DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");require("../../../Actions/Actions.styled.cjs.js");require("../../../Actions/ActionsDropdown/ActionsDropdown.cjs.js");require("../../../Actions/ActionIcon.cjs.js");require("../../../Views/ViewsMenu/ViewsMenu.cjs.js");require("../../../Views/context/ViewsContextInstance.cjs.js");require("../../../Views/Views.styled.cjs.js");require("../../../Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");require("../../../ListTable/ListTableRow.cjs.js");require("../../../ListTable/ListTable.styled.cjs.js");require("../../../../context/UriContext.cjs.js");const B={description:["doc"],folder_zip:["zip"],code_blocks:["json","javascript","python","html","css",".py",".js",".html",".css",".json",".ts"],brush:[".psd",".ai",".xd",".sketch"],"3d_rotation":[".mb",".ma",".c4d",".blend",".max",".3ds",".lwo",".lws",".lxo",".hip",".hda"],theaters:[".aep",".tpl",".clip",".nk",".fusion",".prproj",".spsm",".drp"],picture_as_pdf:["pdf",".pdf"],image:["image",".png",".jpg",".jpeg",".gif",".svg",".webp"],videocam:["video",".mp4",".mov",".avi",".mkv",".webm",".mxf"],business_center:["application"],audio_file:["audio"],text_snippet:["text"],filter_none:["sequence"],font_download:["font"],deployed_code:["model",".obj",".abc",".stl",".fbx",".gltf",".glb",".usd"]},U=c=>{for(const[u,q]of Object.entries(B))if(q.some(r=>c.includes(r)))return u;return"draft"},z=({name:c,mime:u,src:q,unsavedAnnotation:r,savedAnnotation:m,size:g,progress:l,onRemove:p,isCompact:f,isDownloadable:o=!1,onExpand:h,disableExpand:d,onJumpTo:R,className:w,...N})=>{const b=l&&l<100,[_,v]=F.useState(!1),{feedAnnotationsEnabled:y}=P.useDetailsPanelContext(),j=c.split("."),x=j.pop()||"",k=j.join("."),s=I.isFilePreviewable(u||"."+x),C=u?.includes("image/")||!!r,E=e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx("span",{className:"size",children:t.getFileSizeString(g)}),e.jsxRuntimeExports.jsx(t.Icon,{icon:"download",className:"download-icon"})]}),n=r??m;return e.jsxRuntimeExports.jsxs(i.File,{className:a(w,{compact:f,isDownloadable:o,isPreviewable:s,isUnsavedAnnotation:!!r}),...N,children:[e.jsxRuntimeExports.jsxs(i.ContentWrapper,{className:a("content-wrapper",{isPreviewable:s,isUnsavedAnnotation:!!r}),children:[e.jsxRuntimeExports.jsx(t.Icon,{icon:U(u||"."+x),className:"type-icon"}),C&&q&&e.jsxRuntimeExports.jsx(i.ImageWrapper,{className:a({"image-wrapper":!0,isDownloadable:o||s||r}),children:e.jsxRuntimeExports.jsx("img",{src:q,onError:()=>v(!0),style:{display:_?"none":"block"}})}),e.jsxRuntimeExports.jsxs(i.Buttons,{className:"expand-buttons",children:[s&&!d&&e.jsxRuntimeExports.jsx(i.ExpandButton,{"data-tooltip":"Open preview",icon:"open_in_full",variant:"nav",onClick:h}),(r||y&&m)&&e.jsxRuntimeExports.jsx(i.ExpandButton,{"data-tooltip":"Jump to annotation",icon:"play_circle",variant:"nav",onClick:R})]})]}),e.jsxRuntimeExports.jsxs(i.Footer,{className:a({inProgress:b,isPreviewable:s&&!d,isDownloadable:o}),children:[e.jsxRuntimeExports.jsx("span",{className:"progress",style:{right:`${100-l}%`}}),e.jsxRuntimeExports.jsx("div",{className:"name-wrapper",children:n?e.jsxRuntimeExports.jsxs("span",{className:"name",children:[e.jsxRuntimeExports.jsx(t.Icon,{icon:"draw"}),n.range[0],n.range[1]!==n.range[0]&&` - ${n.range[1]}`]}):e.jsxRuntimeExports.jsxs("span",{className:"name",children:[k,e.jsxRuntimeExports.jsxs("span",{className:"extension",children:[".",x]})]})}),o&&(p?e.jsxRuntimeExports.jsx("div",{className:"download",children:E}):e.jsxRuntimeExports.jsx("a",{href:q,target:"_blank",rel:"noopener noreferrer",className:"download",children:E}))]}),p&&e.jsxRuntimeExports.jsx(t.Button,{className:"remove",onClick:p,icon:"close"})]})};module.exports=z;
+"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;
 //# 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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"}