@strapi/upload 5.4.1 → 5.5.0

package/dist/_chunks/{index-DwVjDEMt.js → index-jOutXPCm.js}

@@ -15,6 +15,7 @@ const formik = require("formik");
 const isEqual = require("lodash/isEqual");
 const ReactSelect = require("react-select");
 const Cropper = require("cropperjs");
+const MuxPlayer = require("@mux/mux-player-react");
 require("cropperjs/dist/cropper.css");
 const isEmpty = require("lodash/isEmpty");
 const reactDnd = require("react-dnd");
@@ -23,8 +24,7 @@ const symbols = require("@strapi/icons/symbols");
 const parseISO = require("date-fns/parseISO");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 function _interopNamespace(e) {
-  if (e && e.__esModule)
-    return e;
+  if (e && e.__esModule) return e;
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
   if (e) {
     for (const k in e) {
@@ -46,19 +46,27 @@ const yup__namespace = /* @__PURE__ */ _interopNamespace(yup);
 const isEqual__default = /* @__PURE__ */ _interopDefault(isEqual);
 const ReactSelect__default = /* @__PURE__ */ _interopDefault(ReactSelect);
 const Cropper__default = /* @__PURE__ */ _interopDefault(Cropper);
+const MuxPlayer__default = /* @__PURE__ */ _interopDefault(MuxPlayer);
 const isEmpty__default = /* @__PURE__ */ _interopDefault(isEmpty);
 const parseISO__default = /* @__PURE__ */ _interopDefault(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.0";
+const version = "5.4.2";
 const description = "Makes it easy to upload images and files to your Strapi Application.";
 const license = "SEE LICENSE IN LICENSE";
 const author = {
@@ -114,10 +122,11 @@ const scripts = {
   watch: "pack-up watch"
 };
 const dependencies = {
-  "@strapi/design-system": "2.0.0-rc.12",
-  "@strapi/icons": "2.0.0-rc.12",
-  "@strapi/provider-upload-local": "5.4.0",
-  "@strapi/utils": "5.4.0",
+  "@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",
@@ -139,9 +148,9 @@ const dependencies = {
   yup: "0.32.9"
 };
 const devDependencies = {
-  "@strapi/admin": "5.4.0",
-  "@strapi/pack-up": "5.0.0",
-  "@strapi/types": "5.4.0",
+  "@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",
@@ -1629,34 +1638,17 @@ const RemoveAssetDialog = ({ open, onClose, asset }) => {
   };
   return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Dialog.Root, { open, onOpenChange: onClose, children: /* @__PURE__ */ jsxRuntime.jsx(strapiAdmin.ConfirmDialog, { onConfirm: handleConfirm }) });
 };
-const usePersistentState = (key, defaultValue) => {
-  const [value, setValue] = React.useState(() => {
-    const stickyValue = window.localStorage.getItem(key);
-    if (stickyValue !== null) {
-      try {
-        return JSON.parse(stickyValue);
-      } catch {
-        return stickyValue;
-      }
-    }
-    return defaultValue;
-  });
-  React.useEffect(() => {
-    window.localStorage.setItem(key, JSON.stringify(value));
-  }, [key, value]);
-  return [value, setValue];
-};
 const CardAsset$1 = styledComponents.styled(designSystem.Flex)`
   border-radius: ${({ theme }) => theme.borderRadius} ${({ theme }) => theme.borderRadius} 0 0;
   background: linear-gradient(180deg, #ffffff 0%, #f6f6f9 121.48%);
 `;
 const AssetPreview = React__namespace.forwardRef(({ mime, url, name: name2, ...props }, ref) => {
-  const [lang] = usePersistentState("strapi-admin-language", "en");
+  const theme = styledComponents.useTheme();
   if (mime.includes(AssetType.Image)) {
     return /* @__PURE__ */ jsxRuntime.jsx("img", { ref, src: url, alt: name2, ...props });
   }
   if (mime.includes(AssetType.Video)) {
-    return /* @__PURE__ */ jsxRuntime.jsx("video", { controls: true, src: url, ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx("track", { label: name2, default: true, kind: "captions", srcLang: lang, src: "" }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(MuxPlayer__default.default, { src: url, accentColor: theme.colors.primary500 });
   }
   if (mime.includes(AssetType.Audio)) {
     return /* @__PURE__ */ jsxRuntime.jsx("audio", { controls: true, src: url, ref, ...props, children: name2 });
@@ -1686,12 +1678,24 @@ const Wrapper$1 = styledComponents.styled.div`
   }
 
   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 = styledComponents.styled(designSystem.Flex)`
   height: 5.2rem;
@@ -2672,6 +2676,23 @@ const useFolder = (id, { enabled = true } = {}) => {
   );
   return { data, error, isLoading };
 };
+const usePersistentState = (key, defaultValue) => {
+  const [value, setValue] = React.useState(() => {
+    const stickyValue = window.localStorage.getItem(key);
+    if (stickyValue !== null) {
+      try {
+        return JSON.parse(stickyValue);
+      } catch {
+        return stickyValue;
+      }
+    }
+    return defaultValue;
+  });
+  React.useEffect(() => {
+    window.localStorage.setItem(key, JSON.stringify(value));
+  }, [key, value]);
+  return [value, setValue];
+};
 const Extension$1 = styledComponents.styled.span`
   text-transform: uppercase;
 `;
@@ -2840,8 +2861,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__ */ jsxRuntime.jsxs(designSystem.Box, { tag: "figure", ...props, children: [
@@ -4373,8 +4393,7 @@ const SearchAsset = ({ onChangeSearch, queryValue = null }) => {
   return /* @__PURE__ */ jsxRuntime.jsx(designSystem.IconButton, { label: "Search", onClick: handleToggle, children: /* @__PURE__ */ jsxRuntime.jsx(icons.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);
 };
@@ -5828,7 +5847,7 @@ const STEPS = {
 };
 const MediaLibraryInput = React__namespace.forwardRef(
   ({
-    attribute: { allowedTypes = ["videos", "files", "images", "audios"], multiple = false },
+    attribute: { allowedTypes = ["videos", "files", "images", "audios"], multiple = false } = {},
     label,
     hint,
     disabled = false,
@@ -6014,7 +6033,7 @@ const admin = {
         defaultMessage: "Media Library"
       },
       permissions: PERMISSIONS.main,
-      Component: () => Promise.resolve().then(() => require("./App-DeNaeOad.js")).then((mod) => ({ default: mod.Upload })),
+      Component: () => Promise.resolve().then(() => require("./App-DvNA8DcO.js")).then((mod) => ({ default: mod.Upload })),
       position: 4
     });
     app.addSettingsLink("global", {
@@ -6025,7 +6044,7 @@ const admin = {
         defaultMessage: "Media Library"
       },
       async Component() {
-        const { ProtectedSettingsPage } = await Promise.resolve().then(() => require("./SettingsPage-C60zLXmE.js"));
+        const { ProtectedSettingsPage } = await Promise.resolve().then(() => require("./SettingsPage-BBl5rnJi.js"));
         return { default: ProtectedSettingsPage };
       },
       permissions: PERMISSIONS.settings
@@ -6048,7 +6067,7 @@ const admin = {
   async registerTrads({ locales }) {
     const importedTrads = await Promise.all(
       locales.map((locale) => {
-        return __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./translations/ca.json": () => Promise.resolve().then(() => require("./ca-BUpuZx8N.js")), "./translations/de.json": () => Promise.resolve().then(() => require("./de-uGb_Pkq7.js")), "./translations/dk.json": () => Promise.resolve().then(() => require("./dk-Cd8oFO-O.js")), "./translations/en.json": () => Promise.resolve().then(() => require("./en-BcOqhiNe.js")), "./translations/es.json": () => Promise.resolve().then(() => require("./es-DWFtw_h4.js")), "./translations/fr.json": () => Promise.resolve().then(() => require("./fr-D2bop66d.js")), "./translations/he.json": () => Promise.resolve().then(() => require("./he-BpxHjaZg.js")), "./translations/it.json": () => Promise.resolve().then(() => require("./it-BKCWXl8t.js")), "./translations/ja.json": () => Promise.resolve().then(() => require("./ja-ajHzIJz6.js")), "./translations/ko.json": () => Promise.resolve().then(() => require("./ko-Pzj-818C.js")), "./translations/ms.json": () => Promise.resolve().then(() => require("./ms-h3gjldBy.js")), "./translations/pl.json": () => Promise.resolve().then(() => require("./pl-esgZ7ltN.js")), "./translations/pt-BR.json": () => Promise.resolve().then(() => require("./pt-BR-Cazr7Z5I.js")), "./translations/pt.json": () => Promise.resolve().then(() => require("./pt-cbUnkHM5.js")), "./translations/ru.json": () => Promise.resolve().then(() => require("./ru-H6MzFUxp.js")), "./translations/sk.json": () => Promise.resolve().then(() => require("./sk-CZxC4dFY.js")), "./translations/th.json": () => Promise.resolve().then(() => require("./th-C6unJZ8j.js")), "./translations/tr.json": () => Promise.resolve().then(() => require("./tr-CY6AwX50.js")), "./translations/uk.json": () => Promise.resolve().then(() => require("./uk-BniyNsD4.js")), "./translations/zh-Hans.json": () => Promise.resolve().then(() => require("./zh-Hans-k_xAc6nm.js")), "./translations/zh.json": () => Promise.resolve().then(() => require("./zh-CsZw0IpM.js")) }), `./translations/${locale}.json`).then(({ default: data }) => {
+        return __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./translations/ca.json": () => Promise.resolve().then(() => require("./ca-BUpuZx8N.js")), "./translations/de.json": () => Promise.resolve().then(() => require("./de-uGb_Pkq7.js")), "./translations/dk.json": () => Promise.resolve().then(() => require("./dk-Cd8oFO-O.js")), "./translations/en.json": () => Promise.resolve().then(() => require("./en-BcOqhiNe.js")), "./translations/es.json": () => Promise.resolve().then(() => require("./es-DWFtw_h4.js")), "./translations/fr.json": () => Promise.resolve().then(() => require("./fr-D2bop66d.js")), "./translations/he.json": () => Promise.resolve().then(() => require("./he-BpxHjaZg.js")), "./translations/it.json": () => Promise.resolve().then(() => require("./it-BKCWXl8t.js")), "./translations/ja.json": () => Promise.resolve().then(() => require("./ja-ajHzIJz6.js")), "./translations/ko.json": () => Promise.resolve().then(() => require("./ko-Pzj-818C.js")), "./translations/ms.json": () => Promise.resolve().then(() => require("./ms-h3gjldBy.js")), "./translations/pl.json": () => Promise.resolve().then(() => require("./pl-esgZ7ltN.js")), "./translations/pt-BR.json": () => Promise.resolve().then(() => require("./pt-BR-Cazr7Z5I.js")), "./translations/pt.json": () => Promise.resolve().then(() => require("./pt-cbUnkHM5.js")), "./translations/ru.json": () => Promise.resolve().then(() => require("./ru-H6MzFUxp.js")), "./translations/sk.json": () => Promise.resolve().then(() => require("./sk-CZxC4dFY.js")), "./translations/th.json": () => Promise.resolve().then(() => require("./th-C6unJZ8j.js")), "./translations/tr.json": () => Promise.resolve().then(() => require("./tr-CY6AwX50.js")), "./translations/uk.json": () => Promise.resolve().then(() => require("./uk-BniyNsD4.js")), "./translations/zh-Hans.json": () => Promise.resolve().then(() => require("./zh-Hans-k_xAc6nm.js")), "./translations/zh.json": () => Promise.resolve().then(() => require("./zh-CsZw0IpM.js")) }), `./translations/${locale}.json`, 3).then(({ default: data }) => {
           return {
             data: prefixPluginTranslations(data, pluginId),
             locale
@@ -6101,4 +6120,4 @@ exports.useMediaLibraryPermissions = useMediaLibraryPermissions;
 exports.usePersistentState = usePersistentState;
 exports.useSelectionState = useSelectionState;
 exports.viewOptions = viewOptions;
-//# sourceMappingURL=index-DwVjDEMt.js.map
+//# sourceMappingURL=index-jOutXPCm.js.map