@strapi/upload 5.4.2 → 5.5.1

package/dist/_chunks/{index-DR3Ggk1w.mjs → index-B2-z7eWa.mjs}

@@ -15,23 +15,31 @@ import { Formik, Form } from "formik";
 import isEqual from "lodash/isEqual";
 import ReactSelect, { components } from "react-select";
 import Cropper from "cropperjs";
+import MuxPlayer from "@mux/mux-player-react";
 import "cropperjs/dist/cropper.css";
 import isEmpty from "lodash/isEmpty";
 import { useDrop, useDrag } from "react-dnd";
 import { useLocation, Link as Link$1, NavLink } from "react-router-dom";
 import { EmptyDocuments } from "@strapi/icons/symbols";
 import parseISO from "date-fns/parseISO";
-const __variableDynamicImportRuntimeHelper = (glob, path) => {
+const __variableDynamicImportRuntimeHelper = (glob, path, segs) => {
   const v = glob[path];
   if (v) {
     return typeof v === "function" ? v() : Promise.resolve(v);
   }
   return new Promise((_, reject) => {
-    (typeof queueMicrotask === "function" ? queueMicrotask : setTimeout)(reject.bind(null, new Error("Unknown variable dynamic import: " + path)));
+    (typeof queueMicrotask === "function" ? queueMicrotask : setTimeout)(
+      reject.bind(
+        null,
+        new Error(
+          "Unknown variable dynamic import: " + path + (path.split("/").length !== segs ? ". Note that variables only represent file names one level deep." : "")
+        )
+      )
+    );
   });
 };
 const name$1 = "@strapi/upload";
-const version = "5.4.1";
+const version = "5.5.0";
 const description = "Makes it easy to upload images and files to your Strapi Application.";
 const license = "SEE LICENSE IN LICENSE";
 const author = {
@@ -87,10 +95,11 @@ const scripts = {
   watch: "pack-up watch"
 };
 const dependencies = {
-  "@strapi/design-system": "2.0.0-rc.13",
-  "@strapi/icons": "2.0.0-rc.13",
-  "@strapi/provider-upload-local": "5.4.1",
-  "@strapi/utils": "5.4.1",
+  "@mux/mux-player-react": "3.1.0",
+  "@strapi/design-system": "2.0.0-rc.14",
+  "@strapi/icons": "2.0.0-rc.14",
+  "@strapi/provider-upload-local": "workspace:*",
+  "@strapi/utils": "workspace:*",
   "byte-size": "8.1.1",
   cropperjs: "1.6.1",
   "date-fns": "2.30.0",
@@ -112,9 +121,9 @@ const dependencies = {
   yup: "0.32.9"
 };
 const devDependencies = {
-  "@strapi/admin": "5.4.1",
-  "@strapi/pack-up": "5.0.0",
-  "@strapi/types": "5.4.1",
+  "@strapi/admin": "workspace:*",
+  "@strapi/pack-up": "5.0.2",
+  "@strapi/types": "workspace:*",
   "@testing-library/dom": "10.1.0",
   "@testing-library/react": "15.0.7",
   "@testing-library/user-event": "14.5.2",
@@ -150,7 +159,6 @@ const strapi = {
   required: true,
   kind: "plugin"
 };
-const gitHead = "7d785703f52464577d077c4618cbe68b44f8a9cd";
 const pluginPkg = {
   name: name$1,
   version,
@@ -165,8 +173,7 @@ const pluginPkg = {
   devDependencies,
   peerDependencies,
   engines,
-  strapi,
-  gitHead
+  strapi
 };
 const pluginId = pluginPkg.name.replace(/^@strapi\//i, "");
 const useAssets = ({ skipWhen = false, query = {} } = {}) => {
@@ -1602,42 +1609,43 @@ const RemoveAssetDialog = ({ open, onClose, asset }) => {
   };
   return /* @__PURE__ */ jsx(Dialog.Root, { open, onOpenChange: onClose, children: /* @__PURE__ */ jsx(ConfirmDialog, { onConfirm: handleConfirm }) });
 };
-const usePersistentState = (key, defaultValue) => {
-  const [value, setValue] = useState(() => {
-    const stickyValue = window.localStorage.getItem(key);
-    if (stickyValue !== null) {
-      try {
-        return JSON.parse(stickyValue);
-      } catch {
-        return stickyValue;
-      }
-    }
-    return defaultValue;
-  });
-  useEffect(() => {
-    window.localStorage.setItem(key, JSON.stringify(value));
-  }, [key, value]);
-  return [value, setValue];
-};
 const CardAsset$1 = styled(Flex)`
+  min-height: 26.4rem;
   border-radius: ${({ theme }) => theme.borderRadius} ${({ theme }) => theme.borderRadius} 0 0;
-  background: linear-gradient(180deg, #ffffff 0%, #f6f6f9 121.48%);
+  background: linear-gradient(
+    180deg,
+    ${({ theme }) => theme.colors.neutral0} 0%,
+    ${({ theme }) => theme.colors.neutral100} 121.48%
+  );
 `;
 const AssetPreview = React.forwardRef(({ mime, url, name: name2, ...props }, ref) => {
-  const [lang] = usePersistentState("strapi-admin-language", "en");
+  const theme = useTheme();
+  const { formatMessage } = useIntl();
   if (mime.includes(AssetType.Image)) {
     return /* @__PURE__ */ jsx("img", { ref, src: url, alt: name2, ...props });
   }
   if (mime.includes(AssetType.Video)) {
-    return /* @__PURE__ */ jsx("video", { controls: true, src: url, ref, ...props, children: /* @__PURE__ */ jsx("track", { label: name2, default: true, kind: "captions", srcLang: lang, src: "" }) });
+    return /* @__PURE__ */ jsx(MuxPlayer, { src: url, accentColor: theme.colors.primary500 });
   }
   if (mime.includes(AssetType.Audio)) {
-    return /* @__PURE__ */ jsx("audio", { controls: true, src: url, ref, ...props, children: name2 });
+    return /* @__PURE__ */ jsx(Box, { margin: "5", children: /* @__PURE__ */ jsx("audio", { controls: true, src: url, ref, ...props, children: name2 }) });
   }
   if (mime.includes("pdf")) {
-    return /* @__PURE__ */ jsx(CardAsset$1, { justifyContent: "center", ...props, children: /* @__PURE__ */ jsx(FilePdf, { "aria-label": name2 }) });
+    return /* @__PURE__ */ jsx(CardAsset$1, { width: "100%", justifyContent: "center", ...props, children: /* @__PURE__ */ jsxs(Flex, { gap: 2, direction: "column", alignItems: "center", children: [
+      /* @__PURE__ */ jsx(FilePdf, { "aria-label": name2, fill: "neutral500", width: 24, height: 24 }),
+      /* @__PURE__ */ jsx(Typography, { textColor: "neutral500", variant: "pi", children: formatMessage({
+        id: "noPreview",
+        defaultMessage: "No preview available"
+      }) })
+    ] }) });
   }
-  return /* @__PURE__ */ jsx(CardAsset$1, { justifyContent: "center", ...props, children: /* @__PURE__ */ jsx(File$1, { "aria-label": name2 }) });
+  return /* @__PURE__ */ jsx(CardAsset$1, { width: "100%", justifyContent: "center", ...props, children: /* @__PURE__ */ jsxs(Flex, { gap: 2, direction: "column", alignItems: "center", children: [
+    /* @__PURE__ */ jsx(File$1, { "aria-label": name2, fill: "neutral500", width: 24, height: 24 }),
+    /* @__PURE__ */ jsx(Typography, { textColor: "neutral500", variant: "pi", children: formatMessage({
+      id: "noPreview",
+      defaultMessage: "No preview available"
+    }) })
+  ] }) });
 });
 AssetPreview.displayName = "AssetPreview";
 const RelativeBox = styled(Box)`
@@ -1654,17 +1662,28 @@ const Wrapper$1 = styled.div`
     50% / 20px 20px;
 
   svg {
-    font-size: 4.8rem;
-    height: 26.4rem;
+    height: 26px;
   }
 
   img,
-  video {
+  mux-player {
     margin: 0;
     padding: 0;
     max-height: 26.4rem;
     max-width: 100%;
   }
+
+  mux-player {
+    --play-button: inline-flex;
+    --mute-button: inline-flex;
+    --pip-button: inline-flex;
+    --fullscreen-button: inline-flex;
+    --playback-rate-button: inline-flex;
+    --volume-range: inline-flex;
+    --time-range: inline-flex;
+    --time-display: inline-flex;
+    --duration-display: inline-flex;
+  }
 `;
 const ActionRow = styled(Flex)`
   height: 5.2rem;
@@ -2645,6 +2664,23 @@ const useFolder = (id, { enabled = true } = {}) => {
   );
   return { data, error, isLoading };
 };
+const usePersistentState = (key, defaultValue) => {
+  const [value, setValue] = useState(() => {
+    const stickyValue = window.localStorage.getItem(key);
+    if (stickyValue !== null) {
+      try {
+        return JSON.parse(stickyValue);
+      } catch {
+        return stickyValue;
+      }
+    }
+    return defaultValue;
+  });
+  useEffect(() => {
+    window.localStorage.setItem(key, JSON.stringify(value));
+  }, [key, value]);
+  return [value, setValue];
+};
 const Extension$1 = styled.span`
   text-transform: uppercase;
 `;
@@ -2744,16 +2780,15 @@ const AudioAssetCard = ({
   selected = false,
   ...restProps
 }) => {
-  return /* @__PURE__ */ jsx(AssetCardBase, { name: name2, selected, ...restProps, variant: "Audio", children: /* @__PURE__ */ jsx(CardAsset$2, { size, children: /* @__PURE__ */ jsx(AudioPreviewWrapper$1, { size, children: /* @__PURE__ */ jsx(AudioPreview, { url, alt: name2 }) }) }) });
+  return /* @__PURE__ */ jsx(AssetCardBase, { name: name2, selected, ...restProps, variant: "Audio", children: /* @__PURE__ */ jsx(CardAsset$2, { size, children: /* @__PURE__ */ jsx(Flex, { alignItems: "center", children: /* @__PURE__ */ jsx(AudioPreviewWrapper$1, { size, children: /* @__PURE__ */ jsx(AudioPreview, { url, alt: name2 }) }) }) }) });
 };
-const IconWrapper$1 = styled.span`
-  svg {
-    font-size: 4.8rem;
-  }
-`;
 const CardAsset = styled(Flex)`
   border-radius: ${({ theme }) => theme.borderRadius} ${({ theme }) => theme.borderRadius} 0 0;
-  background: linear-gradient(180deg, #ffffff 0%, #f6f6f9 121.48%);
+  background: linear-gradient(
+    180deg,
+    ${({ theme }) => theme.colors.neutral0} 0%,
+    ${({ theme }) => theme.colors.neutral100} 121.48%
+  );
 `;
 const DocAssetCard = ({
   name: name2,
@@ -2762,6 +2797,7 @@ const DocAssetCard = ({
   selected = false,
   ...restProps
 }) => {
+  const { formatMessage } = useIntl();
   return /* @__PURE__ */ jsx(
     AssetCardBase,
     {
@@ -2770,7 +2806,13 @@ const DocAssetCard = ({
       selected,
       ...restProps,
       variant: "Doc",
-      children: /* @__PURE__ */ jsx(CardAsset, { width: "100%", height: size === "S" ? `8.8rem` : `16.4rem`, justifyContent: "center", children: /* @__PURE__ */ jsx(IconWrapper$1, { children: extension === "pdf" ? /* @__PURE__ */ jsx(FilePdf, { "aria-label": name2 }) : /* @__PURE__ */ jsx(File$1, { "aria-label": name2 }) }) })
+      children: /* @__PURE__ */ jsx(CardAsset, { width: "100%", height: size === "S" ? `8.8rem` : `16.4rem`, justifyContent: "center", children: /* @__PURE__ */ jsxs(Flex, { gap: 2, direction: "column", alignItems: "center", children: [
+        extension === "pdf" ? /* @__PURE__ */ jsx(FilePdf, { "aria-label": name2, fill: "neutral500", width: 24, height: 24 }) : /* @__PURE__ */ jsx(File$1, { "aria-label": name2, fill: "neutral500", width: 24, height: 24 }),
+        /* @__PURE__ */ jsx(Typography, { textColor: "neutral500", variant: "pi", children: formatMessage({
+          id: "noPreview",
+          defaultMessage: "No preview available"
+        }) })
+      ] }) })
     }
   );
 };
@@ -2813,8 +2855,7 @@ const VideoPreview = ({
   };
   const handleThumbnailVisibility = (e) => {
     const video = e.currentTarget;
-    if (video.readyState < HAVE_FUTURE_DATA)
-      return;
+    if (video.readyState < HAVE_FUTURE_DATA) return;
     video.play();
   };
   return /* @__PURE__ */ jsxs(Box, { tag: "figure", ...props, children: [
@@ -4346,8 +4387,7 @@ const SearchAsset = ({ onChangeSearch, queryValue = null }) => {
   return /* @__PURE__ */ jsx(IconButton, { label: "Search", onClick: handleToggle, children: /* @__PURE__ */ jsx(Search, {}) });
 };
 const isSelectable = (allowedTypes, mime = "") => {
-  if (!mime)
-    return false;
+  if (!mime) return false;
   const fileType = mime.split("/")[0];
   return allowedTypes.includes(fileType) || allowedTypes.includes("file") && !["video", "image", "audio"].includes(fileType);
 };
@@ -5987,7 +6027,7 @@ const admin = {
         defaultMessage: "Media Library"
       },
       permissions: PERMISSIONS.main,
-      Component: () => import("./App-BnJnub6y.mjs").then((mod) => ({ default: mod.Upload })),
+      Component: () => import("./App-YGEZKoYI.mjs").then((mod) => ({ default: mod.Upload })),
       position: 4
     });
     app.addSettingsLink("global", {
@@ -5998,7 +6038,7 @@ const admin = {
         defaultMessage: "Media Library"
       },
       async Component() {
-        const { ProtectedSettingsPage } = await import("./SettingsPage-NQUNwQi_.mjs");
+        const { ProtectedSettingsPage } = await import("./SettingsPage-Ca1_e_5V.mjs");
         return { default: ProtectedSettingsPage };
       },
       permissions: PERMISSIONS.settings
@@ -6021,7 +6061,7 @@ const admin = {
   async registerTrads({ locales }) {
     const importedTrads = await Promise.all(
       locales.map((locale) => {
-        return __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./translations/ca.json": () => import("./ca-B2_I-q1t.mjs"), "./translations/de.json": () => import("./de-A7mEKx6c.mjs"), "./translations/dk.json": () => import("./dk-BPfkJb9q.mjs"), "./translations/en.json": () => import("./en-oDx2Gnre.mjs"), "./translations/es.json": () => import("./es-CuWi2pOn.mjs"), "./translations/fr.json": () => import("./fr-BN6ndmWf.mjs"), "./translations/he.json": () => import("./he-C9ZOXBB-.mjs"), "./translations/it.json": () => import("./it-B7rmoZNx.mjs"), "./translations/ja.json": () => import("./ja-DlaJTi_3.mjs"), "./translations/ko.json": () => import("./ko-vJl9kPpn.mjs"), "./translations/ms.json": () => import("./ms-CqwG8v8l.mjs"), "./translations/pl.json": () => import("./pl-Cj8jChOO.mjs"), "./translations/pt-BR.json": () => import("./pt-BR-B4LJHJIp.mjs"), "./translations/pt.json": () => import("./pt-CNOOM_7x.mjs"), "./translations/ru.json": () => import("./ru-DqglvSUC.mjs"), "./translations/sk.json": () => import("./sk-Dgpb3lnz.mjs"), "./translations/th.json": () => import("./th-DRfzuiFf.mjs"), "./translations/tr.json": () => import("./tr--GzWXE_A.mjs"), "./translations/uk.json": () => import("./uk-DVMT2Piq.mjs"), "./translations/zh-Hans.json": () => import("./zh-Hans-Cpmhg8uH.mjs"), "./translations/zh.json": () => import("./zh-HOnih0is.mjs") }), `./translations/${locale}.json`).then(({ default: data }) => {
+        return __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./translations/ca.json": () => import("./ca-B2_I-q1t.mjs"), "./translations/de.json": () => import("./de-A7mEKx6c.mjs"), "./translations/dk.json": () => import("./dk-BPfkJb9q.mjs"), "./translations/en.json": () => import("./en-oDx2Gnre.mjs"), "./translations/es.json": () => import("./es-CuWi2pOn.mjs"), "./translations/fr.json": () => import("./fr-BN6ndmWf.mjs"), "./translations/he.json": () => import("./he-C9ZOXBB-.mjs"), "./translations/it.json": () => import("./it-B7rmoZNx.mjs"), "./translations/ja.json": () => import("./ja-DlaJTi_3.mjs"), "./translations/ko.json": () => import("./ko-vJl9kPpn.mjs"), "./translations/ms.json": () => import("./ms-CqwG8v8l.mjs"), "./translations/pl.json": () => import("./pl-Cj8jChOO.mjs"), "./translations/pt-BR.json": () => import("./pt-BR-B4LJHJIp.mjs"), "./translations/pt.json": () => import("./pt-CNOOM_7x.mjs"), "./translations/ru.json": () => import("./ru-DqglvSUC.mjs"), "./translations/sk.json": () => import("./sk-Dgpb3lnz.mjs"), "./translations/th.json": () => import("./th-DRfzuiFf.mjs"), "./translations/tr.json": () => import("./tr--GzWXE_A.mjs"), "./translations/uk.json": () => import("./uk-DVMT2Piq.mjs"), "./translations/zh-Hans.json": () => import("./zh-Hans-Cpmhg8uH.mjs"), "./translations/zh.json": () => import("./zh-HOnih0is.mjs") }), `./translations/${locale}.json`, 3).then(({ default: data }) => {
           return {
             data: prefixPluginTranslations(data, pluginId),
             locale
@@ -6060,20 +6100,20 @@ export {
   useAssets as i,
   useFolders as j,
   containsAssetFilter as k,
-  localStorageKeys as l,
-  useFolder as m,
+  useFolder as l,
+  useSelectionState as m,
   normalizeAPIError as n,
-  useSelectionState as o,
+  SortPicker as o,
   pluginId as p,
-  SortPicker as q,
-  FolderGridList as r,
-  FolderCard as s,
-  FolderCardBody as t,
+  FolderGridList as q,
+  FolderCard as r,
+  FolderCardBody as s,
+  FolderCardBodyAction as t,
   useFolderCard as u,
   viewOptions as v,
-  FolderCardBodyAction as w,
-  EditFolderDialog as x,
-  EditAssetDialog as y,
+  EditFolderDialog as w,
+  EditAssetDialog as x,
+  localStorageKeys as y,
   useConfig as z
 };
-//# sourceMappingURL=index-DR3Ggk1w.mjs.map
+//# sourceMappingURL=index-B2-z7eWa.mjs.map