sanity-plugin-mux-input 2.3.1 → 2.3.2

package/lib/index.cjs

@@ -19,11 +19,11 @@ 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"), styled = 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"), useErrorBoundary = require("use-error-boundary"), 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 };
 }
-var React__default = /* @__PURE__ */ _interopDefaultCompat(React), compact__default = /* @__PURE__ */ _interopDefaultCompat(compact), toLower__default = /* @__PURE__ */ _interopDefaultCompat(toLower), trim__default = /* @__PURE__ */ _interopDefaultCompat(trim), uniq__default = /* @__PURE__ */ _interopDefaultCompat(uniq), words__default = /* @__PURE__ */ _interopDefaultCompat(words), styled__default = /* @__PURE__ */ _interopDefaultCompat(styled), MuxPlayer__default = /* @__PURE__ */ _interopDefaultCompat(MuxPlayer), isNumber__default = /* @__PURE__ */ _interopDefaultCompat(isNumber), isString__default = /* @__PURE__ */ _interopDefaultCompat(isString), useSWR__default = /* @__PURE__ */ _interopDefaultCompat(useSWR), scrollIntoView__default = /* @__PURE__ */ _interopDefaultCompat(scrollIntoView), LanguagesList__default = /* @__PURE__ */ _interopDefaultCompat(LanguagesList);
+var React__default = /* @__PURE__ */ _interopDefaultCompat(React), compact__default = /* @__PURE__ */ _interopDefaultCompat(compact), toLower__default = /* @__PURE__ */ _interopDefaultCompat(toLower), trim__default = /* @__PURE__ */ _interopDefaultCompat(trim), uniq__default = /* @__PURE__ */ _interopDefaultCompat(uniq), words__default = /* @__PURE__ */ _interopDefaultCompat(words), MuxPlayer__default = /* @__PURE__ */ _interopDefaultCompat(MuxPlayer), isNumber__default = /* @__PURE__ */ _interopDefaultCompat(isNumber), isString__default = /* @__PURE__ */ _interopDefaultCompat(isString), useSWR__default = /* @__PURE__ */ _interopDefaultCompat(useSWR), scrollIntoView__default = /* @__PURE__ */ _interopDefaultCompat(scrollIntoView), LanguagesList__default = /* @__PURE__ */ _interopDefaultCompat(LanguagesList);
 const ToolIcon = () => /* @__PURE__ */ jsxRuntime.jsx(
   "svg",
   {
@@ -366,7 +366,7 @@ function getAnimatedPosterSrc({
   }
   return `https://image.mux.com/${playbackId}/animated.gif?${searchParams}`;
 }
-const Image = styled__default.default.img`
+const Image = styledComponents.styled.img`
   transition: opacity 0.175s ease-out 0s;
   display: block;
   width: 100%;
@@ -457,7 +457,7 @@ function VideoThumbnail({
     }
   );
 }
-const MissingAssetCheckbox = styled__default.default(ui.Checkbox)`
+const MissingAssetCheckbox = styledComponents.styled(ui.Checkbox)`
   position: static !important;
 
   input::after {
@@ -539,6 +539,7 @@ function ImportVideosDialog(props) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     ui.Dialog,
     {
+      animate: !0,
       header: "Import videos from Mux",
       zOffset: DIALOGS_Z_INDEX,
       id: "video-details-dialog",
@@ -767,7 +768,7 @@ function getVideoSrc({ asset, client }) {
   }
   return `https://stream.mux.com/${playbackId}.m3u8?${searchParams}`;
 }
-var name = "sanity-plugin-mux-input", version = "2.3.1", description = "An input component that integrates Sanity Studio with Mux video encoding/hosting service.", keywords = [
+var name = "sanity-plugin-mux-input", version = "2.3.2", description = "An input component that integrates Sanity Studio with Mux video encoding/hosting service.", keywords = [
   "sanity",
   "video",
   "mux",
@@ -1020,6 +1021,7 @@ function DraftStatus(props) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     ui.Tooltip,
     {
+      animate: !0,
       portal: !0,
       content: /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { padding: 2, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: 1, children: document2 ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         "Edited ",
@@ -1034,6 +1036,7 @@ function PublishedStatus(props) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     ui.Tooltip,
     {
+      animate: !0,
       portal: !0,
       content: /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { padding: 2, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: 1, children: document2 ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         "Published ",
@@ -1106,7 +1109,7 @@ function DocumentPreview(props) {
     }
   );
 }
-const Container = styled__default.default(ui.Box)`
+const Container = styledComponents.styled(ui.Box)`
   * {
     color: ${(props) => props.theme.sanity.color.base.fg};
   }
@@ -1173,6 +1176,7 @@ function DeleteDialog({
   return /* @__PURE__ */ jsxRuntime.jsx(
     ui.Dialog,
     {
+      animate: !0,
       header: "Delete video",
       zOffset: DIALOGS_Z_INDEX,
       id: "deleting-video-details-dialog",
@@ -1368,6 +1372,7 @@ const AssetInput = (props) => /* @__PURE__ */ jsxRuntime.jsx(FormField$1, { titl
   }, []), /* @__PURE__ */ jsxRuntime.jsxs(
     ui.Dialog,
     {
+      animate: !0,
       header: displayInfo.title,
       zOffset: DIALOGS_Z_INDEX,
       id: "video-details-dialog",
@@ -1421,6 +1426,7 @@ const AssetInput = (props) => /* @__PURE__ */ jsxRuntime.jsx(FormField$1, { titl
         state === "closing" && /* @__PURE__ */ jsxRuntime.jsx(
           ui.Dialog,
           {
+            animate: !0,
             header: "You have unsaved changes",
             zOffset: DIALOGS_Z_INDEX,
             id: "closing-video-details-dialog",
@@ -1632,7 +1638,7 @@ ${displayInfo.id}`, icon: icons.TagIcon, size: 2 })
       displayInfo.title != displayInfo.id.slice(0, 12) && /* @__PURE__ */ jsxRuntime.jsx(IconInfo, { text: displayInfo.id.slice(0, 12), icon: icons.TagIcon, size: 1, muted: !0 })
     ] })
   ] });
-}, PlayButton = styled__default.default.button`
+}, PlayButton = styledComponents.styled.button`
   display: block;
   padding: 0;
   margin: 0;
@@ -1713,6 +1719,7 @@ function VideoInBrowser({
         playbackPolicy === "signed" && /* @__PURE__ */ jsxRuntime.jsx(
           ui.Tooltip,
           {
+            animate: !0,
             content: /* @__PURE__ */ jsxRuntime.jsx(ui.Card, { padding: 2, radius: 2, children: /* @__PURE__ */ jsxRuntime.jsx(IconInfo, { icon: icons.LockIcon, text: "Signed playback policy", size: 2 }) }),
             placement: "right",
             fallbackPlacements: ["top", "bottom"],
@@ -1796,7 +1803,7 @@ function VideoInBrowser({
   );
 }
 function VideosBrowser({ onSelect }) {
-  const { assets, isLoading, searchQuery, setSearchQuery, setSort, sort } = useAssets(), [editedAsset, setEditedAsset] = React__default.default.useState(null), freshEditedAsset = React__default.default.useMemo(
+  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,
     [editedAsset, assets]
   ), placement = onSelect ? "input" : "tool";
@@ -2617,7 +2624,7 @@ function MuxLogo({ height = 26 }) {
     }
   );
 }
-const Logo = styled__default.default.span`
+const Logo = styledComponents.styled.span`
   display: inline-block;
   height: 0.8em;
   margin-right: 1em;
@@ -2678,6 +2685,7 @@ function ConfigureApi({ secrets, setDialogState }) {
   }, [firstField]), /* @__PURE__ */ jsxRuntime.jsx(
     ui.Dialog,
     {
+      animate: !0,
       id,
       onClose: handleClose,
       header: /* @__PURE__ */ jsxRuntime.jsx(Header, {}),
@@ -3112,7 +3120,7 @@ function SelectAssets({ asset: selectedAsset, onChange, setDialogState }) {
   );
   return /* @__PURE__ */ jsxRuntime.jsx(VideosBrowser, { onSelect: handleSelect });
 }
-const StyledDialog = styled__default.default(ui.Dialog)`
+const StyledDialog = styledComponents.styled(ui.Dialog)`
   > div[data-ui='DialogCard'] > div[data-ui='Card'] {
     height: 100%;
   }
@@ -3141,7 +3149,7 @@ const useCancelUpload = (asset, onChange) => {
     asset && (onChange(sanity.PatchEvent.from(sanity.unset())), asset.assetId && deleteAssetOnMux(client, asset.assetId), asset._id && client.delete(asset._id));
   }, [asset, client, onChange]);
 };
-styled__default.default.div`
+styledComponents.styled.div`
   && {
     --media-background-color: transparent;
     --media-button-icon-width: 100%;
@@ -3160,7 +3168,7 @@ styled__default.default.div`
     }
   }
 `;
-const TopControls = styled__default.default.div`
+const TopControls = styledComponents.styled.div`
   position: absolute;
   top: 0;
   right: 0;
@@ -3168,16 +3176,16 @@ const TopControls = styled__default.default.div`
   button {
     height: auto;
   }
-`, CardWrapper = styled__default.default(ui.Card)`
+`, CardWrapper = styledComponents.styled(ui.Card)`
   min-height: 82px;
   box-sizing: border-box;
-`, FlexWrapper = styled__default.default(ui.Flex)`
+`, FlexWrapper = styledComponents.styled(ui.Flex)`
   text-overflow: ellipsis;
   overflow: hidden;
-`, LeftSection = styled__default.default(ui.Stack)`
+`, LeftSection = styledComponents.styled(ui.Stack)`
   position: relative;
   width: 60%;
-`, CodeWrapper = styled__default.default(ui.Code)`
+`, CodeWrapper = styledComponents.styled(ui.Code)`
   position: relative;
   width: 100%;
 
@@ -3262,9 +3270,9 @@ function focusRingStyle(opts) {
     focusRingOutsetWidth > 0 && `0 0 0 ${focusRingOutsetWidth}px var(--card-focus-ring-color)`
   ].filter(Boolean).join(",");
 }
-const FileButton = styled__default.default(ui.MenuItem)(({ theme }) => {
+const FileButton = styledComponents.styled(ui.MenuItem)(({ theme }) => {
   const { focusRing } = theme.sanity, base = theme.sanity.color.base;
-  return styled.css`
+  return styledComponents.css`
     position: relative;
 
     &:not([data-disabled='true']) {
@@ -3332,14 +3340,14 @@ const FileButton = styled__default.default(ui.MenuItem)(({ theme }) => {
       }
     )
   ] });
-}), LockCard = styled__default.default(ui.Card)`
+}), LockCard = styledComponents.styled(ui.Card)`
   position: absolute;
   top: 0;
   left: 0;
   opacity: 0.6;
   mix-blend-mode: screen;
   background: transparent;
-`, LockButton = styled__default.default(ui.Button)`
+`, LockButton = styledComponents.styled(ui.Button)`
   background: transparent;
   color: white;
 `;
@@ -3354,6 +3362,7 @@ function PlayerActionsMenu(props) {
     isSigned && /* @__PURE__ */ jsxRuntime.jsx(
       ui.Tooltip,
       {
+        animate: !0,
         content: /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { padding: 2, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { muted: !0, size: 1, children: "Signed playback policy" }) }),
         placement: "right",
         portal: !0,
@@ -3363,6 +3372,7 @@ function PlayerActionsMenu(props) {
     /* @__PURE__ */ jsxRuntime.jsx(
       ui.Popover,
       {
+        animate: !0,
         content: /* @__PURE__ */ jsxRuntime.jsxs(ui.Menu, { ref: setMenuRef, children: [
           /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { padding: 2, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { muted: !0, size: 1, children: "Replace" }) }),
           /* @__PURE__ */ jsxRuntime.jsx(
@@ -3681,6 +3691,7 @@ function UploadConfiguration({
   return /* @__PURE__ */ jsxRuntime.jsx(
     ui.Dialog,
     {
+      animate: !0,
       open: !0,
       id: "upload-configuration",
       zOffset: 1e3,
@@ -3874,12 +3885,12 @@ function formatUploadConfig(config) {
   };
 }
 function withFocusRing(component) {
-  return styled__default.default(component)((props) => {
+  return styledComponents.styled(component)((props) => {
     const border = {
       width: props.$border ? 1 : 0,
       color: "var(--card-border-color)"
     };
-    return styled.css`
+    return styledComponents.css`
       --card-focus-box-shadow: ${focusRingBorderStyle(border)};
 
       border-radius: ${ui.rem(props.theme.sanity.radius[1])};
@@ -3926,7 +3937,7 @@ const ctrlKey = 17, cmdKey = 91, UploadCardWithFocusRing = withFocusRing(ui.Card
       }
     );
   }
-), HiddenInput$1 = styled__default.default.input.attrs({ type: "text" })`
+), HiddenInput$1 = styledComponents.styled.input.attrs({ type: "text" })`
   position: absolute;
   border: 0;
   color: white;
@@ -3935,14 +3946,14 @@ const ctrlKey = 17, cmdKey = 91, UploadCardWithFocusRing = withFocusRing(ui.Card
   &:focus {
     outline: none;
   }
-`, HiddenInput = styled__default.default.input`
+`, HiddenInput = styledComponents.styled.input`
   overflow: hidden;
   width: 0.1px;
   height: 0.1px;
   opacity: 0;
   position: absolute;
   z-index: -1;
-`, Label = styled__default.default.label`
+`, Label = styledComponents.styled.label`
   position: relative;
 `, FileInputButton = ({ onSelect, accept, ...props }) => {
   const inputId = `FileSelect${React.useId()}`, inputRef = React.useRef(null), handleSelect = React.useCallback(