sanity-plugin-mux-input 2.3.3 → 2.3.5

package/{lib/index.cjs → dist/index.js}

@@ -160,8 +160,7 @@ function hasMorePages(pageResult) {
 function useMuxAssets({ secrets, enabled }) {
   const [state, setState] = React.useState({ loading: !0, pageNum: FIRST_PAGE });
   return React.useEffect(() => {
-    if (!enabled)
-      return;
+    if (!enabled) return;
     const subscription = rxjs.defer(
       () => fetchMuxAssetsPage(
         secrets,
@@ -190,7 +189,7 @@ function useMuxAssets({ secrets, enabled }) {
     return () => subscription.unsubscribe();
   }, [enabled]), state;
 }
-const name = "mux-input", cacheNs = "sanity-plugin-mux-input", muxSecretsDocumentId = "secrets.mux", DIALOGS_Z_INDEX = 6e4, THUMBNAIL_ASPECT_RATIO = 1.7777777777777777, MIN_ASPECT_RATIO = 5 / 4, path$1 = ["token", "secretKey", "enableSignedUrls", "signingKeyId", "signingKeyPrivate"], useSecretsDocumentValues = () => {
+const name = "mux-input", cacheNs = "sanity-plugin-mux-input", muxSecretsDocumentId = "secrets.mux", DIALOGS_Z_INDEX = 6e4, THUMBNAIL_ASPECT_RATIO = 1.7777777777777777, MIN_ASPECT_RATIO = 5 / 4, AUDIO_ASPECT_RATIO = 5 / 1, path$1 = ["token", "secretKey", "enableSignedUrls", "signingKeyId", "signingKeyPrivate"], useSecretsDocumentValues = () => {
   const { error, isLoading, value } = sanity.useDocumentValues(
     muxSecretsDocumentId,
     path$1
@@ -224,7 +223,7 @@ function useImportMuxAssets() {
   };
   async function importAssets() {
     setImportState("importing");
-    const documents = selectedAssets.map(muxAssetToSanityDocument), tx = client.transaction();
+    const documents = selectedAssets.flatMap((asset) => muxAssetToSanityDocument(asset) || []), tx = client.transaction();
     documents.forEach((doc) => tx.create(doc));
     try {
       await tx.commit({ returnDocuments: !1 }), setSelectedAssets([]), setImportState("done");
@@ -249,17 +248,19 @@ function useImportMuxAssets() {
 }
 function muxAssetToSanityDocument(asset) {
   var _a;
-  return {
-    _id: uuid.uuid(),
-    _type: "mux.videoAsset",
-    _updatedAt: (/* @__PURE__ */ new Date()).toISOString(),
-    _createdAt: parseMuxDate(asset.created_at).toISOString(),
-    assetId: asset.id,
-    playbackId: (_a = asset.playback_ids.find((p) => p.id)) == null ? void 0 : _a.id,
-    filename: `Asset #${sanity.truncateString(asset.id, 15)}`,
-    status: asset.status,
-    data: asset
-  };
+  const playbackId = (_a = (asset.playback_ids || []).find((p) => p.id)) == null ? void 0 : _a.id;
+  if (playbackId)
+    return {
+      _id: uuid.uuid(),
+      _type: "mux.videoAsset",
+      _updatedAt: (/* @__PURE__ */ new Date()).toISOString(),
+      _createdAt: parseMuxDate(asset.created_at).toISOString(),
+      assetId: asset.id,
+      playbackId,
+      filename: `Asset #${sanity.truncateString(asset.id, 15)}`,
+      status: asset.status,
+      data: asset
+    };
 }
 const useAssetsInSanity = sanity.createHookFromObservableFactory(
   (documentStore) => documentStore.listenQuery(
@@ -282,8 +283,7 @@ function assetExistsInSanity(asset, existingAssets) {
 function useInView(options = {}) {
   const [inView, setInView] = React.useState(!1), ref = React.useRef(null);
   return React.useEffect(() => {
-    if (!ref.current)
-      return;
+    if (!ref.current) return;
     const observer = new IntersectionObserver(([entry], obs) => {
       var _a;
       const nowInView = entry.isIntersecting && obs.thresholds.some((threshold) => entry.intersectionRatio >= threshold);
@@ -321,9 +321,9 @@ function readSecrets(client) {
 function generateJwt(client, playbackId, aud, payload) {
   const { signingKeyId, signingKeyPrivate } = readSecrets(client);
   if (!signingKeyId)
-    throw new TypeError("Missing signingKeyId");
+    throw new TypeError("Missing `signingKeyId`.\n Check your plugin's configuration");
   if (!signingKeyPrivate)
-    throw new TypeError("Missing signingKeyPrivate");
+    throw new TypeError("Missing `signingKeyPrivate`.\n Check your plugin's configuration");
   const { default: sign } = suspendReact.suspend(() => import("jsonwebtoken-esm/sign"), ["jsonwebtoken-esm/sign"]);
   return sign(
     payload ? JSON.parse(JSON.stringify(payload, (_, v) => v != null ? v : void 0)) : {},
@@ -774,7 +774,7 @@ function VideoPlayer({
   ...props
 }) {
   var _a, _b;
-  const client = useClient(), { src: videoSrc, error } = React.useMemo(() => {
+  const client = useClient(), isAudio = assetIsAudio(asset), { src: videoSrc, error } = React.useMemo(() => {
     try {
       const src = (asset == null ? void 0 : asset.playbackId) && getVideoSrc({ client, asset });
       return src ? { src } : { error: new TypeError("Asset has no playback ID") };
@@ -787,8 +787,12 @@ function VideoPlayer({
     } catch {
       return !1;
     }
-  }, [videoSrc]), [width, height] = ((_b = (_a = asset == null ? void 0 : asset.data) == null ? void 0 : _a.aspect_ratio) != null ? _b : "16:9").split(":").map(Number), targetAspectRatio = props.forceAspectRatio || (Number.isNaN(width) ? 16 / 9 : width / height), aspectRatio = Math.max(MIN_ASPECT_RATIO, targetAspectRatio);
-  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Card, { tone: "transparent", style: { aspectRatio, position: "relative" }, children: [
+  }, [videoSrc]), [width, height] = ((_b = (_a = asset == null ? void 0 : asset.data) == null ? void 0 : _a.aspect_ratio) != null ? _b : "16:9").split(":").map(Number), targetAspectRatio = props.forceAspectRatio || (Number.isNaN(width) ? 16 / 9 : width / height);
+  let aspectRatio = Math.max(MIN_ASPECT_RATIO, targetAspectRatio);
+  return isAudio && (aspectRatio = props.forceAspectRatio ? (
+    // Make it wider when forcing aspect ratio to balance with videos' rendering height (audio players overflow a bit)
+    props.forceAspectRatio * 1.2
+  ) : AUDIO_ASPECT_RATIO), /* @__PURE__ */ jsxRuntime.jsxs(ui.Card, { tone: "transparent", style: { aspectRatio, position: "relative" }, children: [
     videoSrc && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         MuxPlayer__default.default,
@@ -801,9 +805,10 @@ function VideoPlayer({
           crossOrigin: "anonymous",
           metadata: {
             player_name: "Sanity Admin Dashboard",
-            player_version: "2.3.3",
+            player_version: "2.3.5",
             page_type: "Preview Player"
           },
+          audio: isAudio,
           style: {
             height: "100%",
             width: "100%",
@@ -832,6 +837,10 @@ function VideoPlayer({
     children
   ] });
 }
+function assetIsAudio(asset) {
+  var _a;
+  return ((_a = asset.data) == null ? void 0 : _a.max_stored_resolution) === "Audio only";
+}
 function deleteAssetOnMux(client, assetId) {
   const { dataset } = client.config();
   return client.request({
@@ -845,8 +854,7 @@ async function deleteAsset({
   asset,
   deleteOnMux
 }) {
-  if (!(asset != null && asset._id))
-    return !0;
+  if (!(asset != null && asset._id)) return !0;
   try {
     await client.delete(asset._id);
   } catch {
@@ -1037,8 +1045,7 @@ function DeleteDialog({
     state !== "checkingReferences" || referencesLoading || setState(references != null && references.length ? "cantDelete" : "confirm");
   }, [state, references, referencesLoading]);
   async function confirmDelete() {
-    if (state !== "confirm")
-      return;
+    if (state !== "confirm") return;
     setState("processing_deletion");
     const worked = await deleteAsset({ client, asset, deleteOnMux });
     worked === !0 ? (toast.push({ title: "Successfully deleted video", status: "success" }), succeededDeleting()) : worked === "failed-mux" ? (toast.push({
@@ -1627,7 +1634,25 @@ function VideoInBrowser({
             children: [
               renderVideo ? /* @__PURE__ */ jsxRuntime.jsx(VideoPlayer, { asset, autoPlay: !0, forceAspectRatio: THUMBNAIL_ASPECT_RATIO }) : /* @__PURE__ */ jsxRuntime.jsxs(PlayButton, { onClick: () => setRenderVideo(!0), children: [
                 /* @__PURE__ */ jsxRuntime.jsx("div", { "data-play": !0, children: /* @__PURE__ */ jsxRuntime.jsx(icons.PlayIcon, {}) }),
-                /* @__PURE__ */ jsxRuntime.jsx(VideoThumbnail, { asset })
+                assetIsAudio(asset) ? /* @__PURE__ */ jsxRuntime.jsx(
+                  "div",
+                  {
+                    style: {
+                      aspectRatio: THUMBNAIL_ASPECT_RATIO,
+                      display: "flex",
+                      alignItems: "center",
+                      justifyContent: "center"
+                    },
+                    children: /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "3em", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsxRuntime.jsx(
+                      "path",
+                      {
+                        fill: "currentColor",
+                        style: { opacity: "0.65" },
+                        d: "M10.75 19q.95 0 1.6-.65t.65-1.6V13h3v-2h-4v3.875q-.275-.2-.587-.288t-.663-.087q-.95 0-1.6.65t-.65 1.6t.65 1.6t1.6.65M6 22q-.825 0-1.412-.587T4 20V4q0-.825.588-1.412T6 2h8l6 6v12q0 .825-.587 1.413T18 22zm7-13V4H6v16h12V9zM6 4v5zv16z"
+                      }
+                    ) })
+                  }
+                ) : /* @__PURE__ */ jsxRuntime.jsx(VideoThumbnail, { asset })
               ] }),
               /* @__PURE__ */ jsxRuntime.jsx(VideoMetadata, { asset }),
               /* @__PURE__ */ jsxRuntime.jsxs(
@@ -3359,47 +3384,45 @@ const ALL_LANGUAGE_CODES = LanguagesList__default.default.getAllCodes().map((cod
   })),
   subtitles: ALL_LANGUAGE_CODES,
   captions: ALL_LANGUAGE_CODES
-}, TRACK_TYPES = [
-  { value: "autogenerated", label: "Auto-generated Subtitles" }
-  // {value: 'subtitles', label: 'Subtitles'},
-  // {value: 'captions', label: 'Closed Captions'},
-];
-function TrackEditor({
-  canAutoGenerate,
-  track,
-  dispatch
+};
+function TextTracksEditor({
+  tracks,
+  dispatch,
+  defaultLang
 }) {
-  const { _id: id, type } = track, dispatchTrackAction = (args) => dispatch({ action: "track", id, ...args }), trackTypes = TRACK_TYPES.filter(
-    ({ value }) => !(value === "autogenerated" && !canAutoGenerate)
-  );
-  return trackTypes.length === 0 ? null : /* @__PURE__ */ jsxRuntime.jsx(ui.Card, { border: !0, padding: 3, radius: 2, style: { position: "relative" }, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { space: 3, children: [
-    trackTypes.length > 1 && /* @__PURE__ */ jsxRuntime.jsx(sanity.FormField, { title: "Auto-generated subtitles", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Flex, { gap: 3, children: trackTypes.map(({ value, label }) => {
-      const inputId = `${id}--type-${value}`;
-      return /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { align: "center", gap: 2, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          ui.Radio,
-          {
-            checked: type === value,
-            name: "track-type",
-            onChange: (e) => dispatchTrackAction({
-              subAction: "update",
+  const track = tracks[0];
+  return /* @__PURE__ */ jsxRuntime.jsx(sanity.FormField, { title: "Auto-generated subtitle or caption", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { space: 2, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { align: "center", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        ui.Checkbox,
+        {
+          id: "include-autogenerated-track",
+          style: { display: "block" },
+          checked: !!(track != null && track.language_code),
+          onChange: () => {
+            dispatch(track ? { action: "track", id: track._id, subAction: "delete" } : {
+              action: "track",
+              id: uuid.uuid(),
+              subAction: "add",
               value: {
-                type: e.currentTarget.value
+                type: "autogenerated",
+                name: defaultLang || void 0,
+                language_code: defaultLang || void 0
               }
-            }),
-            value,
-            id: inputId
+            });
           }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { as: "label", htmlFor: inputId, children: label })
-      ] }, value);
-    }) }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { flex: 1, paddingLeft: 3, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { children: /* @__PURE__ */ jsxRuntime.jsx("label", { htmlFor: "checkbox", children: "Generate captions" }) }) })
+    ] }),
+    track && /* @__PURE__ */ jsxRuntime.jsx(
       ui.Autocomplete,
       {
-        id: `${id}--language`,
+        id: "text-tract-editor--language",
         value: track.language_code,
-        onChange: (newValue) => dispatchTrackAction({
+        onChange: (newValue) => dispatch({
+          action: "track",
+          id: track._id,
           subAction: "update",
           value: {
             language_code: newValue,
@@ -3422,54 +3445,9 @@ function TrackEditor({
           ")"
         ] }) })
       }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(ui.Flex, { children: /* @__PURE__ */ jsxRuntime.jsx(
-      ui.Button,
-      {
-        icon: icons.TrashIcon,
-        tone: "critical",
-        mode: "ghost",
-        onClick: () => dispatchTrackAction({ subAction: "delete" }),
-        text: "Delete"
-      }
-    ) })
+    )
   ] }) });
 }
-function TextTracksEditor({
-  canAutoGenerate,
-  tracks,
-  dispatch
-}) {
-  return TRACK_TYPES.filter(
-    ({ value }) => !(value === "autogenerated" && !canAutoGenerate)
-  ).length === 0 ? null : /* @__PURE__ */ jsxRuntime.jsx(
-    sanity.FormField,
-    {
-      title: "Captions & Subtitles",
-      description: "Provide text tracks for video accessibility.",
-      children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { space: 2, children: [
-        tracks.map((track) => /* @__PURE__ */ jsxRuntime.jsx(
-          TrackEditor,
-          {
-            canAutoGenerate,
-            track,
-            dispatch
-          },
-          track._id
-        )),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          ui.Button,
-          {
-            icon: icons.AddIcon,
-            onClick: () => dispatch({ action: "track", id: uuid.uuid(), subAction: "add" }),
-            text: "New caption/subtitle",
-            mode: "ghost"
-          }
-        )
-      ] })
-    }
-  );
-}
 const ENCODING_OPTIONS = [
   { value: "smart", label: "Smart" },
   { value: "baseline", label: "Baseline" }
@@ -3485,26 +3463,25 @@ function UploadConfiguration({
   startUpload,
   onClose
 }) {
-  var _a;
   const id = React.useId(), autoTextTracks = React.useRef(
-    pluginConfig.encoding_tier === "smart" && ((_a = pluginConfig.defaultAutogeneratedSubtitleLangs) == null ? void 0 : _a.map(
-      (language_code) => ({
+    pluginConfig.encoding_tier === "smart" && pluginConfig.defaultAutogeneratedSubtitleLang ? [
+      {
         _id: uuid.uuid(),
         type: "autogenerated",
-        language_code,
-        name: LanguagesList__default.default.getNativeName(language_code)
-      })
-    )) || []
+        language_code: pluginConfig.defaultAutogeneratedSubtitleLang,
+        name: LanguagesList__default.default.getNativeName(pluginConfig.defaultAutogeneratedSubtitleLang)
+      }
+    ] : []
   ).current, [config, dispatch] = React.useReducer(
     (prev, action) => {
-      var _a2;
+      var _a;
       switch (action.action) {
         case "encoding_tier":
           return action.value === "baseline" ? Object.assign({}, prev, {
             encoding_tier: action.value,
             mp4_support: "none",
             max_resolution_tier: "1080p",
-            text_tracks: (_a2 = prev.text_tracks) == null ? void 0 : _a2.filter(({ type }) => type !== "autogenerated")
+            text_tracks: (_a = prev.text_tracks) == null ? void 0 : _a.filter(({ type }) => type !== "autogenerated")
           }) : Object.assign({}, prev, {
             encoding_tier: action.value,
             mp4_support: pluginConfig.mp4_support,
@@ -3520,23 +3497,21 @@ function UploadConfiguration({
           const text_tracks = [...prev.text_tracks], target_track_i = text_tracks.findIndex(({ _id: _id2 }) => _id2 === action.id);
           switch (action.subAction) {
             case "add":
-              if (target_track_i !== -1)
-                break;
-              text_tracks.push(
-                prev.encoding_tier === "smart" ? { _id: action.id, type: "autogenerated" } : { _id: action.id, type: "subtitles" }
-              );
+              if (target_track_i !== -1) break;
+              text_tracks.push({
+                _id: action.id,
+                ...action.value
+              });
               break;
             case "update":
-              if (target_track_i === -1)
-                break;
+              if (target_track_i === -1) break;
               text_tracks[target_track_i] = {
                 ...text_tracks[target_track_i],
                 ...action.value
               };
               break;
             case "delete":
-              if (target_track_i === -1)
-                break;
+              if (target_track_i === -1) break;
               text_tracks.splice(target_track_i, 1);
               break;
           }
@@ -3557,8 +3532,7 @@ function UploadConfiguration({
   ), { disableTextTrackConfig, disableUploadConfig } = pluginConfig, skipConfig = disableTextTrackConfig && disableUploadConfig;
   if (React.useEffect(() => {
     skipConfig && startUpload(formatUploadConfig(config));
-  }, []), skipConfig)
-    return null;
+  }, []), skipConfig) return null;
   const maxSupportedResolution = RESOLUTION_TIERS.findIndex(
     (rt) => rt.value === pluginConfig.max_resolution_tier
   );
@@ -3707,15 +3681,15 @@ function UploadConfiguration({
             ] })
           ] }) })
         ] }),
-        !disableTextTrackConfig && /* @__PURE__ */ jsxRuntime.jsx(
+        !disableTextTrackConfig && config.encoding_tier === "smart" && /* @__PURE__ */ jsxRuntime.jsx(
           TextTracksEditor,
           {
-            canAutoGenerate: config.encoding_tier === "smart",
             tracks: config.text_tracks,
-            dispatch
+            dispatch,
+            defaultLang: pluginConfig.defaultAutogeneratedSubtitleLang
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { marginTop: 4, children: /* @__PURE__ */ jsxRuntime.jsx(
           ui.Button,
           {
             icon: icons.UploadIcon,
@@ -3723,7 +3697,7 @@ function UploadConfiguration({
             tone: "positive",
             onClick: () => startUpload(formatUploadConfig(config))
           }
-        )
+        ) })
       ] })
     }
   );
@@ -3981,8 +3955,7 @@ function Uploader(props) {
   }, []);
   const startUpload = (settings) => {
     const { stagedUpload } = state;
-    if (!stagedUpload || uploadRef.current)
-      return;
+    if (!stagedUpload || uploadRef.current) return;
     dispatch({ action: "commitUpload" });
     let uploadObservable;
     switch (stagedUpload.type) {
@@ -4205,7 +4178,7 @@ function muxVideoCustomRendering(config) {
     }
   };
 }
-const muxVideo = {
+const muxVideoSchema = {
   name: "mux.video",
   type: "object",
   title: "Video asset reference",
@@ -4218,6 +4191,122 @@ const muxVideo = {
       to: [{ type: "mux.videoAsset" }]
     }
   ]
+}, muxTrack = {
+  name: "mux.track",
+  type: "object",
+  fields: [
+    { type: "string", name: "id" },
+    { type: "string", name: "type" },
+    { type: "number", name: "max_width" },
+    { type: "number", name: "max_frame_rate" },
+    { type: "number", name: "duration" },
+    { type: "number", name: "max_height" }
+  ]
+}, muxPlaybackId = {
+  name: "mux.playbackId",
+  type: "object",
+  fields: [
+    { type: "string", name: "id" },
+    { type: "string", name: "policy" }
+  ]
+}, muxStaticRenditionFile = {
+  name: "mux.staticRenditionFile",
+  type: "object",
+  fields: [
+    { type: "string", name: "ext" },
+    { type: "string", name: "name" },
+    { type: "number", name: "width" },
+    { type: "number", name: "bitrate" },
+    { type: "number", name: "filesize" },
+    { type: "number", name: "height" }
+  ]
+}, muxStaticRenditions = {
+  name: "mux.staticRenditions",
+  type: "object",
+  fields: [
+    { type: "string", name: "status" },
+    {
+      name: "files",
+      type: "array",
+      of: [{ type: "mux.staticRenditionFile" }]
+    }
+  ]
+}, muxAssetData = {
+  name: "mux.assetData",
+  title: "Mux asset data",
+  type: "object",
+  fields: [
+    {
+      type: "string",
+      name: "resolution_tier"
+    },
+    {
+      type: "string",
+      name: "upload_id"
+    },
+    {
+      type: "string",
+      name: "created_at"
+    },
+    {
+      type: "string",
+      name: "id"
+    },
+    {
+      type: "string",
+      name: "status"
+    },
+    {
+      type: "string",
+      name: "max_stored_resolution"
+    },
+    {
+      type: "string",
+      name: "passthrough"
+    },
+    {
+      type: "string",
+      name: "encoding_tier"
+    },
+    {
+      type: "string",
+      name: "master_access"
+    },
+    {
+      type: "string",
+      name: "aspect_ratio"
+    },
+    {
+      type: "number",
+      name: "duration"
+    },
+    {
+      type: "number",
+      name: "max_stored_frame_rate"
+    },
+    {
+      type: "string",
+      name: "mp4_support"
+    },
+    {
+      type: "string",
+      name: "max_resolution_tier"
+    },
+    {
+      name: "tracks",
+      type: "array",
+      of: [{ type: "mux.track" }]
+    },
+    {
+      name: "playback_ids",
+      type: "array",
+      of: [{ type: "mux.playbackId" }]
+    },
+    {
+      name: "static_renditions",
+      type: "mux.staticRenditions"
+    }
+  ]
 }, muxVideoAsset = {
   name: "mux.videoAsset",
   type: "object",
@@ -4242,9 +4331,20 @@ const muxVideo = {
     {
       type: "number",
       name: "thumbTime"
+    },
+    {
+      type: "mux.assetData",
+      name: "data"
     }
   ]
-}, defaultConfig = {
+}, schemaTypes = [
+  muxTrack,
+  muxPlaybackId,
+  muxStaticRenditionFile,
+  muxStaticRenditions,
+  muxAssetData,
+  muxVideoAsset
+], defaultConfig = {
   mp4_support: "none",
   encoding_tier: "smart",
   max_resolution_tier: "1080p",
@@ -4257,9 +4357,9 @@ const muxVideo = {
     name: "mux-input",
     schema: {
       types: [
-        muxVideoAsset,
+        ...schemaTypes,
         {
-          ...muxVideo,
+          ...muxVideoSchema,
           ...muxVideoCustomRendering(config)
         }
       ]
@@ -4269,4 +4369,4 @@ const muxVideo = {
 });
 exports.defaultConfig = defaultConfig;
 exports.muxInput = muxInput;
-//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.js.map