sanity-plugin-mux-input 2.3.5 → 2.3.6

package/dist/index.js

@@ -19,7 +19,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 Object.defineProperty(exports, "__esModule", { value: !0 });
-var sanity = require("sanity"), jsxRuntime = require("react/jsx-runtime"), icons = require("@sanity/icons"), ui = require("@sanity/ui"), React = require("react"), compact = require("lodash/compact.js"), toLower = require("lodash/toLower.js"), trim = require("lodash/trim.js"), uniq = require("lodash/uniq.js"), words = require("lodash/words.js"), styledComponents = require("styled-components"), uuid = require("@sanity/uuid"), rxjs = require("rxjs"), operators = require("rxjs/operators"), suspendReact = require("suspend-react"), MuxPlayer = require("@mux/mux-player-react"), desk = require("sanity/desk"), router = require("sanity/router"), isNumber = require("lodash/isNumber.js"), isString = require("lodash/isString.js"), reactRx = require("react-rx"), useSWR = require("swr"), scrollIntoView = require("scroll-into-view-if-needed"), useErrorBoundary = require("use-error-boundary"), upchunk = require("@mux/upchunk"), reactIs = require("react-is"), LanguagesList = require("iso-639-1");
+var sanity = require("sanity"), jsxRuntime = require("react/jsx-runtime"), icons = require("@sanity/icons"), ui = require("@sanity/ui"), React = require("react"), compact = require("lodash/compact.js"), toLower = require("lodash/toLower.js"), trim = require("lodash/trim.js"), uniq = require("lodash/uniq.js"), words = require("lodash/words.js"), styledComponents = require("styled-components"), uuid = require("@sanity/uuid"), rxjs = require("rxjs"), operators = require("rxjs/operators"), suspendReact = require("suspend-react"), MuxPlayer = require("@mux/mux-player-react"), desk = require("sanity/desk"), router = require("sanity/router"), isNumber = require("lodash/isNumber.js"), isString = require("lodash/isString.js"), reactRx = require("react-rx"), useSWR = require("swr"), scrollIntoView = require("scroll-into-view-if-needed"), upchunk = require("@mux/upchunk"), reactIs = require("react-is"), LanguagesList = require("iso-639-1");
 function _interopDefaultCompat(e) {
   return e && typeof e == "object" && "default" in e ? e : { default: e };
 }
@@ -143,7 +143,7 @@ function accumulateIntermediateState(currentState, pageResult) {
       ...currentData,
       ...("data" in pageResult && pageResult.data || []).filter(
         // De-duplicate assets for safety
-        (asset) => !currentData.some((a) => a.id === asset.id)
+        (asset) => !currentData.some((a2) => a2.id === asset.id)
       )
     ],
     error: "error" in pageResult ? pageResult.error : (
@@ -216,7 +216,7 @@ function useImportMuxAssets() {
   }), [assetsInSanity, assetsInSanityLoading] = useAssetsInSanity(documentStore), secretDocumentValues = useSecretsDocumentValues(), hasSecrets = !!((_a = secretDocumentValues.value.secrets) != null && _a.secretKey), [importError, setImportError] = React.useState(), [importState, setImportState] = React.useState("closed"), dialogOpen = importState !== "closed", muxAssets = useMuxAssets({
     secrets: secretDocumentValues.value.secrets,
     enabled: hasSecrets && dialogOpen
-  }), missingAssets = React.useMemo(() => assetsInSanity && muxAssets.data ? muxAssets.data.filter((a) => !assetExistsInSanity(a, assetsInSanity)) : void 0, [assetsInSanity, muxAssets.data]), [selectedAssets, setSelectedAssets] = React.useState([]), closeDialog = () => {
+  }), missingAssets = React.useMemo(() => assetsInSanity && muxAssets.data ? muxAssets.data.filter((a2) => !assetExistsInSanity(a2, assetsInSanity)) : void 0, [assetsInSanity, muxAssets.data]), [selectedAssets, setSelectedAssets] = React.useState([]), closeDialog = () => {
     importState !== "importing" && setImportState("closed");
   }, openDialog = () => {
     importState === "closed" && setImportState("idle");
@@ -653,9 +653,9 @@ function ImportVideosDialog(props) {
             {
               asset,
               selectAsset: (selected) => {
-                selected ? props.setSelectedAssets([...props.selectedAssets, asset]) : props.setSelectedAssets(props.selectedAssets.filter((a) => a.id !== asset.id));
+                selected ? props.setSelectedAssets([...props.selectedAssets, asset]) : props.setSelectedAssets(props.selectedAssets.filter((a2) => a2.id !== asset.id));
               },
-              selected: props.selectedAssets.some((a) => a.id === asset.id)
+              selected: props.selectedAssets.some((a2) => a2.id === asset.id)
             },
             asset.id
           ))
