sanity-plugin-cloudinary 1.0.0 → 1.0.2

package/lib/index.js

@@ -1,2 +1,621 @@
-"use strict";var e,n;function t(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(e);n&&(c=c.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,c)}return t}function c(e){for(var n=1;n<arguments.length;n++){var c=null!=arguments[n]?arguments[n]:{};n%2?t(Object(c),!0).forEach((function(n){r(e,n,c[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(c)):t(Object(c)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(c,n))}))}return e}function r(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function i(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}Object.defineProperty(exports,"__esModule",{value:!0});var l=require("react/jsx-runtime"),s=require("react"),o=require("sanity"),a=require("@sanity/ui"),u=require("@sanity/icons"),d=require("styled-components"),p=require("video.js"),y=require("nanoid"),h=require("@sanity/studio-secrets");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var f=m(s),v=m(d),j=m(p);class x extends f.default.Component{componentDidMount(){const{src:e}=this.props;this.player=j.default(this.videoNode,{sources:[{src:e}],controls:!0})}componentWillUnmount(){this.player&&this.player.dispose()}render(){const{kind:e}=this.props;return l.jsxs("div",{children:[l.jsx("link",{href:"https://vjs.zencdn.net/7.8.4/video-js.css",rel:"stylesheet"}),l.jsx("div",{"data-vjs-player":!0,children:l.jsx("video",{onClick:e=>e.stopPropagation(),style:"diff"===e?{position:"relative"}:{},className:{player:"video-js vjs-16-9 vjs-big-play-centered",diff:"video-js vjs-layout-tiny vjs-fluid"}[e],ref:e=>{e&&(this.videoNode=e)}})})]})}}const g="https://media-library.cloudinary.com/global/all.js";function b(e){if(e.derived&&e.derived.length>0){const[n]=e.derived;return n.secure_url?n.secure_url:n.url}return e.secure_url?e.secure_url:e.url}function _(e,n){const t=document.getElementById("damWidget");if(!t){const t=document.createElement("script");t.src=e,t.id="damWidget",document.body.appendChild(t),t.onload=()=>!n||n()}return!t||!n||n()}function C(e){const{resource_type:n,public_id:t,type:c}=e;return btoa(JSON.stringify({public_id:t,resource_type:n,type:c}))}function w(e){return"".concat(e.public_id.split("/").slice(-1)[0],".").concat(e.format)}const S=e=>{let{value:n,layout:t}=e;const c=n&&b(n);return n&&c?"video"===n.resource_type?l.jsx(a.Box,{children:l.jsx(x,{src:c,kind:"player"})}):l.jsx(a.Box,{children:l.jsx("img",{alt:"preview",src:c,style:{maxWidth:"default"===t?"80px":"100%",height:"auto"}})}):null},k=v.default.div(e||(e=i(["\n  position: relative;\n  display: block;\n  font-size: 0.8em;\n  transform: translate(0%, -10%);\n"]))),O=e=>{const{onChange:n,readOnly:t,value:c,openMediaSelector:r}=e,i=s.useCallback((()=>{n(o.PatchEvent.from([o.unset()]))}),[n]);return l.jsxs(a.Stack,{children:[l.jsx(k,{children:l.jsx(a.Flex,{flex:1,justify:"flex-end",children:l.jsx(a.Button,{color:"primary",icon:u.PlugIcon,mode:"bleed",title:"Configure",onClick:e.onSetup,tabIndex:1})})}),l.jsx(a.Flex,{style:{textAlign:"center"},marginBottom:2,children:l.jsx(S,{value:c})}),l.jsxs(a.Grid,{gap:1,style:{gridTemplateColumns:"repeat(auto-fit, minmax(100px, 1fr))"},children:[l.jsx(a.Button,{disabled:t,mode:"ghost",title:"Select an asset",tone:"default",onClick:r,text:"Select…"}),l.jsx(a.Button,{disabled:t||!c,tone:"critical",mode:"ghost",title:"Remove asset",text:"Remove",onClick:i})]})]})},P=[{key:"cloudName",title:"Cloud name",description:""},{key:"apiKey",title:"API key",description:""}],D=e=>l.jsx(h.SettingsView,{title:"Cloudinary config",namespace:"cloudinary",keys:P,onClose:e.onClose}),B=e=>{let{value:n}=e;if(!n)return null;const t=b(n);return"video"===n.resource_type?l.jsx("section",{style:{display:"flex",flexWrap:"wrap",justifyContent:"space-between"},children:l.jsx(x,{src:t,kind:"diff"})}):l.jsx("img",{alt:"preview",src:t,style:{maxWidth:"100%",height:"auto"}})},M=o.defineType(c(c({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:e=>{const[n,t]=s.useState(!1),{secrets:r}=h.useSecrets("cloudinary"),{onChange:i,schemaType:a}=e,u=e.value||void 0,d=s.useCallback((e=>{const[n]=e.assets;n&&i(o.PatchEvent.from([o.set(Object.assign(c({_type:a.name,_version:1},(null==u?void 0:u._key)?{_key:u._key}:{_key:y.nanoid()}),n))]))}),[i,a,null==u?void 0:u._key]),p=r?()=>{return e=r.cloudName,n=r.apiKey,t=!1,c=d,i=u,void _(g,(()=>{const r={cloud_name:e,api_key:n,insert_caption:"Select",multiple:t};i&&(r.asset={public_id:i.public_id,type:i.type,resource_type:i.resource_type}),window.cloudinary.openMediaLibrary(r,{insertHandler:c})}));var e,n,t,c,i}:()=>t(!0);return l.jsxs(l.Fragment,{children:[n&&l.jsx(D,{onClose:()=>t(!1)}),l.jsx(O,c({onSetup:()=>t(!0),openMediaSelector:p},e))]})},diff:e=>{let{diff:n,schemaType:t}=e;return l.jsx(o.DiffFromTo,{diff:n,schemaType:t,previewComponent:B})},preview:S}}),{},{preview:{select:{url:"url",resource_type:"resource_type",derived:"derived.0.url"},prepare(e){let{url:n,derived:t,resource_type:c}=e;return{title:n,resource_type:c,url:t||n}}}})),E=o.defineType({type:"object",name:"cloudinary.assetDerived",fields:[{type:"string",name:"raw_transformation"},{type:"url",name:"url"},{type:"url",name:"secure_url"}]});const T=v.default.div(n||(n=i(["\n  height: 70vh;\n"])));const F=o.definePlugin({name:"cloudinary-schema",schema:{types:[M,E]}}),N={name:"cloudinary-image",title:"Cloudinary",icon:function(){return l.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:l.jsxs("g",{children:[l.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\n        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\n        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\n        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\n        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\n        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\n        c0,10.693-6.934,20.146-17.253,23.523C116.382,109.18,115.98,109.242,115.585,109.242z"}),l.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\n        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\n        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\n        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\n        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\n        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\n        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\n        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\n        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\n        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\n        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\n        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\n        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\n        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\n        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\n        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\n        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"}),l.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\n        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\n        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\n        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\n        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\n        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\n        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\n        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\n        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\n        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\n        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\n        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\n        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\n        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\n        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\n        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\n        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\n        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\n        C84.267,111.345,84.112,111.121,83.889,111.02z"}),l.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\n        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\n        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\n        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\n        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\n        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\n        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\n        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\n        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\n        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\n        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\n        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\n        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\n        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\n        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\n        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\n        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\n        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\n        C111.045,111.345,110.889,111.121,110.667,111.02z"})]})})},component:function(e){const{onClose:n}=e,[t,c]=s.useState("Loading Cloudinary Media Libary"),r=s.useRef(),i=s.useRef(null),{secrets:o}=h.useSecrets("cloudinary"),d=null==o?void 0:o.cloudName,p=null==o?void 0:o.apiKey,[y]=s.useState((()=>"cloundinaryWidget-".concat(Date.now()))),[m,f]=s.useState(!1),v=s.useRef(e);s.useEffect((()=>{v.current=e}),[e]);const j=s.useCallback((()=>{r.current&&r.current.hide(),n()}),[n,r]);s.useEffect((()=>{d&&p&&(e=>{let{cloudName:n,apiKey:t,inlineContainer:c,libraryCreated:r,insertHandler:i}=e;_(g,(()=>{const e={cloud_name:n,api_key:t,insert_caption:"Select",inline_container:c,remove_header:!0};r(window.cloudinary.createMediaLibrary(e,{insertHandler:i}))}))})({cloudName:d,apiKey:p,inlineContainer:"#".concat(y),libraryCreated:e=>{r.current=e;const n=v.current.selectedAssets,t=n?n[0]:null,l=i.current&&i.current.firstChild;if(l&&l instanceof HTMLIFrameElement){let n;c(void 0),"single"===v.current.selectionType&&t&&t.source&&t.source.id&&(n=function(e){let n;try{n=JSON.parse(atob(e))}catch(e){}return n}(t.source.id));const r=n?{path:n.public_id.split("/").slice(0,-1).join("/"),resource_type:"image"}:{path:"",resource_type:"image"};e&&i.current&&(e.show({folder:r,asset:n}),i.current.style.visibility="visible")}},insertHandler:e=>{let{assets:n}=e;if(!r.current)return;const t=n.filter((e=>"image"===e.resource_type));if(0===t.length)throw new Error("The selection did not contain any images.");r.current.hide(),v.current.onSelect(t.map((e=>({kind:"url",value:e.derived&&e.derived[0]?e.derived[0].secure_url:e.secure_url,assetDocumentProps:{_type:"sanity.imageAsset",originalFilename:w(e),source:{id:C(e),name:"cloudinary:".concat(d)}}}))))}})}),[d,p,y]);const x=p&&d;return l.jsx(a.Dialog,{id:"cloudinary-asset-source",header:"Select image from Cloudinary",onClose:j,open:!0,width:4,children:l.jsxs(a.Box,{padding:4,children:[m&&l.jsx(D,{onClose:()=>f(!1)}),l.jsx(a.Flex,{flex:1,justify:"flex-end",children:l.jsx(a.Button,{color:"primary",icon:u.PlugIcon,mode:"bleed",title:"Configure",onClick:()=>f(!0),tabIndex:1,text:x?void 0:"Configure Cloudinary plugin"})}),x&&t&&l.jsxs(a.Stack,{space:3,children:[l.jsx(a.Flex,{align:"center",justify:"center",children:l.jsx(a.Spinner,{muted:!0})}),l.jsx(a.Text,{size:1,muted:!0,align:"center",children:t})]}),l.jsx(T,{style:{visibility:"hidden"},ref:i,id:y})]})})}},q=o.definePlugin({name:"cloudinart-asset-source",form:{image:{assetSources:[N]}}});exports.cloudinaryAssetDerivedSchema=E,exports.cloudinaryAssetSchema=M,exports.cloudinaryAssetSourcePlugin=q,exports.cloudinaryImageSource=N,exports.cloudinarySchemaPlugin=F;
+'use strict';
+
+var _templateObject, _templateObject2;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var sanity = require('sanity');
+var ui = require('@sanity/ui');
+var icons = require('@sanity/icons');
+var styled = require('styled-components');
+var nanoid = require('nanoid');
+var studioSecrets = require('@sanity/studio-secrets');
+function _interopDefaultCompat(e) {
+  return e && typeof e === 'object' && 'default' in e ? e : {
+    default: e
+  };
+}
+var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
+function VideoPlayer(props) {
+  const {
+    src
+  } = props;
+  const style = {
+    width: "100%",
+    height: "auto"
+  };
+  return /* @__PURE__ */jsxRuntime.jsx("video", {
+    controls: true,
+    style,
+    children: /* @__PURE__ */jsxRuntime.jsx("source", {
+      src,
+      type: "video/mp4"
+    })
+  });
+}
+const widgetSrc = "https://media-library.cloudinary.com/global/all.js";
+function assetUrl(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 openMediaSelector = (cloudName, apiKey, multiple, insertHandler, selectedAsset) => {
+  loadJS(widgetSrc, () => {
+    const options = {
+      cloud_name: cloudName,
+      api_key: apiKey,
+      insert_caption: "Select",
+      multiple
+    };
+    if (selectedAsset) {
+      options.asset = {
+        public_id: selectedAsset.public_id,
+        type: selectedAsset.type,
+        resource_type: selectedAsset.resource_type
+      };
+    }
+    window.cloudinary.openMediaLibrary(options, {
+      insertHandler
+    });
+  });
+};
+const createMediaLibrary = _ref => {
+  let {
+    cloudName,
+    apiKey,
+    inlineContainer,
+    libraryCreated,
+    insertHandler
+  } = _ref;
+  loadJS(widgetSrc, () => {
+    const options = {
+      cloud_name: cloudName,
+      api_key: apiKey,
+      insert_caption: "Select",
+      inline_container: inlineContainer,
+      remove_header: true
+    };
+    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.onload = () => {
+      if (callback) {
+        return callback();
+      }
+      return true;
+    };
+  }
+  if (existingScript && callback) {
+    return callback();
+  }
+  return true;
+}
+function encodeSourceId(asset) {
+  const {
+    resource_type,
+    public_id,
+    type
+  } = asset;
+  return btoa(JSON.stringify({
+    public_id,
+    resource_type,
+    type
+  }));
+}
+function encodeFilename(asset) {
+  return "".concat(asset.public_id.split("/").slice(-1)[0], ".").concat(asset.format);
+}
+function decodeSourceId(sourceId) {
+  let sourceIdDecoded;
+  try {
+    sourceIdDecoded = JSON.parse(atob(sourceId));
+  } catch (err) {}
+  return sourceIdDecoded;
+}
+const AssetPreview = _ref2 => {
+  let {
+    value,
+    layout
+  } = _ref2;
+  const url = value && assetUrl(value);
+  if (!value || !url) {
+    return null;
+  }
+  switch (value.resource_type) {
+    case "video":
+      return /* @__PURE__ */jsxRuntime.jsx(ui.Flex, {
+        align: "center",
+        style: {
+          maxWidth: layout === "default" ? "80px" : "100%"
+        },
+        children: /* @__PURE__ */jsxRuntime.jsx(VideoPlayer, {
+          src: url,
+          kind: "player"
+        })
+      });
+    default:
+      return /* @__PURE__ */jsxRuntime.jsx(ui.Flex, {
+        align: "center",
+        children: /* @__PURE__ */jsxRuntime.jsx("img", {
+          alt: "preview",
+          src: url,
+          style: {
+            maxWidth: layout === "default" ? "80px" : "100%",
+            height: "auto"
+          }
+        })
+      });
+  }
+};
+const SetupButtonContainer = styled__default.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: relative;\n  display: block;\n  font-size: 0.8em;\n  transform: translate(0%, -10%);\n"])));
+const WidgetInput = props => {
+  const {
+    onChange,
+    readOnly,
+    value,
+    openMediaSelector
+  } = props;
+  const removeValue = react.useCallback(() => {
+    onChange(sanity.PatchEvent.from([sanity.unset()]));
+  }, [onChange]);
+  return /* @__PURE__ */jsxRuntime.jsxs(ui.Stack, {
+    children: [/* @__PURE__ */jsxRuntime.jsx(SetupButtonContainer, {
+      children: /* @__PURE__ */jsxRuntime.jsx(ui.Flex, {
+        flex: 1,
+        justify: "flex-end",
+        children: /* @__PURE__ */jsxRuntime.jsx(ui.Button, {
+          color: "primary",
+          icon: icons.PlugIcon,
+          mode: "bleed",
+          title: "Configure",
+          onClick: props.onSetup,
+          tabIndex: 1
+        })
+      })
+    }), /* @__PURE__ */jsxRuntime.jsx(ui.Flex, {
+      style: {
+        textAlign: "center",
+        width: "100%"
+      },
+      marginBottom: 2,
+      children: /* @__PURE__ */jsxRuntime.jsx(AssetPreview, {
+        value
+      })
+    }), /* @__PURE__ */jsxRuntime.jsxs(ui.Grid, {
+      gap: 1,
+      style: {
+        gridTemplateColumns: "repeat(auto-fit, minmax(100px, 1fr))"
+      },
+      children: [/* @__PURE__ */jsxRuntime.jsx(ui.Button, {
+        disabled: readOnly,
+        mode: "ghost",
+        title: "Select an asset",
+        tone: "default",
+        onClick: openMediaSelector,
+        text: "Select\u2026"
+      }), /* @__PURE__ */jsxRuntime.jsx(ui.Button, {
+        disabled: readOnly || !value,
+        tone: "critical",
+        mode: "ghost",
+        title: "Remove asset",
+        text: "Remove",
+        onClick: removeValue
+      })]
+    })]
+  });
+};
+const pluginConfigKeys = [{
+  key: "cloudName",
+  title: "Cloud name",
+  description: ""
+}, {
+  key: "apiKey",
+  title: "API key",
+  description: ""
+}];
+const namespace = "cloudinary";
+const SecretsConfigView = props => {
+  return /* @__PURE__ */jsxRuntime.jsx(studioSecrets.SettingsView, {
+    title: "Cloudinary config",
+    namespace,
+    keys: pluginConfigKeys,
+    onClose: props.onClose
+  });
+};
+const CloudinaryInput = props => {
+  const [showSettings, setShowSettings] = react.useState(false);
+  const {
+    secrets
+  } = studioSecrets.useSecrets(namespace);
+  const {
+    onChange,
+    schemaType: type
+  } = props;
+  const value = props.value || void 0;
+  const handleSelect = react.useCallback(payload => {
+    const [asset] = payload.assets;
+    if (!asset) {
+      return;
+    }
+    onChange(sanity.PatchEvent.from([sanity.set(Object.assign({
+      _type: type.name,
+      _version: 1,
+      ...((value == null ? void 0 : value._key) ? {
+        _key: value._key
+      } : {
+        _key: nanoid.nanoid()
+      })
+    }, asset))]));
+  }, [onChange, type, value == null ? void 0 : value._key]);
+  const action = secrets ? () => openMediaSelector(secrets.cloudName, secrets.apiKey, false,
+  // single selection
+  handleSelect, value) : () => setShowSettings(true);
+  return /* @__PURE__ */jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [showSettings && /* @__PURE__ */jsxRuntime.jsx(SecretsConfigView, {
+      onClose: () => setShowSettings(false)
+    }), /* @__PURE__ */jsxRuntime.jsx(WidgetInput, {
+      onSetup: () => setShowSettings(true),
+      openMediaSelector: action,
+      ...props
+    })]
+  });
+};
+const CloudinaryDiffPreview = _ref3 => {
+  let {
+    value
+  } = _ref3;
+  if (!value) {
+    return null;
+  }
+  const url = assetUrl(value);
+  if (value.resource_type === "video" && url) {
+    return /* @__PURE__ */jsxRuntime.jsx("section", {
+      style: {
+        display: "flex",
+        flexWrap: "wrap",
+        justifyContent: "space-between"
+      },
+      children: /* @__PURE__ */jsxRuntime.jsx(VideoPlayer, {
+        src: url,
+        kind: "diff"
+      })
+    });
+  }
+  return /* @__PURE__ */jsxRuntime.jsx("img", {
+    alt: "preview",
+    src: url,
+    style: {
+      maxWidth: "100%",
+      height: "auto"
+    }
+  });
+};
+const AssetDiff = _ref4 => {
+  let {
+    diff,
+    schemaType
+  } = _ref4;
+  return /* @__PURE__ */jsxRuntime.jsx(sanity.DiffFromTo, {
+    diff,
+    schemaType,
+    previewComponent: CloudinaryDiffPreview
+  });
+};
+const cloudinaryAssetSchema = sanity.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"
+    }]
+  }, {
+    type: "string",
+    name: "access_mode"
+  }
+  // context array of unknown content
+  // metadata array of unknown content
+  ],
+
+  ...{
+    components: {
+      input: CloudinaryInput,
+      diff: AssetDiff,
+      preview: AssetPreview
+    }
+  },
+  //TODO revert this change when rc.1 is released
+  preview: {
+    select: {
+      url: "url",
+      resource_type: "resource_type",
+      derived: "derived.0.url"
+    },
+    prepare(_ref5) {
+      let {
+        url,
+        derived,
+        resource_type
+      } = _ref5;
+      return {
+        title: url,
+        value: {
+          title: url,
+          resource_type,
+          url: derived || url
+        }
+      };
+    }
+  }
+});
+const cloudinaryAssetDerivedSchema = sanity.defineType({
+  type: "object",
+  name: "cloudinary.assetDerived",
+  fields: [{
+    type: "string",
+    name: "raw_transformation"
+  }, {
+    type: "url",
+    name: "url"
+  }, {
+    type: "url",
+    name: "secure_url"
+  }]
+});
+function CloudinaryIcon() {
+  return /* @__PURE__ */jsxRuntime.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__ */jsxRuntime.jsxs("g", {
+      children: [/* @__PURE__ */jsxRuntime.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\n        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\n        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\n        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\n        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\n        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\n        c0,10.693-6.934,20.146-17.253,23.523C116.382,109.18,115.98,109.242,115.585,109.242z"
+      }), /* @__PURE__ */jsxRuntime.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\n        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\n        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\n        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\n        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\n        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\n        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\n        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\n        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\n        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\n        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\n        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\n        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\n        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\n        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\n        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\n        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__ */jsxRuntime.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\n        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\n        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\n        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\n        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\n        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\n        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\n        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\n        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\n        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\n        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\n        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\n        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\n        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\n        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\n        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\n        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\n        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\n        C84.267,111.345,84.112,111.121,83.889,111.02z"
+      }), /* @__PURE__ */jsxRuntime.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\n        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\n        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\n        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\n        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\n        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\n        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\n        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\n        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\n        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\n        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\n        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\n        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\n        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\n        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\n        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\n        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\n        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\n        C111.045,111.345,110.889,111.121,110.667,111.02z"
+      })]
+    })
+  });
+}
+const Widget = styled__default.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  height: 70vh;\n"])));
+function CloudinaryAssetSource(props) {
+  const {
+    onClose
+  } = props;
+  const [loadingMessage, setLoadingMessage] = react.useState("Loading Cloudinary Media Libary");
+  const library = react.useRef();
+  const contentRef = react.useRef(null);
+  const {
+    secrets
+  } = studioSecrets.useSecrets(namespace);
+  const cloudName = secrets == null ? void 0 : secrets.cloudName;
+  const apiKey = secrets == null ? void 0 : secrets.apiKey;
+  const [widgetId] = react.useState(() => "cloundinaryWidget-".concat(Date.now()));
+  const [showSettings, setShowSettings] = react.useState(false);
+  const propsRef = react.useRef(props);
+  react.useEffect(() => {
+    propsRef.current = props;
+  }, [props]);
+  const handleClose = react.useCallback(() => {
+    if (library.current) {
+      library.current.hide();
+    }
+    onClose();
+  }, [onClose, library]);
+  react.useEffect(() => {
+    if (!cloudName || !apiKey) {
+      return;
+    }
+    createMediaLibrary({
+      cloudName,
+      apiKey,
+      inlineContainer: "#".concat(widgetId),
+      libraryCreated: lib => {
+        library.current = lib;
+        const selectedAssets = propsRef.current.selectedAssets;
+        const firstSelectedAsset = selectedAssets ? selectedAssets[0] : null;
+        const iframe = contentRef.current && contentRef.current.firstChild;
+        if (iframe && iframe instanceof HTMLIFrameElement) {
+          setLoadingMessage(void 0);
+          let asset;
+          if (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"
+          };
+          if (lib && contentRef.current) {
+            lib.show({
+              folder,
+              asset
+            });
+            contentRef.current.style.visibility = "visible";
+          }
+        }
+      },
+      insertHandler: _ref6 => {
+        let {
+          assets
+        } = _ref6;
+        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: encodeFilename(asset),
+              source: {
+                id: encodeSourceId(asset),
+                name: "cloudinary:".concat(cloudName)
+              }
+            }
+          };
+        }));
+      }
+    });
+  }, [cloudName, apiKey, widgetId]);
+  const hasConfig = apiKey && cloudName;
+  return /* @__PURE__ */jsxRuntime.jsx(ui.Dialog, {
+    id: "cloudinary-asset-source",
+    header: "Select image from Cloudinary",
+    onClose: handleClose,
+    open: true,
+    width: 4,
+    children: /* @__PURE__ */jsxRuntime.jsxs(ui.Box, {
+      padding: 4,
+      children: [showSettings && /* @__PURE__ */jsxRuntime.jsx(SecretsConfigView, {
+        onClose: () => setShowSettings(false)
+      }), /* @__PURE__ */jsxRuntime.jsx(ui.Flex, {
+        flex: 1,
+        justify: "flex-end",
+        children: /* @__PURE__ */jsxRuntime.jsx(ui.Button, {
+          color: "primary",
+          icon: icons.PlugIcon,
+          mode: "bleed",
+          title: "Configure",
+          onClick: () => setShowSettings(true),
+          tabIndex: 1,
+          text: hasConfig ? void 0 : "Configure Cloudinary plugin"
+        })
+      }), hasConfig && loadingMessage && /* @__PURE__ */jsxRuntime.jsxs(ui.Stack, {
+        space: 3,
+        children: [/* @__PURE__ */jsxRuntime.jsx(ui.Flex, {
+          align: "center",
+          justify: "center",
+          children: /* @__PURE__ */jsxRuntime.jsx(ui.Spinner, {
+            muted: true
+          })
+        }), /* @__PURE__ */jsxRuntime.jsx(ui.Text, {
+          size: 1,
+          muted: true,
+          align: "center",
+          children: loadingMessage
+        })]
+      }), /* @__PURE__ */jsxRuntime.jsx(Widget, {
+        style: {
+          visibility: "hidden"
+        },
+        ref: contentRef,
+        id: widgetId
+      })]
+    })
+  });
+}
+const cloudinarySchemaPlugin = sanity.definePlugin({
+  name: "cloudinary-schema",
+  schema: {
+    types: [cloudinaryAssetSchema, cloudinaryAssetDerivedSchema]
+  }
+});
+const cloudinaryImageSource = {
+  name: "cloudinary-image",
+  title: "Cloudinary",
+  icon: CloudinaryIcon,
+  component: CloudinaryAssetSource
+};
+const cloudinaryAssetSourcePlugin = sanity.definePlugin({
+  name: "cloudinart-asset-source",
+  form: {
+    image: {
+      assetSources: [cloudinaryImageSource]
+    }
+  }
+});
+exports.cloudinaryAssetDerivedSchema = cloudinaryAssetDerivedSchema;
+exports.cloudinaryAssetSchema = cloudinaryAssetSchema;
+exports.cloudinaryAssetSourcePlugin = cloudinaryAssetSourcePlugin;
+exports.cloudinaryImageSource = cloudinaryImageSource;
+exports.cloudinarySchemaPlugin = cloudinarySchemaPlugin;
 //# sourceMappingURL=index.js.map