sanity-plugin-cloudinary 1.4.0 → 2.0.0

package/dist/index.js

@@ -0,0 +1,726 @@
+import { DiffFromTo, PatchEvent, unset, set, defineType, setIfMissing, insert, ArrayOfObjectsFunctions, definePlugin, isArrayOfObjectsInputProps } from "sanity";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { c } from "react/compiler-runtime";
+import { PlugIcon, DocumentIcon } from "@sanity/icons";
+import { SettingsView, useSecrets } from "@sanity/studio-secrets";
+import { Dialog, Flex, Button, Stack, Spinner, Text, Box, Grid } from "@sanity/ui";
+import { useState, useRef, useEffect } from "react";
+import { styled } from "styled-components";
+import { nanoid } from "nanoid";
+const widgetSrc = "https://media-library.cloudinary.com/global/all.js";
+function assetUrl(asset) {
+  const [derived] = asset.derived ?? [];
+  return derived ? derived.secure_url ? derived.secure_url : derived.url : asset.secure_url ? asset.secure_url : asset.url;
+}
+const openMediaSelector = (cloudName, apiKey, multiple, insertHandler, selectedAsset) => {
+  loadJS(widgetSrc, () => {
+    const options = {
+      cloud_name: cloudName,
+      api_key: apiKey,
+      insert_caption: "Select",
+      multiple
+    };
+    selectedAsset && (options.asset = {
+      public_id: selectedAsset.public_id,
+      type: selectedAsset.type,
+      resource_type: selectedAsset.resource_type
+    }), window.cloudinary.openMediaLibrary(options, {
+      insertHandler
+    });
+  });
+}, createMediaLibrary = ({
+  cloudName,
+  apiKey,
+  inlineContainer,
+  libraryCreated,
+  insertHandler
+}) => {
+  loadJS(widgetSrc, () => {
+    const options = {
+      cloud_name: cloudName,
+      api_key: apiKey,
+      insert_caption: "Select",
+      inline_container: inlineContainer,
+      remove_header: !0
+    };
+    libraryCreated(window.cloudinary.createMediaLibrary(options, {
+      insertHandler
+    }));
+  });
+};
+function loadJS(url, callback) {
+  const existingScript = document.getElementById("damWidget");
+  if (!existingScript) {
+    const script = document.createElement("script");
+    script.src = url, script.id = "damWidget", document.body.appendChild(script), script.addEventListener("load", () => {
+      callback();
+    });
+  }
+  return existingScript && callback ? callback() : !0;
+}
+function encodeSourceId(asset) {
+  const {
+    resource_type,
+    public_id,
+    type
+  } = asset;
+  return btoa(JSON.stringify({
+    public_id,
+    resource_type,
+    type
+  }));
+}
+function encodeFilename(asset) {
+  return `${asset.public_id.split("/").slice(-1)[0]}.${asset.format}`;
+}
+function decodeSourceId(sourceId) {
+  let sourceIdDecoded;
+  try {
+    sourceIdDecoded = JSON.parse(atob(sourceId));
+  } catch {
+  }
+  return sourceIdDecoded;
+}
+const pluginConfigKeys = [{
+  key: "cloudName",
+  title: "Cloud name",
+  description: ""
+}, {
+  key: "apiKey",
+  title: "API key",
+  description: ""
+}], namespace = "cloudinary", SecretsConfigView = (props) => {
+  const $ = c(2);
+  let t0;
+  return $[0] !== props.onClose ? (t0 = /* @__PURE__ */ jsx(SettingsView, { title: "Cloudinary config", namespace, keys: pluginConfigKeys, onClose: props.onClose }), $[0] = props.onClose, $[1] = t0) : t0 = $[1], t0;
+}, Widget = styled.div.withConfig({
+  displayName: "Widget",
+  componentId: "sc-14cieex-0"
+})`height:70vh;`;
+function CloudinaryAssetSource(props) {
+  const $ = c(30), {
+    onClose,
+    dialogHeaderTitle
+  } = props, [loadingMessage, setLoadingMessage] = useState("Loading Cloudinary Media Libary"), library = useRef(void 0), contentRef = useRef(null), {
+    secrets
+  } = useSecrets(namespace), cloudName = secrets?.cloudName, apiKey = secrets?.apiKey, [widgetId] = useState(_temp$2), [showSettings, setShowSettings] = useState(!1), propsRef = useRef(props);
+  let t0, t1;
+  $[0] !== props ? (t0 = () => {
+    propsRef.current = props;
+  }, t1 = [props], $[0] = props, $[1] = t0, $[2] = t1) : (t0 = $[1], t1 = $[2]), useEffect(t0, t1);
+  let t2;
+  $[3] !== onClose ? (t2 = () => {
+    library.current && library.current.hide(), onClose();
+  }, $[3] = onClose, $[4] = t2) : t2 = $[4];
+  const handleClose = t2;
+  let t3, t4;
+  $[5] !== apiKey || $[6] !== cloudName || $[7] !== widgetId ? (t3 = () => {
+    !cloudName || !apiKey || createMediaLibrary({
+      cloudName,
+      apiKey,
+      inlineContainer: `#${widgetId}`,
+      libraryCreated: (lib) => {
+        library.current = lib;
+        const selectedAssets = propsRef.current.selectedAssets, firstSelectedAsset = selectedAssets ? selectedAssets[0] : null, iframe = contentRef.current && contentRef.current.firstChild;
+        if (iframe && iframe instanceof HTMLIFrameElement) {
+          setLoadingMessage(void 0);
+          let asset;
+          propsRef.current.selectionType === "single" && firstSelectedAsset && firstSelectedAsset.source && firstSelectedAsset.source.id && (asset = decodeSourceId(firstSelectedAsset.source.id));
+          const folder = asset ? {
+            path: asset.public_id.split("/").slice(0, -1).join("/"),
+            resource_type: "image"
+          } : {
+            path: "",
+            resource_type: "image"
+          };
+          lib && contentRef.current && (lib.show({
+            folder,
+            asset
+          }), contentRef.current.style.visibility = "visible");
+        }
+      },
+      insertHandler: (t52) => {
+        const {
+          assets
+        } = t52;
+        if (!library.current)
+          return;
+        const imageAssets = assets.filter(_temp2$2);
+        if (imageAssets.length === 0)
+          throw new Error("The selection did not contain any images.");
+        library.current.hide(), propsRef.current.onSelect(imageAssets.map((asset_1) => ({
+          kind: "url",
+          value: asset_1.derived && asset_1.derived[0] ? asset_1.derived[0].secure_url : asset_1.secure_url,
+          assetDocumentProps: {
+            _type: "sanity.imageAsset",
+            originalFilename: encodeFilename(asset_1),
+            source: {
+              id: encodeSourceId(asset_1),
+              name: `cloudinary:${cloudName}`
+            }
+          }
+        })));
+      }
+    });
+  }, t4 = [cloudName, apiKey, widgetId], $[5] = apiKey, $[6] = cloudName, $[7] = widgetId, $[8] = t3, $[9] = t4) : (t3 = $[8], t4 = $[9]), useEffect(t3, t4);
+  const hasConfig = apiKey && cloudName, t5 = dialogHeaderTitle ?? "Select image from Cloudinary";
+  let t6;
+  $[10] !== showSettings ? (t6 = showSettings && /* @__PURE__ */ jsx(SecretsConfigView, { onClose: () => setShowSettings(!1) }), $[10] = showSettings, $[11] = t6) : t6 = $[11];
+  let t7;
+  $[12] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t7 = () => setShowSettings(!0), $[12] = t7) : t7 = $[12];
+  const t8 = hasConfig ? void 0 : "Configure Cloudinary plugin";
+  let t9;
+  $[13] !== t8 ? (t9 = /* @__PURE__ */ jsx(Flex, { flex: 1, justify: "flex-end", children: /* @__PURE__ */ jsx(Button, { color: "primary", icon: PlugIcon, mode: "bleed", title: "Configure", onClick: t7, tabIndex: 0, text: t8 }) }), $[13] = t8, $[14] = t9) : t9 = $[14];
+  let t10;
+  $[15] !== hasConfig || $[16] !== loadingMessage ? (t10 = hasConfig && loadingMessage && /* @__PURE__ */ jsxs(Stack, { gap: 3, children: [
+    /* @__PURE__ */ jsx(Flex, { align: "center", justify: "center", children: /* @__PURE__ */ jsx(Spinner, { muted: !0 }) }),
+    /* @__PURE__ */ jsx(Text, { size: 1, muted: !0, align: "center", children: loadingMessage })
+  ] }), $[15] = hasConfig, $[16] = loadingMessage, $[17] = t10) : t10 = $[17];
+  let t11;
+  $[18] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t11 = {
+    visibility: "hidden"
+  }, $[18] = t11) : t11 = $[18];
+  let t12;
+  $[19] !== widgetId ? (t12 = /* @__PURE__ */ jsx(Widget, { style: t11, ref: contentRef, id: widgetId }), $[19] = widgetId, $[20] = t12) : t12 = $[20];
+  let t13;
+  $[21] !== t10 || $[22] !== t12 || $[23] !== t6 || $[24] !== t9 ? (t13 = /* @__PURE__ */ jsxs(Box, { padding: 4, children: [
+    t6,
+    t9,
+    t10,
+    t12
+  ] }), $[21] = t10, $[22] = t12, $[23] = t6, $[24] = t9, $[25] = t13) : t13 = $[25];
+  let t14;
+  return $[26] !== handleClose || $[27] !== t13 || $[28] !== t5 ? (t14 = /* @__PURE__ */ jsx(Dialog, { id: "cloudinary-asset-source", header: t5, onClose: handleClose, open: !0, width: 4, children: t13 }), $[26] = handleClose, $[27] = t13, $[28] = t5, $[29] = t14) : t14 = $[29], t14;
+}
+function _temp2$2(asset_0) {
+  return asset_0.resource_type === "image";
+}
+function _temp$2() {
+  return `cloundinaryWidget-${Date.now()}`;
+}
+function CloudinaryIcon() {
+  const $ = c(1);
+  let t0;
+  return $[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t0 = /* @__PURE__ */ jsx("svg", { version: "1.1", id: "Layer_1", x: "0px", y: "0px", width: "1em", height: "1em", viewBox: "0 0 141.732 141.747", enableBackground: "new 0 0 141.732 141.747", children: /* @__PURE__ */ jsxs("g", { children: [
+    /* @__PURE__ */ jsx("path", { fill: "#0071CE", d: `M115.585,109.242c-1.609,0-3.107-1.024-3.635-2.637c-0.657-2.008,0.438-4.169,2.447-4.826
+        c7.278-2.382,11.98-8.761,11.98-16.252c0-9.487-7.718-17.206-17.205-17.206c-0.659,0-1.368,0.052-2.231,0.164l-3.741,0.485
+        l-0.537-3.735c-2.299-16.016-16.251-28.094-32.454-28.094c-13.395,0-25.32,8.019-30.377,20.43l-0.952,2.335l-2.52,0.046
+        c-11.581,0.213-21.003,9.804-21.003,21.379c0,8.45,4.906,16.156,12.498,19.631c1.921,0.88,2.766,3.15,1.886,5.071
+        c-0.88,1.921-3.149,2.764-5.07,1.887C14.363,103.202,7.703,92.766,7.703,81.331c0-14.88,11.465-27.345,26.028-28.876
+        c6.71-14.03,20.773-22.965,36.477-22.965c18.796,0,35.135,13.178,39.372,31.184c13.519,0.219,24.45,11.284,24.45,24.854
+        c0,10.693-6.934,20.146-17.253,23.523C116.382,109.18,115.98,109.242,115.585,109.242z` }),
+    /* @__PURE__ */ jsx("path", { fill: "#DC8327", d: `M57.12,111.02c-0.001-0.001-0.001-0.001-0.002-0.001c-0.001,0-0.002-0.001-0.003-0.001h-0.001
+        c0,0-0.001-0.001-0.001-0.001l-0.001-0.001c0,0-0.001,0-0.001-0.001h-0.001l-0.001-0.001c0.001-0.001-0.001-0.001-0.001-0.001
+        l-0.001-0.001c0,0-0.001,0-0.001,0l-0.001-0.001c0.001,0.001-0.001-0.001-0.001-0.001s-0.002-0.001-0.003-0.001l-0.001-0.001H57.1
+        c-0.001-0.001-0.001-0.001-0.001-0.001l-0.001-0.001c-0.003-0.001-0.002-0.001-0.003-0.001c-0.001,0.001-0.001-0.001-0.002-0.001
+        l-0.001-0.001c0,0-0.001-0.001-0.002-0.001l-0.001-0.001c-0.001-0.001-0.003-0.001-0.004-0.001s-0.003-0.001-0.004-0.001
+        c-0.001-0.001-0.001-0.001-0.002-0.001h-0.001c-0.001-0.001-0.002-0.001-0.003-0.001c-0.001-0.001-0.003-0.001-0.003-0.001
+        c-0.001,0-0.001,0-0.001,0l-0.002-0.001c-0.001,0-0.001-0.001-0.001-0.001h-0.001c-0.059-0.021-0.122-0.034-0.188-0.037h-0.002
+        h-0.002c-0.001,0-0.001,0-0.002,0c0,0,0,0-0.001,0c0,0-0.001,0-0.001,0h-0.001c-0.001-0.001-0.001-0.001-0.001-0.001
+        c-0.001,0-0.002,0-0.002,0c-0.001,0-0.002,0-0.002,0h-0.001h-0.001h-0.001c-0.001,0-0.002,0-0.002,0h-0.001H56.86h-0.001h-0.001
+        c-0.001,0-0.001,0-0.001,0h-0.001h-0.001h-0.001h-0.001c-0.001,0-0.001,0-0.001,0c-1.656,0-3.011-1.348-3.021-3V74.29h2.567
+        c0.004,0,0.009,0,0.013,0c0.393,0.017,0.661-0.285,0.661-0.648c0-0.271-0.166-0.503-0.402-0.6l-12.379-8.544
+        c-0.222-0.153-0.515-0.153-0.737,0l-12.476,8.611c-0.234,0.161-0.335,0.456-0.251,0.727c0.085,0.271,0.335,0.455,0.619,0.455h2.58
+        l0.002,33.674c0.013,2.328,1.883,4.228,4.262,4.288c0.027,0.003,0.053,0.005,0.08,0.005h18.481c0.004,0,0.007,0,0.011,0
+        c0.17-0.003,0.324-0.071,0.438-0.18c0,0,0,0,0.001-0.001c0.002-0.002,0.004-0.004,0.005-0.005c0.001-0.001,0.002-0.001,0.003-0.003
+        c0,0,0.001-0.001,0.001-0.001l0.001-0.001l0.001-0.001l0.001-0.001l0.001-0.001c0.001-0.001,0.001-0.001,0.001-0.001
+        c0.002-0.001,0.001-0.001,0.002-0.002c0,0,0,0,0.001-0.001l0.001-0.001c0,0,0,0,0.001-0.001c0.112-0.116,0.182-0.273,0.183-0.447
+        v-0.002v-0.001v-0.001v-0.001v-0.001v-0.001v-0.001v-0.002C57.498,111.345,57.343,111.121,57.12,111.02z` }),
+    /* @__PURE__ */ jsx("path", { fill: "#F4B21B", d: `M83.889,111.02c0,0-0.001-0.001-0.002-0.001c-0.001,0-0.002-0.001-0.003-0.001h-0.001
+        c-0.001-0.001-0.001-0.001-0.001-0.001l-0.001-0.001h-0.001c0,0-0.001-0.001-0.001-0.001c0,0-0.001-0.001-0.001-0.001
+        c0.001-0.001-0.001-0.001-0.002-0.001l-0.001-0.001h-0.001c-0.001,0-0.001-0.001-0.001-0.001c-0.002,0.001-0.002-0.001-0.002-0.001
+        l-0.002-0.001l-0.001-0.001h-0.001c0,0-0.001-0.001-0.001-0.001l-0.001-0.001c-0.001-0.001-0.002-0.001-0.002-0.001
+        c-0.001,0.001-0.001-0.001-0.003-0.001l-0.001-0.001l-0.001-0.001c0,0-0.001,0-0.002-0.001c-0.001-0.001-0.003-0.001-0.004-0.001
+        s-0.003-0.001-0.004-0.001c-0.001-0.001-0.001-0.001-0.002-0.001c-0.001,0-0.001,0-0.002-0.001c0,0-0.001,0-0.002-0.001
+        c-0.003-0.001-0.001-0.001-0.002-0.001c-0.003,0-0.001,0-0.002-0.001c0,0-0.001-0.001-0.002-0.001l-0.001-0.001h-0.001
+        c-0.059-0.021-0.122-0.034-0.188-0.037h-0.002c-0.001,0-0.001,0-0.001,0c-0.001,0-0.002,0-0.002,0s-0.001,0-0.001,0h-0.001h-0.001
+        l-0.001-0.001c-0.001,0-0.002,0-0.002,0c-0.001,0-0.002,0-0.002,0h-0.001c-0.001,0-0.001,0-0.001,0h-0.001
+        c-0.001,0-0.002,0-0.002,0s-0.001,0-0.002,0h-0.001c0,0-0.001,0-0.001,0h-0.001c-0.001,0-0.001,0-0.001,0h-0.001h-0.001h-0.001
+        h-0.001c-0.001,0-0.001,0-0.001,0c-1.655,0-3.01-1.348-3.02-3V81.829h2.579c0.009-0.001,0.016-0.001,0.026,0
+        c0.358,0,0.648-0.29,0.648-0.648c0-0.271-0.166-0.503-0.402-0.6l-12.38-8.544c-0.222-0.153-0.515-0.153-0.737,0L57.86,80.647
+        c-0.234,0.161-0.335,0.456-0.251,0.727c0.085,0.271,0.335,0.455,0.619,0.455h2.568l0.002,26.135
+        c0.011,2.329,1.884,4.23,4.264,4.289c0.026,0.003,0.052,0.004,0.078,0.004h18.481c0.004,0,0.007,0,0.011,0
+        c0.17-0.003,0.324-0.071,0.438-0.18c0,0,0,0,0.001-0.001c0.002-0.002,0.006-0.004,0.005-0.005c0.001-0.001,0.002-0.001,0.003-0.003
+        c0.001-0.001,0.001-0.001,0.001-0.001l0.001-0.001l0.001-0.001c0,0,0.001,0,0.001-0.001l0.001-0.001
+        c0.001,0,0.001-0.001,0.001-0.001c0.003-0.001,0.002-0.001,0.002-0.002c0,0,0,0,0.001-0.001c0,0,0,0,0.001-0.001
+        c0,0,0,0,0.001-0.001c0.112-0.116,0.182-0.273,0.183-0.447v-0.002v-0.001v-0.001v-0.001v-0.001v-0.001v-0.001v-0.002
+        C84.267,111.345,84.112,111.121,83.889,111.02z` }),
+    /* @__PURE__ */ jsx("path", { fill: "#F2D864", d: `M110.667,111.02l-0.002-0.001c-0.001,0-0.002-0.001-0.003-0.001h-0.001
+        c-0.001-0.001-0.001-0.001-0.001-0.001l-0.001-0.001c-0.001,0-0.001,0-0.001-0.001h-0.001l-0.001-0.001
+        c-0.001-0.001-0.001-0.001-0.001-0.001s-0.001,0-0.001-0.001h-0.001c0,0-0.001-0.001-0.001-0.001
+        c-0.001,0.001-0.001-0.001-0.002-0.001c0.001-0.001-0.001-0.001-0.002-0.001l-0.001-0.001c-0.001,0-0.001,0-0.001,0
+        c-0.001-0.001-0.001-0.001-0.001-0.001l-0.001-0.001c-0.003-0.001-0.002-0.001-0.002-0.001c-0.001,0.001-0.001-0.001-0.003-0.001
+        l-0.001-0.001c0.001-0.001-0.001-0.001-0.002-0.001c0,0-0.001,0-0.001-0.001c-0.001-0.001-0.003-0.001-0.004-0.001
+        s-0.003-0.001-0.004-0.001l-0.002-0.001c0,0-0.001,0-0.002-0.001l-0.002-0.001c-0.003-0.001-0.003-0.001-0.002-0.001
+        c-0.003,0-0.003,0-0.002-0.001c-0.001,0-0.001-0.001-0.001-0.001c-0.001,0-0.002-0.001-0.002-0.001h-0.001
+        c-0.059-0.021-0.122-0.034-0.188-0.037h-0.001c-0.001,0-0.002,0-0.002,0c-0.001,0-0.002,0-0.003,0h-0.001h-0.001h-0.001
+        c-0.001-0.001-0.001-0.001-0.002-0.001c0,0-0.001,0-0.002,0c0,0-0.001,0-0.002,0h-0.001c0,0-0.001,0-0.001,0h-0.001
+        c-0.001,0-0.002,0-0.002,0h-0.002c0,0,0,0-0.001,0c0,0-0.001,0-0.001,0h-0.001c0,0-0.001,0-0.001,0h-0.001h-0.001h-0.001H110.4
+        c0,0-0.001,0-0.001,0c-1.655,0-3.01-1.348-3.02-3V89.365h2.573c0.004,0,0.009,0,0.013,0c0.365-0.009,0.661-0.285,0.661-0.648
+        c0-0.271-0.166-0.503-0.402-0.6l-12.38-8.544c-0.221-0.153-0.515-0.153-0.737,0l-12.476,8.61c-0.234,0.161-0.335,0.456-0.251,0.727
+        c0.085,0.271,0.335,0.455,0.619,0.455h2.573l0.002,18.599c0.013,2.329,1.885,4.231,4.264,4.289
+        c0.026,0.003,0.052,0.004,0.078,0.004h18.481c0.004,0,0.007,0,0.011,0c0.17-0.003,0.324-0.071,0.438-0.18l0.001-0.001
+        c0.002-0.002,0.005-0.004,0.005-0.005c0.001-0.001,0.002-0.001,0.003-0.003c0,0,0.001-0.001,0.001-0.001l0.001-0.001l0.001-0.001
+        l0.001-0.001l0.001-0.001l0.001-0.001c0.003-0.001,0.001-0.001,0.002-0.002c0,0,0,0,0.001-0.001l0.001-0.001c0,0,0,0,0.001-0.001
+        c0.112-0.116,0.182-0.273,0.183-0.447v-0.002v-0.001v-0.001v-0.001v-0.001v-0.001v-0.001v-0.002
+        C111.045,111.345,110.889,111.121,110.667,111.02z` })
+  ] }) }), $[0] = t0) : t0 = $[0], t0;
+}
+function VideoPlayer(props) {
+  const $ = c(6), {
+    src
+  } = props;
+  let t0;
+  $[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t0 = {
+    width: "100%",
+    height: "auto"
+  }, $[0] = t0) : t0 = $[0];
+  const style = t0;
+  let t1;
+  $[1] !== src ? (t1 = /* @__PURE__ */ jsx("source", { src, type: "video/mp4" }), $[1] = src, $[2] = t1) : t1 = $[2];
+  let t2;
+  $[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t2 = /* @__PURE__ */ jsx("track", { kind: "captions" }), $[3] = t2) : t2 = $[3];
+  let t3;
+  return $[4] !== t1 ? (t3 = /* @__PURE__ */ jsxs("video", { controls: !0, "aria-label": "Cloudinary video preview", style, children: [
+    t1,
+    t2
+  ] }), $[4] = t1, $[5] = t3) : t3 = $[5], t3;
+}
+const CloudinaryDiffPreview = (t0) => {
+  const $ = c(8), {
+    value
+  } = t0;
+  if (!value)
+    return null;
+  let t1;
+  $[0] !== value ? (t1 = assetUrl(value), $[0] = value, $[1] = t1) : t1 = $[1];
+  const url = t1;
+  if (value.resource_type === "video" && url) {
+    let t22;
+    $[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t22 = {
+      display: "flex",
+      flexWrap: "wrap",
+      justifyContent: "space-between"
+    }, $[2] = t22) : t22 = $[2];
+    let t32;
+    return $[3] !== url ? (t32 = /* @__PURE__ */ jsx("section", { style: t22, children: /* @__PURE__ */ jsx(VideoPlayer, { src: url, kind: "diff" }) }), $[3] = url, $[4] = t32) : t32 = $[4], t32;
+  }
+  let t2;
+  $[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t2 = {
+    maxWidth: "100%",
+    height: "auto"
+  }, $[5] = t2) : t2 = $[5];
+  let t3;
+  return $[6] !== url ? (t3 = /* @__PURE__ */ jsx("img", { alt: "preview", src: url, style: t2 }), $[6] = url, $[7] = t3) : t3 = $[7], t3;
+}, AssetDiff = (t0) => {
+  const $ = c(3), {
+    diff,
+    schemaType
+  } = t0;
+  let t1;
+  return $[0] !== diff || $[1] !== schemaType ? (t1 = /* @__PURE__ */ jsx(DiffFromTo, { diff, schemaType, previewComponent: CloudinaryDiffPreview }), $[0] = diff, $[1] = schemaType, $[2] = t1) : t1 = $[2], t1;
+}, AssetPreview = (t0) => {
+  const $ = c(21), {
+    value,
+    layout
+  } = t0;
+  let t1;
+  $[0] !== value ? (t1 = value && assetUrl(value), $[0] = value, $[1] = t1) : t1 = $[1];
+  const url = t1;
+  if (!value || !url)
+    return null;
+  switch (value.resource_type) {
+    case "video": {
+      const t2 = layout === "default" ? "80px" : "100%";
+      let t3;
+      $[2] !== t2 ? (t3 = {
+        maxWidth: t2
+      }, $[2] = t2, $[3] = t3) : t3 = $[3];
+      let t4;
+      $[4] !== url ? (t4 = /* @__PURE__ */ jsx(VideoPlayer, { src: url, kind: "player" }), $[4] = url, $[5] = t4) : t4 = $[5];
+      let t5;
+      return $[6] !== t3 || $[7] !== t4 ? (t5 = /* @__PURE__ */ jsx(Flex, { align: "center", style: t3, children: t4 }), $[6] = t3, $[7] = t4, $[8] = t5) : t5 = $[8], t5;
+    }
+    case "raw": {
+      let t2;
+      $[9] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t2 = /* @__PURE__ */ jsx(DocumentIcon, {}), $[9] = t2) : t2 = $[9];
+      let t3;
+      $[10] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t3 = {
+        marginLeft: "0.5em"
+      }, $[10] = t3) : t3 = $[10];
+      const t4 = value.display_name ?? "Raw file";
+      let t5;
+      return $[11] !== t4 ? (t5 = /* @__PURE__ */ jsxs(Flex, { align: "center", children: [
+        t2,
+        /* @__PURE__ */ jsx(Text, { size: 1, style: t3, children: t4 })
+      ] }), $[11] = t4, $[12] = t5) : t5 = $[12], t5;
+    }
+    default: {
+      let t2;
+      $[13] !== url || $[14] !== value.format ? (t2 = value.format === "pdf" ? url?.replace("image/upload", "image/upload/f_jpg,pg_1,l_text:Verdana_75_letter_spacing_14:PDF") : url, $[13] = url, $[14] = value.format, $[15] = t2) : t2 = $[15];
+      const t3 = layout === "default" ? "80px" : "100%";
+      let t4;
+      $[16] !== t3 ? (t4 = {
+        maxWidth: t3,
+        height: "auto"
+      }, $[16] = t3, $[17] = t4) : t4 = $[17];
+      let t5;
+      return $[18] !== t2 || $[19] !== t4 ? (t5 = /* @__PURE__ */ jsx(Flex, { align: "center", children: /* @__PURE__ */ jsx("img", { alt: "preview", src: t2, style: t4 }) }), $[18] = t2, $[19] = t4, $[20] = t5) : t5 = $[20], t5;
+    }
+  }
+}, SetupButtonContainer = styled.div.withConfig({
+  displayName: "SetupButtonContainer",
+  componentId: "sc-10badjx-0"
+})`position:relative;display:block;font-size:0.8em;transform:translate(0%,-10%);`, WidgetInput = (props) => {
+  const $ = c(21), {
+    onChange,
+    readOnly,
+    value,
+    openMediaSelector: openMediaSelector2
+  } = props;
+  let t0;
+  $[0] !== onChange ? (t0 = () => {
+    onChange(PatchEvent.from([unset()]));
+  }, $[0] = onChange, $[1] = t0) : t0 = $[1];
+  const removeValue = t0;
+  let t1;
+  $[2] !== props.onSetup ? (t1 = /* @__PURE__ */ jsx(SetupButtonContainer, { children: /* @__PURE__ */ jsx(Flex, { flex: 1, justify: "flex-end", children: /* @__PURE__ */ jsx(Button, { color: "primary", icon: PlugIcon, mode: "bleed", title: "Configure", onClick: props.onSetup, tabIndex: 0 }) }) }), $[2] = props.onSetup, $[3] = t1) : t1 = $[3];
+  let t2;
+  $[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t2 = {
+    textAlign: "center",
+    width: "100%"
+  }, $[4] = t2) : t2 = $[4];
+  const t3 = value;
+  let t4;
+  $[5] !== t3 ? (t4 = /* @__PURE__ */ jsx(Flex, { style: t2, marginBottom: 2, children: /* @__PURE__ */ jsx(AssetPreview, { value: t3 }) }), $[5] = t3, $[6] = t4) : t4 = $[6];
+  let t5;
+  $[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t5 = {
+    gridTemplateColumns: "repeat(auto-fit, minmax(100px, 1fr))"
+  }, $[7] = t5) : t5 = $[7];
+  let t6;
+  $[8] !== openMediaSelector2 || $[9] !== readOnly ? (t6 = /* @__PURE__ */ jsx(Button, { disabled: readOnly, mode: "ghost", title: "Select an asset", tone: "default", onClick: openMediaSelector2, text: "Select\u2026" }), $[8] = openMediaSelector2, $[9] = readOnly, $[10] = t6) : t6 = $[10];
+  const t7 = readOnly || !value;
+  let t8;
+  $[11] !== removeValue || $[12] !== t7 ? (t8 = /* @__PURE__ */ jsx(Button, { disabled: t7, tone: "critical", mode: "ghost", title: "Remove asset", text: "Remove", onClick: removeValue }), $[11] = removeValue, $[12] = t7, $[13] = t8) : t8 = $[13];
+  let t9;
+  $[14] !== t6 || $[15] !== t8 ? (t9 = /* @__PURE__ */ jsxs(Grid, { gap: 1, style: t5, children: [
+    t6,
+    t8
+  ] }), $[14] = t6, $[15] = t8, $[16] = t9) : t9 = $[16];
+  let t10;
+  return $[17] !== t1 || $[18] !== t4 || $[19] !== t9 ? (t10 = /* @__PURE__ */ jsxs(Stack, { children: [
+    t1,
+    t4,
+    t9
+  ] }), $[17] = t1, $[18] = t4, $[19] = t9, $[20] = t10) : t10 = $[20], t10;
+}, CloudinaryInput = (props) => {
+  const $ = c(17), [showSettings, setShowSettings] = useState(!1), {
+    secrets
+  } = useSecrets(namespace), {
+    onChange,
+    schemaType: type
+  } = props, value = props.value || void 0, valueKey = value?._key;
+  let t0;
+  $[0] !== onChange || $[1] !== type || $[2] !== valueKey ? (t0 = (payload) => {
+    const [asset] = payload.assets;
+    if (!asset)
+      return;
+    let updatedAsset;
+    const assetWithoutNulls = Object.fromEntries(Object.entries(asset).filter(_temp$1)), requiredFields = {
+      public_id: asset.public_id,
+      resource_type: asset.resource_type,
+      type: asset.type,
+      url: asset.url,
+      secure_url: asset.secure_url,
+      format: asset.format,
+      width: asset.width,
+      height: asset.height,
+      bytes: asset.bytes,
+      tags: asset.tags
+    };
+    if (updatedAsset = {
+      ...assetWithoutNulls,
+      ...requiredFields
+    }, asset.context) {
+      const objectWithRenamedKeys = Object.fromEntries(Object.entries(asset.context.custom).map(_temp2$1));
+      updatedAsset = {
+        ...updatedAsset,
+        context: {
+          ...asset.context,
+          custom: objectWithRenamedKeys
+        }
+      };
+    }
+    if (asset.derived) {
+      const derivedWithType = asset.derived.map(_temp3);
+      updatedAsset = {
+        ...updatedAsset,
+        derived: derivedWithType
+      };
+    }
+    onChange(PatchEvent.from([set(Object.assign({
+      _type: type.name,
+      _version: 1,
+      _key: valueKey || nanoid()
+    }, updatedAsset))]));
+  }, $[0] = onChange, $[1] = type, $[2] = valueKey, $[3] = t0) : t0 = $[3];
+  const handleSelect = t0;
+  let t1;
+  $[4] !== handleSelect || $[5] !== secrets || $[6] !== value ? (t1 = secrets ? () => openMediaSelector(secrets.cloudName, secrets.apiKey, !1, handleSelect, value) : () => setShowSettings(!0), $[4] = handleSelect, $[5] = secrets, $[6] = value, $[7] = t1) : t1 = $[7];
+  const action = t1;
+  let t2;
+  $[8] !== showSettings ? (t2 = showSettings && /* @__PURE__ */ jsx(SecretsConfigView, { onClose: () => setShowSettings(!1) }), $[8] = showSettings, $[9] = t2) : t2 = $[9];
+  let t3;
+  $[10] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t3 = () => setShowSettings(!0), $[10] = t3) : t3 = $[10];
+  let t4;
+  $[11] !== action || $[12] !== props ? (t4 = /* @__PURE__ */ jsx(WidgetInput, { onSetup: t3, openMediaSelector: action, ...props }), $[11] = action, $[12] = props, $[13] = t4) : t4 = $[13];
+  let t5;
+  return $[14] !== t2 || $[15] !== t4 ? (t5 = /* @__PURE__ */ jsxs(Fragment, { children: [
+    t2,
+    t4
+  ] }), $[14] = t2, $[15] = t4, $[16] = t5) : t5 = $[16], t5;
+};
+function _temp$1(t0) {
+  const [, assetValue] = t0;
+  return assetValue !== null;
+}
+function _temp2$1(t0) {
+  const [contextKey, contextValue] = t0;
+  return [contextKey.replace(/[^a-zA-Z0-9_]|-/g, "_"), contextValue];
+}
+function _temp3(derivedItem) {
+  return {
+    _type: "derived",
+    url: derivedItem.url,
+    secure_url: derivedItem.secure_url,
+    raw_transformation: derivedItem.raw_transformation
+  };
+}
+const cloudinaryAssetSchema = defineType({
+  type: "object",
+  name: "cloudinary.asset",
+  fields: [
+    {
+      type: "string",
+      name: "public_id"
+    },
+    {
+      type: "string",
+      name: "resource_type"
+      // "image", "?"
+    },
+    {
+      type: "string",
+      name: "type"
+      // "upload", "?"
+    },
+    {
+      type: "string",
+      name: "format"
+      // "jpg"
+    },
+    {
+      type: "number",
+      name: "version"
+    },
+    {
+      type: "url",
+      name: "url"
+    },
+    {
+      type: "url",
+      name: "secure_url"
+    },
+    {
+      type: "number",
+      name: "width"
+    },
+    {
+      type: "number",
+      name: "height"
+    },
+    {
+      type: "number",
+      name: "bytes"
+    },
+    {
+      type: "number",
+      name: "duration"
+      // can be null
+    },
+    {
+      type: "array",
+      name: "tags",
+      of: [{
+        type: "string"
+      }]
+    },
+    {
+      type: "datetime",
+      name: "created_at"
+    },
+    {
+      type: "array",
+      name: "derived",
+      of: [{
+        type: "cloudinary.assetDerived",
+        name: "derived"
+      }]
+    },
+    {
+      type: "string",
+      name: "access_mode"
+    },
+    {
+      type: "cloudinary.assetContext",
+      name: "context"
+    }
+    // metadata array of unknown content
+  ],
+  components: {
+    input: CloudinaryInput,
+    diff: AssetDiff,
+    preview: AssetPreview
+  },
+  preview: {
+    select: {
+      url: "url",
+      resource_type: "resource_type",
+      derived: "derived.0.url"
+    },
+    prepare({
+      url,
+      derived,
+      resource_type
+    }) {
+      return {
+        title: url,
+        value: {
+          title: url,
+          resource_type,
+          url: derived || url
+        }
+      };
+    }
+  }
+}), AssetListFunctions = (props) => {
+  const $ = c(24), {
+    onValueCreate,
+    onChange
+  } = props, {
+    secrets,
+    loading
+  } = useSecrets(namespace), [showSettings, setShowSettings] = useState(!1);
+  let t0;
+  $[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t0 = () => setShowSettings(!0), $[0] = t0) : t0 = $[0];
+  const show = t0;
+  let t1;
+  $[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t1 = () => setShowSettings(!1), $[1] = t1) : t1 = $[1];
+  const hide = t1;
+  let t2;
+  $[2] !== props.schemaType.of ? (t2 = props.schemaType.of.find(_temp), $[2] = props.schemaType.of, $[3] = t2) : t2 = $[3];
+  const cloudinaryType = t2;
+  if (!cloudinaryType)
+    throw new Error(`AssetListFunctions can only be used in array.of ${cloudinaryAssetSchema.name}, but it was array.of
+    ${props.schemaType.of.map(_temp2).join(", ")}`);
+  let t3;
+  $[4] !== cloudinaryType || $[5] !== onChange || $[6] !== onValueCreate ? (t3 = (selected) => {
+    const items = selected.assets.map((asset) => Object.assign({}, asset, {
+      _version: 1
+    }, onValueCreate(cloudinaryType)));
+    onChange(PatchEvent.from([setIfMissing([]), insert(items, "after", [-1])]));
+  }, $[4] = cloudinaryType, $[5] = onChange, $[6] = onValueCreate, $[7] = t3) : t3 = $[7];
+  const handleSelect = t3;
+  let t4;
+  $[8] !== handleSelect || $[9] !== secrets ? (t4 = () => secrets && openMediaSelector(secrets.cloudName, secrets.apiKey, !0, handleSelect), $[8] = handleSelect, $[9] = secrets, $[10] = t4) : t4 = $[10];
+  const handleOpenSelector = t4;
+  let t5;
+  $[11] !== showSettings ? (t5 = showSettings && /* @__PURE__ */ jsx(SecretsConfigView, { onClose: hide }), $[11] = showSettings, $[12] = t5) : t5 = $[12];
+  let t6;
+  $[13] !== props ? (t6 = /* @__PURE__ */ jsx(Box, { flex: 1, children: /* @__PURE__ */ jsx(ArrayOfObjectsFunctions, { ...props }) }), $[13] = props, $[14] = t6) : t6 = $[14];
+  let t7;
+  $[15] !== cloudinaryType || $[16] !== handleOpenSelector || $[17] !== loading || $[18] !== props.readOnly ? (t7 = cloudinaryType && /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Box, { flex: 1, children: /* @__PURE__ */ jsx(Button, { style: {
+      width: "100%"
+    }, disabled: props.readOnly || loading, mode: "bleed", text: "Add multiple", onClick: handleOpenSelector }) }),
+    /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(Button, { onClick: show, icon: PlugIcon, mode: "bleed", title: "Configure" }) })
+  ] }), $[15] = cloudinaryType, $[16] = handleOpenSelector, $[17] = loading, $[18] = props.readOnly, $[19] = t7) : t7 = $[19];
+  let t8;
+  return $[20] !== t5 || $[21] !== t6 || $[22] !== t7 ? (t8 = /* @__PURE__ */ jsxs(Flex, { gap: 2, flex: 1, children: [
+    t5,
+    t6,
+    t7
+  ] }), $[20] = t5, $[21] = t6, $[22] = t7, $[23] = t8) : t8 = $[23], t8;
+};
+function _temp(t) {
+  return t.name === cloudinaryAssetSchema.name;
+}
+function _temp2(t_0) {
+  return t_0.name;
+}
+const cloudinaryAssetContext = defineType({
+  type: "object",
+  name: "cloudinary.assetContext",
+  fields: [{
+    type: "cloudinary.assetContextCustom",
+    name: "custom"
+  }]
+}), cloudinaryAssetContextCustom = defineType({
+  type: "object",
+  name: "cloudinary.assetContextCustom",
+  fields: [{
+    type: "string",
+    name: "alt"
+  }, {
+    type: "string",
+    name: "caption"
+  }]
+}), cloudinaryAssetDerivedSchema = defineType({
+  type: "object",
+  name: "cloudinary.assetDerived",
+  fields: [{
+    type: "string",
+    name: "raw_transformation"
+  }, {
+    type: "url",
+    name: "url"
+  }, {
+    type: "url",
+    name: "secure_url"
+  }]
+}), cloudinarySchemaPlugin = definePlugin({
+  name: "cloudinary-schema",
+  form: {
+    components: {
+      input: (props) => isArrayOfObjectsInputProps(props) && props.schemaType.of.find((t) => t.name === cloudinaryAssetSchema.name) ? props.renderDefault({
+        ...props,
+        arrayFunctions: AssetListFunctions
+      }) : props.renderDefault(props)
+    }
+  },
+  schema: {
+    types: [cloudinaryAssetSchema, cloudinaryAssetDerivedSchema, cloudinaryAssetContext, cloudinaryAssetContextCustom]
+  }
+}), cloudinaryImageSource = {
+  name: "cloudinary-image",
+  title: "Cloudinary",
+  icon: CloudinaryIcon,
+  component: CloudinaryAssetSource
+}, cloudinaryAssetSourcePlugin = definePlugin({
+  name: "cloudinart-asset-source",
+  form: {
+    image: {
+      assetSources: [cloudinaryImageSource]
+    }
+  }
+});
+export {
+  cloudinaryAssetContext,
+  cloudinaryAssetContextCustom,
+  cloudinaryAssetDerivedSchema,
+  cloudinaryAssetSchema,
+  cloudinaryAssetSourcePlugin,
+  cloudinaryImageSource,
+  cloudinarySchemaPlugin
+};
+//# sourceMappingURL=index.js.map