@@ -805,7 +805,7 @@ function VideoPlayer({
           crossOrigin: "anonymous",
           metadata: {
             player_name: "Sanity Admin Dashboard",
-            player_version: "2.3.5",
+            player_version: "2.3.6",
             page_type: "Preview Player"
           },
           audio: isAudio,
@@ -929,10 +929,14 @@ function PublishedStatus(props) {
   );
 }
 function PaneItemPreview(props) {
-  const { icon, layout, presence, schemaType, value } = props, title = sanity.isRecord(value.title) && React.isValidElement(value.title) || isString__default.default(value.title) || isNumber__default.default(value.title) ? value.title : null, { draft, published, isLoading } = reactRx.useMemoObservable(
+  const { icon, layout, presence, schemaType, value } = props, title = sanity.isRecord(value.title) && React.isValidElement(value.title) || isString__default.default(value.title) || isNumber__default.default(value.title) ? value.title : null, observable = React.useMemo(
     () => sanity.getPreviewStateObservable(props.documentPreviewStore, schemaType, value._id, title),
-    [props.documentPreviewStore, schemaType, value._id, title]
-  ), status = isLoading ? null : /* @__PURE__ */ jsxRuntime.jsxs(ui.Inline, { space: 4, children: [
+    [props.documentPreviewStore, schemaType, title, value._id]
+  ), { draft, published, isLoading } = reactRx.useObservable(observable, {
+    draft: null,
+    published: null,
+    isLoading: !0
+  }), status = isLoading ? null : /* @__PURE__ */ jsxRuntime.jsxs(ui.Inline, { space: 4, children: [
     presence && presence.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(sanity.DocumentPreviewPresence, { presence }),
     /* @__PURE__ */ jsxRuntime.jsx(PublishedStatus, { document: published }),
     /* @__PURE__ */ jsxRuntime.jsx(DraftStatus, { document: draft })
@@ -1703,7 +1707,7 @@ function VideoInBrowser({
 }
 function VideosBrowser({ onSelect }) {
   const { assets, isLoading, searchQuery, setSearchQuery, setSort, sort } = useAssets(), [editedAsset, setEditedAsset] = React.useState(null), freshEditedAsset = React.useMemo(
-    () => assets.find((a) => a._id === (editedAsset == null ? void 0 : editedAsset._id)) || editedAsset,
+    () => assets.find((a2) => a2._id === (editedAsset == null ? void 0 : editedAsset._id)) || editedAsset,
     [editedAsset, assets]
   ), placement = onSelect ? "input" : "tool";
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -1955,7 +1959,7 @@ const useSecretsFormState = (secrets) => React.useReducer(reducer, secrets, init
   "r"
 ];
 function MuxLogo({ height = 26 }) {
-  const id = React.useId(), [titleId, a, b, c, d, e, f, g, h, i, j, k, l, m, n, o, p, q, r] = React.useMemo(
+  const id = React.useId(), [titleId, a2, b, c2, d, e, f, g, h, i, j, k, l, m, n, o, p, q, r] = React.useMemo(
     () => ids.map((field) => `${id}-${field}`),
     [id]
   );
@@ -1974,7 +1978,7 @@ function MuxLogo({ height = 26 }) {
           /* @__PURE__ */ jsxRuntime.jsxs(
             "linearGradient",
             {
-              id: c,
+              id: c2,
               spreadMethod: "pad",
               gradientTransform: "matrix(528.38055 0 0 -528.38055 63.801 159.5)",
               gradientUnits: "userSpaceOnUse",
@@ -2356,7 +2360,7 @@ function MuxLogo({ height = 26 }) {
               ]
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx("clipPath", { id: a, clipPathUnits: "userSpaceOnUse", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M0 319h657.706V0H0Z" }) }),
+          /* @__PURE__ */ jsxRuntime.jsx("clipPath", { id: a2, clipPathUnits: "userSpaceOnUse", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M0 319h657.706V0H0Z" }) }),
           /* @__PURE__ */ jsxRuntime.jsx("clipPath", { id: b, clipPathUnits: "userSpaceOnUse", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M423.64 242h164.999V77H423.64Z" }) }),
           /* @__PURE__ */ jsxRuntime.jsx("clipPath", { id: e, clipPathUnits: "userSpaceOnUse", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M0 319h657.706V0H0Z" }) }),
           /* @__PURE__ */ jsxRuntime.jsx("clipPath", { id: f, clipPathUnits: "userSpaceOnUse", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M311.3 242h93.031V77H311.3Z" }) }),
@@ -2364,7 +2368,7 @@ function MuxLogo({ height = 26 }) {
           /* @__PURE__ */ jsxRuntime.jsx("clipPath", { id: n, clipPathUnits: "userSpaceOnUse", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M0 319h657.706V0H0Z" }) }),
           /* @__PURE__ */ jsxRuntime.jsx("clipPath", { id: o, clipPathUnits: "userSpaceOnUse", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M69.067 242H169.12V141.947H69.067Z" }) })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("g", { clipPath: `url(#${a})`, transform: "matrix(1.33333 0 0 -1.33333 0 425.333)", children: /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ jsxRuntime.jsx("g", { clipPath: `url(#${a2})`, transform: "matrix(1.33333 0 0 -1.33333 0 425.333)", children: /* @__PURE__ */ jsxRuntime.jsx(
           "g",
           {
             style: {
@@ -2375,7 +2379,7 @@ function MuxLogo({ height = 26 }) {
               "path",
               {
                 style: {
-                  fill: `url(#${c})`,
+                  fill: `url(#${c2})`,
                   stroke: "none"
                 },
                 d: "M558.674 82.142c6.855-6.855 17.969-6.855 24.824 0 6.854 6.855 6.854 17.969 0 24.823L453.605 236.858c-6.855 6.855-17.969 6.855-24.824 0s-6.855-17.969 0-24.823z"
@@ -2689,9 +2693,49 @@ function ConfigureApi({ secrets, setDialogState }) {
     }
   );
 }
-var ConfigureApi$1 = React.memo(ConfigureApi);
+var ConfigureApi$1 = React.memo(ConfigureApi), c = function(r) {
+  var t, e;
+  function n(t2) {
+    var e2;
+    return (e2 = r.call(this, t2) || this).state = { hasError: !1, error: null }, e2;
+  }
+  e = r, (t = n).prototype = Object.create(e.prototype), t.prototype.constructor = t, t.__proto__ = e, n.getDerivedStateFromError = function(r2) {
+    return { hasError: !0, error: r2 };
+  };
+  var o = n.prototype;
+  return o.componentDidCatch = function(r2, t2) {
+    return this.props.onDidCatch(r2, t2);
+  }, o.render = function() {
+    var r2 = this.state, t2 = this.props, e2 = t2.render, n2 = t2.children, o2 = t2.renderError;
+    return r2.hasError ? o2 ? o2({ error: r2.error }) : null : e2 ? e2() : n2 || null;
+  }, n;
+}(React.PureComponent), u = function(r, t) {
+  switch (t.type) {
+    case "catch":
+      return { didCatch: !0, error: t.error };
+    case "reset":
+      return { didCatch: !1, error: null };
+    default:
+      return r;
+  }
+};
+function a(t) {
+  var a2 = React.useReducer(u, { didCatch: !1, error: null }), i = a2[0], d = a2[1], h = React.useRef(null);
+  function l() {
+    return e = function(r, e2) {
+      d({ type: "catch", error: r }), t && t.onDidCatch && t.onDidCatch(r, e2);
+    }, function(t2) {
+      return React__default.default.createElement(c, { onDidCatch: e, children: t2.children, render: t2.render, renderError: t2.renderError });
+    };
+    var e;
+  }
+  var p, s = React.useCallback(function() {
+    h.current = l(), d({ type: "reset" });
+  }, []);
+  return { ErrorBoundary: (p = h.current, p !== null ? p : (h.current = l(), h.current)), didCatch: i.didCatch, error: i.error, reset: s };
+}
 function ErrorBoundaryCard(props) {
-  const { children, schemaType } = props, { push: pushToast } = ui.useToast(), errorRef = React.useRef(null), { ErrorBoundary, didCatch, error, reset } = useErrorBoundary.useErrorBoundary({
+  const { children, schemaType } = props, { push: pushToast } = ui.useToast(), errorRef = React.useRef(null), { ErrorBoundary, didCatch, error, reset } = a({
     onDidCatch: (err, errorInfo) => {
       console.group(err.toString()), console.groupCollapsed("console.error"), console.error(err), console.groupEnd(), err.stack && (console.groupCollapsed("error.stack"), console.log(err.stack), console.groupEnd()), errorInfo != null && errorInfo.componentStack && (console.groupCollapsed("errorInfo.componentStack"), console.log(errorInfo.componentStack), console.groupEnd()), console.groupEnd(), pushToast({
         status: "error",
@@ -3337,12 +3381,12 @@ function formatBytes(bytes, si = !1, dp = 1) {
   if (Math.abs(bytes) < thresh)
     return bytes + " B";
   const units = si ? ["kB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"] : ["KiB", "MiB", "GiB", "TiB", "PiB", "EiB", "ZiB", "YiB"];
-  let u = -1;
+  let u2 = -1;
   const r = 10 ** dp;
   do
-    bytes /= thresh, ++u;
-  while (Math.round(Math.abs(bytes) * r) / r >= thresh && u < units.length - 1);
-  return bytes.toFixed(dp) + " " + units[u];
+    bytes /= thresh, ++u2;
+  while (Math.round(Math.abs(bytes) * r) / r >= thresh && u2 < units.length - 1);
+  return bytes.toFixed(dp) + " " + units[u2];
 }
 const SUPPORTED_MUX_LANGUAGES = [
   { label: "English", code: "en", state: "Stable" },