sanity-plugin-mux-input 2.3.5 → 2.3.6

package/dist/index.mjs

@@ -2,7 +2,7 @@ import { useClient as useClient$1, createHookFromObservableFactory, useDocumentS
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { ErrorOutlineIcon, RetrieveIcon, RetryIcon, CheckmarkCircleIcon, SortIcon, WarningOutlineIcon, EditIcon, PublishIcon, DocumentIcon, TrashIcon, CheckmarkIcon, RevertIcon, SearchIcon, ClockIcon, CropIcon, CalendarIcon, TagIcon, LockIcon, PlayIcon, PlugIcon, UploadIcon, ResetIcon, EllipsisHorizontalIcon, TranslateIcon, DocumentVideoIcon } from "@sanity/icons";
 import { Card, Box, Spinner, Stack, Text, Checkbox, Button, Dialog, Flex, Heading, Code, MenuButton, Menu, MenuItem, Tooltip, Inline, useToast, TabList, Tab, TabPanel, TextInput, Label as Label$1, Grid, useClickOutside, Popover, MenuDivider, Autocomplete, Radio, rem } from "@sanity/ui";
-import React, { useState, useMemo, useEffect, useRef, useId, memo, isValidElement, useCallback, useReducer, createElement, forwardRef, Suspense } from "react";
+import React, { useState, useMemo, useEffect, useRef, useId, memo, isValidElement, useCallback, useReducer, PureComponent, createElement, forwardRef, Suspense } from "react";
 import compact from "lodash/compact.js";
 import toLower from "lodash/toLower.js";
 import trim from "lodash/trim.js";
@@ -18,10 +18,9 @@ import { usePaneRouter } from "sanity/desk";
 import { IntentLink } from "sanity/router";
 import isNumber from "lodash/isNumber.js";
 import isString from "lodash/isString.js";
-import { useMemoObservable } from "react-rx";
+import { useObservable } from "react-rx";
 import useSWR from "swr";
 import scrollIntoView from "scroll-into-view-if-needed";
-import { useErrorBoundary } from "use-error-boundary";
 import { UpChunk } from "@mux/upchunk";
 import { isValidElementType } from "react-is";
 import LanguagesList from "iso-639-1";
@@ -144,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 : (
@@ -217,7 +216,7 @@ function useImportMuxAssets() {
   }), [assetsInSanity, assetsInSanityLoading] = useAssetsInSanity(documentStore), secretDocumentValues = useSecretsDocumentValues(), hasSecrets = !!((_a = secretDocumentValues.value.secrets) != null && _a.secretKey), [importError, setImportError] = useState(), [importState, setImportState] = useState("closed"), dialogOpen = importState !== "closed", muxAssets = useMuxAssets({
     secrets: secretDocumentValues.value.secrets,
     enabled: hasSecrets && dialogOpen
-  }), missingAssets = useMemo(() => assetsInSanity && muxAssets.data ? muxAssets.data.filter((a) => !assetExistsInSanity(a, assetsInSanity)) : void 0, [assetsInSanity, muxAssets.data]), [selectedAssets, setSelectedAssets] = useState([]), closeDialog = () => {
+  }), missingAssets = useMemo(() => assetsInSanity && muxAssets.data ? muxAssets.data.filter((a2) => !assetExistsInSanity(a2, assetsInSanity)) : void 0, [assetsInSanity, muxAssets.data]), [selectedAssets, setSelectedAssets] = useState([]), closeDialog = () => {
     importState !== "importing" && setImportState("closed");
   }, openDialog = () => {
     importState === "closed" && setImportState("idle");
@@ -654,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
           ))
