sanity-plugin-cloudinary 0.2.2 → 1.0.0-v3-studio.2

package/lib/cjs/index.js

@@ -0,0 +1,708 @@
+var $k7rGe$sanity = require("sanity");
+var $k7rGe$reactjsxruntime = require("react/jsx-runtime");
+var $k7rGe$react = require("react");
+var $k7rGe$nanoid = require("nanoid");
+var $k7rGe$sanitystudiosecrets = require("@sanity/studio-secrets");
+var $k7rGe$sanityui = require("@sanity/ui");
+var $k7rGe$sanityicons = require("@sanity/icons");
+var $k7rGe$styledcomponents = require("styled-components");
+var $k7rGe$videojs = require("video.js");
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+
+$parcel$export(module.exports, "cloudinarySchemaPlugin", () => $244e63ca53592e4d$export$d69fa36e91cd4a95);
+$parcel$export(module.exports, "cloudinaryImageSource", () => $244e63ca53592e4d$export$f3531f7607fb0a50);
+$parcel$export(module.exports, "cloudinaryAssetSourcePlugin", () => $244e63ca53592e4d$export$4e2fc220d417fe6a);
+$parcel$export(module.exports, "cloudinaryAssetSchema", () => $e1357c706847471f$export$3ed2e98ebe80ce58);
+$parcel$export(module.exports, "cloudinaryAssetDerivedSchema", () => $f4ab4b5f606c4dbd$export$26e4781cb23ffde8);
+
+
+
+
+
+
+
+
+
+
+
+
+
+class $95dcba7b768af49e$export$2e2bcd8739ae039 extends (0, ($parcel$interopDefault($k7rGe$react))).Component {
+    componentDidMount() {
+        const { src: src  } = this.props;
+        this.player = (0, ($parcel$interopDefault($k7rGe$videojs)))(this.videoNode, {
+            sources: [
+                {
+                    src: src
+                }
+            ],
+            controls: true
+        });
+    }
+    componentWillUnmount() {
+        if (this.player) this.player.dispose();
+    }
+    render() {
+        const { kind: kind  } = this.props;
+        const className = {
+            player: "video-js vjs-16-9 vjs-big-play-centered",
+            diff: "video-js vjs-layout-tiny vjs-fluid"
+        };
+        const style = {
+            position: "relative"
+        };
+        return /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsxs)("div", {
+            children: [
+                /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)("link", {
+                    href: "https://vjs.zencdn.net/7.8.4/video-js.css",
+                    rel: "stylesheet"
+                }),
+                /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)("div", {
+                    "data-vjs-player": true,
+                    children: /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)("video", {
+                        onClick: (event)=>event.stopPropagation(),
+                        style: kind === "diff" ? style : {},
+                        className: className[kind],
+                        ref: (node)=>{
+                            if (node) this.videoNode = node;
+                        }
+                    })
+                })
+            ]
+        });
+    }
+}
+
+
+const $f5b36b9feac7c9dc$var$widgetSrc = "https://media-library.cloudinary.com/global/all.js";
+function $f5b36b9feac7c9dc$export$e762090a5452d842(asset) {
+    if (asset.derived && asset.derived.length > 0) {
+        const [derived] = asset.derived;
+        if (derived.secure_url) return derived.secure_url;
+        return derived.url;
+    }
+    if (asset.secure_url) return asset.secure_url;
+    return asset.url;
+}
+const $f5b36b9feac7c9dc$export$7a7ae4f24e5cd9dc = (cloudName, apiKey, multiple, insertHandler, selectedAsset)=>{
+    $f5b36b9feac7c9dc$export$93b33d367be6802b($f5b36b9feac7c9dc$var$widgetSrc, ()=>{
+        const options = {
+            cloud_name: cloudName,
+            api_key: apiKey,
+            insert_caption: "Select",
+            multiple: multiple
+        };
+        if (selectedAsset) options.asset = {
+            public_id: selectedAsset.public_id,
+            type: selectedAsset.type,
+            resource_type: selectedAsset.resource_type
+        };
+        window.cloudinary.openMediaLibrary(options, {
+            insertHandler: insertHandler
+        });
+    });
+};
+const $f5b36b9feac7c9dc$export$fa8126b76e785c83 = ({ cloudName: cloudName , apiKey: apiKey , inlineContainer: inlineContainer , libraryCreated: libraryCreated , insertHandler: insertHandler  })=>{
+    $f5b36b9feac7c9dc$export$93b33d367be6802b($f5b36b9feac7c9dc$var$widgetSrc, ()=>{
+        const options = {
+            cloud_name: cloudName,
+            api_key: apiKey,
+            insert_caption: "Select",
+            inline_container: inlineContainer,
+            remove_header: true
+        };
+        libraryCreated(window.cloudinary.createMediaLibrary(options, {
+            insertHandler: insertHandler
+        }));
+    });
+};
+function $f5b36b9feac7c9dc$export$93b33d367be6802b(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.onload = ()=>{
+            if (callback) return callback();
+            return true;
+        };
+    }
+    if (existingScript && callback) return callback();
+    return true;
+}
+function $f5b36b9feac7c9dc$export$f58729bedbec21be(asset) {
+    const { resource_type: resource_type , public_id: public_id , type: type  } = asset;
+    return btoa(JSON.stringify({
+        public_id: public_id,
+        resource_type: resource_type,
+        type: type
+    })) // Sort keys alphabetically!
+    ;
+}
+function $f5b36b9feac7c9dc$export$e708ba11f5ba43ca(asset) {
+    return `${asset.public_id.split("/").slice(-1)[0]}.${asset.format}`;
+}
+function $f5b36b9feac7c9dc$export$369dff7d11616ebd(sourceId) {
+    let sourceIdDecoded;
+    try {
+        sourceIdDecoded = JSON.parse(atob(sourceId));
+    } catch (err) {
+    // Do nothing
+    }
+    return sourceIdDecoded;
+}
+
+
+
+const $ce38f38a3448fcbe$var$AssetPreview = ({ value: value , layout: layout  })=>{
+    const url = value && (0, $f5b36b9feac7c9dc$export$e762090a5452d842)(value);
+    if (!value || !url) return null;
+    switch(value.resource_type){
+        case "video":
+            return /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)((0, $k7rGe$sanityui.Box), {
+                children: /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)((0, $95dcba7b768af49e$export$2e2bcd8739ae039), {
+                    src: url,
+                    kind: "player"
+                })
+            });
+        default:
+            return /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)((0, $k7rGe$sanityui.Box), {
+                children: /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)("img", {
+                    alt: "preview",
+                    src: url,
+                    style: {
+                        maxWidth: layout === "default" ? "80px" : "100%",
+                        height: "auto"
+                    }
+                })
+            });
+    }
+};
+var $ce38f38a3448fcbe$export$2e2bcd8739ae039 = $ce38f38a3448fcbe$var$AssetPreview;
+
+
+const $9c71038cf8934db5$var$SetupButtonContainer = (0, ($parcel$interopDefault($k7rGe$styledcomponents))).div`
+  position: relative;
+  display: block;
+  font-size: 0.8em;
+  transform: translate(0%, -10%);
+`;
+const $9c71038cf8934db5$var$WidgetInput = (props)=>{
+    const { onChange: onChange , readOnly: readOnly , value: value , openMediaSelector: openMediaSelector  } = props;
+    const removeValue = (0, $k7rGe$react.useCallback)(()=>{
+        onChange((0, $k7rGe$sanity.PatchEvent).from([
+            (0, $k7rGe$sanity.unset)()
+        ]));
+    }, [
+        onChange
+    ]);
+    return /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsxs)((0, $k7rGe$sanityui.Stack), {
+        children: [
+            /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)($9c71038cf8934db5$var$SetupButtonContainer, {
+                children: /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)((0, $k7rGe$sanityui.Flex), {
+                    flex: 1,
+                    justify: "flex-end",
+                    children: /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)((0, $k7rGe$sanityui.Button), {
+                        color: "primary",
+                        icon: (0, $k7rGe$sanityicons.PlugIcon),
+                        mode: "bleed",
+                        title: "Configure",
+                        onClick: props.onSetup,
+                        tabIndex: 1
+                    })
+                })
+            }),
+            /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)((0, $k7rGe$sanityui.Flex), {
+                style: {
+                    textAlign: "center"
+                },
+                marginBottom: 2,
+                children: /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)((0, $ce38f38a3448fcbe$export$2e2bcd8739ae039), {
+                    value: value
+                })
+            }),
+            /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsxs)((0, $k7rGe$sanityui.Grid), {
+                gap: 1,
+                style: {
+                    gridTemplateColumns: "repeat(auto-fit, minmax(100px, 1fr))"
+                },
+                children: [
+                    /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)((0, $k7rGe$sanityui.Button), {
+                        disabled: readOnly,
+                        mode: "ghost",
+                        title: "Select an asset",
+                        tone: "default",
+                        onClick: openMediaSelector,
+                        text: "Select\u2026"
+                    }),
+                    /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)((0, $k7rGe$sanityui.Button), {
+                        disabled: readOnly || !value,
+                        tone: "critical",
+                        mode: "ghost",
+                        title: "Remove asset",
+                        text: "Remove",
+                        onClick: removeValue
+                    })
+                ]
+            })
+        ]
+    });
+};
+var $9c71038cf8934db5$export$2e2bcd8739ae039 = $9c71038cf8934db5$var$WidgetInput;
+
+
+
+
+
+
+
+
+
+const $dd59fa4f97eba425$var$pluginConfigKeys = [
+    {
+        key: "cloudName",
+        title: "Cloud name",
+        description: ""
+    },
+    {
+        key: "apiKey",
+        title: "API key",
+        description: ""
+    }, 
+];
+const $dd59fa4f97eba425$export$76a88f7de6507443 = "cloudinary";
+const $dd59fa4f97eba425$var$SecretsConfigView = (props)=>{
+    return /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)((0, $k7rGe$sanitystudiosecrets.SettingsView), {
+        title: "Cloudinary config",
+        namespace: $dd59fa4f97eba425$export$76a88f7de6507443,
+        keys: $dd59fa4f97eba425$var$pluginConfigKeys,
+        onClose: props.onClose
+    });
+};
+var $dd59fa4f97eba425$export$2e2bcd8739ae039 = $dd59fa4f97eba425$var$SecretsConfigView;
+
+
+const $33cd2e288485a815$var$CloudinaryInput = (props)=>{
+    const [showSettings, setShowSettings] = (0, $k7rGe$react.useState)(false);
+    const { secrets: secrets  } = (0, $k7rGe$sanitystudiosecrets.useSecrets)((0, $dd59fa4f97eba425$export$76a88f7de6507443));
+    const { onChange: onChange , schemaType: type  } = props;
+    const value = props.value || undefined;
+    const handleSelect = (0, $k7rGe$react.useCallback)((payload)=>{
+        const [asset] = payload.assets;
+        if (!asset) return;
+        onChange((0, $k7rGe$sanity.PatchEvent).from([
+            (0, $k7rGe$sanity.set)(Object.assign({
+                _type: type.name,
+                _version: 1,
+                ...value?._key ? {
+                    _key: value._key
+                } : {
+                    _key: (0, $k7rGe$nanoid.nanoid)()
+                }
+            }, asset)), 
+        ]));
+    }, [
+        onChange,
+        type,
+        value?._key
+    ]);
+    const action = secrets ? ()=>(0, $f5b36b9feac7c9dc$export$7a7ae4f24e5cd9dc)(secrets.cloudName, secrets.apiKey, false, handleSelect, value) : ()=>setShowSettings(true);
+    return /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsxs)((0, $k7rGe$reactjsxruntime.Fragment), {
+        children: [
+            showSettings && /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)((0, $dd59fa4f97eba425$export$2e2bcd8739ae039), {
+                onClose: ()=>setShowSettings(false)
+            }),
+            /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)((0, $9c71038cf8934db5$export$2e2bcd8739ae039), {
+                onSetup: ()=>setShowSettings(true),
+                openMediaSelector: action,
+                ...props
+            })
+        ]
+    });
+};
+var $33cd2e288485a815$export$2e2bcd8739ae039 = $33cd2e288485a815$var$CloudinaryInput;
+
+
+
+
+
+
+
+const $fe3d0290f00d135c$var$CloudinaryDiffPreview = ({ value: value  })=>{
+    if (!value) return null;
+    const url = (0, $f5b36b9feac7c9dc$export$e762090a5452d842)(value);
+    if (value.resource_type === "video") return /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)("section", {
+        style: {
+            display: "flex",
+            flexWrap: "wrap",
+            justifyContent: "space-between"
+        },
+        children: /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)((0, $95dcba7b768af49e$export$2e2bcd8739ae039), {
+            src: url,
+            kind: "diff"
+        })
+    });
+    return /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)("img", {
+        alt: "preview",
+        src: url,
+        style: {
+            maxWidth: "100%",
+            height: "auto"
+        }
+    });
+};
+const $fe3d0290f00d135c$var$AssetDiff = ({ diff: diff , schemaType: schemaType  })=>{
+    return /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)((0, $k7rGe$sanity.DiffFromTo), {
+        diff: diff,
+        schemaType: schemaType,
+        previewComponent: $fe3d0290f00d135c$var$CloudinaryDiffPreview
+    });
+};
+var $fe3d0290f00d135c$export$2e2bcd8739ae039 = $fe3d0290f00d135c$var$AssetDiff;
+
+
+
+
+const $e1357c706847471f$export$3ed2e98ebe80ce58 = (0, $k7rGe$sanity.defineType)({
+    type: "object",
+    name: "cloudinary.asset",
+    fields: [
+        {
+            type: "string",
+            name: "public_id"
+        },
+        {
+            type: "string",
+            name: "resource_type"
+        },
+        {
+            type: "string",
+            name: "type"
+        },
+        {
+            type: "string",
+            name: "format"
+        },
+        {
+            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"
+        },
+        {
+            type: "array",
+            name: "tags",
+            of: [
+                {
+                    type: "string"
+                }
+            ]
+        },
+        {
+            type: "datetime",
+            name: "created_at"
+        },
+        {
+            type: "array",
+            name: "derived",
+            of: [
+                {
+                    type: "cloudinary.assetDerived"
+                }
+            ]
+        },
+        {
+            type: "string",
+            name: "access_mode"
+        }
+    ],
+    components: {
+        input: (0, $33cd2e288485a815$export$2e2bcd8739ae039),
+        diff: (0, $fe3d0290f00d135c$export$2e2bcd8739ae039),
+        preview: (0, $ce38f38a3448fcbe$export$2e2bcd8739ae039)
+    },
+    preview: {
+        select: {
+            url: "url",
+            resource_type: "resource_type",
+            derived: "derived.0.url"
+        },
+        prepare ({ url: url , derived: derived , resource_type: resource_type  }) {
+            return {
+                title: url,
+                resource_type: resource_type,
+                url: derived || url
+            };
+        }
+    }
+});
+
+
+
+const $f4ab4b5f606c4dbd$export$26e4781cb23ffde8 = (0, $k7rGe$sanity.defineType)({
+    type: "object",
+    name: "cloudinary.assetDerived",
+    fields: [
+        {
+            type: "string",
+            name: "raw_transformation"
+        },
+        {
+            type: "url",
+            name: "url"
+        },
+        {
+            type: "url",
+            name: "secure_url"
+        }, 
+    ]
+});
+
+
+
+
+
+function $322289a7e26b0974$export$41acf4847aa33418() {
+    return /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.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__*/ (0, $k7rGe$reactjsxruntime.jsxs)("g", {
+            children: [
+                /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.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__*/ (0, $k7rGe$reactjsxruntime.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__*/ (0, $k7rGe$reactjsxruntime.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__*/ (0, $k7rGe$reactjsxruntime.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"
+                })
+            ]
+        })
+    });
+}
+
+
+
+
+
+
+
+
+
+
+const $6307c4f1c8970a7e$export$a829527ff4e4114a = (0, ($parcel$interopDefault($k7rGe$styledcomponents))).div`
+  height: 70vh;
+`;
+function $6307c4f1c8970a7e$export$d86b01636c6a833b(props) {
+    const { onClose: onClose  } = props;
+    const [loadingMessage, setLoadingMessage] = (0, $k7rGe$react.useState)("Loading Cloudinary Media Libary");
+    const library = (0, $k7rGe$react.useRef)();
+    const contentRef = (0, $k7rGe$react.useRef)(null);
+    const { secrets: secrets  } = (0, $k7rGe$sanitystudiosecrets.useSecrets)((0, $dd59fa4f97eba425$export$76a88f7de6507443));
+    const cloudName = secrets?.cloudName;
+    const apiKey = secrets?.apiKey;
+    const [widgetId] = (0, $k7rGe$react.useState)(()=>`cloundinaryWidget-${Date.now()}`);
+    const [showSettings, setShowSettings] = (0, $k7rGe$react.useState)(false);
+    const propsRef = (0, $k7rGe$react.useRef)(props);
+    (0, $k7rGe$react.useEffect)(()=>{
+        // because we have to access props after loading js in a callback,
+        // we cannot pass props as dependecnies as that will cause infinite updates
+        // this takes a snapshot of props, so we can access them later
+        propsRef.current = props;
+    }, [
+        props
+    ]);
+    const handleClose = (0, $k7rGe$react.useCallback)(()=>{
+        if (library.current) library.current.hide();
+        onClose();
+    }, [
+        onClose,
+        library
+    ]);
+    (0, $k7rGe$react.useEffect)(()=>{
+        if (!cloudName || !apiKey) return;
+        (0, $f5b36b9feac7c9dc$export$fa8126b76e785c83)({
+            cloudName: cloudName,
+            apiKey: apiKey,
+            inlineContainer: `#${widgetId}`,
+            libraryCreated: (lib)=>{
+                library.current = lib;
+                const selectedAssets = propsRef.current.selectedAssets;
+                const firstSelectedAsset = selectedAssets ? selectedAssets[0] : null;
+                // eslint-disable-next-line no-undef
+                const iframe = contentRef.current && contentRef.current.firstChild;
+                if (iframe && iframe instanceof HTMLIFrameElement) {
+                    setLoadingMessage(undefined);
+                    let asset;
+                    if (propsRef.current.selectionType === "single" && firstSelectedAsset && firstSelectedAsset.source && firstSelectedAsset.source.id) asset = (0, $f5b36b9feac7c9dc$export$369dff7d11616ebd)(firstSelectedAsset.source.id);
+                    const folder = asset ? {
+                        path: asset.public_id.split("/").slice(0, -1).join("/"),
+                        resource_type: "image"
+                    } : {
+                        path: "",
+                        resource_type: "image"
+                    };
+                    if (lib && contentRef.current) {
+                        lib.show({
+                            folder: folder,
+                            asset: asset
+                        });
+                        contentRef.current.style.visibility = "visible";
+                    }
+                }
+            },
+            insertHandler: ({ assets: assets  })=>{
+                if (!library.current) return;
+                const imageAssets = assets.filter((asset)=>asset.resource_type === "image");
+                if (imageAssets.length === 0) throw new Error("The selection did not contain any images.");
+                library.current.hide();
+                propsRef.current.onSelect(imageAssets.map((asset)=>{
+                    const url = asset.derived && asset.derived[0] ? asset.derived[0].secure_url : asset.secure_url;
+                    return {
+                        kind: "url",
+                        value: url,
+                        assetDocumentProps: {
+                            _type: "sanity.imageAsset",
+                            originalFilename: (0, $f5b36b9feac7c9dc$export$e708ba11f5ba43ca)(asset),
+                            source: {
+                                id: (0, $f5b36b9feac7c9dc$export$f58729bedbec21be)(asset),
+                                name: `cloudinary:${cloudName}`
+                            }
+                        }
+                    };
+                }));
+            }
+        });
+    }, [
+        cloudName,
+        apiKey,
+        widgetId
+    ]);
+    const hasConfig = apiKey && cloudName;
+    return /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)((0, $k7rGe$sanityui.Dialog), {
+        id: "cloudinary-asset-source",
+        header: "Select image from Cloudinary",
+        onClose: handleClose,
+        open: true,
+        width: 4,
+        children: /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsxs)((0, $k7rGe$sanityui.Box), {
+            padding: 4,
+            children: [
+                showSettings && /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)((0, $dd59fa4f97eba425$export$2e2bcd8739ae039), {
+                    onClose: ()=>setShowSettings(false)
+                }),
+                /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)((0, $k7rGe$sanityui.Flex), {
+                    flex: 1,
+                    justify: "flex-end",
+                    children: /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)((0, $k7rGe$sanityui.Button), {
+                        color: "primary",
+                        icon: (0, $k7rGe$sanityicons.PlugIcon),
+                        mode: "bleed",
+                        title: "Configure",
+                        onClick: ()=>setShowSettings(true),
+                        tabIndex: 1,
+                        text: hasConfig ? undefined : "Configure Cloudinary plugin"
+                    })
+                }),
+                hasConfig && loadingMessage && /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsxs)((0, $k7rGe$sanityui.Stack), {
+                    space: 3,
+                    children: [
+                        /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)((0, $k7rGe$sanityui.Flex), {
+                            align: "center",
+                            justify: "center",
+                            children: /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)((0, $k7rGe$sanityui.Spinner), {
+                                muted: true
+                            })
+                        }),
+                        /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)((0, $k7rGe$sanityui.Text), {
+                            size: 1,
+                            muted: true,
+                            align: "center",
+                            children: loadingMessage
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)($6307c4f1c8970a7e$export$a829527ff4e4114a, {
+                    style: {
+                        visibility: "hidden"
+                    },
+                    ref: contentRef,
+                    id: widgetId
+                })
+            ]
+        })
+    });
+}
+
+
+const $244e63ca53592e4d$export$d69fa36e91cd4a95 = (0, $k7rGe$sanity.createPlugin)({
+    name: "cloudinary-schema",
+    schema: {
+        types: [
+            (0, $e1357c706847471f$export$3ed2e98ebe80ce58),
+            (0, $f4ab4b5f606c4dbd$export$26e4781cb23ffde8)
+        ]
+    }
+});
+const $244e63ca53592e4d$export$f3531f7607fb0a50 = {
+    name: "cloudinary-image",
+    title: "Cloudinary",
+    icon: (0, $322289a7e26b0974$export$41acf4847aa33418),
+    component: (0, $6307c4f1c8970a7e$export$d86b01636c6a833b)
+};
+const $244e63ca53592e4d$export$4e2fc220d417fe6a = (0, $k7rGe$sanity.createPlugin)({
+    name: "cloudinart-asset-source",
+    form: {
+        image: {
+            assetSources: [
+                $244e63ca53592e4d$export$f3531f7607fb0a50
+            ]
+        }
+    }
+});
+
+
+//# sourceMappingURL=index.js.map