@@ -806,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,
@@ -930,10 +929,14 @@ function PublishedStatus(props) {
   );
 }
 function PaneItemPreview(props) {
-  const { icon, layout, presence, schemaType, value } = props, title = isRecord(value.title) && isValidElement(value.title) || isString(value.title) || isNumber(value.title) ? value.title : null, { draft, published, isLoading } = useMemoObservable(
+  const { icon, layout, presence, schemaType, value } = props, title = isRecord(value.title) && isValidElement(value.title) || isString(value.title) || isNumber(value.title) ? value.title : null, observable = useMemo(
     () => getPreviewStateObservable(props.documentPreviewStore, schemaType, value._id, title),
-    [props.documentPreviewStore, schemaType, value._id, title]
-  ), status = isLoading ? null : /* @__PURE__ */ jsxs(Inline, { space: 4, children: [
+    [props.documentPreviewStore, schemaType, title, value._id]
+  ), { draft, published, isLoading } = useObservable(observable, {
+    draft: null,
+    published: null,
+    isLoading: !0
+  }), status = isLoading ? null : /* @__PURE__ */ jsxs(Inline, { space: 4, children: [
     presence && presence.length > 0 && /* @__PURE__ */ jsx(DocumentPreviewPresence, { presence }),
     /* @__PURE__ */ jsx(PublishedStatus, { document: published }),
     /* @__PURE__ */ jsx(DraftStatus, { document: draft })
@@ -1704,7 +1707,7 @@ function VideoInBrowser({
 }
 function VideosBrowser({ onSelect }) {
   const { assets, isLoading, searchQuery, setSearchQuery, setSort, sort } = useAssets(), [editedAsset, setEditedAsset] = useState(null), freshEditedAsset = 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__ */ jsxs(Fragment, { children: [
@@ -1956,7 +1959,7 @@ const useSecretsFormState = (secrets) => useReducer(reducer, secrets, init), ids
   "r"
 ];
 function MuxLogo({ height = 26 }) {
-  const id = useId(), [titleId, a, b, c, d, e, f, g, h, i, j, k, l, m, n, o, p, q, r] = useMemo(
+  const id = useId(), [titleId, a2, b, c2, d, e, f, g, h, i, j, k, l, m, n, o, p, q, r] = useMemo(
     () => ids.map((field) => `${id}-${field}`),
     [id]
   );
@@ -1975,7 +1978,7 @@ function MuxLogo({ height = 26 }) {
           /* @__PURE__ */ jsxs(
             "linearGradient",
             {
-              id: c,
+              id: c2,
               spreadMethod: "pad",
               gradientTransform: "matrix(528.38055 0 0 -528.38055 63.801 159.5)",
               gradientUnits: "userSpaceOnUse",
@@ -2357,7 +2360,7 @@ function MuxLogo({ height = 26 }) {
               ]
             }
           ),
-          /* @__PURE__ */ jsx("clipPath", { id: a, clipPathUnits: "userSpaceOnUse", children: /* @__PURE__ */ jsx("path", { d: "M0 319h657.706V0H0Z" }) }),
+          /* @__PURE__ */ jsx("clipPath", { id: a2, clipPathUnits: "userSpaceOnUse", children: /* @__PURE__ */ jsx("path", { d: "M0 319h657.706V0H0Z" }) }),
           /* @__PURE__ */ jsx("clipPath", { id: b, clipPathUnits: "userSpaceOnUse", children: /* @__PURE__ */ jsx("path", { d: "M423.64 242h164.999V77H423.64Z" }) }),
           /* @__PURE__ */ jsx("clipPath", { id: e, clipPathUnits: "userSpaceOnUse", children: /* @__PURE__ */ jsx("path", { d: "M0 319h657.706V0H0Z" }) }),
           /* @__PURE__ */ jsx("clipPath", { id: f, clipPathUnits: "userSpaceOnUse", children: /* @__PURE__ */ jsx("path", { d: "M311.3 242h93.031V77H311.3Z" }) }),
@@ -2365,7 +2368,7 @@ function MuxLogo({ height = 26 }) {
           /* @__PURE__ */ jsx("clipPath", { id: n, clipPathUnits: "userSpaceOnUse", children: /* @__PURE__ */ jsx("path", { d: "M0 319h657.706V0H0Z" }) }),
           /* @__PURE__ */ jsx("clipPath", { id: o, clipPathUnits: "userSpaceOnUse", children: /* @__PURE__ */ jsx("path", { d: "M69.067 242H169.12V141.947H69.067Z" }) })
         ] }),
-        /* @__PURE__ */ jsx("g", { clipPath: `url(#${a})`, transform: "matrix(1.33333 0 0 -1.33333 0 425.333)", children: /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx("g", { clipPath: `url(#${a2})`, transform: "matrix(1.33333 0 0 -1.33333 0 425.333)", children: /* @__PURE__ */ jsx(
           "g",
           {
             style: {
@@ -2376,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"
@@ -2690,9 +2693,49 @@ function ConfigureApi({ secrets, setDialogState }) {
     }
   );
 }
-var ConfigureApi$1 = memo(ConfigureApi);
+var ConfigureApi$1 = 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;
+}(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 = useReducer(u, { didCatch: !1, error: null }), i = a2[0], d = a2[1], h = 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.createElement(c, { onDidCatch: e, children: t2.children, render: t2.render, renderError: t2.renderError });
+    };
+    var e;
+  }
+  var p, s = 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 } = useToast(), errorRef = useRef(null), { ErrorBoundary, didCatch, error, reset } = useErrorBoundary({
+  const { children, schemaType } = props, { push: pushToast } = useToast(), errorRef = 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",
@@ -3338,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" },