npm - @sanity/google-maps-input - Versions diffs - 3.0.0 → 3.0.1 - Mend

@sanity/google-maps-input 3.0.0 → 3.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (9) hide show

package/LICENSE +1 -1
package/lib/index.esm.js +1 -1
package/lib/index.esm.js.map +1 -1
package/lib/index.js +1 -1
package/lib/index.js.map +1 -1
package/package.json +2 -3
package/src/loader/GoogleMapsLoadProxy.tsx +44 -37
package/src/loader/LoadError.tsx +1 -1
package/src/loader/loadGoogleMapsApi.ts +40 -64

package/LICENSE CHANGED Viewed

@@ -1,6 +1,6 @@
 MIT License
-Copyright (c) 2022 Sanity.io
+Copyright (c) 2023 Sanity.io
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/lib/index.esm.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e,t,n,o,r;function i(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function a(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?i(Object(n),!0).forEach((function(t){l(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):i(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function l(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function s(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}import{jsxs as c,jsx as d,Fragment as p}from"react/jsx-runtime";import*as h from"react";import u from"react";import{uniqueId as m}from"lodash";import{Card as f,Box as g,Text as v,Code as C,TextInput as y,Grid as k,Button as b,Dialog as w}from"@sanity/ui";import{EditIcon as M,TrashIcon as P}from"@sanity/icons";import{setIfMissing as x,set as O,unset as I,ChangeIndicator as S,useUserColor as E,getAnnotationAtPath as H,DiffTooltip as R,definePlugin as j}from"sanity";import{BehaviorSubject as L}from"rxjs";import z from"styled-components";const T="___sanity_googleMapsApiCallback",A="undefined"!=typeof window&&window.navigator.language||"en";let D;function V(e,t){return t||("string"==typeof e?new Error(e):new Error(function(e){if("object"!=typeof e||null===e)return!1;if(!("message"in e))return!1;return"string"==typeof e.message}(e)?e.message:"Failed to load Google Maps API"))}function B(e){var t;return c(f,{tone:"critical",radius:1,children:[d(g,{as:"header",paddingX:4,paddingTop:4,paddingBottom:1,children:d(v,{as:"h2",weight:"bold",children:"Google Maps failed to load"})}),d(g,{paddingX:4,paddingTop:4,paddingBottom:1,children:e.isAuthError?d(_,{}):c(p,{children:[d(v,{as:"h3",children:"Error details:"}),d("pre",{children:d(C,{size:1,children:"error"in e&&(null==(t=e.error)?void 0:t.message)})})]})})]})}function _(){return c(v,{children:[d("p",{children:"The error appears to be related to authentication"}),d("p",{children:"Common causes include:"}),c("ul",{children:[d("li",{children:"Incorrect API key"}),d("li",{children:"Referer not allowed"}),d("li",{children:"Missing authentication scope"})]}),d("p",{children:"Check the browser developer tools for more information."})]})}class W extends u.Component{constructor(e){super(e),this.state={loadState:"loading"};let t=!0;this.loadSubscription=function(e){const t=e.defaultLocale||A||"en-US";if(D)return D;D=new L({loadState:"loading"}),window.gm_authFailure=()=>{delete window.gm_authFailure,D.next({loadState:"authError"})},window[T]=()=>{delete window[T],D.next({loadState:"loaded",api:window.google.maps})};const n=document.createElement("script");return n.onerror=(e,t,n,o,r)=>D.next({loadState:"loadError",error:V(e,r)}),n.src="https://maps.googleapis.com/maps/api/js?key=".concat(e.apiKey,"&libraries=places&callback=").concat(T,"&language=").concat(t),document.getElementsByTagName("head")[0].appendChild(n),D}(e.config).subscribe((e=>{t?this.state=e:this.setState(e)})),t=!1}componentWillUnmount(){this.loadSubscription&&this.loadSubscription.unsubscribe()}render(){switch(this.state.loadState){case"loadError":return d(B,{error:this.state.error,isAuthError:!1});case"authError":return d(B,{isAuthError:!0});case"loading":return d("div",{children:"Loading Google Maps API"});case"loaded":return this.props.children(this.state.api)||null;default:return null}}}const U=z.div(e||(e=s(["\n  position: absolute;\n  right: 10px;\n  top: 10px;\n  width: 220px;\n"])));class G extends h.PureComponent{constructor(){super(...arguments),this.searchInputRef=h.createRef(),this.handleChange=()=>{this.autoComplete&&(this.props.onChange(this.autoComplete.getPlace()),this.searchInputRef.current&&(this.searchInputRef.current.value=""))}}componentDidMount(){const e=this.searchInputRef.current;if(!e)return;const{api:t,map:n}=this.props,{Circle:o,places:r,event:i}=t,a=new o({center:n.getCenter(),radius:100}).getBounds();this.autoComplete=new r.Autocomplete(e,{bounds:a,types:[]}),i.addListener(this.autoComplete,"place_changed",this.handleChange)}render(){return d(U,{children:d(y,{name:"place",ref:this.searchInputRef,placeholder:"Search for place or address",padding:4})})}}function Z(e,t){const n="function"==typeof e.lat?e.lat():e.lat,o="function"==typeof e.lng?e.lng():e.lng,r="function"==typeof t.lat?t.lat():t.lat,i="function"==typeof t.lng?t.lng():t.lng;return n===r&&o===i}const F=z.div(t||(t=s(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n  box-sizing: border-box;\n"])));class N extends u.PureComponent{constructor(){super(...arguments),this.state={map:void 0},this.mapRef=u.createRef(),this.mapEl=null,this.attachClickHandler=()=>{const e=this.state.map;if(!e)return;const{api:t,onClick:n}=this.props,{event:o}=t;this.clickHandler&&this.clickHandler.remove(),n&&(this.clickHandler=o.addListener(e,"click",n))},this.setMapElement=e=>{if(e&&e!==this.mapEl){const t=this.constructMap(e);this.setState({map:t},this.attachClickHandler)}this.mapEl=e}}componentDidMount(){this.attachClickHandler()}componentDidUpdate(e){const t=this.state.map;if(!t)return;const{onClick:n,location:o,bounds:r}=this.props;e.onClick!==n&&this.attachClickHandler(),Z(e.location,o)||t.panTo(this.getCenter()),!r||e.bounds&&r.equals(e.bounds)||t.fitBounds(r)}componentWillUnmount(){this.clickHandler&&this.clickHandler.remove()}getCenter(){const{location:e,api:t}=this.props;return new t.LatLng(e.lat,e.lng)}constructMap(e){const{defaultZoom:t,api:n,mapTypeControl:o,controlSize:r,bounds:i,scrollWheel:a}=this.props,l=new n.Map(e,{zoom:t,center:this.getCenter(),scrollwheel:a,streetViewControl:!1,mapTypeControl:o,controlSize:r});return i&&l.fitBounds(i),l}render(){const{children:e}=this.props,{map:t}=this.state;return c(p,{children:[d(F,{ref:this.setMapElement}),e&&t?e(t):null]})}}N.defaultProps={defaultZoom:8,scrollWheel:!0};class J extends h.PureComponent{constructor(){super(...arguments),this.eventHandlers={}}componentDidMount(){const{position:e,api:t,map:n,onMove:o,zIndex:r,opacity:i,label:a,markerRef:l,color:s}=this.props,{Marker:c}=t;let d;s&&(d={path:"M 3.052 3.7 C 1.56 5.293 0.626 7.612 0.663 9.793 C 0.738 14.352 2.793 16.077 6.078 22.351 C 7.263 25.111 8.497 28.032 9.672 32.871 C 9.835 33.584 9.994 34.246 10.069 34.305 C 10.143 34.362 10.301 33.697 10.465 32.983 C 11.639 28.145 12.875 25.226 14.059 22.466 C 17.344 16.192 19.398 14.466 19.474 9.908 C 19.511 7.727 18.574 5.405 17.083 3.814 C 15.379 1.994 12.809 0.649 10.069 0.593 C 7.328 0.536 4.756 1.882 3.052 3.7 Z",fillOpacity:1,fillColor:s.background,strokeColor:s.border,strokeWeight:2,anchor:new t.Point(10,35),labelOrigin:new t.Point(10,11)}),this.marker=new c({draggable:Boolean(o),position:e,map:n,zIndex:r,opacity:i,label:a,icon:d}),l&&(l.current=this.marker),this.attachMoveHandler(),this.attachClickHandler()}componentDidUpdate(e){if(!this.marker)return;const{position:t,onMove:n,label:o,zIndex:r,opacity:i,map:a}=this.props;e.onMove!==n&&this.attachMoveHandler(),Z(e.position,t)||this.marker.setPosition(t),e.label!==o&&this.marker.setLabel(o||null),e.zIndex!==r&&this.marker.setZIndex(r||null),e.opacity!==i&&this.marker.setOpacity(i||null),e.map!==a&&this.marker.setMap(a)}componentWillUnmount(){this.eventHandlers.move&&this.eventHandlers.move.remove(),this.marker&&this.marker.setMap(null)}attachMoveHandler(){const{api:e,onMove:t}=this.props;this.eventHandlers.move&&this.eventHandlers.move.remove(),this.marker&&t&&(this.eventHandlers.move=e.event.addListener(this.marker,"dragend",t))}attachClickHandler(){const{api:e,onClick:t}=this.props;this.eventHandlers.click&&this.eventHandlers.click.remove(),this.marker&&t&&(this.eventHandlers.click=e.event.addListener(this.marker,"click",t))}render(){return null}}const K={lat:40.7058254,lng:-74.1180863};class X extends u.PureComponent{constructor(){super(...arguments),this.mapRef=u.createRef(),this.handlePlaceChanged=e=>{var t;(null==(t=e.geometry)?void 0:t.location)&&this.setValue(e.geometry.location)},this.handleMarkerDragEnd=e=>{e.latLng&&this.setValue(e.latLng)},this.handleMapClick=e=>{e.latLng&&this.setValue(e.latLng)}}getCenter(){const{value:e={},defaultLocation:t={}}=this.props;return a(a(a({},K),t),e)}setValue(e){this.props.onChange&&this.props.onChange(e)}render(){const{api:e,defaultZoom:t,value:n,onChange:o}=this.props;return d(N,{api:e,location:this.getCenter(),onClick:this.handleMapClick,defaultZoom:t,children:t=>c(p,{children:[d(G,{api:e,map:t,onChange:this.handlePlaceChanged}),n&&d(J,{api:e,map:t,position:n,onMove:o?this.handleMarkerDragEnd:void 0})]})})}}X.defaultProps={defaultZoom:8,defaultLocation:{lng:10.74609,lat:59.91273}};const q=z.img(n||(n=s(["\n  width: 100%;\n  height: auto;\n  vertical-align: top;\n"]))),Q=z.div(o||(o=s(["\n  height: 40rem;\n  width: 50rem;\n"])));let Y;function $(){return Y}function ee(e){Y=e}const te=(e,t)=>{const n="".concat(e.lat,",").concat(e.lng),o={key:t,center:n,markers:n,zoom:13,scale:2,size:"640x300"},r=Object.keys(o).reduce(((e,t)=>e.concat("".concat(t,"=").concat(encodeURIComponent(o[t])))),[]);return"https://maps.googleapis.com/maps/api/staticmap?".concat(r.join("&"))};class ne extends u.PureComponent{constructor(e){super(e),this._geopointInputId=m("GeopointInput"),this.setEditButton=e=>{this.editButton=e},this.handleToggleModal=()=>{this.setState((e=>({modalOpen:!e.modalOpen})))},this.handleCloseModal=()=>{this.setState({modalOpen:!1})},this.handleChange=e=>{const{schemaType:t,onChange:n}=this.props;n([x({_type:t.name}),O(e.lat(),["lat"]),O(e.lng(),["lng"])])},this.handleClear=()=>{const{onChange:e}=this.props;e(I())},this.state={modalOpen:!1}}focus(){this.editButton&&this.editButton.focus()}render(){const{value:e,readOnly:t,geoConfig:n,path:o,changed:r,focused:i}=this.props,{modalOpen:a}=this.state;return n&&n.apiKey?c(p,{children:[e&&d(S,{path:o,isChanged:r,hasFocus:!!i,children:d(q,{src:te(e,n.apiKey),alt:"Map location"})}),!t&&d(g,{marginTop:4,children:c(k,{columns:2,gap:2,children:[d(b,{mode:"ghost",icon:e&&M,padding:3,ref:this.setEditButton,text:e?"Edit":"Set location",onClick:this.handleToggleModal}),e&&d(b,{tone:"critical",icon:P,padding:3,mode:"ghost",text:"Remove",onClick:this.handleClear})]})}),a&&d(w,{id:"".concat(this._geopointInputId,"_dialog"),onClose:this.handleCloseModal,header:"Place the marker on the map",width:1,children:d(Q,{children:d(W,{config:$(),children:o=>d(X,{api:o,value:e||void 0,onChange:t?void 0:this.handleChange,defaultLocation:n.defaultLocation,defaultZoom:n.defaultZoom})})})})]}):c("div",{children:[c("p",{children:["The ",d("a",{href:"https://sanity.io/docs/schema-types/geopoint-type",children:"Geopoint type"})," needs a Google Maps API key with access to:"]}),c("ul",{children:[d("li",{children:"Google Maps JavaScript API"}),d("li",{children:"Google Places API Web Service"}),d("li",{children:"Google Static Maps API"})]}),d("p",{children:"Please enter the API key with access to these services in your googleMapsInput plugin config."})]})}}class oe extends h.PureComponent{constructor(){super(...arguments),this.eventHandlers={}}componentDidMount(){const{from:e,to:t,api:n,map:o,zIndex:r,onClick:i,color:a,arrowRef:l}=this.props,s={path:n.SymbolPath.FORWARD_OPEN_ARROW};this.line=new n.Polyline({map:o,zIndex:r,path:[e,t],icons:[{icon:s,offset:"50%"}],strokeOpacity:.55,strokeColor:a?a.text:"black"}),i&&(this.eventHandlers.click=n.event.addListener(this.line,"click",i)),l&&(l.current=this.line)}componentDidUpdate(e){if(!this.line)return;const{from:t,to:n,map:o}=this.props;Z(e.from,t)&&Z(e.to,n)||this.line.setPath([t,n]),e.map!==o&&this.line.setMap(o)}componentWillUnmount(){this.line&&this.line.setMap(null),this.eventHandlers.click&&this.eventHandlers.click.remove()}render(){return null}}function re(e){let{diff:t,api:n,map:o,label:r}=e;const{fromValue:i,toValue:a}=t,l=t.isChanged?t.annotation:void 0,s=E(l?l.author:null)||void 0,u=h.useRef(),m=h.useRef();return c(p,{children:[i&&d(J,{api:n,map:o,position:i,zIndex:0,opacity:.55,markerRef:u,color:s}),i&&a&&d(oe,{api:n,map:o,from:i,to:a,zIndex:1,color:s}),a&&d(J,{api:n,map:o,position:a,zIndex:2,markerRef:m,label:r,color:s})]})}const ie=z.div(r||(r=s(["\n  position: relative;\n  min-height: 200px;\n\n  &:empty {\n    background-color: var(--card-skeleton-color-from);\n    display: table;\n    width: 100%;\n  }\n\n  &:empty:after {\n    content: 'Missing/invalid data';\n    display: table-cell;\n    vertical-align: middle;\n    text-align: center;\n    position: relative;\n  }\n"]))),ae=e=>{let{diff:t,schemaType:n}=e;return d(ie,{children:d(W,{config:$(),children:e=>d(le,{api:e,diff:t,schemaType:n})})})};function le(e){let{api:t,diff:n}=e;const o=(n.fromValue||[]).filter(se),r=(n.toValue||[]).filter(se);if(0===o.length&&0===r.length)return null;const i=function(e,t,n){const o=new n.LatLngBounds;return[...e||[],...t||[]].forEach((e=>o.extend(e))),o}(o,r,t);return d(N,{api:t,location:i.getCenter().toJSON(),mapTypeControl:!1,controlSize:20,bounds:i,children:e=>d(p,{children:n.items.map((n=>{let{toIndex:o,diff:r}=n;return function(e){return"unchanged"!==e.action&&"object"===e.type}(r)?d(re,{api:t,map:e,diff:r,label:"".concat(o)},o):null}))})})}function se(e){return"number"==typeof e.lat&&"number"==typeof e.lng}const ce=e=>{let{diff:t,schemaType:n}=e;return d(ie,{children:d(W,{config:$(),children:e=>d(de,{api:e,diff:t,schemaType:n})})})};function de(e){let{api:t,diff:n}=e;const{fromValue:o,toValue:r}=n,i=H(n,["lat"])||H(n,["lng"])||H(n,[]),a=function(e,t){const{fromValue:n,toValue:o}=e;if(n&&o)return pe(n,o,t).getCenter().toJSON();if(n)return n;if(o)return o;throw new Error("Neither a from or a to value present")}(n,t),l=o&&r?pe(o,r,t):void 0;return d(R,{annotations:i?[i]:[],description:he(n),children:d("div",{children:d(N,{api:t,location:a,mapTypeControl:!1,controlSize:20,bounds:l,scrollWheel:!1,children:e=>d(re,{api:t,map:e,diff:n})})})})}function pe(e,t,n){return(new n.LatLngBounds).extend(e).extend(t)}function he(e){const{fromValue:t,toValue:n}=e;return t&&n?"Moved":t?"Removed":n?"Added":"Unchanged"}const ue=j((e=>(ee(e),{name:"google-maps-input",form:{components:{input(t){if(me("geopoint",t.schemaType)){return d(ne,a(a({},t),{},{geoConfig:e}))}return t.renderDefault(t)}}}})));function me(e,t){return(null==t?void 0:t.name)===e||!!(null==t?void 0:t.name)&&me(e,null==t?void 0:t.type)}export{ae as GeopointArrayDiff,ce as GeopointFieldDiff,ne as GeopointInput,ue as googleMapsInput};
+var e,t,n,o,r;function i(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function a(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?i(Object(n),!0).forEach((function(t){l(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):i(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function l(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function s(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}import{jsxs as c,jsx as p,Fragment as d}from"react/jsx-runtime";import*as h from"react";import u,{useState as m,useEffect as f}from"react";import{uniqueId as g}from"lodash";import{Card as v,Box as y,Text as C,Code as k,TextInput as b,Grid as w,Button as M,Dialog as P}from"@sanity/ui";import{EditIcon as O,TrashIcon as x}from"@sanity/icons";import{setIfMissing as I,set as H,unset as E,ChangeIndicator as R,useUserColor as L,getAnnotationAtPath as j,DiffTooltip as z,definePlugin as T}from"sanity";import S from"styled-components";const A="___sanity_googleMapsApiCallback";class D extends Error{}function V(e){return new Promise(((t,n)=>{window.gm_authFailure=()=>{n(new D("Authentication error when loading Google Maps API."))},window[A]=()=>{t(window.google.maps)};const o=document.createElement("script");o.onerror=(e,t,o,r,i)=>n(new Error(function(e,t){if(t)return t.message;if("string"==typeof e)return e;return function(e){if("object"!=typeof e||null===e)return!1;if(!("message"in e))return!1;return"string"==typeof e.message}(e)?e.message:"Failed to load Google Maps API"}(e,i))),o.src="https://maps.googleapis.com/maps/api/js?key=".concat(e.apiKey,"&libraries=places&callback=").concat(A,"&language=").concat(e.locale),document.getElementsByTagName("head")[0].appendChild(o)})).finally((()=>{delete window[A],delete window.gm_authFailure}))}let B=null;function _(e){var t;return c(v,{tone:"critical",radius:1,children:[p(y,{as:"header",paddingX:4,paddingTop:4,paddingBottom:1,children:p(C,{as:"h2",weight:"bold",children:"Google Maps failed to load"})}),p(y,{paddingX:4,paddingTop:4,paddingBottom:1,children:e.isAuthError?p(G,{}):c(d,{children:[p(C,{as:"h3",children:"Error details:"}),p("pre",{children:p(k,{size:1,children:"error"in e&&(null==(t=e.error)?void 0:t.message)})})]})})]})}function G(){return c(C,{children:[p("p",{children:"The error appears to be related to authentication"}),p("p",{children:"Common causes include:"}),c("ul",{children:[p("li",{children:"Incorrect API key"}),p("li",{children:"Referer not allowed"}),p("li",{children:"Missing authentication scope"})]}),p("p",{children:"Check the browser developer tools for more information."})]})}const W="undefined"!=typeof window&&window.navigator.language||"en";function U(e){const t=e.defaultLocale||W||"en-US",[n,o]=m({type:"loading"});return f((()=>{(function(e){return B||(B=V(e),B.catch((()=>{B=null})),B)})({locale:t,apiKey:e.apiKey}).then((e=>o({type:"loaded",api:e})),(e=>o({type:"error",error:{type:e instanceof D?"authError":"loadError",message:e.message}})))}),[t,e.apiKey]),n}function Z(e){const t=U(e.config);switch(t.type){case"error":return p(_,{error:t.error,isAuthError:"authError"===t.error.type});case"loading":return p("div",{children:"Loading Google Maps API"});case"loaded":return e.children(t.api);default:return null}}const K=S.div(e||(e=s(["\n  position: absolute;\n  right: 10px;\n  top: 10px;\n  width: 220px;\n"])));class F extends h.PureComponent{constructor(){super(...arguments),this.searchInputRef=h.createRef(),this.handleChange=()=>{this.autoComplete&&(this.props.onChange(this.autoComplete.getPlace()),this.searchInputRef.current&&(this.searchInputRef.current.value=""))}}componentDidMount(){const e=this.searchInputRef.current;if(!e)return;const{api:t,map:n}=this.props,{Circle:o,places:r,event:i}=t,a=new o({center:n.getCenter(),radius:100}).getBounds();this.autoComplete=new r.Autocomplete(e,{bounds:a,types:[]}),i.addListener(this.autoComplete,"place_changed",this.handleChange)}render(){return p(K,{children:p(b,{name:"place",ref:this.searchInputRef,placeholder:"Search for place or address",padding:4})})}}function N(e,t){const n="function"==typeof e.lat?e.lat():e.lat,o="function"==typeof e.lng?e.lng():e.lng,r="function"==typeof t.lat?t.lat():t.lat,i="function"==typeof t.lng?t.lng():t.lng;return n===r&&o===i}const J=S.div(t||(t=s(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n  box-sizing: border-box;\n"])));class X extends u.PureComponent{constructor(){super(...arguments),this.state={map:void 0},this.mapRef=u.createRef(),this.mapEl=null,this.attachClickHandler=()=>{const e=this.state.map;if(!e)return;const{api:t,onClick:n}=this.props,{event:o}=t;this.clickHandler&&this.clickHandler.remove(),n&&(this.clickHandler=o.addListener(e,"click",n))},this.setMapElement=e=>{if(e&&e!==this.mapEl){const t=this.constructMap(e);this.setState({map:t},this.attachClickHandler)}this.mapEl=e}}componentDidMount(){this.attachClickHandler()}componentDidUpdate(e){const t=this.state.map;if(!t)return;const{onClick:n,location:o,bounds:r}=this.props;e.onClick!==n&&this.attachClickHandler(),N(e.location,o)||t.panTo(this.getCenter()),!r||e.bounds&&r.equals(e.bounds)||t.fitBounds(r)}componentWillUnmount(){this.clickHandler&&this.clickHandler.remove()}getCenter(){const{location:e,api:t}=this.props;return new t.LatLng(e.lat,e.lng)}constructMap(e){const{defaultZoom:t,api:n,mapTypeControl:o,controlSize:r,bounds:i,scrollWheel:a}=this.props,l=new n.Map(e,{zoom:t,center:this.getCenter(),scrollwheel:a,streetViewControl:!1,mapTypeControl:o,controlSize:r});return i&&l.fitBounds(i),l}render(){const{children:e}=this.props,{map:t}=this.state;return c(d,{children:[p(J,{ref:this.setMapElement}),e&&t?e(t):null]})}}X.defaultProps={defaultZoom:8,scrollWheel:!0};class q extends h.PureComponent{constructor(){super(...arguments),this.eventHandlers={}}componentDidMount(){const{position:e,api:t,map:n,onMove:o,zIndex:r,opacity:i,label:a,markerRef:l,color:s}=this.props,{Marker:c}=t;let p;s&&(p={path:"M 3.052 3.7 C 1.56 5.293 0.626 7.612 0.663 9.793 C 0.738 14.352 2.793 16.077 6.078 22.351 C 7.263 25.111 8.497 28.032 9.672 32.871 C 9.835 33.584 9.994 34.246 10.069 34.305 C 10.143 34.362 10.301 33.697 10.465 32.983 C 11.639 28.145 12.875 25.226 14.059 22.466 C 17.344 16.192 19.398 14.466 19.474 9.908 C 19.511 7.727 18.574 5.405 17.083 3.814 C 15.379 1.994 12.809 0.649 10.069 0.593 C 7.328 0.536 4.756 1.882 3.052 3.7 Z",fillOpacity:1,fillColor:s.background,strokeColor:s.border,strokeWeight:2,anchor:new t.Point(10,35),labelOrigin:new t.Point(10,11)}),this.marker=new c({draggable:Boolean(o),position:e,map:n,zIndex:r,opacity:i,label:a,icon:p}),l&&(l.current=this.marker),this.attachMoveHandler(),this.attachClickHandler()}componentDidUpdate(e){if(!this.marker)return;const{position:t,onMove:n,label:o,zIndex:r,opacity:i,map:a}=this.props;e.onMove!==n&&this.attachMoveHandler(),N(e.position,t)||this.marker.setPosition(t),e.label!==o&&this.marker.setLabel(o||null),e.zIndex!==r&&this.marker.setZIndex(r||null),e.opacity!==i&&this.marker.setOpacity(i||null),e.map!==a&&this.marker.setMap(a)}componentWillUnmount(){this.eventHandlers.move&&this.eventHandlers.move.remove(),this.marker&&this.marker.setMap(null)}attachMoveHandler(){const{api:e,onMove:t}=this.props;this.eventHandlers.move&&this.eventHandlers.move.remove(),this.marker&&t&&(this.eventHandlers.move=e.event.addListener(this.marker,"dragend",t))}attachClickHandler(){const{api:e,onClick:t}=this.props;this.eventHandlers.click&&this.eventHandlers.click.remove(),this.marker&&t&&(this.eventHandlers.click=e.event.addListener(this.marker,"click",t))}render(){return null}}const Q={lat:40.7058254,lng:-74.1180863};class Y extends u.PureComponent{constructor(){super(...arguments),this.mapRef=u.createRef(),this.handlePlaceChanged=e=>{var t;(null==(t=e.geometry)?void 0:t.location)&&this.setValue(e.geometry.location)},this.handleMarkerDragEnd=e=>{e.latLng&&this.setValue(e.latLng)},this.handleMapClick=e=>{e.latLng&&this.setValue(e.latLng)}}getCenter(){const{value:e={},defaultLocation:t={}}=this.props;return a(a(a({},Q),t),e)}setValue(e){this.props.onChange&&this.props.onChange(e)}render(){const{api:e,defaultZoom:t,value:n,onChange:o}=this.props;return p(X,{api:e,location:this.getCenter(),onClick:this.handleMapClick,defaultZoom:t,children:t=>c(d,{children:[p(F,{api:e,map:t,onChange:this.handlePlaceChanged}),n&&p(q,{api:e,map:t,position:n,onMove:o?this.handleMarkerDragEnd:void 0})]})})}}Y.defaultProps={defaultZoom:8,defaultLocation:{lng:10.74609,lat:59.91273}};const $=S.img(n||(n=s(["\n  width: 100%;\n  height: auto;\n  vertical-align: top;\n"]))),ee=S.div(o||(o=s(["\n  height: 40rem;\n  width: 50rem;\n"])));let te;function ne(){return te}function oe(e){te=e}const re=(e,t)=>{const n="".concat(e.lat,",").concat(e.lng),o={key:t,center:n,markers:n,zoom:13,scale:2,size:"640x300"},r=Object.keys(o).reduce(((e,t)=>e.concat("".concat(t,"=").concat(encodeURIComponent(o[t])))),[]);return"https://maps.googleapis.com/maps/api/staticmap?".concat(r.join("&"))};class ie extends u.PureComponent{constructor(e){super(e),this._geopointInputId=g("GeopointInput"),this.setEditButton=e=>{this.editButton=e},this.handleToggleModal=()=>{this.setState((e=>({modalOpen:!e.modalOpen})))},this.handleCloseModal=()=>{this.setState({modalOpen:!1})},this.handleChange=e=>{const{schemaType:t,onChange:n}=this.props;n([I({_type:t.name}),H(e.lat(),["lat"]),H(e.lng(),["lng"])])},this.handleClear=()=>{const{onChange:e}=this.props;e(E())},this.state={modalOpen:!1}}focus(){this.editButton&&this.editButton.focus()}render(){const{value:e,readOnly:t,geoConfig:n,path:o,changed:r,focused:i}=this.props,{modalOpen:a}=this.state;return n&&n.apiKey?c(d,{children:[e&&p(R,{path:o,isChanged:r,hasFocus:!!i,children:p($,{src:re(e,n.apiKey),alt:"Map location"})}),!t&&p(y,{marginTop:4,children:c(w,{columns:2,gap:2,children:[p(M,{mode:"ghost",icon:e&&O,padding:3,ref:this.setEditButton,text:e?"Edit":"Set location",onClick:this.handleToggleModal}),e&&p(M,{tone:"critical",icon:x,padding:3,mode:"ghost",text:"Remove",onClick:this.handleClear})]})}),a&&p(P,{id:"".concat(this._geopointInputId,"_dialog"),onClose:this.handleCloseModal,header:"Place the marker on the map",width:1,children:p(ee,{children:p(Z,{config:ne(),children:o=>p(Y,{api:o,value:e||void 0,onChange:t?void 0:this.handleChange,defaultLocation:n.defaultLocation,defaultZoom:n.defaultZoom})})})})]}):c("div",{children:[c("p",{children:["The ",p("a",{href:"https://sanity.io/docs/schema-types/geopoint-type",children:"Geopoint type"})," needs a Google Maps API key with access to:"]}),c("ul",{children:[p("li",{children:"Google Maps JavaScript API"}),p("li",{children:"Google Places API Web Service"}),p("li",{children:"Google Static Maps API"})]}),p("p",{children:"Please enter the API key with access to these services in your googleMapsInput plugin config."})]})}}class ae extends h.PureComponent{constructor(){super(...arguments),this.eventHandlers={}}componentDidMount(){const{from:e,to:t,api:n,map:o,zIndex:r,onClick:i,color:a,arrowRef:l}=this.props,s={path:n.SymbolPath.FORWARD_OPEN_ARROW};this.line=new n.Polyline({map:o,zIndex:r,path:[e,t],icons:[{icon:s,offset:"50%"}],strokeOpacity:.55,strokeColor:a?a.text:"black"}),i&&(this.eventHandlers.click=n.event.addListener(this.line,"click",i)),l&&(l.current=this.line)}componentDidUpdate(e){if(!this.line)return;const{from:t,to:n,map:o}=this.props;N(e.from,t)&&N(e.to,n)||this.line.setPath([t,n]),e.map!==o&&this.line.setMap(o)}componentWillUnmount(){this.line&&this.line.setMap(null),this.eventHandlers.click&&this.eventHandlers.click.remove()}render(){return null}}function le(e){let{diff:t,api:n,map:o,label:r}=e;const{fromValue:i,toValue:a}=t,l=t.isChanged?t.annotation:void 0,s=L(l?l.author:null)||void 0,u=h.useRef(),m=h.useRef();return c(d,{children:[i&&p(q,{api:n,map:o,position:i,zIndex:0,opacity:.55,markerRef:u,color:s}),i&&a&&p(ae,{api:n,map:o,from:i,to:a,zIndex:1,color:s}),a&&p(q,{api:n,map:o,position:a,zIndex:2,markerRef:m,label:r,color:s})]})}const se=S.div(r||(r=s(["\n  position: relative;\n  min-height: 200px;\n\n  &:empty {\n    background-color: var(--card-skeleton-color-from);\n    display: table;\n    width: 100%;\n  }\n\n  &:empty:after {\n    content: 'Missing/invalid data';\n    display: table-cell;\n    vertical-align: middle;\n    text-align: center;\n    position: relative;\n  }\n"]))),ce=e=>{let{diff:t,schemaType:n}=e;return p(se,{children:p(Z,{config:ne(),children:e=>p(pe,{api:e,diff:t,schemaType:n})})})};function pe(e){let{api:t,diff:n}=e;const o=(n.fromValue||[]).filter(de),r=(n.toValue||[]).filter(de);if(0===o.length&&0===r.length)return null;const i=function(e,t,n){const o=new n.LatLngBounds;return[...e||[],...t||[]].forEach((e=>o.extend(e))),o}(o,r,t);return p(X,{api:t,location:i.getCenter().toJSON(),mapTypeControl:!1,controlSize:20,bounds:i,children:e=>p(d,{children:n.items.map((n=>{let{toIndex:o,diff:r}=n;return function(e){return"unchanged"!==e.action&&"object"===e.type}(r)?p(le,{api:t,map:e,diff:r,label:"".concat(o)},o):null}))})})}function de(e){return"number"==typeof e.lat&&"number"==typeof e.lng}const he=e=>{let{diff:t,schemaType:n}=e;return p(se,{children:p(Z,{config:ne(),children:e=>p(ue,{api:e,diff:t,schemaType:n})})})};function ue(e){let{api:t,diff:n}=e;const{fromValue:o,toValue:r}=n,i=j(n,["lat"])||j(n,["lng"])||j(n,[]),a=function(e,t){const{fromValue:n,toValue:o}=e;if(n&&o)return me(n,o,t).getCenter().toJSON();if(n)return n;if(o)return o;throw new Error("Neither a from or a to value present")}(n,t),l=o&&r?me(o,r,t):void 0;return p(z,{annotations:i?[i]:[],description:fe(n),children:p("div",{children:p(X,{api:t,location:a,mapTypeControl:!1,controlSize:20,bounds:l,scrollWheel:!1,children:e=>p(le,{api:t,map:e,diff:n})})})})}function me(e,t,n){return(new n.LatLngBounds).extend(e).extend(t)}function fe(e){const{fromValue:t,toValue:n}=e;return t&&n?"Moved":t?"Removed":n?"Added":"Unchanged"}const ge=T((e=>(oe(e),{name:"google-maps-input",form:{components:{input(t){if(ve("geopoint",t.schemaType)){return p(ie,a(a({},t),{},{geoConfig:e}))}return t.renderDefault(t)}}}})));function ve(e,t){return(null==t?void 0:t.name)===e||!!(null==t?void 0:t.name)&&ve(e,null==t?void 0:t.type)}export{ce as GeopointArrayDiff,he as GeopointFieldDiff,ie as GeopointInput,ge as googleMapsInput};
 //# sourceMappingURL=index.esm.js.map

package/lib/index.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.esm.js","sources":["../src/loader/loadGoogleMapsApi.ts","../src/loader/LoadError.tsx","../src/loader/GoogleMapsLoadProxy.tsx","../src/map/SearchInput.styles.tsx","../src/map/SearchInput.tsx","../src/map/util.ts","../src/map/Map.styles.tsx","../src/map/Map.tsx","../src/map/Marker.tsx","../src/input/GeopointSelect.tsx","../src/input/GeopointInput.styles.tsx","../src/global-workaround.ts","../src/input/GeopointInput.tsx","../src/map/Arrow.tsx","../src/diff/GeopointMove.tsx","../src/diff/GeopointFieldDiff.styles.tsx","../src/diff/GeopointArrayDiff.tsx","../src/diff/GeopointFieldDiff.tsx","../src/plugin.tsx"],"sourcesContent":["import {Observable, BehaviorSubject} from 'rxjs'\nimport {GoogleMapsInputConfig} from '../index'\n\ndeclare global {\n interface Window {\n gm_authFailure: any\n ___sanity_googleMapsApiCallback: any\n }\n}\n\nconst callbackName = '___sanity_googleMapsApiCallback'\nconst authFailureCallbackName = 'gm_authFailure'\nconst locale = (typeof window !== 'undefined' && window.navigator.language) \|\| 'en'\n\nexport interface LoadingState {\n loadState: 'loading'\n}\n\nexport interface LoadedState {\n loadState: 'loaded'\n api: typeof window.google.maps\n}\n\nexport interface LoadErrorState {\n loadState: 'loadError'\n error: Error\n}\n\nexport interface AuthErrorState {\n loadState: 'authError'\n}\n\nexport type GoogleLoadState = LoadingState \| LoadedState \| LoadErrorState \| AuthErrorState\n\nlet subject: BehaviorSubject<GoogleLoadState>\n\nexport function loadGoogleMapsApi(config: GoogleMapsInputConfig): Observable<GoogleLoadState> {\n const selectedLocale = config.defaultLocale \|\| locale \|\| 'en-US'\n\n if (subject) {\n return subject\n }\n\n subject = new BehaviorSubject<GoogleLoadState>({loadState: 'loading'})\n\n window[authFailureCallbackName] = () => {\n delete window[authFailureCallbackName]\n subject.next({loadState: 'authError'})\n }\n\n window[callbackName] = () => {\n delete window[callbackName]\n subject.next({loadState: 'loaded', api: window.google.maps})\n }\n\n const script = document.createElement('script')\n script.onerror = (\n event: Event \| string,\n source?: string,\n lineno?: number,\n colno?: number,\n error?: Error\n ) =>\n subject.next({\n loadState: 'loadError',\n error: coeerceError(event, error),\n } as LoadErrorState)\n\n script.src = `https://maps.googleapis.com/maps/api/js?key=${config.apiKey}&libraries=places&callback=${callbackName}&language=${selectedLocale}`\n document.getElementsByTagName('head')[0].appendChild(script)\n\n return subject\n}\n\nfunction coeerceError(event: Event \| string, error?: Error): Error {\n if (error) {\n return error\n }\n\n if (typeof event === 'string') {\n return new Error(event)\n }\n\n return new Error(isErrorEvent(event) ? event.message : 'Failed to load Google Maps API')\n}\n\nfunction isErrorEvent(event: unknown): event is ErrorEvent {\n if (typeof event !== 'object' \|\| event === null) {\n return false\n }\n\n if (!('message' in event)) {\n return false\n }\n\n return typeof (event as ErrorEvent).message === 'string'\n}\n","import * as React from 'react'\nimport {Card, Box, Text, Code} from '@sanity/ui'\n\ntype Props = {error: Error; isAuthError: false} \| {isAuthError: true}\n\nexport function LoadError(props: Props) {\n return (\n <Card tone=\"critical\" radius={1}>\n <Box as=\"header\" paddingX={4} paddingTop={4} paddingBottom={1}>\n <Text as=\"h2\" weight=\"bold\">\n Google Maps failed to load\n </Text>\n </Box>\n\n <Box paddingX={4} paddingTop={4} paddingBottom={1}>\n {props.isAuthError ? (\n <AuthError />\n ) : (\n <>\n <Text as=\"h3\">Error details:</Text>\n <pre>\n <Code size={1}>{'error' in props && props.error?.message}</Code>\n </pre>\n </>\n )}\n </Box>\n </Card>\n )\n}\n\nfunction AuthError() {\n return (\n <Text>\n <p>The error appears to be related to authentication</p>\n <p>Common causes include:</p>\n <ul>\n <li>Incorrect API key</li>\n <li>Referer not allowed</li>\n <li>Missing authentication scope</li>\n </ul>\n <p>Check the browser developer tools for more information.</p>\n </Text>\n )\n}\n","import React from 'react'\nimport {Subscription} from 'rxjs'\nimport {loadGoogleMapsApi, GoogleLoadState} from './loadGoogleMapsApi'\nimport {LoadError} from './LoadError'\nimport {GoogleMapsInputConfig} from '../index'\n\ninterface LoadProps {\n children: (api: typeof window.google.maps) => React.ReactElement\n config: GoogleMapsInputConfig\n}\n\nexport class GoogleMapsLoadProxy extends React.Component<LoadProps, GoogleLoadState> {\n loadSubscription: Subscription \| undefined\n\n constructor(props: LoadProps) {\n super(props)\n\n this.state = {loadState: 'loading'}\n\n let sync = true\n this.loadSubscription = loadGoogleMapsApi(props.config).subscribe((loadState) => {\n if (sync) {\n this.state = loadState\n } else {\n this.setState(loadState)\n }\n })\n sync = false\n }\n\n componentWillUnmount() {\n if (this.loadSubscription) {\n this.loadSubscription.unsubscribe()\n }\n }\n\n render() {\n switch (this.state.loadState) {\n case 'loadError':\n return <LoadError error={this.state.error} isAuthError={false} />\n case 'authError':\n return <LoadError isAuthError />\n case 'loading':\n return <div>Loading Google Maps API</div>\n case 'loaded':\n return this.props.children(this.state.api) \|\| null\n default:\n return null\n }\n }\n}\n","import styled from 'styled-components'\n\nexport const WrapperContainer = styled.div`\n position: absolute;\n right: 10px;\n top: 10px;\n width: 220px;\n`\n","import * as React from 'react'\nimport {TextInput} from '@sanity/ui'\nimport {WrapperContainer} from './SearchInput.styles'\n\ninterface Props {\n api: typeof window.google.maps\n map: google.maps.Map\n onChange: (result: google.maps.places.PlaceResult) => void\n}\n\nexport class SearchInput extends React.PureComponent<Props> {\n searchInputRef = React.createRef<HTMLInputElement>()\n autoComplete: google.maps.places.Autocomplete \| undefined\n\n handleChange = () => {\n if (!this.autoComplete) {\n return\n }\n\n this.props.onChange(this.autoComplete.getPlace())\n\n if (this.searchInputRef.current) {\n this.searchInputRef.current.value = ''\n }\n }\n\n componentDidMount() {\n const input = this.searchInputRef.current\n if (!input) {\n return\n }\n\n const {api, map} = this.props\n const {Circle, places, event} = api\n const searchBounds = new Circle({center: map.getCenter(), radius: 100}).getBounds()!\n this.autoComplete = new places.Autocomplete(input, {\n bounds: searchBounds,\n types: [], // return all kinds of places\n })\n\n event.addListener(this.autoComplete, 'place_changed', this.handleChange)\n }\n\n render() {\n return (\n <WrapperContainer>\n <TextInput\n name=\"place\"\n ref={this.searchInputRef}\n placeholder=\"Search for place or address\"\n padding={4}\n />\n </WrapperContainer>\n )\n }\n}\n","import {LatLng} from '../types'\n\nexport function latLngAreEqual(\n latLng1: LatLng \| google.maps.LatLng,\n latLng2: LatLng \| google.maps.LatLng\n): boolean {\n const lat1 = typeof latLng1.lat === 'function' ? latLng1.lat() : latLng1.lat\n const lng1 = typeof latLng1.lng === 'function' ? latLng1.lng() : latLng1.lng\n\n const lat2 = typeof latLng2.lat === 'function' ? latLng2.lat() : latLng2.lat\n const lng2 = typeof latLng2.lng === 'function' ? latLng2.lng() : latLng2.lng\n\n return lat1 === lat2 && lng1 === lng2\n}\n","import styled from 'styled-components'\n\nexport const MapContainer = styled.div`\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n box-sizing: border-box;\n`\n","import React from 'react'\nimport {LatLng} from '../types'\nimport {latLngAreEqual} from './util'\nimport {MapContainer} from './Map.styles'\n\ninterface MapProps {\n api: typeof window.google.maps\n location: LatLng\n bounds?: google.maps.LatLngBounds\n defaultZoom?: number\n mapTypeControl?: boolean\n scrollWheel?: boolean\n controlSize?: number\n onClick?: (event: google.maps.MapMouseEvent) => void\n children?: (map: google.maps.Map) => React.ReactElement\n}\n\ninterface MapState {\n map: google.maps.Map \| undefined\n}\n\nexport class GoogleMap extends React.PureComponent<MapProps, MapState> {\n static defaultProps = {\n defaultZoom: 8,\n scrollWheel: true,\n }\n\n state: MapState = {map: undefined}\n clickHandler: google.maps.MapsEventListener \| undefined\n mapRef = React.createRef<HTMLDivElement>()\n mapEl: HTMLDivElement \| null = null\n\n componentDidMount() {\n this.attachClickHandler()\n }\n\n attachClickHandler = () => {\n const map = this.state.map\n if (!map) {\n return\n }\n\n const {api, onClick} = this.props\n const {event} = api\n\n if (this.clickHandler) {\n this.clickHandler.remove()\n }\n\n if (onClick) {\n this.clickHandler = event.addListener(map, 'click', onClick)\n }\n }\n\n componentDidUpdate(prevProps: MapProps) {\n const map = this.state.map\n if (!map) {\n return\n }\n\n const {onClick, location, bounds} = this.props\n\n if (prevProps.onClick !== onClick) {\n this.attachClickHandler()\n }\n\n if (!latLngAreEqual(prevProps.location, location)) {\n map.panTo(this.getCenter())\n }\n\n if (bounds && (!prevProps.bounds \|\| !bounds.equals(prevProps.bounds))) {\n map.fitBounds(bounds)\n }\n }\n\n componentWillUnmount() {\n if (this.clickHandler) {\n this.clickHandler.remove()\n }\n }\n\n getCenter(): google.maps.LatLng {\n const {location, api} = this.props\n return new api.LatLng(location.lat, location.lng)\n }\n\n constructMap(el: HTMLDivElement) {\n const {defaultZoom, api, mapTypeControl, controlSize, bounds, scrollWheel} = this.props\n\n const map = new api.Map(el, {\n zoom: defaultZoom,\n center: this.getCenter(),\n scrollwheel: scrollWheel,\n streetViewControl: false,\n mapTypeControl,\n controlSize,\n })\n\n if (bounds) {\n map.fitBounds(bounds)\n }\n\n return map\n }\n\n setMapElement = (element: HTMLDivElement \| null) => {\n if (element && element !== this.mapEl) {\n const map = this.constructMap(element)\n this.setState({map}, this.attachClickHandler)\n }\n\n this.mapEl = element\n }\n\n render() {\n const {children} = this.props\n const {map} = this.state\n return (\n <>\n <MapContainer ref={this.setMapElement} />\n {children && map ? children(map) : null}\n </>\n )\n }\n}\n","import * as React from 'react'\nimport {LatLng} from '../types'\nimport {latLngAreEqual} from './util'\n\nconst markerPath =\n 'M 3.052 3.7 C 1.56 5.293 0.626 7.612 0.663 9.793 C 0.738 14.352 2.793 16.077 6.078 22.351 C 7.263 25.111 8.497 28.032 9.672 32.871 C 9.835 33.584 9.994 34.246 10.069 34.305 C 10.143 34.362 10.301 33.697 10.465 32.983 C 11.639 28.145 12.875 25.226 14.059 22.466 C 17.344 16.192 19.398 14.466 19.474 9.908 C 19.511 7.727 18.574 5.405 17.083 3.814 C 15.379 1.994 12.809 0.649 10.069 0.593 C 7.328 0.536 4.756 1.882 3.052 3.7 Z'\n\ninterface Props {\n api: typeof window.google.maps\n map: google.maps.Map\n onMove?: (event: google.maps.MapMouseEvent) => void\n onClick?: (event: google.maps.MapMouseEvent) => void\n position: LatLng \| google.maps.LatLng\n zIndex?: number\n opacity?: number\n label?: string\n markerRef?: React.MutableRefObject<google.maps.Marker \| undefined>\n color?: {background: string; border: string; text: string}\n}\n\nexport class Marker extends React.PureComponent<Props> {\n marker: google.maps.Marker \| undefined\n\n eventHandlers: {\n move?: google.maps.MapsEventListener\n click?: google.maps.MapsEventListener\n } = {}\n\n componentDidMount() {\n const {position, api, map, onMove, zIndex, opacity, label, markerRef, color} = this.props\n const {Marker: GMarker} = api\n\n let icon: google.maps.Symbol \| undefined\n if (color) {\n icon = {\n path: markerPath,\n fillOpacity: 1,\n fillColor: color.background,\n strokeColor: color.border,\n strokeWeight: 2,\n anchor: new api.Point(10, 35),\n labelOrigin: new api.Point(10, 11),\n }\n }\n\n this.marker = new GMarker({\n draggable: Boolean(onMove),\n position,\n map,\n zIndex,\n opacity,\n label,\n icon,\n })\n\n if (markerRef) {\n markerRef.current = this.marker\n }\n\n this.attachMoveHandler()\n this.attachClickHandler()\n }\n\n componentDidUpdate(prevProps: Props) {\n if (!this.marker) {\n return\n }\n\n const {position, onMove, label, zIndex, opacity, map} = this.props\n\n if (prevProps.onMove !== onMove) {\n this.attachMoveHandler()\n }\n\n if (!latLngAreEqual(prevProps.position, position)) {\n this.marker.setPosition(position)\n }\n\n if (prevProps.label !== label) {\n this.marker.setLabel(label \|\| null)\n }\n\n if (prevProps.zIndex !== zIndex) {\n this.marker.setZIndex(zIndex \|\| null)\n }\n\n if (prevProps.opacity !== opacity) {\n this.marker.setOpacity(opacity \|\| null)\n }\n\n if (prevProps.map !== map) {\n this.marker.setMap(map)\n }\n }\n\n componentWillUnmount() {\n if (this.eventHandlers.move) {\n this.eventHandlers.move.remove()\n }\n\n if (this.marker) {\n this.marker.setMap(null)\n }\n }\n\n attachMoveHandler() {\n const {api, onMove} = this.props\n if (this.eventHandlers.move) {\n this.eventHandlers.move.remove()\n }\n if (this.marker && onMove) {\n this.eventHandlers.move = api.event.addListener(this.marker, 'dragend', onMove)\n }\n }\n\n attachClickHandler() {\n const {api, onClick} = this.props\n if (this.eventHandlers.click) {\n this.eventHandlers.click.remove()\n }\n if (this.marker && onClick) {\n this.eventHandlers.click = api.event.addListener(this.marker, 'click', onClick)\n }\n }\n\n // eslint-disable-next-line class-methods-use-this\n render(): any {\n return null\n }\n}\n","import React from 'react'\nimport {SearchInput} from '../map/SearchInput'\nimport {GoogleMap} from '../map/Map'\nimport {Marker} from '../map/Marker'\nimport {LatLng, Geopoint} from '../types'\n\nconst fallbackLatLng: LatLng = {lat: 40.7058254, lng: -74.1180863}\n\ninterface SelectProps {\n api: typeof window.google.maps\n value?: Geopoint\n onChange?: (latLng: google.maps.LatLng) => void\n defaultLocation?: LatLng\n defaultZoom?: number\n}\n\nexport class GeopointSelect extends React.PureComponent<SelectProps> {\n static defaultProps = {\n defaultZoom: 8,\n defaultLocation: {lng: 10.74609, lat: 59.91273},\n }\n\n mapRef = React.createRef<HTMLDivElement>()\n\n getCenter() {\n const {value = {}, defaultLocation = {}} = this.props\n const point: LatLng = {...fallbackLatLng, ...defaultLocation, ...value}\n return point\n }\n\n handlePlaceChanged = (place: google.maps.places.PlaceResult) => {\n if (!place.geometry?.location) {\n return\n }\n\n this.setValue(place.geometry.location)\n }\n\n handleMarkerDragEnd = (event: google.maps.MapMouseEvent) => {\n if (event.latLng) this.setValue(event.latLng)\n }\n\n handleMapClick = (event: google.maps.MapMouseEvent) => {\n if (event.latLng) this.setValue(event.latLng)\n }\n\n setValue(geoPoint: google.maps.LatLng) {\n if (this.props.onChange) {\n this.props.onChange(geoPoint)\n }\n }\n\n render() {\n const {api, defaultZoom, value, onChange} = this.props\n return (\n <GoogleMap\n api={api}\n location={this.getCenter()}\n onClick={this.handleMapClick}\n defaultZoom={defaultZoom}\n >\n {(map) => (\n <>\n <SearchInput api={api} map={map} onChange={this.handlePlaceChanged} />\n {value && (\n <Marker\n api={api}\n map={map}\n position={value}\n onMove={onChange ? this.handleMarkerDragEnd : undefined}\n />\n )}\n </>\n )}\n </GoogleMap>\n )\n }\n}\n","import styled from 'styled-components'\n\nexport const PreviewImage = styled.img`\n width: 100%;\n height: auto;\n vertical-align: top;\n`\n\nexport const DialogInnerContainer = styled.div`\n height: 40rem;\n width: 50rem;\n`\n","import {GoogleMapsInputConfig} from './index'\n\nlet config: GoogleMapsInputConfig\n\nexport function getGeoConfig(): GoogleMapsInputConfig {\n return config as GoogleMapsInputConfig\n}\n\nexport function setGeoConfig(newConfig: GoogleMapsInputConfig): void {\n config = newConfig\n}\n","import React from 'react'\nimport {uniqueId} from 'lodash'\nimport {Box, Button, Dialog, Grid} from '@sanity/ui'\nimport {EditIcon, TrashIcon} from '@sanity/icons'\nimport {ObjectInputProps, set, setIfMissing, unset, ChangeIndicator} from 'sanity'\nimport {GoogleMapsLoadProxy} from '../loader/GoogleMapsLoadProxy'\nimport {Geopoint, GeopointSchemaType, LatLng} from '../types'\nimport {GeopointSelect} from './GeopointSelect'\nimport {DialogInnerContainer, PreviewImage} from './GeopointInput.styles'\nimport {GoogleMapsInputConfig} from '../index'\nimport {getGeoConfig} from '../global-workaround'\n\nconst getStaticImageUrl = (value: LatLng, apiKey: string) => {\n const loc = `${value.lat},${value.lng}`\n const params = {\n key: apiKey,\n center: loc,\n markers: loc,\n zoom: 13,\n scale: 2,\n size: '640x300',\n } as const\n const qs = Object.keys(params).reduce((res, param) => {\n return res.concat(`${param}=${encodeURIComponent(params[param as keyof typeof params])}`)\n }, [] as string[])\n\n return `https://maps.googleapis.com/maps/api/staticmap?${qs.join('&')}`\n}\n\nexport type GeopointInputProps = ObjectInputProps<Geopoint, GeopointSchemaType> & {\n geoConfig: GoogleMapsInputConfig\n}\n\ntype Focusable = any\n\ninterface InputState {\n modalOpen: boolean\n}\n\nclass GeopointInput extends React.PureComponent<GeopointInputProps, InputState> {\n _geopointInputId = uniqueId('GeopointInput')\n\n editButton: Focusable \| undefined\n\n constructor(props: GeopointInputProps) {\n super(props)\n\n this.state = {\n modalOpen: false,\n }\n }\n\n setEditButton = (el: Focusable) => {\n this.editButton = el\n }\n\n focus() {\n if (this.editButton) {\n this.editButton.focus()\n }\n }\n\n handleToggleModal = () => {\n this.setState((prevState) => ({modalOpen: !prevState.modalOpen}))\n }\n\n handleCloseModal = () => {\n this.setState({modalOpen: false})\n }\n\n handleChange = (latLng: google.maps.LatLng) => {\n const {schemaType, onChange} = this.props\n onChange([\n setIfMissing({\n _type: schemaType.name,\n }),\n set(latLng.lat(), ['lat']),\n set(latLng.lng(), ['lng']),\n ])\n }\n\n handleClear = () => {\n const {onChange} = this.props\n onChange(unset())\n }\n\n render() {\n const {value, readOnly, geoConfig: config, path, changed, focused} = this.props\n\n const {modalOpen} = this.state\n\n if (!config \|\| !config.apiKey) {\n return (\n <div>\n <p>\n The <a href=\"https://sanity.io/docs/schema-types/geopoint-type\">Geopoint type</a> needs\n a Google Maps API key with access to:\n </p>\n <ul>\n <li>Google Maps JavaScript API</li>\n <li>Google Places API Web Service</li>\n <li>Google Static Maps API</li>\n </ul>\n <p>\n Please enter the API key with access to these services in your googleMapsInput plugin\n config.\n </p>\n </div>\n )\n }\n\n return (\n <>\n {value && (\n <ChangeIndicator path={path} isChanged={changed} hasFocus={!!focused}>\n <PreviewImage src={getStaticImageUrl(value, config.apiKey)} alt=\"Map location\" />\n </ChangeIndicator>\n )}\n\n {!readOnly && (\n <Box marginTop={4}>\n <Grid columns={2} gap={2}>\n <Button\n mode=\"ghost\"\n icon={value && EditIcon}\n padding={3}\n ref={this.setEditButton}\n text={value ? 'Edit' : 'Set location'}\n onClick={this.handleToggleModal}\n />\n\n {value && (\n <Button\n tone=\"critical\"\n icon={TrashIcon}\n padding={3}\n mode=\"ghost\"\n text={'Remove'}\n onClick={this.handleClear}\n />\n )}\n </Grid>\n </Box>\n )}\n\n {modalOpen && (\n <Dialog\n id={`${this._geopointInputId}_dialog`}\n onClose={this.handleCloseModal}\n header=\"Place the marker on the map\"\n width={1}\n >\n <DialogInnerContainer>\n <GoogleMapsLoadProxy config={getGeoConfig()}>\n {(api) => (\n <GeopointSelect\n api={api}\n value={value \|\| undefined}\n onChange={readOnly ? undefined : this.handleChange}\n defaultLocation={config.defaultLocation}\n defaultZoom={config.defaultZoom}\n />\n )}\n </GoogleMapsLoadProxy>\n </DialogInnerContainer>\n </Dialog>\n )}\n </>\n )\n }\n}\n\nexport default GeopointInput\n","import * as React from 'react'\nimport {LatLng} from '../types'\nimport {latLngAreEqual} from './util'\n\ninterface Props {\n api: typeof window.google.maps\n map: google.maps.Map\n from: LatLng\n to: LatLng\n color?: {background: string; border: string; text: string}\n zIndex?: number\n arrowRef?: React.MutableRefObject<google.maps.Polyline \| undefined>\n onClick?: (event: google.maps.MapMouseEvent) => void\n}\n\nexport class Arrow extends React.PureComponent<Props> {\n line: google.maps.Polyline \| undefined\n\n eventHandlers: {\n click?: google.maps.MapsEventListener\n } = {}\n\n componentDidMount() {\n const {from, to, api, map, zIndex, onClick, color, arrowRef} = this.props\n const lineSymbol = {\n path: api.SymbolPath.FORWARD_OPEN_ARROW,\n }\n\n this.line = new api.Polyline({\n map,\n zIndex,\n path: [from, to],\n icons: [{icon: lineSymbol, offset: '50%'}],\n strokeOpacity: 0.55,\n strokeColor: color ? color.text : 'black',\n })\n\n if (onClick) {\n this.eventHandlers.click = api.event.addListener(this.line, 'click', onClick)\n }\n\n if (arrowRef) {\n arrowRef.current = this.line\n }\n }\n\n componentDidUpdate(prevProps: Props) {\n if (!this.line) {\n return\n }\n\n const {from, to, map} = this.props\n if (!latLngAreEqual(prevProps.from, from) \|\| !latLngAreEqual(prevProps.to, to)) {\n this.line.setPath([from, to])\n }\n\n if (prevProps.map !== map) {\n this.line.setMap(map)\n }\n }\n\n componentWillUnmount() {\n if (this.line) {\n this.line.setMap(null)\n }\n\n if (this.eventHandlers.click) {\n this.eventHandlers.click.remove()\n }\n }\n\n // eslint-disable-next-line class-methods-use-this\n render(): any {\n return null\n }\n}\n","import * as React from 'react'\nimport {useUserColor, ObjectDiff} from 'sanity'\nimport {Marker} from '../map/Marker'\nimport {Arrow} from '../map/Arrow'\nimport {Geopoint} from '../types'\n\ninterface Props {\n api: typeof window.google.maps\n map: google.maps.Map\n diff: ObjectDiff<Geopoint>\n label?: string\n}\n\nexport function GeopointMove({diff, api, map, label}: Props) {\n const {fromValue: from, toValue: to} = diff\n const annotation = diff.isChanged ? diff.annotation : undefined\n const userColor = useUserColor(annotation ? annotation.author : null) \|\| undefined\n const fromRef = React.useRef<google.maps.Marker>()\n const toRef = React.useRef<google.maps.Marker>()\n\n return (\n <>\n {from && (\n <Marker\n api={api}\n map={map}\n position={from}\n zIndex={0}\n opacity={0.55}\n markerRef={fromRef}\n color={userColor}\n />\n )}\n {from && to && <Arrow api={api} map={map} from={from} to={to} zIndex={1} color={userColor} />}\n {to && (\n <Marker\n api={api}\n map={map}\n position={to}\n zIndex={2}\n markerRef={toRef}\n label={label}\n color={userColor}\n />\n )}\n </>\n )\n}\n","import styled from 'styled-components'\n\nexport const RootContainer = styled.div`\n position: relative;\n min-height: 200px;\n\n &:empty {\n background-color: var(--card-skeleton-color-from);\n display: table;\n width: 100%;\n }\n\n &:empty:after {\n content: 'Missing/invalid data';\n display: table-cell;\n vertical-align: middle;\n text-align: center;\n position: relative;\n }\n`\n","import * as React from 'react'\nimport {ArrayDiff, ObjectDiff, Diff, DiffProps as GenericDiffProps, DiffComponent} from 'sanity'\nimport {GoogleMapsLoadProxy} from '../loader/GoogleMapsLoadProxy'\nimport {GoogleMap} from '../map/Map'\nimport {Geopoint} from '../types'\nimport {GeopointMove} from './GeopointMove'\nimport {RootContainer} from './GeopointFieldDiff.styles'\nimport {getGeoConfig} from '../global-workaround'\n\nexport type DiffProps = GenericDiffProps<ArrayDiff<Geopoint>>\n\nexport const GeopointArrayDiff: DiffComponent<ArrayDiff<Geopoint>> = ({diff, schemaType}) => {\n return (\n <RootContainer>\n <GoogleMapsLoadProxy config={getGeoConfig()}>\n {(api) => <GeopointDiff api={api} diff={diff} schemaType={schemaType} />}\n </GoogleMapsLoadProxy>\n </RootContainer>\n )\n}\n\nfunction GeopointDiff({api, diff}: DiffProps & {api: typeof google.maps}) {\n const fromValue = (diff.fromValue \|\| []).filter(hasCoordinates)\n const toValue = (diff.toValue \|\| []).filter(hasCoordinates)\n if (fromValue.length === 0 && toValue.length === 0) {\n return null\n }\n\n const bounds = getBounds(fromValue, toValue, api)\n return (\n <GoogleMap\n api={api}\n location={bounds.getCenter().toJSON()}\n mapTypeControl={false}\n controlSize={20}\n bounds={bounds}\n >\n {(map) => (\n <>\n {diff.items.map(({toIndex, diff: pointDiff}) => {\n if (!isChangeDiff(pointDiff)) {\n return null\n }\n\n return (\n <GeopointMove\n key={toIndex}\n api={api}\n map={map}\n diff={pointDiff}\n label={`${toIndex}`}\n />\n )\n })}\n </>\n )}\n </GoogleMap>\n )\n}\n\nfunction isChangeDiff(diff: Diff): diff is ObjectDiff<Geopoint> {\n return diff.action !== 'unchanged' && diff.type === 'object'\n}\n\nfunction hasCoordinates(point: Partial<Geopoint>): point is Geopoint {\n return typeof point.lat === 'number' && typeof point.lng === 'number'\n}\n\nfunction getBounds(\n fromValue: google.maps.LatLngLiteral[] \| null \| undefined,\n toValue: google.maps.LatLngLiteral[] \| null \| undefined,\n api: typeof window.google.maps\n): google.maps.LatLngBounds {\n const bounds = new api.LatLngBounds()\n const points = [...(fromValue \|\| []), ...(toValue \|\| [])]\n points.forEach((point) => bounds.extend(point))\n return bounds\n}\n","import * as React from 'react'\nimport {\n DiffComponent,\n ObjectDiff,\n DiffProps as GenericDiffProps,\n DiffTooltip,\n getAnnotationAtPath,\n} from 'sanity'\nimport {GoogleMapsLoadProxy} from '../loader/GoogleMapsLoadProxy'\nimport {GoogleMap} from '../map/Map'\nimport {Geopoint} from '../types'\nimport {GeopointMove} from './GeopointMove'\nimport {RootContainer} from './GeopointFieldDiff.styles'\nimport {getGeoConfig} from '../global-workaround'\n\nexport type DiffProps = GenericDiffProps<ObjectDiff<Geopoint>>\n\nexport const GeopointFieldDiff: DiffComponent<ObjectDiff<Geopoint>> = ({diff, schemaType}) => {\n return (\n <RootContainer>\n <GoogleMapsLoadProxy config={getGeoConfig()}>\n {(api) => <GeopointDiff api={api} diff={diff} schemaType={schemaType} />}\n </GoogleMapsLoadProxy>\n </RootContainer>\n )\n}\n\nfunction GeopointDiff({api, diff}: DiffProps & {api: typeof window.google.maps}) {\n const {fromValue, toValue} = diff\n const annotation =\n getAnnotationAtPath(diff, ['lat']) \|\|\n getAnnotationAtPath(diff, ['lng']) \|\|\n getAnnotationAtPath(diff, [])\n\n const center = getCenter(diff, api)\n const bounds = fromValue && toValue ? getBounds(fromValue, toValue, api) : undefined\n\n return (\n <DiffTooltip annotations={annotation ? [annotation] : []} description={getAction(diff)}>\n <div>\n <GoogleMap\n api={api}\n location={center}\n mapTypeControl={false}\n controlSize={20}\n bounds={bounds}\n scrollWheel={false}\n >\n {(map) => <GeopointMove api={api} map={map} diff={diff} />}\n </GoogleMap>\n </div>\n </DiffTooltip>\n )\n}\n\nfunction getBounds(\n fromValue: google.maps.LatLngLiteral,\n toValue: google.maps.LatLngLiteral,\n api: typeof window.google.maps\n): google.maps.LatLngBounds {\n return new api.LatLngBounds().extend(fromValue).extend(toValue)\n}\n\nfunction getCenter(\n diff: DiffProps['diff'],\n api: typeof window.google.maps\n): google.maps.LatLngLiteral {\n const {fromValue, toValue} = diff\n if (fromValue && toValue) {\n return getBounds(fromValue, toValue, api).getCenter().toJSON()\n }\n\n if (fromValue) {\n return fromValue\n }\n\n if (toValue) {\n return toValue\n }\n\n throw new Error('Neither a from or a to value present')\n}\n\nfunction getAction(diff: ObjectDiff<Geopoint>) {\n const {fromValue, toValue} = diff\n if (fromValue && toValue) {\n return 'Moved'\n } else if (fromValue) {\n return 'Removed'\n } else if (toValue) {\n return 'Added'\n }\n\n return 'Unchanged'\n}\n","import React from 'react'\nimport {definePlugin, SchemaType} from 'sanity'\nimport GeopointInput, {GeopointInputProps} from './input/GeopointInput'\nimport {setGeoConfig} from './global-workaround'\nimport {GeopointSchemaType} from './types'\n\nexport interface GoogleMapsInputConfig {\n apiKey: string\n defaultZoom?: number\n defaultLocale?: string\n defaultLocation?: {\n lat: number\n lng: number\n }\n}\n\nexport const googleMapsInput = definePlugin<GoogleMapsInputConfig>((config) => {\n setGeoConfig(config)\n return {\n name: 'google-maps-input',\n form: {\n components: {\n input(props) {\n if (isGeopoint(props.schemaType)) {\n const castedProps = props as unknown as Omit<GeopointInputProps, 'geoConfig'>\n return <GeopointInput {...castedProps} geoConfig={config} />\n }\n return props.renderDefault(props)\n },\n },\n },\n }\n})\n\nfunction isGeopoint(schemaType: SchemaType): schemaType is GeopointSchemaType {\n return isType('geopoint', schemaType)\n}\n\nfunction isType(name: string, schema?: SchemaType): boolean {\n if (schema?.name === name) {\n return true\n // eslint-disable-next-line no-negated-condition\n } else if (!schema?.name) {\n return false\n }\n return isType(name, schema?.type)\n}\n"],"names":["callbackName","locale","window","navigator","language","subject","coeerceError","event","error","Error","message","isErrorEvent","LoadError","props","_a","jsxs","Card","tone","radius","children","jsx","Box","as","paddingX","paddingTop","paddingBottom","Text","weight","isAuthError","AuthError","Fragment","Code","size","GoogleMapsLoadProxy","React","Component","constructor","super","this","state","loadState","sync","loadSubscription","config","selectedLocale","defaultLocale","BehaviorSubject","next","api","google","maps","script","document","createElement","onerror","source","lineno","colno","src","concat","apiKey","getElementsByTagName","appendChild","loadGoogleMapsApi","subscribe","setState","componentWillUnmount","unsubscribe","render","WrapperContainer","styled","div","_templateObject","_taggedTemplateLiteral","SearchInput","PureComponent","arguments","searchInputRef","createRef","handleChange","autoComplete","onChange","getPlace","current","value","componentDidMount","input","map","Circle","places","searchBounds","center","getCenter","getBounds","Autocomplete","bounds","types","addListener","TextInput","name","ref","placeholder","padding","latLngAreEqual","latLng1","latLng2","lat1","lat","lng1","lng","lat2","lng2","MapContainer","_templateObject2","GoogleMap","mapRef","mapEl","attachClickHandler","onClick","clickHandler","remove","setMapElement","element","constructMap","componentDidUpdate","prevProps","location","panTo","equals","fitBounds","LatLng","el","defaultZoom","mapTypeControl","controlSize","scrollWheel","Map","zoom","scrollwheel","streetViewControl","defaultProps","Marker","eventHandlers","position","onMove","zIndex","opacity","label","markerRef","color","GMarker","icon","path","fillOpacity","fillColor","background","strokeColor","border","strokeWeight","anchor","Point","labelOrigin","marker","draggable","Boolean","attachMoveHandler","setPosition","setLabel","setZIndex","setOpacity","setMap","move","click","fallbackLatLng","GeopointSelect","handlePlaceChanged","place","geometry","setValue","handleMarkerDragEnd","latLng","handleMapClick","defaultLocation","geoPoint","PreviewImage","img","_templateObject3","DialogInnerContainer","_templateObject4","getGeoConfig","setGeoConfig","newConfig","getStaticImageUrl","loc","params","key","markers","scale","qs","Object","keys","reduce","res","param","encodeURIComponent","join","GeopointInput","_geopointInputId","uniqueId","setEditButton","editButton","handleToggleModal","prevState","modalOpen","handleCloseModal","schemaType","setIfMissing","_type","set","handleClear","unset","focus","readOnly","geoConfig","changed","focused","ChangeIndicator","isChanged","hasFocus","alt","marginTop","Grid","columns","gap","Button","mode","EditIcon","text","TrashIcon","Dialog","id","onClose","header","width","href","Arrow","from","to","arrowRef","lineSymbol","SymbolPath","FORWARD_OPEN_ARROW","line","Polyline","icons","offset","strokeOpacity","setPath","GeopointMove","_ref","diff","fromValue","toValue","annotation","userColor","useUserColor","author","fromRef","useRef","toRef","RootContainer","_templateObject5","GeopointArrayDiff","_ref2","GeopointDiff","_ref3","filter","hasCoordinates","length","LatLngBounds","forEach","point","extend","toJSON","items","_ref4","toIndex","pointDiff","action","type","isChangeDiff","GeopointFieldDiff","_ref5","_ref6","getAnnotationAtPath","DiffTooltip","annotations","description","getAction","googleMapsInput","definePlugin","form","components","isType","renderDefault","schema"],"mappings":"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"}
1	+ {"version":3,"file":"index.esm.js","sources":["../src/loader/loadGoogleMapsApi.ts","../src/loader/LoadError.tsx","../src/loader/GoogleMapsLoadProxy.tsx","../src/map/SearchInput.styles.tsx","../src/map/SearchInput.tsx","../src/map/util.ts","../src/map/Map.styles.tsx","../src/map/Map.tsx","../src/map/Marker.tsx","../src/input/GeopointSelect.tsx","../src/input/GeopointInput.styles.tsx","../src/global-workaround.ts","../src/input/GeopointInput.tsx","../src/map/Arrow.tsx","../src/diff/GeopointMove.tsx","../src/diff/GeopointFieldDiff.styles.tsx","../src/diff/GeopointArrayDiff.tsx","../src/diff/GeopointFieldDiff.tsx","../src/plugin.tsx"],"sourcesContent":["declare global {\n interface Window {\n gm_authFailure: any\n ___sanity_googleMapsApiCallback: any\n }\n}\n\nconst callbackName = '___sanity_googleMapsApiCallback'\nconst authFailureCallbackName = 'gm_authFailure'\n\nexport class AuthError extends Error {}\n\nfunction _loadGoogleMapsApi(config: {locale: string; apiKey: string}) {\n return new Promise<typeof window.google.maps>((resolve, reject) => {\n window[authFailureCallbackName] = () => {\n reject(new AuthError('Authentication error when loading Google Maps API.'))\n }\n\n window[callbackName] = () => {\n resolve(window.google.maps)\n }\n\n const script = document.createElement('script')\n script.onerror = (\n event: Event \| string,\n source?: string,\n lineno?: number,\n colno?: number,\n error?: Error\n ) => reject(new Error(coeerceError(event, error)))\n\n script.src = `https://maps.googleapis.com/maps/api/js?key=${config.apiKey}&libraries=places&callback=${callbackName}&language=${config.locale}`\n document.getElementsByTagName('head')[0].appendChild(script)\n }).finally(() => {\n delete window[callbackName]\n delete window[authFailureCallbackName]\n })\n}\n\nlet memo: Promise<typeof window.google.maps> \| null = null\nexport function loadGoogleMapsApi(config: {locale: string; apiKey: string}) {\n if (memo) {\n return memo\n }\n memo = _loadGoogleMapsApi(config)\n memo.catch(() => {\n memo = null\n })\n return memo\n}\nfunction coeerceError(event: Event \| string, error?: Error): string {\n if (error) {\n return error.message\n }\n\n if (typeof event === 'string') {\n return event\n }\n\n return isErrorEvent(event) ? event.message : 'Failed to load Google Maps API'\n}\n\nfunction isErrorEvent(event: unknown): event is ErrorEvent {\n if (typeof event !== 'object' \|\| event === null) {\n return false\n }\n\n if (!('message' in event)) {\n return false\n }\n\n return typeof (event as ErrorEvent).message === 'string'\n}\n","import * as React from 'react'\nimport {Card, Box, Text, Code} from '@sanity/ui'\n\ntype Props = {error: {message?: string}; isAuthError: false} \| {isAuthError: true}\n\nexport function LoadError(props: Props) {\n return (\n <Card tone=\"critical\" radius={1}>\n <Box as=\"header\" paddingX={4} paddingTop={4} paddingBottom={1}>\n <Text as=\"h2\" weight=\"bold\">\n Google Maps failed to load\n </Text>\n </Box>\n\n <Box paddingX={4} paddingTop={4} paddingBottom={1}>\n {props.isAuthError ? (\n <AuthError />\n ) : (\n <>\n <Text as=\"h3\">Error details:</Text>\n <pre>\n <Code size={1}>{'error' in props && props.error?.message}</Code>\n </pre>\n </>\n )}\n </Box>\n </Card>\n )\n}\n\nfunction AuthError() {\n return (\n <Text>\n <p>The error appears to be related to authentication</p>\n <p>Common causes include:</p>\n <ul>\n <li>Incorrect API key</li>\n <li>Referer not allowed</li>\n <li>Missing authentication scope</li>\n </ul>\n <p>Check the browser developer tools for more information.</p>\n </Text>\n )\n}\n","import React, {useEffect, useState} from 'react'\nimport {AuthError, loadGoogleMapsApi} from './loadGoogleMapsApi'\nimport {LoadError as LoadErrorView} from './LoadError'\nimport {GoogleMapsInputConfig} from '../index'\n\ninterface LoadProps {\n children: (api: typeof window.google.maps) => React.ReactElement\n config: GoogleMapsInputConfig\n}\n\nconst browserLocale = (typeof window !== 'undefined' && window.navigator.language) \|\| 'en'\n\ntype LoadState =\n \| {\n type: 'loading'\n }\n \| {\n type: 'loaded'\n api: typeof window.google.maps\n }\n \| {\n type: 'error'\n error: {type: 'loadError' \| 'authError'; message: string}\n }\n\nfunction useLoadGoogleMapsApi(config: {defaultLocale?: string; apiKey: string}): LoadState {\n const locale = config.defaultLocale \|\| browserLocale \|\| 'en-US'\n\n const [state, setState] = useState<LoadState>({type: 'loading'})\n\n useEffect(() => {\n loadGoogleMapsApi({locale, apiKey: config.apiKey}).then(\n (api) => setState({type: 'loaded', api}),\n (err) =>\n setState({\n type: 'error',\n error: {type: err instanceof AuthError ? 'authError' : 'loadError', message: err.message},\n })\n )\n }, [locale, config.apiKey])\n return state\n}\n\nexport function GoogleMapsLoadProxy(props: LoadProps) {\n const loadState = useLoadGoogleMapsApi(props.config)\n switch (loadState.type) {\n case 'error':\n return (\n <LoadErrorView error={loadState.error} isAuthError={loadState.error.type === 'authError'} />\n )\n case 'loading':\n return <div>Loading Google Maps API</div>\n case 'loaded':\n return props.children(loadState.api)\n default:\n return null\n }\n}\n","import styled from 'styled-components'\n\nexport const WrapperContainer = styled.div`\n position: absolute;\n right: 10px;\n top: 10px;\n width: 220px;\n`\n","import * as React from 'react'\nimport {TextInput} from '@sanity/ui'\nimport {WrapperContainer} from './SearchInput.styles'\n\ninterface Props {\n api: typeof window.google.maps\n map: google.maps.Map\n onChange: (result: google.maps.places.PlaceResult) => void\n}\n\nexport class SearchInput extends React.PureComponent<Props> {\n searchInputRef = React.createRef<HTMLInputElement>()\n autoComplete: google.maps.places.Autocomplete \| undefined\n\n handleChange = () => {\n if (!this.autoComplete) {\n return\n }\n\n this.props.onChange(this.autoComplete.getPlace())\n\n if (this.searchInputRef.current) {\n this.searchInputRef.current.value = ''\n }\n }\n\n componentDidMount() {\n const input = this.searchInputRef.current\n if (!input) {\n return\n }\n\n const {api, map} = this.props\n const {Circle, places, event} = api\n const searchBounds = new Circle({center: map.getCenter(), radius: 100}).getBounds()!\n this.autoComplete = new places.Autocomplete(input, {\n bounds: searchBounds,\n types: [], // return all kinds of places\n })\n\n event.addListener(this.autoComplete, 'place_changed', this.handleChange)\n }\n\n render() {\n return (\n <WrapperContainer>\n <TextInput\n name=\"place\"\n ref={this.searchInputRef}\n placeholder=\"Search for place or address\"\n padding={4}\n />\n </WrapperContainer>\n )\n }\n}\n","import {LatLng} from '../types'\n\nexport function latLngAreEqual(\n latLng1: LatLng \| google.maps.LatLng,\n latLng2: LatLng \| google.maps.LatLng\n): boolean {\n const lat1 = typeof latLng1.lat === 'function' ? latLng1.lat() : latLng1.lat\n const lng1 = typeof latLng1.lng === 'function' ? latLng1.lng() : latLng1.lng\n\n const lat2 = typeof latLng2.lat === 'function' ? latLng2.lat() : latLng2.lat\n const lng2 = typeof latLng2.lng === 'function' ? latLng2.lng() : latLng2.lng\n\n return lat1 === lat2 && lng1 === lng2\n}\n","import styled from 'styled-components'\n\nexport const MapContainer = styled.div`\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n box-sizing: border-box;\n`\n","import React from 'react'\nimport {LatLng} from '../types'\nimport {latLngAreEqual} from './util'\nimport {MapContainer} from './Map.styles'\n\ninterface MapProps {\n api: typeof window.google.maps\n location: LatLng\n bounds?: google.maps.LatLngBounds\n defaultZoom?: number\n mapTypeControl?: boolean\n scrollWheel?: boolean\n controlSize?: number\n onClick?: (event: google.maps.MapMouseEvent) => void\n children?: (map: google.maps.Map) => React.ReactElement\n}\n\ninterface MapState {\n map: google.maps.Map \| undefined\n}\n\nexport class GoogleMap extends React.PureComponent<MapProps, MapState> {\n static defaultProps = {\n defaultZoom: 8,\n scrollWheel: true,\n }\n\n state: MapState = {map: undefined}\n clickHandler: google.maps.MapsEventListener \| undefined\n mapRef = React.createRef<HTMLDivElement>()\n mapEl: HTMLDivElement \| null = null\n\n componentDidMount() {\n this.attachClickHandler()\n }\n\n attachClickHandler = () => {\n const map = this.state.map\n if (!map) {\n return\n }\n\n const {api, onClick} = this.props\n const {event} = api\n\n if (this.clickHandler) {\n this.clickHandler.remove()\n }\n\n if (onClick) {\n this.clickHandler = event.addListener(map, 'click', onClick)\n }\n }\n\n componentDidUpdate(prevProps: MapProps) {\n const map = this.state.map\n if (!map) {\n return\n }\n\n const {onClick, location, bounds} = this.props\n\n if (prevProps.onClick !== onClick) {\n this.attachClickHandler()\n }\n\n if (!latLngAreEqual(prevProps.location, location)) {\n map.panTo(this.getCenter())\n }\n\n if (bounds && (!prevProps.bounds \|\| !bounds.equals(prevProps.bounds))) {\n map.fitBounds(bounds)\n }\n }\n\n componentWillUnmount() {\n if (this.clickHandler) {\n this.clickHandler.remove()\n }\n }\n\n getCenter(): google.maps.LatLng {\n const {location, api} = this.props\n return new api.LatLng(location.lat, location.lng)\n }\n\n constructMap(el: HTMLDivElement) {\n const {defaultZoom, api, mapTypeControl, controlSize, bounds, scrollWheel} = this.props\n\n const map = new api.Map(el, {\n zoom: defaultZoom,\n center: this.getCenter(),\n scrollwheel: scrollWheel,\n streetViewControl: false,\n mapTypeControl,\n controlSize,\n })\n\n if (bounds) {\n map.fitBounds(bounds)\n }\n\n return map\n }\n\n setMapElement = (element: HTMLDivElement \| null) => {\n if (element && element !== this.mapEl) {\n const map = this.constructMap(element)\n this.setState({map}, this.attachClickHandler)\n }\n\n this.mapEl = element\n }\n\n render() {\n const {children} = this.props\n const {map} = this.state\n return (\n <>\n <MapContainer ref={this.setMapElement} />\n {children && map ? children(map) : null}\n </>\n )\n }\n}\n","import * as React from 'react'\nimport {LatLng} from '../types'\nimport {latLngAreEqual} from './util'\n\nconst markerPath =\n 'M 3.052 3.7 C 1.56 5.293 0.626 7.612 0.663 9.793 C 0.738 14.352 2.793 16.077 6.078 22.351 C 7.263 25.111 8.497 28.032 9.672 32.871 C 9.835 33.584 9.994 34.246 10.069 34.305 C 10.143 34.362 10.301 33.697 10.465 32.983 C 11.639 28.145 12.875 25.226 14.059 22.466 C 17.344 16.192 19.398 14.466 19.474 9.908 C 19.511 7.727 18.574 5.405 17.083 3.814 C 15.379 1.994 12.809 0.649 10.069 0.593 C 7.328 0.536 4.756 1.882 3.052 3.7 Z'\n\ninterface Props {\n api: typeof window.google.maps\n map: google.maps.Map\n onMove?: (event: google.maps.MapMouseEvent) => void\n onClick?: (event: google.maps.MapMouseEvent) => void\n position: LatLng \| google.maps.LatLng\n zIndex?: number\n opacity?: number\n label?: string\n markerRef?: React.MutableRefObject<google.maps.Marker \| undefined>\n color?: {background: string; border: string; text: string}\n}\n\nexport class Marker extends React.PureComponent<Props> {\n marker: google.maps.Marker \| undefined\n\n eventHandlers: {\n move?: google.maps.MapsEventListener\n click?: google.maps.MapsEventListener\n } = {}\n\n componentDidMount() {\n const {position, api, map, onMove, zIndex, opacity, label, markerRef, color} = this.props\n const {Marker: GMarker} = api\n\n let icon: google.maps.Symbol \| undefined\n if (color) {\n icon = {\n path: markerPath,\n fillOpacity: 1,\n fillColor: color.background,\n strokeColor: color.border,\n strokeWeight: 2,\n anchor: new api.Point(10, 35),\n labelOrigin: new api.Point(10, 11),\n }\n }\n\n this.marker = new GMarker({\n draggable: Boolean(onMove),\n position,\n map,\n zIndex,\n opacity,\n label,\n icon,\n })\n\n if (markerRef) {\n markerRef.current = this.marker\n }\n\n this.attachMoveHandler()\n this.attachClickHandler()\n }\n\n componentDidUpdate(prevProps: Props) {\n if (!this.marker) {\n return\n }\n\n const {position, onMove, label, zIndex, opacity, map} = this.props\n\n if (prevProps.onMove !== onMove) {\n this.attachMoveHandler()\n }\n\n if (!latLngAreEqual(prevProps.position, position)) {\n this.marker.setPosition(position)\n }\n\n if (prevProps.label !== label) {\n this.marker.setLabel(label \|\| null)\n }\n\n if (prevProps.zIndex !== zIndex) {\n this.marker.setZIndex(zIndex \|\| null)\n }\n\n if (prevProps.opacity !== opacity) {\n this.marker.setOpacity(opacity \|\| null)\n }\n\n if (prevProps.map !== map) {\n this.marker.setMap(map)\n }\n }\n\n componentWillUnmount() {\n if (this.eventHandlers.move) {\n this.eventHandlers.move.remove()\n }\n\n if (this.marker) {\n this.marker.setMap(null)\n }\n }\n\n attachMoveHandler() {\n const {api, onMove} = this.props\n if (this.eventHandlers.move) {\n this.eventHandlers.move.remove()\n }\n if (this.marker && onMove) {\n this.eventHandlers.move = api.event.addListener(this.marker, 'dragend', onMove)\n }\n }\n\n attachClickHandler() {\n const {api, onClick} = this.props\n if (this.eventHandlers.click) {\n this.eventHandlers.click.remove()\n }\n if (this.marker && onClick) {\n this.eventHandlers.click = api.event.addListener(this.marker, 'click', onClick)\n }\n }\n\n // eslint-disable-next-line class-methods-use-this\n render(): any {\n return null\n }\n}\n","import React from 'react'\nimport {SearchInput} from '../map/SearchInput'\nimport {GoogleMap} from '../map/Map'\nimport {Marker} from '../map/Marker'\nimport {LatLng, Geopoint} from '../types'\n\nconst fallbackLatLng: LatLng = {lat: 40.7058254, lng: -74.1180863}\n\ninterface SelectProps {\n api: typeof window.google.maps\n value?: Geopoint\n onChange?: (latLng: google.maps.LatLng) => void\n defaultLocation?: LatLng\n defaultZoom?: number\n}\n\nexport class GeopointSelect extends React.PureComponent<SelectProps> {\n static defaultProps = {\n defaultZoom: 8,\n defaultLocation: {lng: 10.74609, lat: 59.91273},\n }\n\n mapRef = React.createRef<HTMLDivElement>()\n\n getCenter() {\n const {value = {}, defaultLocation = {}} = this.props\n const point: LatLng = {...fallbackLatLng, ...defaultLocation, ...value}\n return point\n }\n\n handlePlaceChanged = (place: google.maps.places.PlaceResult) => {\n if (!place.geometry?.location) {\n return\n }\n\n this.setValue(place.geometry.location)\n }\n\n handleMarkerDragEnd = (event: google.maps.MapMouseEvent) => {\n if (event.latLng) this.setValue(event.latLng)\n }\n\n handleMapClick = (event: google.maps.MapMouseEvent) => {\n if (event.latLng) this.setValue(event.latLng)\n }\n\n setValue(geoPoint: google.maps.LatLng) {\n if (this.props.onChange) {\n this.props.onChange(geoPoint)\n }\n }\n\n render() {\n const {api, defaultZoom, value, onChange} = this.props\n return (\n <GoogleMap\n api={api}\n location={this.getCenter()}\n onClick={this.handleMapClick}\n defaultZoom={defaultZoom}\n >\n {(map) => (\n <>\n <SearchInput api={api} map={map} onChange={this.handlePlaceChanged} />\n {value && (\n <Marker\n api={api}\n map={map}\n position={value}\n onMove={onChange ? this.handleMarkerDragEnd : undefined}\n />\n )}\n </>\n )}\n </GoogleMap>\n )\n }\n}\n","import styled from 'styled-components'\n\nexport const PreviewImage = styled.img`\n width: 100%;\n height: auto;\n vertical-align: top;\n`\n\nexport const DialogInnerContainer = styled.div`\n height: 40rem;\n width: 50rem;\n`\n","import {GoogleMapsInputConfig} from './index'\n\nlet config: GoogleMapsInputConfig\n\nexport function getGeoConfig(): GoogleMapsInputConfig {\n return config as GoogleMapsInputConfig\n}\n\nexport function setGeoConfig(newConfig: GoogleMapsInputConfig): void {\n config = newConfig\n}\n","import React from 'react'\nimport {uniqueId} from 'lodash'\nimport {Box, Button, Dialog, Grid} from '@sanity/ui'\nimport {EditIcon, TrashIcon} from '@sanity/icons'\nimport {ObjectInputProps, set, setIfMissing, unset, ChangeIndicator} from 'sanity'\nimport {GoogleMapsLoadProxy} from '../loader/GoogleMapsLoadProxy'\nimport {Geopoint, GeopointSchemaType, LatLng} from '../types'\nimport {GeopointSelect} from './GeopointSelect'\nimport {DialogInnerContainer, PreviewImage} from './GeopointInput.styles'\nimport {GoogleMapsInputConfig} from '../index'\nimport {getGeoConfig} from '../global-workaround'\n\nconst getStaticImageUrl = (value: LatLng, apiKey: string) => {\n const loc = `${value.lat},${value.lng}`\n const params = {\n key: apiKey,\n center: loc,\n markers: loc,\n zoom: 13,\n scale: 2,\n size: '640x300',\n } as const\n const qs = Object.keys(params).reduce((res, param) => {\n return res.concat(`${param}=${encodeURIComponent(params[param as keyof typeof params])}`)\n }, [] as string[])\n\n return `https://maps.googleapis.com/maps/api/staticmap?${qs.join('&')}`\n}\n\nexport type GeopointInputProps = ObjectInputProps<Geopoint, GeopointSchemaType> & {\n geoConfig: GoogleMapsInputConfig\n}\n\ntype Focusable = any\n\ninterface InputState {\n modalOpen: boolean\n}\n\nclass GeopointInput extends React.PureComponent<GeopointInputProps, InputState> {\n _geopointInputId = uniqueId('GeopointInput')\n\n editButton: Focusable \| undefined\n\n constructor(props: GeopointInputProps) {\n super(props)\n\n this.state = {\n modalOpen: false,\n }\n }\n\n setEditButton = (el: Focusable) => {\n this.editButton = el\n }\n\n focus() {\n if (this.editButton) {\n this.editButton.focus()\n }\n }\n\n handleToggleModal = () => {\n this.setState((prevState) => ({modalOpen: !prevState.modalOpen}))\n }\n\n handleCloseModal = () => {\n this.setState({modalOpen: false})\n }\n\n handleChange = (latLng: google.maps.LatLng) => {\n const {schemaType, onChange} = this.props\n onChange([\n setIfMissing({\n _type: schemaType.name,\n }),\n set(latLng.lat(), ['lat']),\n set(latLng.lng(), ['lng']),\n ])\n }\n\n handleClear = () => {\n const {onChange} = this.props\n onChange(unset())\n }\n\n render() {\n const {value, readOnly, geoConfig: config, path, changed, focused} = this.props\n\n const {modalOpen} = this.state\n\n if (!config \|\| !config.apiKey) {\n return (\n <div>\n <p>\n The <a href=\"https://sanity.io/docs/schema-types/geopoint-type\">Geopoint type</a> needs\n a Google Maps API key with access to:\n </p>\n <ul>\n <li>Google Maps JavaScript API</li>\n <li>Google Places API Web Service</li>\n <li>Google Static Maps API</li>\n </ul>\n <p>\n Please enter the API key with access to these services in your googleMapsInput plugin\n config.\n </p>\n </div>\n )\n }\n\n return (\n <>\n {value && (\n <ChangeIndicator path={path} isChanged={changed} hasFocus={!!focused}>\n <PreviewImage src={getStaticImageUrl(value, config.apiKey)} alt=\"Map location\" />\n </ChangeIndicator>\n )}\n\n {!readOnly && (\n <Box marginTop={4}>\n <Grid columns={2} gap={2}>\n <Button\n mode=\"ghost\"\n icon={value && EditIcon}\n padding={3}\n ref={this.setEditButton}\n text={value ? 'Edit' : 'Set location'}\n onClick={this.handleToggleModal}\n />\n\n {value && (\n <Button\n tone=\"critical\"\n icon={TrashIcon}\n padding={3}\n mode=\"ghost\"\n text={'Remove'}\n onClick={this.handleClear}\n />\n )}\n </Grid>\n </Box>\n )}\n\n {modalOpen && (\n <Dialog\n id={`${this._geopointInputId}_dialog`}\n onClose={this.handleCloseModal}\n header=\"Place the marker on the map\"\n width={1}\n >\n <DialogInnerContainer>\n <GoogleMapsLoadProxy config={getGeoConfig()}>\n {(api) => (\n <GeopointSelect\n api={api}\n value={value \|\| undefined}\n onChange={readOnly ? undefined : this.handleChange}\n defaultLocation={config.defaultLocation}\n defaultZoom={config.defaultZoom}\n />\n )}\n </GoogleMapsLoadProxy>\n </DialogInnerContainer>\n </Dialog>\n )}\n </>\n )\n }\n}\n\nexport default GeopointInput\n","import * as React from 'react'\nimport {LatLng} from '../types'\nimport {latLngAreEqual} from './util'\n\ninterface Props {\n api: typeof window.google.maps\n map: google.maps.Map\n from: LatLng\n to: LatLng\n color?: {background: string; border: string; text: string}\n zIndex?: number\n arrowRef?: React.MutableRefObject<google.maps.Polyline \| undefined>\n onClick?: (event: google.maps.MapMouseEvent) => void\n}\n\nexport class Arrow extends React.PureComponent<Props> {\n line: google.maps.Polyline \| undefined\n\n eventHandlers: {\n click?: google.maps.MapsEventListener\n } = {}\n\n componentDidMount() {\n const {from, to, api, map, zIndex, onClick, color, arrowRef} = this.props\n const lineSymbol = {\n path: api.SymbolPath.FORWARD_OPEN_ARROW,\n }\n\n this.line = new api.Polyline({\n map,\n zIndex,\n path: [from, to],\n icons: [{icon: lineSymbol, offset: '50%'}],\n strokeOpacity: 0.55,\n strokeColor: color ? color.text : 'black',\n })\n\n if (onClick) {\n this.eventHandlers.click = api.event.addListener(this.line, 'click', onClick)\n }\n\n if (arrowRef) {\n arrowRef.current = this.line\n }\n }\n\n componentDidUpdate(prevProps: Props) {\n if (!this.line) {\n return\n }\n\n const {from, to, map} = this.props\n if (!latLngAreEqual(prevProps.from, from) \|\| !latLngAreEqual(prevProps.to, to)) {\n this.line.setPath([from, to])\n }\n\n if (prevProps.map !== map) {\n this.line.setMap(map)\n }\n }\n\n componentWillUnmount() {\n if (this.line) {\n this.line.setMap(null)\n }\n\n if (this.eventHandlers.click) {\n this.eventHandlers.click.remove()\n }\n }\n\n // eslint-disable-next-line class-methods-use-this\n render(): any {\n return null\n }\n}\n","import * as React from 'react'\nimport {useUserColor, ObjectDiff} from 'sanity'\nimport {Marker} from '../map/Marker'\nimport {Arrow} from '../map/Arrow'\nimport {Geopoint} from '../types'\n\ninterface Props {\n api: typeof window.google.maps\n map: google.maps.Map\n diff: ObjectDiff<Geopoint>\n label?: string\n}\n\nexport function GeopointMove({diff, api, map, label}: Props) {\n const {fromValue: from, toValue: to} = diff\n const annotation = diff.isChanged ? diff.annotation : undefined\n const userColor = useUserColor(annotation ? annotation.author : null) \|\| undefined\n const fromRef = React.useRef<google.maps.Marker>()\n const toRef = React.useRef<google.maps.Marker>()\n\n return (\n <>\n {from && (\n <Marker\n api={api}\n map={map}\n position={from}\n zIndex={0}\n opacity={0.55}\n markerRef={fromRef}\n color={userColor}\n />\n )}\n {from && to && <Arrow api={api} map={map} from={from} to={to} zIndex={1} color={userColor} />}\n {to && (\n <Marker\n api={api}\n map={map}\n position={to}\n zIndex={2}\n markerRef={toRef}\n label={label}\n color={userColor}\n />\n )}\n </>\n )\n}\n","import styled from 'styled-components'\n\nexport const RootContainer = styled.div`\n position: relative;\n min-height: 200px;\n\n &:empty {\n background-color: var(--card-skeleton-color-from);\n display: table;\n width: 100%;\n }\n\n &:empty:after {\n content: 'Missing/invalid data';\n display: table-cell;\n vertical-align: middle;\n text-align: center;\n position: relative;\n }\n`\n","import * as React from 'react'\nimport {ArrayDiff, ObjectDiff, Diff, DiffProps as GenericDiffProps, DiffComponent} from 'sanity'\nimport {GoogleMapsLoadProxy} from '../loader/GoogleMapsLoadProxy'\nimport {GoogleMap} from '../map/Map'\nimport {Geopoint} from '../types'\nimport {GeopointMove} from './GeopointMove'\nimport {RootContainer} from './GeopointFieldDiff.styles'\nimport {getGeoConfig} from '../global-workaround'\n\nexport type DiffProps = GenericDiffProps<ArrayDiff<Geopoint>>\n\nexport const GeopointArrayDiff: DiffComponent<ArrayDiff<Geopoint>> = ({diff, schemaType}) => {\n return (\n <RootContainer>\n <GoogleMapsLoadProxy config={getGeoConfig()}>\n {(api) => <GeopointDiff api={api} diff={diff} schemaType={schemaType} />}\n </GoogleMapsLoadProxy>\n </RootContainer>\n )\n}\n\nfunction GeopointDiff({api, diff}: DiffProps & {api: typeof google.maps}) {\n const fromValue = (diff.fromValue \|\| []).filter(hasCoordinates)\n const toValue = (diff.toValue \|\| []).filter(hasCoordinates)\n if (fromValue.length === 0 && toValue.length === 0) {\n return null\n }\n\n const bounds = getBounds(fromValue, toValue, api)\n return (\n <GoogleMap\n api={api}\n location={bounds.getCenter().toJSON()}\n mapTypeControl={false}\n controlSize={20}\n bounds={bounds}\n >\n {(map) => (\n <>\n {diff.items.map(({toIndex, diff: pointDiff}) => {\n if (!isChangeDiff(pointDiff)) {\n return null\n }\n\n return (\n <GeopointMove\n key={toIndex}\n api={api}\n map={map}\n diff={pointDiff}\n label={`${toIndex}`}\n />\n )\n })}\n </>\n )}\n </GoogleMap>\n )\n}\n\nfunction isChangeDiff(diff: Diff): diff is ObjectDiff<Geopoint> {\n return diff.action !== 'unchanged' && diff.type === 'object'\n}\n\nfunction hasCoordinates(point: Partial<Geopoint>): point is Geopoint {\n return typeof point.lat === 'number' && typeof point.lng === 'number'\n}\n\nfunction getBounds(\n fromValue: google.maps.LatLngLiteral[] \| null \| undefined,\n toValue: google.maps.LatLngLiteral[] \| null \| undefined,\n api: typeof window.google.maps\n): google.maps.LatLngBounds {\n const bounds = new api.LatLngBounds()\n const points = [...(fromValue \|\| []), ...(toValue \|\| [])]\n points.forEach((point) => bounds.extend(point))\n return bounds\n}\n","import * as React from 'react'\nimport {\n DiffComponent,\n ObjectDiff,\n DiffProps as GenericDiffProps,\n DiffTooltip,\n getAnnotationAtPath,\n} from 'sanity'\nimport {GoogleMapsLoadProxy} from '../loader/GoogleMapsLoadProxy'\nimport {GoogleMap} from '../map/Map'\nimport {Geopoint} from '../types'\nimport {GeopointMove} from './GeopointMove'\nimport {RootContainer} from './GeopointFieldDiff.styles'\nimport {getGeoConfig} from '../global-workaround'\n\nexport type DiffProps = GenericDiffProps<ObjectDiff<Geopoint>>\n\nexport const GeopointFieldDiff: DiffComponent<ObjectDiff<Geopoint>> = ({diff, schemaType}) => {\n return (\n <RootContainer>\n <GoogleMapsLoadProxy config={getGeoConfig()}>\n {(api) => <GeopointDiff api={api} diff={diff} schemaType={schemaType} />}\n </GoogleMapsLoadProxy>\n </RootContainer>\n )\n}\n\nfunction GeopointDiff({api, diff}: DiffProps & {api: typeof window.google.maps}) {\n const {fromValue, toValue} = diff\n const annotation =\n getAnnotationAtPath(diff, ['lat']) \|\|\n getAnnotationAtPath(diff, ['lng']) \|\|\n getAnnotationAtPath(diff, [])\n\n const center = getCenter(diff, api)\n const bounds = fromValue && toValue ? getBounds(fromValue, toValue, api) : undefined\n\n return (\n <DiffTooltip annotations={annotation ? [annotation] : []} description={getAction(diff)}>\n <div>\n <GoogleMap\n api={api}\n location={center}\n mapTypeControl={false}\n controlSize={20}\n bounds={bounds}\n scrollWheel={false}\n >\n {(map) => <GeopointMove api={api} map={map} diff={diff} />}\n </GoogleMap>\n </div>\n </DiffTooltip>\n )\n}\n\nfunction getBounds(\n fromValue: google.maps.LatLngLiteral,\n toValue: google.maps.LatLngLiteral,\n api: typeof window.google.maps\n): google.maps.LatLngBounds {\n return new api.LatLngBounds().extend(fromValue).extend(toValue)\n}\n\nfunction getCenter(\n diff: DiffProps['diff'],\n api: typeof window.google.maps\n): google.maps.LatLngLiteral {\n const {fromValue, toValue} = diff\n if (fromValue && toValue) {\n return getBounds(fromValue, toValue, api).getCenter().toJSON()\n }\n\n if (fromValue) {\n return fromValue\n }\n\n if (toValue) {\n return toValue\n }\n\n throw new Error('Neither a from or a to value present')\n}\n\nfunction getAction(diff: ObjectDiff<Geopoint>) {\n const {fromValue, toValue} = diff\n if (fromValue && toValue) {\n return 'Moved'\n } else if (fromValue) {\n return 'Removed'\n } else if (toValue) {\n return 'Added'\n }\n\n return 'Unchanged'\n}\n","import React from 'react'\nimport {definePlugin, SchemaType} from 'sanity'\nimport GeopointInput, {GeopointInputProps} from './input/GeopointInput'\nimport {setGeoConfig} from './global-workaround'\nimport {GeopointSchemaType} from './types'\n\nexport interface GoogleMapsInputConfig {\n apiKey: string\n defaultZoom?: number\n defaultLocale?: string\n defaultLocation?: {\n lat: number\n lng: number\n }\n}\n\nexport const googleMapsInput = definePlugin<GoogleMapsInputConfig>((config) => {\n setGeoConfig(config)\n return {\n name: 'google-maps-input',\n form: {\n components: {\n input(props) {\n if (isGeopoint(props.schemaType)) {\n const castedProps = props as unknown as Omit<GeopointInputProps, 'geoConfig'>\n return <GeopointInput {...castedProps} geoConfig={config} />\n }\n return props.renderDefault(props)\n },\n },\n },\n }\n})\n\nfunction isGeopoint(schemaType: SchemaType): schemaType is GeopointSchemaType {\n return isType('geopoint', schemaType)\n}\n\nfunction isType(name: string, schema?: SchemaType): boolean {\n if (schema?.name === name) {\n return true\n // eslint-disable-next-line no-negated-condition\n } else if (!schema?.name) {\n return false\n }\n return isType(name, schema?.type)\n}\n"],"names":["callbackName","AuthError","Error","_loadGoogleMapsApi","config","Promise","resolve","reject","window","google","maps","script","document","createElement","onerror","event","source","lineno","colno","error","message","isErrorEvent","coeerceError","src","apiKey","locale","getElementsByTagName","appendChild","finally","memo","LoadError","props","_a","jsxs","Card","tone","radius","children","jsx","Box","as","paddingX","paddingTop","paddingBottom","Text","weight","isAuthError","Fragment","Code","size","browserLocale","navigator","language","useLoadGoogleMapsApi","defaultLocale","state","setState","useState","type","useEffect","catch","loadGoogleMapsApi","then","api","err","GoogleMapsLoadProxy","loadState","LoadErrorView","WrapperContainer","styled","div","_templateObject","_taggedTemplateLiteral","SearchInput","React","PureComponent","constructor","super","arguments","this","searchInputRef","createRef","handleChange","autoComplete","onChange","getPlace","current","value","componentDidMount","input","map","Circle","places","searchBounds","center","getCenter","getBounds","Autocomplete","bounds","types","addListener","render","TextInput","name","ref","placeholder","padding","latLngAreEqual","latLng1","latLng2","lat1","lat","lng1","lng","lat2","lng2","MapContainer","_templateObject2","GoogleMap","mapRef","mapEl","attachClickHandler","onClick","clickHandler","remove","setMapElement","element","constructMap","componentDidUpdate","prevProps","location","panTo","equals","fitBounds","componentWillUnmount","LatLng","el","defaultZoom","mapTypeControl","controlSize","scrollWheel","Map","zoom","scrollwheel","streetViewControl","defaultProps","Marker","eventHandlers","position","onMove","zIndex","opacity","label","markerRef","color","GMarker","icon","path","fillOpacity","fillColor","background","strokeColor","border","strokeWeight","anchor","Point","labelOrigin","marker","draggable","Boolean","attachMoveHandler","setPosition","setLabel","setZIndex","setOpacity","setMap","move","click","fallbackLatLng","GeopointSelect","handlePlaceChanged","place","geometry","setValue","handleMarkerDragEnd","latLng","handleMapClick","defaultLocation","geoPoint","PreviewImage","img","_templateObject3","DialogInnerContainer","_templateObject4","getGeoConfig","setGeoConfig","newConfig","getStaticImageUrl","loc","params","key","markers","scale","qs","Object","keys","reduce","res","param","concat","encodeURIComponent","join","GeopointInput","_geopointInputId","uniqueId","setEditButton","editButton","handleToggleModal","prevState","modalOpen","handleCloseModal","schemaType","setIfMissing","_type","set","handleClear","unset","focus","readOnly","geoConfig","changed","focused","ChangeIndicator","isChanged","hasFocus","alt","marginTop","Grid","columns","gap","Button","mode","EditIcon","text","TrashIcon","Dialog","id","onClose","header","width","href","Arrow","from","to","arrowRef","lineSymbol","SymbolPath","FORWARD_OPEN_ARROW","line","Polyline","icons","offset","strokeOpacity","setPath","GeopointMove","_ref","diff","fromValue","toValue","annotation","userColor","useUserColor","author","fromRef","useRef","toRef","RootContainer","_templateObject5","GeopointArrayDiff","_ref2","GeopointDiff","_ref3","filter","hasCoordinates","length","LatLngBounds","forEach","point","extend","toJSON","items","_ref4","toIndex","pointDiff","action","isChangeDiff","GeopointFieldDiff","_ref5","_ref6","getAnnotationAtPath","DiffTooltip","annotations","description","getAction","googleMapsInput","definePlugin","form","components","isType","renderDefault","schema"],"mappings":"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"}

package/lib/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e,t,n,o,r;function i(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function a(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?i(Object(n),!0).forEach((function(t){s(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):i(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function s(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function l(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}Object.defineProperty(exports,"__esModule",{value:!0});var c=require("react/jsx-runtime"),d=require("react"),p=require("lodash"),h=require("@sanity/ui"),u=require("@sanity/icons"),f=require("sanity"),m=require("rxjs"),g=require("styled-components");function x(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function j(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var v=x(d),C=j(d),y=x(g);const b="___sanity_googleMapsApiCallback",k="undefined"!=typeof window&&window.navigator.language||"en";let w;function M(e,t){return t||("string"==typeof e?new Error(e):new Error(function(e){if("object"!=typeof e||null===e)return!1;if(!("message"in e))return!1;return"string"==typeof e.message}(e)?e.message:"Failed to load Google Maps API"))}function P(e){var t;return c.jsxs(h.Card,{tone:"critical",radius:1,children:[c.jsx(h.Box,{as:"header",paddingX:4,paddingTop:4,paddingBottom:1,children:c.jsx(h.Text,{as:"h2",weight:"bold",children:"Google Maps failed to load"})}),c.jsx(h.Box,{paddingX:4,paddingTop:4,paddingBottom:1,children:e.isAuthError?c.jsx(O,{}):c.jsxs(c.Fragment,{children:[c.jsx(h.Text,{as:"h3",children:"Error details:"}),c.jsx("pre",{children:c.jsx(h.Code,{size:1,children:"error"in e&&(null==(t=e.error)?void 0:t.message)})})]})})]})}function O(){return c.jsxs(h.Text,{children:[c.jsx("p",{children:"The error appears to be related to authentication"}),c.jsx("p",{children:"Common causes include:"}),c.jsxs("ul",{children:[c.jsx("li",{children:"Incorrect API key"}),c.jsx("li",{children:"Referer not allowed"}),c.jsx("li",{children:"Missing authentication scope"})]}),c.jsx("p",{children:"Check the browser developer tools for more information."})]})}class I extends v.default.Component{constructor(e){super(e),this.state={loadState:"loading"};let t=!0;this.loadSubscription=function(e){const t=e.defaultLocale||k||"en-US";if(w)return w;w=new m.BehaviorSubject({loadState:"loading"}),window.gm_authFailure=()=>{delete window.gm_authFailure,w.next({loadState:"authError"})},window[b]=()=>{delete window[b],w.next({loadState:"loaded",api:window.google.maps})};const n=document.createElement("script");return n.onerror=(e,t,n,o,r)=>w.next({loadState:"loadError",error:M(e,r)}),n.src="https://maps.googleapis.com/maps/api/js?key=".concat(e.apiKey,"&libraries=places&callback=").concat(b,"&language=").concat(t),document.getElementsByTagName("head")[0].appendChild(n),w}(e.config).subscribe((e=>{t?this.state=e:this.setState(e)})),t=!1}componentWillUnmount(){this.loadSubscription&&this.loadSubscription.unsubscribe()}render(){switch(this.state.loadState){case"loadError":return c.jsx(P,{error:this.state.error,isAuthError:!1});case"authError":return c.jsx(P,{isAuthError:!0});case"loading":return c.jsx("div",{children:"Loading Google Maps API"});case"loaded":return this.props.children(this.state.api)||null;default:return null}}}const E=y.default.div(e||(e=l(["\n  position: absolute;\n  right: 10px;\n  top: 10px;\n  width: 220px;\n"])));class S extends C.PureComponent{constructor(){super(...arguments),this.searchInputRef=C.createRef(),this.handleChange=()=>{this.autoComplete&&(this.props.onChange(this.autoComplete.getPlace()),this.searchInputRef.current&&(this.searchInputRef.current.value=""))}}componentDidMount(){const e=this.searchInputRef.current;if(!e)return;const{api:t,map:n}=this.props,{Circle:o,places:r,event:i}=t,a=new o({center:n.getCenter(),radius:100}).getBounds();this.autoComplete=new r.Autocomplete(e,{bounds:a,types:[]}),i.addListener(this.autoComplete,"place_changed",this.handleChange)}render(){return c.jsx(E,{children:c.jsx(h.TextInput,{name:"place",ref:this.searchInputRef,placeholder:"Search for place or address",padding:4})})}}function H(e,t){const n="function"==typeof e.lat?e.lat():e.lat,o="function"==typeof e.lng?e.lng():e.lng,r="function"==typeof t.lat?t.lat():t.lat,i="function"==typeof t.lng?t.lng():t.lng;return n===r&&o===i}const T=y.default.div(t||(t=l(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n  box-sizing: border-box;\n"])));class R extends v.default.PureComponent{constructor(){super(...arguments),this.state={map:void 0},this.mapRef=v.default.createRef(),this.mapEl=null,this.attachClickHandler=()=>{const e=this.state.map;if(!e)return;const{api:t,onClick:n}=this.props,{event:o}=t;this.clickHandler&&this.clickHandler.remove(),n&&(this.clickHandler=o.addListener(e,"click",n))},this.setMapElement=e=>{if(e&&e!==this.mapEl){const t=this.constructMap(e);this.setState({map:t},this.attachClickHandler)}this.mapEl=e}}componentDidMount(){this.attachClickHandler()}componentDidUpdate(e){const t=this.state.map;if(!t)return;const{onClick:n,location:o,bounds:r}=this.props;e.onClick!==n&&this.attachClickHandler(),H(e.location,o)||t.panTo(this.getCenter()),!r||e.bounds&&r.equals(e.bounds)||t.fitBounds(r)}componentWillUnmount(){this.clickHandler&&this.clickHandler.remove()}getCenter(){const{location:e,api:t}=this.props;return new t.LatLng(e.lat,e.lng)}constructMap(e){const{defaultZoom:t,api:n,mapTypeControl:o,controlSize:r,bounds:i,scrollWheel:a}=this.props,s=new n.Map(e,{zoom:t,center:this.getCenter(),scrollwheel:a,streetViewControl:!1,mapTypeControl:o,controlSize:r});return i&&s.fitBounds(i),s}render(){const{children:e}=this.props,{map:t}=this.state;return c.jsxs(c.Fragment,{children:[c.jsx(T,{ref:this.setMapElement}),e&&t?e(t):null]})}}R.defaultProps={defaultZoom:8,scrollWheel:!0};class A extends C.PureComponent{constructor(){super(...arguments),this.eventHandlers={}}componentDidMount(){const{position:e,api:t,map:n,onMove:o,zIndex:r,opacity:i,label:a,markerRef:s,color:l}=this.props,{Marker:c}=t;let d;l&&(d={path:"M 3.052 3.7 C 1.56 5.293 0.626 7.612 0.663 9.793 C 0.738 14.352 2.793 16.077 6.078 22.351 C 7.263 25.111 8.497 28.032 9.672 32.871 C 9.835 33.584 9.994 34.246 10.069 34.305 C 10.143 34.362 10.301 33.697 10.465 32.983 C 11.639 28.145 12.875 25.226 14.059 22.466 C 17.344 16.192 19.398 14.466 19.474 9.908 C 19.511 7.727 18.574 5.405 17.083 3.814 C 15.379 1.994 12.809 0.649 10.069 0.593 C 7.328 0.536 4.756 1.882 3.052 3.7 Z",fillOpacity:1,fillColor:l.background,strokeColor:l.border,strokeWeight:2,anchor:new t.Point(10,35),labelOrigin:new t.Point(10,11)}),this.marker=new c({draggable:Boolean(o),position:e,map:n,zIndex:r,opacity:i,label:a,icon:d}),s&&(s.current=this.marker),this.attachMoveHandler(),this.attachClickHandler()}componentDidUpdate(e){if(!this.marker)return;const{position:t,onMove:n,label:o,zIndex:r,opacity:i,map:a}=this.props;e.onMove!==n&&this.attachMoveHandler(),H(e.position,t)||this.marker.setPosition(t),e.label!==o&&this.marker.setLabel(o||null),e.zIndex!==r&&this.marker.setZIndex(r||null),e.opacity!==i&&this.marker.setOpacity(i||null),e.map!==a&&this.marker.setMap(a)}componentWillUnmount(){this.eventHandlers.move&&this.eventHandlers.move.remove(),this.marker&&this.marker.setMap(null)}attachMoveHandler(){const{api:e,onMove:t}=this.props;this.eventHandlers.move&&this.eventHandlers.move.remove(),this.marker&&t&&(this.eventHandlers.move=e.event.addListener(this.marker,"dragend",t))}attachClickHandler(){const{api:e,onClick:t}=this.props;this.eventHandlers.click&&this.eventHandlers.click.remove(),this.marker&&t&&(this.eventHandlers.click=e.event.addListener(this.marker,"click",t))}render(){return null}}const L={lat:40.7058254,lng:-74.1180863};class z extends v.default.PureComponent{constructor(){super(...arguments),this.mapRef=v.default.createRef(),this.handlePlaceChanged=e=>{var t;(null==(t=e.geometry)?void 0:t.location)&&this.setValue(e.geometry.location)},this.handleMarkerDragEnd=e=>{e.latLng&&this.setValue(e.latLng)},this.handleMapClick=e=>{e.latLng&&this.setValue(e.latLng)}}getCenter(){const{value:e={},defaultLocation:t={}}=this.props;return a(a(a({},L),t),e)}setValue(e){this.props.onChange&&this.props.onChange(e)}render(){const{api:e,defaultZoom:t,value:n,onChange:o}=this.props;return c.jsx(R,{api:e,location:this.getCenter(),onClick:this.handleMapClick,defaultZoom:t,children:t=>c.jsxs(c.Fragment,{children:[c.jsx(S,{api:e,map:t,onChange:this.handlePlaceChanged}),n&&c.jsx(A,{api:e,map:t,position:n,onMove:o?this.handleMarkerDragEnd:void 0})]})})}}z.defaultProps={defaultZoom:8,defaultLocation:{lng:10.74609,lat:59.91273}};const B=y.default.img(n||(n=l(["\n  width: 100%;\n  height: auto;\n  vertical-align: top;\n"]))),D=y.default.div(o||(o=l(["\n  height: 40rem;\n  width: 50rem;\n"])));let _;function V(){return _}function G(e){_=e}const F=(e,t)=>{const n="".concat(e.lat,",").concat(e.lng),o={key:t,center:n,markers:n,zoom:13,scale:2,size:"640x300"},r=Object.keys(o).reduce(((e,t)=>e.concat("".concat(t,"=").concat(encodeURIComponent(o[t])))),[]);return"https://maps.googleapis.com/maps/api/staticmap?".concat(r.join("&"))};class U extends v.default.PureComponent{constructor(e){super(e),this._geopointInputId=p.uniqueId("GeopointInput"),this.setEditButton=e=>{this.editButton=e},this.handleToggleModal=()=>{this.setState((e=>({modalOpen:!e.modalOpen})))},this.handleCloseModal=()=>{this.setState({modalOpen:!1})},this.handleChange=e=>{const{schemaType:t,onChange:n}=this.props;n([f.setIfMissing({_type:t.name}),f.set(e.lat(),["lat"]),f.set(e.lng(),["lng"])])},this.handleClear=()=>{const{onChange:e}=this.props;e(f.unset())},this.state={modalOpen:!1}}focus(){this.editButton&&this.editButton.focus()}render(){const{value:e,readOnly:t,geoConfig:n,path:o,changed:r,focused:i}=this.props,{modalOpen:a}=this.state;return n&&n.apiKey?c.jsxs(c.Fragment,{children:[e&&c.jsx(f.ChangeIndicator,{path:o,isChanged:r,hasFocus:!!i,children:c.jsx(B,{src:F(e,n.apiKey),alt:"Map location"})}),!t&&c.jsx(h.Box,{marginTop:4,children:c.jsxs(h.Grid,{columns:2,gap:2,children:[c.jsx(h.Button,{mode:"ghost",icon:e&&u.EditIcon,padding:3,ref:this.setEditButton,text:e?"Edit":"Set location",onClick:this.handleToggleModal}),e&&c.jsx(h.Button,{tone:"critical",icon:u.TrashIcon,padding:3,mode:"ghost",text:"Remove",onClick:this.handleClear})]})}),a&&c.jsx(h.Dialog,{id:"".concat(this._geopointInputId,"_dialog"),onClose:this.handleCloseModal,header:"Place the marker on the map",width:1,children:c.jsx(D,{children:c.jsx(I,{config:V(),children:o=>c.jsx(z,{api:o,value:e||void 0,onChange:t?void 0:this.handleChange,defaultLocation:n.defaultLocation,defaultZoom:n.defaultZoom})})})})]}):c.jsxs("div",{children:[c.jsxs("p",{children:["The ",c.jsx("a",{href:"https://sanity.io/docs/schema-types/geopoint-type",children:"Geopoint type"})," needs a Google Maps API key with access to:"]}),c.jsxs("ul",{children:[c.jsx("li",{children:"Google Maps JavaScript API"}),c.jsx("li",{children:"Google Places API Web Service"}),c.jsx("li",{children:"Google Static Maps API"})]}),c.jsx("p",{children:"Please enter the API key with access to these services in your googleMapsInput plugin config."})]})}}class W extends C.PureComponent{constructor(){super(...arguments),this.eventHandlers={}}componentDidMount(){const{from:e,to:t,api:n,map:o,zIndex:r,onClick:i,color:a,arrowRef:s}=this.props,l={path:n.SymbolPath.FORWARD_OPEN_ARROW};this.line=new n.Polyline({map:o,zIndex:r,path:[e,t],icons:[{icon:l,offset:"50%"}],strokeOpacity:.55,strokeColor:a?a.text:"black"}),i&&(this.eventHandlers.click=n.event.addListener(this.line,"click",i)),s&&(s.current=this.line)}componentDidUpdate(e){if(!this.line)return;const{from:t,to:n,map:o}=this.props;H(e.from,t)&&H(e.to,n)||this.line.setPath([t,n]),e.map!==o&&this.line.setMap(o)}componentWillUnmount(){this.line&&this.line.setMap(null),this.eventHandlers.click&&this.eventHandlers.click.remove()}render(){return null}}function q(e){let{diff:t,api:n,map:o,label:r}=e;const{fromValue:i,toValue:a}=t,s=t.isChanged?t.annotation:void 0,l=f.useUserColor(s?s.author:null)||void 0,d=C.useRef(),p=C.useRef();return c.jsxs(c.Fragment,{children:[i&&c.jsx(A,{api:n,map:o,position:i,zIndex:0,opacity:.55,markerRef:d,color:l}),i&&a&&c.jsx(W,{api:n,map:o,from:i,to:a,zIndex:1,color:l}),a&&c.jsx(A,{api:n,map:o,position:a,zIndex:2,markerRef:p,label:r,color:l})]})}const Z=y.default.div(r||(r=l(["\n  position: relative;\n  min-height: 200px;\n\n  &:empty {\n    background-color: var(--card-skeleton-color-from);\n    display: table;\n    width: 100%;\n  }\n\n  &:empty:after {\n    content: 'Missing/invalid data';\n    display: table-cell;\n    vertical-align: middle;\n    text-align: center;\n    position: relative;\n  }\n"])));function N(e){let{api:t,diff:n}=e;const o=(n.fromValue||[]).filter(J),r=(n.toValue||[]).filter(J);if(0===o.length&&0===r.length)return null;const i=function(e,t,n){const o=new n.LatLngBounds;return[...e||[],...t||[]].forEach((e=>o.extend(e))),o}(o,r,t);return c.jsx(R,{api:t,location:i.getCenter().toJSON(),mapTypeControl:!1,controlSize:20,bounds:i,children:e=>c.jsx(c.Fragment,{children:n.items.map((n=>{let{toIndex:o,diff:r}=n;return function(e){return"unchanged"!==e.action&&"object"===e.type}(r)?c.jsx(q,{api:t,map:e,diff:r,label:"".concat(o)},o):null}))})})}function J(e){return"number"==typeof e.lat&&"number"==typeof e.lng}function K(e){let{api:t,diff:n}=e;const{fromValue:o,toValue:r}=n,i=f.getAnnotationAtPath(n,["lat"])||f.getAnnotationAtPath(n,["lng"])||f.getAnnotationAtPath(n,[]),a=function(e,t){const{fromValue:n,toValue:o}=e;if(n&&o)return X(n,o,t).getCenter().toJSON();if(n)return n;if(o)return o;throw new Error("Neither a from or a to value present")}(n,t),s=o&&r?X(o,r,t):void 0;return c.jsx(f.DiffTooltip,{annotations:i?[i]:[],description:Q(n),children:c.jsx("div",{children:c.jsx(R,{api:t,location:a,mapTypeControl:!1,controlSize:20,bounds:s,scrollWheel:!1,children:e=>c.jsx(q,{api:t,map:e,diff:n})})})})}function X(e,t,n){return(new n.LatLngBounds).extend(e).extend(t)}function Q(e){const{fromValue:t,toValue:n}=e;return t&&n?"Moved":t?"Removed":n?"Added":"Unchanged"}const Y=f.definePlugin((e=>(G(e),{name:"google-maps-input",form:{components:{input(t){if($("geopoint",t.schemaType)){const n=t;return c.jsx(U,a(a({},n),{},{geoConfig:e}))}return t.renderDefault(t)}}}})));function $(e,t){return(null==t?void 0:t.name)===e||!!(null==t?void 0:t.name)&&$(e,null==t?void 0:t.type)}exports.GeopointArrayDiff=e=>{let{diff:t,schemaType:n}=e;return c.jsx(Z,{children:c.jsx(I,{config:V(),children:e=>c.jsx(N,{api:e,diff:t,schemaType:n})})})},exports.GeopointFieldDiff=e=>{let{diff:t,schemaType:n}=e;return c.jsx(Z,{children:c.jsx(I,{config:V(),children:e=>c.jsx(K,{api:e,diff:t,schemaType:n})})})},exports.GeopointInput=U,exports.googleMapsInput=Y;
+"use strict";var e,t,n,o,r;function i(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function a(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?i(Object(n),!0).forEach((function(t){s(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):i(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function s(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function l(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}Object.defineProperty(exports,"__esModule",{value:!0});var c=require("react/jsx-runtime"),d=require("react"),p=require("lodash"),h=require("@sanity/ui"),u=require("@sanity/icons"),f=require("sanity"),m=require("styled-components");function g(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function x(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var j=x(d),v=g(d),y=g(m);const C="___sanity_googleMapsApiCallback";class k extends Error{}function b(e){return new Promise(((t,n)=>{window.gm_authFailure=()=>{n(new k("Authentication error when loading Google Maps API."))},window[C]=()=>{t(window.google.maps)};const o=document.createElement("script");o.onerror=(e,t,o,r,i)=>n(new Error(function(e,t){if(t)return t.message;if("string"==typeof e)return e;return function(e){if("object"!=typeof e||null===e)return!1;if(!("message"in e))return!1;return"string"==typeof e.message}(e)?e.message:"Failed to load Google Maps API"}(e,i))),o.src="https://maps.googleapis.com/maps/api/js?key=".concat(e.apiKey,"&libraries=places&callback=").concat(C,"&language=").concat(e.locale),document.getElementsByTagName("head")[0].appendChild(o)})).finally((()=>{delete window[C],delete window.gm_authFailure}))}let w=null;function M(e){var t;return c.jsxs(h.Card,{tone:"critical",radius:1,children:[c.jsx(h.Box,{as:"header",paddingX:4,paddingTop:4,paddingBottom:1,children:c.jsx(h.Text,{as:"h2",weight:"bold",children:"Google Maps failed to load"})}),c.jsx(h.Box,{paddingX:4,paddingTop:4,paddingBottom:1,children:e.isAuthError?c.jsx(P,{}):c.jsxs(c.Fragment,{children:[c.jsx(h.Text,{as:"h3",children:"Error details:"}),c.jsx("pre",{children:c.jsx(h.Code,{size:1,children:"error"in e&&(null==(t=e.error)?void 0:t.message)})})]})})]})}function P(){return c.jsxs(h.Text,{children:[c.jsx("p",{children:"The error appears to be related to authentication"}),c.jsx("p",{children:"Common causes include:"}),c.jsxs("ul",{children:[c.jsx("li",{children:"Incorrect API key"}),c.jsx("li",{children:"Referer not allowed"}),c.jsx("li",{children:"Missing authentication scope"})]}),c.jsx("p",{children:"Check the browser developer tools for more information."})]})}const O="undefined"!=typeof window&&window.navigator.language||"en";function I(e){const t=e.defaultLocale||O||"en-US",[n,o]=d.useState({type:"loading"});return d.useEffect((()=>{(function(e){return w||(w=b(e),w.catch((()=>{w=null})),w)})({locale:t,apiKey:e.apiKey}).then((e=>o({type:"loaded",api:e})),(e=>o({type:"error",error:{type:e instanceof k?"authError":"loadError",message:e.message}})))}),[t,e.apiKey]),n}function E(e){const t=I(e.config);switch(t.type){case"error":return c.jsx(M,{error:t.error,isAuthError:"authError"===t.error.type});case"loading":return c.jsx("div",{children:"Loading Google Maps API"});case"loaded":return e.children(t.api);default:return null}}const H=y.default.div(e||(e=l(["\n  position: absolute;\n  right: 10px;\n  top: 10px;\n  width: 220px;\n"])));class T extends j.PureComponent{constructor(){super(...arguments),this.searchInputRef=j.createRef(),this.handleChange=()=>{this.autoComplete&&(this.props.onChange(this.autoComplete.getPlace()),this.searchInputRef.current&&(this.searchInputRef.current.value=""))}}componentDidMount(){const e=this.searchInputRef.current;if(!e)return;const{api:t,map:n}=this.props,{Circle:o,places:r,event:i}=t,a=new o({center:n.getCenter(),radius:100}).getBounds();this.autoComplete=new r.Autocomplete(e,{bounds:a,types:[]}),i.addListener(this.autoComplete,"place_changed",this.handleChange)}render(){return c.jsx(H,{children:c.jsx(h.TextInput,{name:"place",ref:this.searchInputRef,placeholder:"Search for place or address",padding:4})})}}function A(e,t){const n="function"==typeof e.lat?e.lat():e.lat,o="function"==typeof e.lng?e.lng():e.lng,r="function"==typeof t.lat?t.lat():t.lat,i="function"==typeof t.lng?t.lng():t.lng;return n===r&&o===i}const R=y.default.div(t||(t=l(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n  box-sizing: border-box;\n"])));class L extends v.default.PureComponent{constructor(){super(...arguments),this.state={map:void 0},this.mapRef=v.default.createRef(),this.mapEl=null,this.attachClickHandler=()=>{const e=this.state.map;if(!e)return;const{api:t,onClick:n}=this.props,{event:o}=t;this.clickHandler&&this.clickHandler.remove(),n&&(this.clickHandler=o.addListener(e,"click",n))},this.setMapElement=e=>{if(e&&e!==this.mapEl){const t=this.constructMap(e);this.setState({map:t},this.attachClickHandler)}this.mapEl=e}}componentDidMount(){this.attachClickHandler()}componentDidUpdate(e){const t=this.state.map;if(!t)return;const{onClick:n,location:o,bounds:r}=this.props;e.onClick!==n&&this.attachClickHandler(),A(e.location,o)||t.panTo(this.getCenter()),!r||e.bounds&&r.equals(e.bounds)||t.fitBounds(r)}componentWillUnmount(){this.clickHandler&&this.clickHandler.remove()}getCenter(){const{location:e,api:t}=this.props;return new t.LatLng(e.lat,e.lng)}constructMap(e){const{defaultZoom:t,api:n,mapTypeControl:o,controlSize:r,bounds:i,scrollWheel:a}=this.props,s=new n.Map(e,{zoom:t,center:this.getCenter(),scrollwheel:a,streetViewControl:!1,mapTypeControl:o,controlSize:r});return i&&s.fitBounds(i),s}render(){const{children:e}=this.props,{map:t}=this.state;return c.jsxs(c.Fragment,{children:[c.jsx(R,{ref:this.setMapElement}),e&&t?e(t):null]})}}L.defaultProps={defaultZoom:8,scrollWheel:!0};class z extends j.PureComponent{constructor(){super(...arguments),this.eventHandlers={}}componentDidMount(){const{position:e,api:t,map:n,onMove:o,zIndex:r,opacity:i,label:a,markerRef:s,color:l}=this.props,{Marker:c}=t;let d;l&&(d={path:"M 3.052 3.7 C 1.56 5.293 0.626 7.612 0.663 9.793 C 0.738 14.352 2.793 16.077 6.078 22.351 C 7.263 25.111 8.497 28.032 9.672 32.871 C 9.835 33.584 9.994 34.246 10.069 34.305 C 10.143 34.362 10.301 33.697 10.465 32.983 C 11.639 28.145 12.875 25.226 14.059 22.466 C 17.344 16.192 19.398 14.466 19.474 9.908 C 19.511 7.727 18.574 5.405 17.083 3.814 C 15.379 1.994 12.809 0.649 10.069 0.593 C 7.328 0.536 4.756 1.882 3.052 3.7 Z",fillOpacity:1,fillColor:l.background,strokeColor:l.border,strokeWeight:2,anchor:new t.Point(10,35),labelOrigin:new t.Point(10,11)}),this.marker=new c({draggable:Boolean(o),position:e,map:n,zIndex:r,opacity:i,label:a,icon:d}),s&&(s.current=this.marker),this.attachMoveHandler(),this.attachClickHandler()}componentDidUpdate(e){if(!this.marker)return;const{position:t,onMove:n,label:o,zIndex:r,opacity:i,map:a}=this.props;e.onMove!==n&&this.attachMoveHandler(),A(e.position,t)||this.marker.setPosition(t),e.label!==o&&this.marker.setLabel(o||null),e.zIndex!==r&&this.marker.setZIndex(r||null),e.opacity!==i&&this.marker.setOpacity(i||null),e.map!==a&&this.marker.setMap(a)}componentWillUnmount(){this.eventHandlers.move&&this.eventHandlers.move.remove(),this.marker&&this.marker.setMap(null)}attachMoveHandler(){const{api:e,onMove:t}=this.props;this.eventHandlers.move&&this.eventHandlers.move.remove(),this.marker&&t&&(this.eventHandlers.move=e.event.addListener(this.marker,"dragend",t))}attachClickHandler(){const{api:e,onClick:t}=this.props;this.eventHandlers.click&&this.eventHandlers.click.remove(),this.marker&&t&&(this.eventHandlers.click=e.event.addListener(this.marker,"click",t))}render(){return null}}const D={lat:40.7058254,lng:-74.1180863};class B extends v.default.PureComponent{constructor(){super(...arguments),this.mapRef=v.default.createRef(),this.handlePlaceChanged=e=>{var t;(null==(t=e.geometry)?void 0:t.location)&&this.setValue(e.geometry.location)},this.handleMarkerDragEnd=e=>{e.latLng&&this.setValue(e.latLng)},this.handleMapClick=e=>{e.latLng&&this.setValue(e.latLng)}}getCenter(){const{value:e={},defaultLocation:t={}}=this.props;return a(a(a({},D),t),e)}setValue(e){this.props.onChange&&this.props.onChange(e)}render(){const{api:e,defaultZoom:t,value:n,onChange:o}=this.props;return c.jsx(L,{api:e,location:this.getCenter(),onClick:this.handleMapClick,defaultZoom:t,children:t=>c.jsxs(c.Fragment,{children:[c.jsx(T,{api:e,map:t,onChange:this.handlePlaceChanged}),n&&c.jsx(z,{api:e,map:t,position:n,onMove:o?this.handleMarkerDragEnd:void 0})]})})}}B.defaultProps={defaultZoom:8,defaultLocation:{lng:10.74609,lat:59.91273}};const S=y.default.img(n||(n=l(["\n  width: 100%;\n  height: auto;\n  vertical-align: top;\n"]))),_=y.default.div(o||(o=l(["\n  height: 40rem;\n  width: 50rem;\n"])));let V;function G(){return V}function F(e){V=e}const U=(e,t)=>{const n="".concat(e.lat,",").concat(e.lng),o={key:t,center:n,markers:n,zoom:13,scale:2,size:"640x300"},r=Object.keys(o).reduce(((e,t)=>e.concat("".concat(t,"=").concat(encodeURIComponent(o[t])))),[]);return"https://maps.googleapis.com/maps/api/staticmap?".concat(r.join("&"))};class W extends v.default.PureComponent{constructor(e){super(e),this._geopointInputId=p.uniqueId("GeopointInput"),this.setEditButton=e=>{this.editButton=e},this.handleToggleModal=()=>{this.setState((e=>({modalOpen:!e.modalOpen})))},this.handleCloseModal=()=>{this.setState({modalOpen:!1})},this.handleChange=e=>{const{schemaType:t,onChange:n}=this.props;n([f.setIfMissing({_type:t.name}),f.set(e.lat(),["lat"]),f.set(e.lng(),["lng"])])},this.handleClear=()=>{const{onChange:e}=this.props;e(f.unset())},this.state={modalOpen:!1}}focus(){this.editButton&&this.editButton.focus()}render(){const{value:e,readOnly:t,geoConfig:n,path:o,changed:r,focused:i}=this.props,{modalOpen:a}=this.state;return n&&n.apiKey?c.jsxs(c.Fragment,{children:[e&&c.jsx(f.ChangeIndicator,{path:o,isChanged:r,hasFocus:!!i,children:c.jsx(S,{src:U(e,n.apiKey),alt:"Map location"})}),!t&&c.jsx(h.Box,{marginTop:4,children:c.jsxs(h.Grid,{columns:2,gap:2,children:[c.jsx(h.Button,{mode:"ghost",icon:e&&u.EditIcon,padding:3,ref:this.setEditButton,text:e?"Edit":"Set location",onClick:this.handleToggleModal}),e&&c.jsx(h.Button,{tone:"critical",icon:u.TrashIcon,padding:3,mode:"ghost",text:"Remove",onClick:this.handleClear})]})}),a&&c.jsx(h.Dialog,{id:"".concat(this._geopointInputId,"_dialog"),onClose:this.handleCloseModal,header:"Place the marker on the map",width:1,children:c.jsx(_,{children:c.jsx(E,{config:G(),children:o=>c.jsx(B,{api:o,value:e||void 0,onChange:t?void 0:this.handleChange,defaultLocation:n.defaultLocation,defaultZoom:n.defaultZoom})})})})]}):c.jsxs("div",{children:[c.jsxs("p",{children:["The ",c.jsx("a",{href:"https://sanity.io/docs/schema-types/geopoint-type",children:"Geopoint type"})," needs a Google Maps API key with access to:"]}),c.jsxs("ul",{children:[c.jsx("li",{children:"Google Maps JavaScript API"}),c.jsx("li",{children:"Google Places API Web Service"}),c.jsx("li",{children:"Google Static Maps API"})]}),c.jsx("p",{children:"Please enter the API key with access to these services in your googleMapsInput plugin config."})]})}}class q extends j.PureComponent{constructor(){super(...arguments),this.eventHandlers={}}componentDidMount(){const{from:e,to:t,api:n,map:o,zIndex:r,onClick:i,color:a,arrowRef:s}=this.props,l={path:n.SymbolPath.FORWARD_OPEN_ARROW};this.line=new n.Polyline({map:o,zIndex:r,path:[e,t],icons:[{icon:l,offset:"50%"}],strokeOpacity:.55,strokeColor:a?a.text:"black"}),i&&(this.eventHandlers.click=n.event.addListener(this.line,"click",i)),s&&(s.current=this.line)}componentDidUpdate(e){if(!this.line)return;const{from:t,to:n,map:o}=this.props;A(e.from,t)&&A(e.to,n)||this.line.setPath([t,n]),e.map!==o&&this.line.setMap(o)}componentWillUnmount(){this.line&&this.line.setMap(null),this.eventHandlers.click&&this.eventHandlers.click.remove()}render(){return null}}function Z(e){let{diff:t,api:n,map:o,label:r}=e;const{fromValue:i,toValue:a}=t,s=t.isChanged?t.annotation:void 0,l=f.useUserColor(s?s.author:null)||void 0,d=j.useRef(),p=j.useRef();return c.jsxs(c.Fragment,{children:[i&&c.jsx(z,{api:n,map:o,position:i,zIndex:0,opacity:.55,markerRef:d,color:l}),i&&a&&c.jsx(q,{api:n,map:o,from:i,to:a,zIndex:1,color:l}),a&&c.jsx(z,{api:n,map:o,position:a,zIndex:2,markerRef:p,label:r,color:l})]})}const K=y.default.div(r||(r=l(["\n  position: relative;\n  min-height: 200px;\n\n  &:empty {\n    background-color: var(--card-skeleton-color-from);\n    display: table;\n    width: 100%;\n  }\n\n  &:empty:after {\n    content: 'Missing/invalid data';\n    display: table-cell;\n    vertical-align: middle;\n    text-align: center;\n    position: relative;\n  }\n"])));function N(e){let{api:t,diff:n}=e;const o=(n.fromValue||[]).filter(J),r=(n.toValue||[]).filter(J);if(0===o.length&&0===r.length)return null;const i=function(e,t,n){const o=new n.LatLngBounds;return[...e||[],...t||[]].forEach((e=>o.extend(e))),o}(o,r,t);return c.jsx(L,{api:t,location:i.getCenter().toJSON(),mapTypeControl:!1,controlSize:20,bounds:i,children:e=>c.jsx(c.Fragment,{children:n.items.map((n=>{let{toIndex:o,diff:r}=n;return function(e){return"unchanged"!==e.action&&"object"===e.type}(r)?c.jsx(Z,{api:t,map:e,diff:r,label:"".concat(o)},o):null}))})})}function J(e){return"number"==typeof e.lat&&"number"==typeof e.lng}function X(e){let{api:t,diff:n}=e;const{fromValue:o,toValue:r}=n,i=f.getAnnotationAtPath(n,["lat"])||f.getAnnotationAtPath(n,["lng"])||f.getAnnotationAtPath(n,[]),a=function(e,t){const{fromValue:n,toValue:o}=e;if(n&&o)return Q(n,o,t).getCenter().toJSON();if(n)return n;if(o)return o;throw new Error("Neither a from or a to value present")}(n,t),s=o&&r?Q(o,r,t):void 0;return c.jsx(f.DiffTooltip,{annotations:i?[i]:[],description:Y(n),children:c.jsx("div",{children:c.jsx(L,{api:t,location:a,mapTypeControl:!1,controlSize:20,bounds:s,scrollWheel:!1,children:e=>c.jsx(Z,{api:t,map:e,diff:n})})})})}function Q(e,t,n){return(new n.LatLngBounds).extend(e).extend(t)}function Y(e){const{fromValue:t,toValue:n}=e;return t&&n?"Moved":t?"Removed":n?"Added":"Unchanged"}const $=f.definePlugin((e=>(F(e),{name:"google-maps-input",form:{components:{input(t){if(ee("geopoint",t.schemaType)){const n=t;return c.jsx(W,a(a({},n),{},{geoConfig:e}))}return t.renderDefault(t)}}}})));function ee(e,t){return(null==t?void 0:t.name)===e||!!(null==t?void 0:t.name)&&ee(e,null==t?void 0:t.type)}exports.GeopointArrayDiff=e=>{let{diff:t,schemaType:n}=e;return c.jsx(K,{children:c.jsx(E,{config:G(),children:e=>c.jsx(N,{api:e,diff:t,schemaType:n})})})},exports.GeopointFieldDiff=e=>{let{diff:t,schemaType:n}=e;return c.jsx(K,{children:c.jsx(E,{config:G(),children:e=>c.jsx(X,{api:e,diff:t,schemaType:n})})})},exports.GeopointInput=W,exports.googleMapsInput=$;
 //# sourceMappingURL=index.js.map

package/lib/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../src/loader/loadGoogleMapsApi.ts","../src/loader/LoadError.tsx","../src/loader/GoogleMapsLoadProxy.tsx","../src/map/SearchInput.styles.tsx","../src/map/SearchInput.tsx","../src/map/util.ts","../src/map/Map.styles.tsx","../src/map/Map.tsx","../src/map/Marker.tsx","../src/input/GeopointSelect.tsx","../src/input/GeopointInput.styles.tsx","../src/global-workaround.ts","../src/input/GeopointInput.tsx","../src/map/Arrow.tsx","../src/diff/GeopointMove.tsx","../src/diff/GeopointFieldDiff.styles.tsx","../src/diff/GeopointArrayDiff.tsx","../src/diff/GeopointFieldDiff.tsx","../src/plugin.tsx"],"sourcesContent":["import {Observable, BehaviorSubject} from 'rxjs'\nimport {GoogleMapsInputConfig} from '../index'\n\ndeclare global {\n interface Window {\n gm_authFailure: any\n ___sanity_googleMapsApiCallback: any\n }\n}\n\nconst callbackName = '___sanity_googleMapsApiCallback'\nconst authFailureCallbackName = 'gm_authFailure'\nconst locale = (typeof window !== 'undefined' && window.navigator.language) \|\| 'en'\n\nexport interface LoadingState {\n loadState: 'loading'\n}\n\nexport interface LoadedState {\n loadState: 'loaded'\n api: typeof window.google.maps\n}\n\nexport interface LoadErrorState {\n loadState: 'loadError'\n error: Error\n}\n\nexport interface AuthErrorState {\n loadState: 'authError'\n}\n\nexport type GoogleLoadState = LoadingState \| LoadedState \| LoadErrorState \| AuthErrorState\n\nlet subject: BehaviorSubject<GoogleLoadState>\n\nexport function loadGoogleMapsApi(config: GoogleMapsInputConfig): Observable<GoogleLoadState> {\n const selectedLocale = config.defaultLocale \|\| locale \|\| 'en-US'\n\n if (subject) {\n return subject\n }\n\n subject = new BehaviorSubject<GoogleLoadState>({loadState: 'loading'})\n\n window[authFailureCallbackName] = () => {\n delete window[authFailureCallbackName]\n subject.next({loadState: 'authError'})\n }\n\n window[callbackName] = () => {\n delete window[callbackName]\n subject.next({loadState: 'loaded', api: window.google.maps})\n }\n\n const script = document.createElement('script')\n script.onerror = (\n event: Event \| string,\n source?: string,\n lineno?: number,\n colno?: number,\n error?: Error\n ) =>\n subject.next({\n loadState: 'loadError',\n error: coeerceError(event, error),\n } as LoadErrorState)\n\n script.src = `https://maps.googleapis.com/maps/api/js?key=${config.apiKey}&libraries=places&callback=${callbackName}&language=${selectedLocale}`\n document.getElementsByTagName('head')[0].appendChild(script)\n\n return subject\n}\n\nfunction coeerceError(event: Event \| string, error?: Error): Error {\n if (error) {\n return error\n }\n\n if (typeof event === 'string') {\n return new Error(event)\n }\n\n return new Error(isErrorEvent(event) ? event.message : 'Failed to load Google Maps API')\n}\n\nfunction isErrorEvent(event: unknown): event is ErrorEvent {\n if (typeof event !== 'object' \|\| event === null) {\n return false\n }\n\n if (!('message' in event)) {\n return false\n }\n\n return typeof (event as ErrorEvent).message === 'string'\n}\n","import * as React from 'react'\nimport {Card, Box, Text, Code} from '@sanity/ui'\n\ntype Props = {error: Error; isAuthError: false} \| {isAuthError: true}\n\nexport function LoadError(props: Props) {\n return (\n <Card tone=\"critical\" radius={1}>\n <Box as=\"header\" paddingX={4} paddingTop={4} paddingBottom={1}>\n <Text as=\"h2\" weight=\"bold\">\n Google Maps failed to load\n </Text>\n </Box>\n\n <Box paddingX={4} paddingTop={4} paddingBottom={1}>\n {props.isAuthError ? (\n <AuthError />\n ) : (\n <>\n <Text as=\"h3\">Error details:</Text>\n <pre>\n <Code size={1}>{'error' in props && props.error?.message}</Code>\n </pre>\n </>\n )}\n </Box>\n </Card>\n )\n}\n\nfunction AuthError() {\n return (\n <Text>\n <p>The error appears to be related to authentication</p>\n <p>Common causes include:</p>\n <ul>\n <li>Incorrect API key</li>\n <li>Referer not allowed</li>\n <li>Missing authentication scope</li>\n </ul>\n <p>Check the browser developer tools for more information.</p>\n </Text>\n )\n}\n","import React from 'react'\nimport {Subscription} from 'rxjs'\nimport {loadGoogleMapsApi, GoogleLoadState} from './loadGoogleMapsApi'\nimport {LoadError} from './LoadError'\nimport {GoogleMapsInputConfig} from '../index'\n\ninterface LoadProps {\n children: (api: typeof window.google.maps) => React.ReactElement\n config: GoogleMapsInputConfig\n}\n\nexport class GoogleMapsLoadProxy extends React.Component<LoadProps, GoogleLoadState> {\n loadSubscription: Subscription \| undefined\n\n constructor(props: LoadProps) {\n super(props)\n\n this.state = {loadState: 'loading'}\n\n let sync = true\n this.loadSubscription = loadGoogleMapsApi(props.config).subscribe((loadState) => {\n if (sync) {\n this.state = loadState\n } else {\n this.setState(loadState)\n }\n })\n sync = false\n }\n\n componentWillUnmount() {\n if (this.loadSubscription) {\n this.loadSubscription.unsubscribe()\n }\n }\n\n render() {\n switch (this.state.loadState) {\n case 'loadError':\n return <LoadError error={this.state.error} isAuthError={false} />\n case 'authError':\n return <LoadError isAuthError />\n case 'loading':\n return <div>Loading Google Maps API</div>\n case 'loaded':\n return this.props.children(this.state.api) \|\| null\n default:\n return null\n }\n }\n}\n","import styled from 'styled-components'\n\nexport const WrapperContainer = styled.div`\n position: absolute;\n right: 10px;\n top: 10px;\n width: 220px;\n`\n","import * as React from 'react'\nimport {TextInput} from '@sanity/ui'\nimport {WrapperContainer} from './SearchInput.styles'\n\ninterface Props {\n api: typeof window.google.maps\n map: google.maps.Map\n onChange: (result: google.maps.places.PlaceResult) => void\n}\n\nexport class SearchInput extends React.PureComponent<Props> {\n searchInputRef = React.createRef<HTMLInputElement>()\n autoComplete: google.maps.places.Autocomplete \| undefined\n\n handleChange = () => {\n if (!this.autoComplete) {\n return\n }\n\n this.props.onChange(this.autoComplete.getPlace())\n\n if (this.searchInputRef.current) {\n this.searchInputRef.current.value = ''\n }\n }\n\n componentDidMount() {\n const input = this.searchInputRef.current\n if (!input) {\n return\n }\n\n const {api, map} = this.props\n const {Circle, places, event} = api\n const searchBounds = new Circle({center: map.getCenter(), radius: 100}).getBounds()!\n this.autoComplete = new places.Autocomplete(input, {\n bounds: searchBounds,\n types: [], // return all kinds of places\n })\n\n event.addListener(this.autoComplete, 'place_changed', this.handleChange)\n }\n\n render() {\n return (\n <WrapperContainer>\n <TextInput\n name=\"place\"\n ref={this.searchInputRef}\n placeholder=\"Search for place or address\"\n padding={4}\n />\n </WrapperContainer>\n )\n }\n}\n","import {LatLng} from '../types'\n\nexport function latLngAreEqual(\n latLng1: LatLng \| google.maps.LatLng,\n latLng2: LatLng \| google.maps.LatLng\n): boolean {\n const lat1 = typeof latLng1.lat === 'function' ? latLng1.lat() : latLng1.lat\n const lng1 = typeof latLng1.lng === 'function' ? latLng1.lng() : latLng1.lng\n\n const lat2 = typeof latLng2.lat === 'function' ? latLng2.lat() : latLng2.lat\n const lng2 = typeof latLng2.lng === 'function' ? latLng2.lng() : latLng2.lng\n\n return lat1 === lat2 && lng1 === lng2\n}\n","import styled from 'styled-components'\n\nexport const MapContainer = styled.div`\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n box-sizing: border-box;\n`\n","import React from 'react'\nimport {LatLng} from '../types'\nimport {latLngAreEqual} from './util'\nimport {MapContainer} from './Map.styles'\n\ninterface MapProps {\n api: typeof window.google.maps\n location: LatLng\n bounds?: google.maps.LatLngBounds\n defaultZoom?: number\n mapTypeControl?: boolean\n scrollWheel?: boolean\n controlSize?: number\n onClick?: (event: google.maps.MapMouseEvent) => void\n children?: (map: google.maps.Map) => React.ReactElement\n}\n\ninterface MapState {\n map: google.maps.Map \| undefined\n}\n\nexport class GoogleMap extends React.PureComponent<MapProps, MapState> {\n static defaultProps = {\n defaultZoom: 8,\n scrollWheel: true,\n }\n\n state: MapState = {map: undefined}\n clickHandler: google.maps.MapsEventListener \| undefined\n mapRef = React.createRef<HTMLDivElement>()\n mapEl: HTMLDivElement \| null = null\n\n componentDidMount() {\n this.attachClickHandler()\n }\n\n attachClickHandler = () => {\n const map = this.state.map\n if (!map) {\n return\n }\n\n const {api, onClick} = this.props\n const {event} = api\n\n if (this.clickHandler) {\n this.clickHandler.remove()\n }\n\n if (onClick) {\n this.clickHandler = event.addListener(map, 'click', onClick)\n }\n }\n\n componentDidUpdate(prevProps: MapProps) {\n const map = this.state.map\n if (!map) {\n return\n }\n\n const {onClick, location, bounds} = this.props\n\n if (prevProps.onClick !== onClick) {\n this.attachClickHandler()\n }\n\n if (!latLngAreEqual(prevProps.location, location)) {\n map.panTo(this.getCenter())\n }\n\n if (bounds && (!prevProps.bounds \|\| !bounds.equals(prevProps.bounds))) {\n map.fitBounds(bounds)\n }\n }\n\n componentWillUnmount() {\n if (this.clickHandler) {\n this.clickHandler.remove()\n }\n }\n\n getCenter(): google.maps.LatLng {\n const {location, api} = this.props\n return new api.LatLng(location.lat, location.lng)\n }\n\n constructMap(el: HTMLDivElement) {\n const {defaultZoom, api, mapTypeControl, controlSize, bounds, scrollWheel} = this.props\n\n const map = new api.Map(el, {\n zoom: defaultZoom,\n center: this.getCenter(),\n scrollwheel: scrollWheel,\n streetViewControl: false,\n mapTypeControl,\n controlSize,\n })\n\n if (bounds) {\n map.fitBounds(bounds)\n }\n\n return map\n }\n\n setMapElement = (element: HTMLDivElement \| null) => {\n if (element && element !== this.mapEl) {\n const map = this.constructMap(element)\n this.setState({map}, this.attachClickHandler)\n }\n\n this.mapEl = element\n }\n\n render() {\n const {children} = this.props\n const {map} = this.state\n return (\n <>\n <MapContainer ref={this.setMapElement} />\n {children && map ? children(map) : null}\n </>\n )\n }\n}\n","import * as React from 'react'\nimport {LatLng} from '../types'\nimport {latLngAreEqual} from './util'\n\nconst markerPath =\n 'M 3.052 3.7 C 1.56 5.293 0.626 7.612 0.663 9.793 C 0.738 14.352 2.793 16.077 6.078 22.351 C 7.263 25.111 8.497 28.032 9.672 32.871 C 9.835 33.584 9.994 34.246 10.069 34.305 C 10.143 34.362 10.301 33.697 10.465 32.983 C 11.639 28.145 12.875 25.226 14.059 22.466 C 17.344 16.192 19.398 14.466 19.474 9.908 C 19.511 7.727 18.574 5.405 17.083 3.814 C 15.379 1.994 12.809 0.649 10.069 0.593 C 7.328 0.536 4.756 1.882 3.052 3.7 Z'\n\ninterface Props {\n api: typeof window.google.maps\n map: google.maps.Map\n onMove?: (event: google.maps.MapMouseEvent) => void\n onClick?: (event: google.maps.MapMouseEvent) => void\n position: LatLng \| google.maps.LatLng\n zIndex?: number\n opacity?: number\n label?: string\n markerRef?: React.MutableRefObject<google.maps.Marker \| undefined>\n color?: {background: string; border: string; text: string}\n}\n\nexport class Marker extends React.PureComponent<Props> {\n marker: google.maps.Marker \| undefined\n\n eventHandlers: {\n move?: google.maps.MapsEventListener\n click?: google.maps.MapsEventListener\n } = {}\n\n componentDidMount() {\n const {position, api, map, onMove, zIndex, opacity, label, markerRef, color} = this.props\n const {Marker: GMarker} = api\n\n let icon: google.maps.Symbol \| undefined\n if (color) {\n icon = {\n path: markerPath,\n fillOpacity: 1,\n fillColor: color.background,\n strokeColor: color.border,\n strokeWeight: 2,\n anchor: new api.Point(10, 35),\n labelOrigin: new api.Point(10, 11),\n }\n }\n\n this.marker = new GMarker({\n draggable: Boolean(onMove),\n position,\n map,\n zIndex,\n opacity,\n label,\n icon,\n })\n\n if (markerRef) {\n markerRef.current = this.marker\n }\n\n this.attachMoveHandler()\n this.attachClickHandler()\n }\n\n componentDidUpdate(prevProps: Props) {\n if (!this.marker) {\n return\n }\n\n const {position, onMove, label, zIndex, opacity, map} = this.props\n\n if (prevProps.onMove !== onMove) {\n this.attachMoveHandler()\n }\n\n if (!latLngAreEqual(prevProps.position, position)) {\n this.marker.setPosition(position)\n }\n\n if (prevProps.label !== label) {\n this.marker.setLabel(label \|\| null)\n }\n\n if (prevProps.zIndex !== zIndex) {\n this.marker.setZIndex(zIndex \|\| null)\n }\n\n if (prevProps.opacity !== opacity) {\n this.marker.setOpacity(opacity \|\| null)\n }\n\n if (prevProps.map !== map) {\n this.marker.setMap(map)\n }\n }\n\n componentWillUnmount() {\n if (this.eventHandlers.move) {\n this.eventHandlers.move.remove()\n }\n\n if (this.marker) {\n this.marker.setMap(null)\n }\n }\n\n attachMoveHandler() {\n const {api, onMove} = this.props\n if (this.eventHandlers.move) {\n this.eventHandlers.move.remove()\n }\n if (this.marker && onMove) {\n this.eventHandlers.move = api.event.addListener(this.marker, 'dragend', onMove)\n }\n }\n\n attachClickHandler() {\n const {api, onClick} = this.props\n if (this.eventHandlers.click) {\n this.eventHandlers.click.remove()\n }\n if (this.marker && onClick) {\n this.eventHandlers.click = api.event.addListener(this.marker, 'click', onClick)\n }\n }\n\n // eslint-disable-next-line class-methods-use-this\n render(): any {\n return null\n }\n}\n","import React from 'react'\nimport {SearchInput} from '../map/SearchInput'\nimport {GoogleMap} from '../map/Map'\nimport {Marker} from '../map/Marker'\nimport {LatLng, Geopoint} from '../types'\n\nconst fallbackLatLng: LatLng = {lat: 40.7058254, lng: -74.1180863}\n\ninterface SelectProps {\n api: typeof window.google.maps\n value?: Geopoint\n onChange?: (latLng: google.maps.LatLng) => void\n defaultLocation?: LatLng\n defaultZoom?: number\n}\n\nexport class GeopointSelect extends React.PureComponent<SelectProps> {\n static defaultProps = {\n defaultZoom: 8,\n defaultLocation: {lng: 10.74609, lat: 59.91273},\n }\n\n mapRef = React.createRef<HTMLDivElement>()\n\n getCenter() {\n const {value = {}, defaultLocation = {}} = this.props\n const point: LatLng = {...fallbackLatLng, ...defaultLocation, ...value}\n return point\n }\n\n handlePlaceChanged = (place: google.maps.places.PlaceResult) => {\n if (!place.geometry?.location) {\n return\n }\n\n this.setValue(place.geometry.location)\n }\n\n handleMarkerDragEnd = (event: google.maps.MapMouseEvent) => {\n if (event.latLng) this.setValue(event.latLng)\n }\n\n handleMapClick = (event: google.maps.MapMouseEvent) => {\n if (event.latLng) this.setValue(event.latLng)\n }\n\n setValue(geoPoint: google.maps.LatLng) {\n if (this.props.onChange) {\n this.props.onChange(geoPoint)\n }\n }\n\n render() {\n const {api, defaultZoom, value, onChange} = this.props\n return (\n <GoogleMap\n api={api}\n location={this.getCenter()}\n onClick={this.handleMapClick}\n defaultZoom={defaultZoom}\n >\n {(map) => (\n <>\n <SearchInput api={api} map={map} onChange={this.handlePlaceChanged} />\n {value && (\n <Marker\n api={api}\n map={map}\n position={value}\n onMove={onChange ? this.handleMarkerDragEnd : undefined}\n />\n )}\n </>\n )}\n </GoogleMap>\n )\n }\n}\n","import styled from 'styled-components'\n\nexport const PreviewImage = styled.img`\n width: 100%;\n height: auto;\n vertical-align: top;\n`\n\nexport const DialogInnerContainer = styled.div`\n height: 40rem;\n width: 50rem;\n`\n","import {GoogleMapsInputConfig} from './index'\n\nlet config: GoogleMapsInputConfig\n\nexport function getGeoConfig(): GoogleMapsInputConfig {\n return config as GoogleMapsInputConfig\n}\n\nexport function setGeoConfig(newConfig: GoogleMapsInputConfig): void {\n config = newConfig\n}\n","import React from 'react'\nimport {uniqueId} from 'lodash'\nimport {Box, Button, Dialog, Grid} from '@sanity/ui'\nimport {EditIcon, TrashIcon} from '@sanity/icons'\nimport {ObjectInputProps, set, setIfMissing, unset, ChangeIndicator} from 'sanity'\nimport {GoogleMapsLoadProxy} from '../loader/GoogleMapsLoadProxy'\nimport {Geopoint, GeopointSchemaType, LatLng} from '../types'\nimport {GeopointSelect} from './GeopointSelect'\nimport {DialogInnerContainer, PreviewImage} from './GeopointInput.styles'\nimport {GoogleMapsInputConfig} from '../index'\nimport {getGeoConfig} from '../global-workaround'\n\nconst getStaticImageUrl = (value: LatLng, apiKey: string) => {\n const loc = `${value.lat},${value.lng}`\n const params = {\n key: apiKey,\n center: loc,\n markers: loc,\n zoom: 13,\n scale: 2,\n size: '640x300',\n } as const\n const qs = Object.keys(params).reduce((res, param) => {\n return res.concat(`${param}=${encodeURIComponent(params[param as keyof typeof params])}`)\n }, [] as string[])\n\n return `https://maps.googleapis.com/maps/api/staticmap?${qs.join('&')}`\n}\n\nexport type GeopointInputProps = ObjectInputProps<Geopoint, GeopointSchemaType> & {\n geoConfig: GoogleMapsInputConfig\n}\n\ntype Focusable = any\n\ninterface InputState {\n modalOpen: boolean\n}\n\nclass GeopointInput extends React.PureComponent<GeopointInputProps, InputState> {\n _geopointInputId = uniqueId('GeopointInput')\n\n editButton: Focusable \| undefined\n\n constructor(props: GeopointInputProps) {\n super(props)\n\n this.state = {\n modalOpen: false,\n }\n }\n\n setEditButton = (el: Focusable) => {\n this.editButton = el\n }\n\n focus() {\n if (this.editButton) {\n this.editButton.focus()\n }\n }\n\n handleToggleModal = () => {\n this.setState((prevState) => ({modalOpen: !prevState.modalOpen}))\n }\n\n handleCloseModal = () => {\n this.setState({modalOpen: false})\n }\n\n handleChange = (latLng: google.maps.LatLng) => {\n const {schemaType, onChange} = this.props\n onChange([\n setIfMissing({\n _type: schemaType.name,\n }),\n set(latLng.lat(), ['lat']),\n set(latLng.lng(), ['lng']),\n ])\n }\n\n handleClear = () => {\n const {onChange} = this.props\n onChange(unset())\n }\n\n render() {\n const {value, readOnly, geoConfig: config, path, changed, focused} = this.props\n\n const {modalOpen} = this.state\n\n if (!config \|\| !config.apiKey) {\n return (\n <div>\n <p>\n The <a href=\"https://sanity.io/docs/schema-types/geopoint-type\">Geopoint type</a> needs\n a Google Maps API key with access to:\n </p>\n <ul>\n <li>Google Maps JavaScript API</li>\n <li>Google Places API Web Service</li>\n <li>Google Static Maps API</li>\n </ul>\n <p>\n Please enter the API key with access to these services in your googleMapsInput plugin\n config.\n </p>\n </div>\n )\n }\n\n return (\n <>\n {value && (\n <ChangeIndicator path={path} isChanged={changed} hasFocus={!!focused}>\n <PreviewImage src={getStaticImageUrl(value, config.apiKey)} alt=\"Map location\" />\n </ChangeIndicator>\n )}\n\n {!readOnly && (\n <Box marginTop={4}>\n <Grid columns={2} gap={2}>\n <Button\n mode=\"ghost\"\n icon={value && EditIcon}\n padding={3}\n ref={this.setEditButton}\n text={value ? 'Edit' : 'Set location'}\n onClick={this.handleToggleModal}\n />\n\n {value && (\n <Button\n tone=\"critical\"\n icon={TrashIcon}\n padding={3}\n mode=\"ghost\"\n text={'Remove'}\n onClick={this.handleClear}\n />\n )}\n </Grid>\n </Box>\n )}\n\n {modalOpen && (\n <Dialog\n id={`${this._geopointInputId}_dialog`}\n onClose={this.handleCloseModal}\n header=\"Place the marker on the map\"\n width={1}\n >\n <DialogInnerContainer>\n <GoogleMapsLoadProxy config={getGeoConfig()}>\n {(api) => (\n <GeopointSelect\n api={api}\n value={value \|\| undefined}\n onChange={readOnly ? undefined : this.handleChange}\n defaultLocation={config.defaultLocation}\n defaultZoom={config.defaultZoom}\n />\n )}\n </GoogleMapsLoadProxy>\n </DialogInnerContainer>\n </Dialog>\n )}\n </>\n )\n }\n}\n\nexport default GeopointInput\n","import * as React from 'react'\nimport {LatLng} from '../types'\nimport {latLngAreEqual} from './util'\n\ninterface Props {\n api: typeof window.google.maps\n map: google.maps.Map\n from: LatLng\n to: LatLng\n color?: {background: string; border: string; text: string}\n zIndex?: number\n arrowRef?: React.MutableRefObject<google.maps.Polyline \| undefined>\n onClick?: (event: google.maps.MapMouseEvent) => void\n}\n\nexport class Arrow extends React.PureComponent<Props> {\n line: google.maps.Polyline \| undefined\n\n eventHandlers: {\n click?: google.maps.MapsEventListener\n } = {}\n\n componentDidMount() {\n const {from, to, api, map, zIndex, onClick, color, arrowRef} = this.props\n const lineSymbol = {\n path: api.SymbolPath.FORWARD_OPEN_ARROW,\n }\n\n this.line = new api.Polyline({\n map,\n zIndex,\n path: [from, to],\n icons: [{icon: lineSymbol, offset: '50%'}],\n strokeOpacity: 0.55,\n strokeColor: color ? color.text : 'black',\n })\n\n if (onClick) {\n this.eventHandlers.click = api.event.addListener(this.line, 'click', onClick)\n }\n\n if (arrowRef) {\n arrowRef.current = this.line\n }\n }\n\n componentDidUpdate(prevProps: Props) {\n if (!this.line) {\n return\n }\n\n const {from, to, map} = this.props\n if (!latLngAreEqual(prevProps.from, from) \|\| !latLngAreEqual(prevProps.to, to)) {\n this.line.setPath([from, to])\n }\n\n if (prevProps.map !== map) {\n this.line.setMap(map)\n }\n }\n\n componentWillUnmount() {\n if (this.line) {\n this.line.setMap(null)\n }\n\n if (this.eventHandlers.click) {\n this.eventHandlers.click.remove()\n }\n }\n\n // eslint-disable-next-line class-methods-use-this\n render(): any {\n return null\n }\n}\n","import * as React from 'react'\nimport {useUserColor, ObjectDiff} from 'sanity'\nimport {Marker} from '../map/Marker'\nimport {Arrow} from '../map/Arrow'\nimport {Geopoint} from '../types'\n\ninterface Props {\n api: typeof window.google.maps\n map: google.maps.Map\n diff: ObjectDiff<Geopoint>\n label?: string\n}\n\nexport function GeopointMove({diff, api, map, label}: Props) {\n const {fromValue: from, toValue: to} = diff\n const annotation = diff.isChanged ? diff.annotation : undefined\n const userColor = useUserColor(annotation ? annotation.author : null) \|\| undefined\n const fromRef = React.useRef<google.maps.Marker>()\n const toRef = React.useRef<google.maps.Marker>()\n\n return (\n <>\n {from && (\n <Marker\n api={api}\n map={map}\n position={from}\n zIndex={0}\n opacity={0.55}\n markerRef={fromRef}\n color={userColor}\n />\n )}\n {from && to && <Arrow api={api} map={map} from={from} to={to} zIndex={1} color={userColor} />}\n {to && (\n <Marker\n api={api}\n map={map}\n position={to}\n zIndex={2}\n markerRef={toRef}\n label={label}\n color={userColor}\n />\n )}\n </>\n )\n}\n","import styled from 'styled-components'\n\nexport const RootContainer = styled.div`\n position: relative;\n min-height: 200px;\n\n &:empty {\n background-color: var(--card-skeleton-color-from);\n display: table;\n width: 100%;\n }\n\n &:empty:after {\n content: 'Missing/invalid data';\n display: table-cell;\n vertical-align: middle;\n text-align: center;\n position: relative;\n }\n`\n","import * as React from 'react'\nimport {ArrayDiff, ObjectDiff, Diff, DiffProps as GenericDiffProps, DiffComponent} from 'sanity'\nimport {GoogleMapsLoadProxy} from '../loader/GoogleMapsLoadProxy'\nimport {GoogleMap} from '../map/Map'\nimport {Geopoint} from '../types'\nimport {GeopointMove} from './GeopointMove'\nimport {RootContainer} from './GeopointFieldDiff.styles'\nimport {getGeoConfig} from '../global-workaround'\n\nexport type DiffProps = GenericDiffProps<ArrayDiff<Geopoint>>\n\nexport const GeopointArrayDiff: DiffComponent<ArrayDiff<Geopoint>> = ({diff, schemaType}) => {\n return (\n <RootContainer>\n <GoogleMapsLoadProxy config={getGeoConfig()}>\n {(api) => <GeopointDiff api={api} diff={diff} schemaType={schemaType} />}\n </GoogleMapsLoadProxy>\n </RootContainer>\n )\n}\n\nfunction GeopointDiff({api, diff}: DiffProps & {api: typeof google.maps}) {\n const fromValue = (diff.fromValue \|\| []).filter(hasCoordinates)\n const toValue = (diff.toValue \|\| []).filter(hasCoordinates)\n if (fromValue.length === 0 && toValue.length === 0) {\n return null\n }\n\n const bounds = getBounds(fromValue, toValue, api)\n return (\n <GoogleMap\n api={api}\n location={bounds.getCenter().toJSON()}\n mapTypeControl={false}\n controlSize={20}\n bounds={bounds}\n >\n {(map) => (\n <>\n {diff.items.map(({toIndex, diff: pointDiff}) => {\n if (!isChangeDiff(pointDiff)) {\n return null\n }\n\n return (\n <GeopointMove\n key={toIndex}\n api={api}\n map={map}\n diff={pointDiff}\n label={`${toIndex}`}\n />\n )\n })}\n </>\n )}\n </GoogleMap>\n )\n}\n\nfunction isChangeDiff(diff: Diff): diff is ObjectDiff<Geopoint> {\n return diff.action !== 'unchanged' && diff.type === 'object'\n}\n\nfunction hasCoordinates(point: Partial<Geopoint>): point is Geopoint {\n return typeof point.lat === 'number' && typeof point.lng === 'number'\n}\n\nfunction getBounds(\n fromValue: google.maps.LatLngLiteral[] \| null \| undefined,\n toValue: google.maps.LatLngLiteral[] \| null \| undefined,\n api: typeof window.google.maps\n): google.maps.LatLngBounds {\n const bounds = new api.LatLngBounds()\n const points = [...(fromValue \|\| []), ...(toValue \|\| [])]\n points.forEach((point) => bounds.extend(point))\n return bounds\n}\n","import * as React from 'react'\nimport {\n DiffComponent,\n ObjectDiff,\n DiffProps as GenericDiffProps,\n DiffTooltip,\n getAnnotationAtPath,\n} from 'sanity'\nimport {GoogleMapsLoadProxy} from '../loader/GoogleMapsLoadProxy'\nimport {GoogleMap} from '../map/Map'\nimport {Geopoint} from '../types'\nimport {GeopointMove} from './GeopointMove'\nimport {RootContainer} from './GeopointFieldDiff.styles'\nimport {getGeoConfig} from '../global-workaround'\n\nexport type DiffProps = GenericDiffProps<ObjectDiff<Geopoint>>\n\nexport const GeopointFieldDiff: DiffComponent<ObjectDiff<Geopoint>> = ({diff, schemaType}) => {\n return (\n <RootContainer>\n <GoogleMapsLoadProxy config={getGeoConfig()}>\n {(api) => <GeopointDiff api={api} diff={diff} schemaType={schemaType} />}\n </GoogleMapsLoadProxy>\n </RootContainer>\n )\n}\n\nfunction GeopointDiff({api, diff}: DiffProps & {api: typeof window.google.maps}) {\n const {fromValue, toValue} = diff\n const annotation =\n getAnnotationAtPath(diff, ['lat']) \|\|\n getAnnotationAtPath(diff, ['lng']) \|\|\n getAnnotationAtPath(diff, [])\n\n const center = getCenter(diff, api)\n const bounds = fromValue && toValue ? getBounds(fromValue, toValue, api) : undefined\n\n return (\n <DiffTooltip annotations={annotation ? [annotation] : []} description={getAction(diff)}>\n <div>\n <GoogleMap\n api={api}\n location={center}\n mapTypeControl={false}\n controlSize={20}\n bounds={bounds}\n scrollWheel={false}\n >\n {(map) => <GeopointMove api={api} map={map} diff={diff} />}\n </GoogleMap>\n </div>\n </DiffTooltip>\n )\n}\n\nfunction getBounds(\n fromValue: google.maps.LatLngLiteral,\n toValue: google.maps.LatLngLiteral,\n api: typeof window.google.maps\n): google.maps.LatLngBounds {\n return new api.LatLngBounds().extend(fromValue).extend(toValue)\n}\n\nfunction getCenter(\n diff: DiffProps['diff'],\n api: typeof window.google.maps\n): google.maps.LatLngLiteral {\n const {fromValue, toValue} = diff\n if (fromValue && toValue) {\n return getBounds(fromValue, toValue, api).getCenter().toJSON()\n }\n\n if (fromValue) {\n return fromValue\n }\n\n if (toValue) {\n return toValue\n }\n\n throw new Error('Neither a from or a to value present')\n}\n\nfunction getAction(diff: ObjectDiff<Geopoint>) {\n const {fromValue, toValue} = diff\n if (fromValue && toValue) {\n return 'Moved'\n } else if (fromValue) {\n return 'Removed'\n } else if (toValue) {\n return 'Added'\n }\n\n return 'Unchanged'\n}\n","import React from 'react'\nimport {definePlugin, SchemaType} from 'sanity'\nimport GeopointInput, {GeopointInputProps} from './input/GeopointInput'\nimport {setGeoConfig} from './global-workaround'\nimport {GeopointSchemaType} from './types'\n\nexport interface GoogleMapsInputConfig {\n apiKey: string\n defaultZoom?: number\n defaultLocale?: string\n defaultLocation?: {\n lat: number\n lng: number\n }\n}\n\nexport const googleMapsInput = definePlugin<GoogleMapsInputConfig>((config) => {\n setGeoConfig(config)\n return {\n name: 'google-maps-input',\n form: {\n components: {\n input(props) {\n if (isGeopoint(props.schemaType)) {\n const castedProps = props as unknown as Omit<GeopointInputProps, 'geoConfig'>\n return <GeopointInput {...castedProps} geoConfig={config} />\n }\n return props.renderDefault(props)\n },\n },\n },\n }\n})\n\nfunction isGeopoint(schemaType: SchemaType): schemaType is GeopointSchemaType {\n return isType('geopoint', schemaType)\n}\n\nfunction isType(name: string, schema?: SchemaType): boolean {\n if (schema?.name === name) {\n return true\n // eslint-disable-next-line no-negated-condition\n } else if (!schema?.name) {\n return false\n }\n return isType(name, schema?.type)\n}\n"],"names":["callbackName","locale","window","navigator","language","subject","coeerceError","event","error","Error","message","isErrorEvent","LoadError","props","_a","jsxs","Card","tone","radius","children","jsx","Box","as","paddingX","paddingTop","paddingBottom","Text","weight","isAuthError","AuthError","Fragment","Code","size","GoogleMapsLoadProxy","React","Component","constructor","super","this","state","loadState","sync","loadSubscription","config","selectedLocale","defaultLocale","BehaviorSubject","next","api","google","maps","script","document","createElement","onerror","source","lineno","colno","src","concat","apiKey","getElementsByTagName","appendChild","loadGoogleMapsApi","subscribe","setState","componentWillUnmount","unsubscribe","render","WrapperContainer","styled","div","_templateObject","_taggedTemplateLiteral","SearchInput","PureComponent","arguments","searchInputRef","createRef","handleChange","autoComplete","onChange","getPlace","current","value","componentDidMount","input","map","Circle","places","searchBounds","center","getCenter","getBounds","Autocomplete","bounds","types","addListener","TextInput","name","ref","placeholder","padding","latLngAreEqual","latLng1","latLng2","lat1","lat","lng1","lng","lat2","lng2","MapContainer","_templateObject2","GoogleMap","mapRef","mapEl","attachClickHandler","onClick","clickHandler","remove","setMapElement","element","constructMap","componentDidUpdate","prevProps","location","panTo","equals","fitBounds","LatLng","el","defaultZoom","mapTypeControl","controlSize","scrollWheel","Map","zoom","scrollwheel","streetViewControl","defaultProps","Marker","eventHandlers","position","onMove","zIndex","opacity","label","markerRef","color","GMarker","icon","path","fillOpacity","fillColor","background","strokeColor","border","strokeWeight","anchor","Point","labelOrigin","marker","draggable","Boolean","attachMoveHandler","setPosition","setLabel","setZIndex","setOpacity","setMap","move","click","fallbackLatLng","GeopointSelect","handlePlaceChanged","place","geometry","setValue","handleMarkerDragEnd","latLng","handleMapClick","defaultLocation","geoPoint","PreviewImage","img","_templateObject3","DialogInnerContainer","_templateObject4","getGeoConfig","setGeoConfig","newConfig","getStaticImageUrl","loc","params","key","markers","scale","qs","Object","keys","reduce","res","param","encodeURIComponent","join","GeopointInput","_geopointInputId","uniqueId","setEditButton","editButton","handleToggleModal","prevState","modalOpen","handleCloseModal","schemaType","setIfMissing","_type","set","handleClear","unset","focus","readOnly","geoConfig","changed","focused","ChangeIndicator","isChanged","hasFocus","alt","marginTop","Grid","columns","gap","Button","mode","EditIcon","text","TrashIcon","Dialog","id","onClose","header","width","href","Arrow","from","to","arrowRef","lineSymbol","SymbolPath","FORWARD_OPEN_ARROW","line","Polyline","icons","offset","strokeOpacity","setPath","GeopointMove","_ref","diff","fromValue","toValue","annotation","userColor","useUserColor","author","fromRef","useRef","toRef","RootContainer","_templateObject5","GeopointDiff","_ref3","filter","hasCoordinates","length","LatLngBounds","forEach","point","extend","toJSON","items","_ref4","toIndex","pointDiff","action","type","isChangeDiff","_ref6","getAnnotationAtPath","DiffTooltip","annotations","description","getAction","googleMapsInput","definePlugin","form","components","isType","castedProps","renderDefault","schema","_ref2","_ref5"],"mappings":"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"}
1	+ {"version":3,"file":"index.js","sources":["../src/loader/loadGoogleMapsApi.ts","../src/loader/LoadError.tsx","../src/loader/GoogleMapsLoadProxy.tsx","../src/map/SearchInput.styles.tsx","../src/map/SearchInput.tsx","../src/map/util.ts","../src/map/Map.styles.tsx","../src/map/Map.tsx","../src/map/Marker.tsx","../src/input/GeopointSelect.tsx","../src/input/GeopointInput.styles.tsx","../src/global-workaround.ts","../src/input/GeopointInput.tsx","../src/map/Arrow.tsx","../src/diff/GeopointMove.tsx","../src/diff/GeopointFieldDiff.styles.tsx","../src/diff/GeopointArrayDiff.tsx","../src/diff/GeopointFieldDiff.tsx","../src/plugin.tsx"],"sourcesContent":["declare global {\n interface Window {\n gm_authFailure: any\n ___sanity_googleMapsApiCallback: any\n }\n}\n\nconst callbackName = '___sanity_googleMapsApiCallback'\nconst authFailureCallbackName = 'gm_authFailure'\n\nexport class AuthError extends Error {}\n\nfunction _loadGoogleMapsApi(config: {locale: string; apiKey: string}) {\n return new Promise<typeof window.google.maps>((resolve, reject) => {\n window[authFailureCallbackName] = () => {\n reject(new AuthError('Authentication error when loading Google Maps API.'))\n }\n\n window[callbackName] = () => {\n resolve(window.google.maps)\n }\n\n const script = document.createElement('script')\n script.onerror = (\n event: Event \| string,\n source?: string,\n lineno?: number,\n colno?: number,\n error?: Error\n ) => reject(new Error(coeerceError(event, error)))\n\n script.src = `https://maps.googleapis.com/maps/api/js?key=${config.apiKey}&libraries=places&callback=${callbackName}&language=${config.locale}`\n document.getElementsByTagName('head')[0].appendChild(script)\n }).finally(() => {\n delete window[callbackName]\n delete window[authFailureCallbackName]\n })\n}\n\nlet memo: Promise<typeof window.google.maps> \| null = null\nexport function loadGoogleMapsApi(config: {locale: string; apiKey: string}) {\n if (memo) {\n return memo\n }\n memo = _loadGoogleMapsApi(config)\n memo.catch(() => {\n memo = null\n })\n return memo\n}\nfunction coeerceError(event: Event \| string, error?: Error): string {\n if (error) {\n return error.message\n }\n\n if (typeof event === 'string') {\n return event\n }\n\n return isErrorEvent(event) ? event.message : 'Failed to load Google Maps API'\n}\n\nfunction isErrorEvent(event: unknown): event is ErrorEvent {\n if (typeof event !== 'object' \|\| event === null) {\n return false\n }\n\n if (!('message' in event)) {\n return false\n }\n\n return typeof (event as ErrorEvent).message === 'string'\n}\n","import * as React from 'react'\nimport {Card, Box, Text, Code} from '@sanity/ui'\n\ntype Props = {error: {message?: string}; isAuthError: false} \| {isAuthError: true}\n\nexport function LoadError(props: Props) {\n return (\n <Card tone=\"critical\" radius={1}>\n <Box as=\"header\" paddingX={4} paddingTop={4} paddingBottom={1}>\n <Text as=\"h2\" weight=\"bold\">\n Google Maps failed to load\n </Text>\n </Box>\n\n <Box paddingX={4} paddingTop={4} paddingBottom={1}>\n {props.isAuthError ? (\n <AuthError />\n ) : (\n <>\n <Text as=\"h3\">Error details:</Text>\n <pre>\n <Code size={1}>{'error' in props && props.error?.message}</Code>\n </pre>\n </>\n )}\n </Box>\n </Card>\n )\n}\n\nfunction AuthError() {\n return (\n <Text>\n <p>The error appears to be related to authentication</p>\n <p>Common causes include:</p>\n <ul>\n <li>Incorrect API key</li>\n <li>Referer not allowed</li>\n <li>Missing authentication scope</li>\n </ul>\n <p>Check the browser developer tools for more information.</p>\n </Text>\n )\n}\n","import React, {useEffect, useState} from 'react'\nimport {AuthError, loadGoogleMapsApi} from './loadGoogleMapsApi'\nimport {LoadError as LoadErrorView} from './LoadError'\nimport {GoogleMapsInputConfig} from '../index'\n\ninterface LoadProps {\n children: (api: typeof window.google.maps) => React.ReactElement\n config: GoogleMapsInputConfig\n}\n\nconst browserLocale = (typeof window !== 'undefined' && window.navigator.language) \|\| 'en'\n\ntype LoadState =\n \| {\n type: 'loading'\n }\n \| {\n type: 'loaded'\n api: typeof window.google.maps\n }\n \| {\n type: 'error'\n error: {type: 'loadError' \| 'authError'; message: string}\n }\n\nfunction useLoadGoogleMapsApi(config: {defaultLocale?: string; apiKey: string}): LoadState {\n const locale = config.defaultLocale \|\| browserLocale \|\| 'en-US'\n\n const [state, setState] = useState<LoadState>({type: 'loading'})\n\n useEffect(() => {\n loadGoogleMapsApi({locale, apiKey: config.apiKey}).then(\n (api) => setState({type: 'loaded', api}),\n (err) =>\n setState({\n type: 'error',\n error: {type: err instanceof AuthError ? 'authError' : 'loadError', message: err.message},\n })\n )\n }, [locale, config.apiKey])\n return state\n}\n\nexport function GoogleMapsLoadProxy(props: LoadProps) {\n const loadState = useLoadGoogleMapsApi(props.config)\n switch (loadState.type) {\n case 'error':\n return (\n <LoadErrorView error={loadState.error} isAuthError={loadState.error.type === 'authError'} />\n )\n case 'loading':\n return <div>Loading Google Maps API</div>\n case 'loaded':\n return props.children(loadState.api)\n default:\n return null\n }\n}\n","import styled from 'styled-components'\n\nexport const WrapperContainer = styled.div`\n position: absolute;\n right: 10px;\n top: 10px;\n width: 220px;\n`\n","import * as React from 'react'\nimport {TextInput} from '@sanity/ui'\nimport {WrapperContainer} from './SearchInput.styles'\n\ninterface Props {\n api: typeof window.google.maps\n map: google.maps.Map\n onChange: (result: google.maps.places.PlaceResult) => void\n}\n\nexport class SearchInput extends React.PureComponent<Props> {\n searchInputRef = React.createRef<HTMLInputElement>()\n autoComplete: google.maps.places.Autocomplete \| undefined\n\n handleChange = () => {\n if (!this.autoComplete) {\n return\n }\n\n this.props.onChange(this.autoComplete.getPlace())\n\n if (this.searchInputRef.current) {\n this.searchInputRef.current.value = ''\n }\n }\n\n componentDidMount() {\n const input = this.searchInputRef.current\n if (!input) {\n return\n }\n\n const {api, map} = this.props\n const {Circle, places, event} = api\n const searchBounds = new Circle({center: map.getCenter(), radius: 100}).getBounds()!\n this.autoComplete = new places.Autocomplete(input, {\n bounds: searchBounds,\n types: [], // return all kinds of places\n })\n\n event.addListener(this.autoComplete, 'place_changed', this.handleChange)\n }\n\n render() {\n return (\n <WrapperContainer>\n <TextInput\n name=\"place\"\n ref={this.searchInputRef}\n placeholder=\"Search for place or address\"\n padding={4}\n />\n </WrapperContainer>\n )\n }\n}\n","import {LatLng} from '../types'\n\nexport function latLngAreEqual(\n latLng1: LatLng \| google.maps.LatLng,\n latLng2: LatLng \| google.maps.LatLng\n): boolean {\n const lat1 = typeof latLng1.lat === 'function' ? latLng1.lat() : latLng1.lat\n const lng1 = typeof latLng1.lng === 'function' ? latLng1.lng() : latLng1.lng\n\n const lat2 = typeof latLng2.lat === 'function' ? latLng2.lat() : latLng2.lat\n const lng2 = typeof latLng2.lng === 'function' ? latLng2.lng() : latLng2.lng\n\n return lat1 === lat2 && lng1 === lng2\n}\n","import styled from 'styled-components'\n\nexport const MapContainer = styled.div`\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n box-sizing: border-box;\n`\n","import React from 'react'\nimport {LatLng} from '../types'\nimport {latLngAreEqual} from './util'\nimport {MapContainer} from './Map.styles'\n\ninterface MapProps {\n api: typeof window.google.maps\n location: LatLng\n bounds?: google.maps.LatLngBounds\n defaultZoom?: number\n mapTypeControl?: boolean\n scrollWheel?: boolean\n controlSize?: number\n onClick?: (event: google.maps.MapMouseEvent) => void\n children?: (map: google.maps.Map) => React.ReactElement\n}\n\ninterface MapState {\n map: google.maps.Map \| undefined\n}\n\nexport class GoogleMap extends React.PureComponent<MapProps, MapState> {\n static defaultProps = {\n defaultZoom: 8,\n scrollWheel: true,\n }\n\n state: MapState = {map: undefined}\n clickHandler: google.maps.MapsEventListener \| undefined\n mapRef = React.createRef<HTMLDivElement>()\n mapEl: HTMLDivElement \| null = null\n\n componentDidMount() {\n this.attachClickHandler()\n }\n\n attachClickHandler = () => {\n const map = this.state.map\n if (!map) {\n return\n }\n\n const {api, onClick} = this.props\n const {event} = api\n\n if (this.clickHandler) {\n this.clickHandler.remove()\n }\n\n if (onClick) {\n this.clickHandler = event.addListener(map, 'click', onClick)\n }\n }\n\n componentDidUpdate(prevProps: MapProps) {\n const map = this.state.map\n if (!map) {\n return\n }\n\n const {onClick, location, bounds} = this.props\n\n if (prevProps.onClick !== onClick) {\n this.attachClickHandler()\n }\n\n if (!latLngAreEqual(prevProps.location, location)) {\n map.panTo(this.getCenter())\n }\n\n if (bounds && (!prevProps.bounds \|\| !bounds.equals(prevProps.bounds))) {\n map.fitBounds(bounds)\n }\n }\n\n componentWillUnmount() {\n if (this.clickHandler) {\n this.clickHandler.remove()\n }\n }\n\n getCenter(): google.maps.LatLng {\n const {location, api} = this.props\n return new api.LatLng(location.lat, location.lng)\n }\n\n constructMap(el: HTMLDivElement) {\n const {defaultZoom, api, mapTypeControl, controlSize, bounds, scrollWheel} = this.props\n\n const map = new api.Map(el, {\n zoom: defaultZoom,\n center: this.getCenter(),\n scrollwheel: scrollWheel,\n streetViewControl: false,\n mapTypeControl,\n controlSize,\n })\n\n if (bounds) {\n map.fitBounds(bounds)\n }\n\n return map\n }\n\n setMapElement = (element: HTMLDivElement \| null) => {\n if (element && element !== this.mapEl) {\n const map = this.constructMap(element)\n this.setState({map}, this.attachClickHandler)\n }\n\n this.mapEl = element\n }\n\n render() {\n const {children} = this.props\n const {map} = this.state\n return (\n <>\n <MapContainer ref={this.setMapElement} />\n {children && map ? children(map) : null}\n </>\n )\n }\n}\n","import * as React from 'react'\nimport {LatLng} from '../types'\nimport {latLngAreEqual} from './util'\n\nconst markerPath =\n 'M 3.052 3.7 C 1.56 5.293 0.626 7.612 0.663 9.793 C 0.738 14.352 2.793 16.077 6.078 22.351 C 7.263 25.111 8.497 28.032 9.672 32.871 C 9.835 33.584 9.994 34.246 10.069 34.305 C 10.143 34.362 10.301 33.697 10.465 32.983 C 11.639 28.145 12.875 25.226 14.059 22.466 C 17.344 16.192 19.398 14.466 19.474 9.908 C 19.511 7.727 18.574 5.405 17.083 3.814 C 15.379 1.994 12.809 0.649 10.069 0.593 C 7.328 0.536 4.756 1.882 3.052 3.7 Z'\n\ninterface Props {\n api: typeof window.google.maps\n map: google.maps.Map\n onMove?: (event: google.maps.MapMouseEvent) => void\n onClick?: (event: google.maps.MapMouseEvent) => void\n position: LatLng \| google.maps.LatLng\n zIndex?: number\n opacity?: number\n label?: string\n markerRef?: React.MutableRefObject<google.maps.Marker \| undefined>\n color?: {background: string; border: string; text: string}\n}\n\nexport class Marker extends React.PureComponent<Props> {\n marker: google.maps.Marker \| undefined\n\n eventHandlers: {\n move?: google.maps.MapsEventListener\n click?: google.maps.MapsEventListener\n } = {}\n\n componentDidMount() {\n const {position, api, map, onMove, zIndex, opacity, label, markerRef, color} = this.props\n const {Marker: GMarker} = api\n\n let icon: google.maps.Symbol \| undefined\n if (color) {\n icon = {\n path: markerPath,\n fillOpacity: 1,\n fillColor: color.background,\n strokeColor: color.border,\n strokeWeight: 2,\n anchor: new api.Point(10, 35),\n labelOrigin: new api.Point(10, 11),\n }\n }\n\n this.marker = new GMarker({\n draggable: Boolean(onMove),\n position,\n map,\n zIndex,\n opacity,\n label,\n icon,\n })\n\n if (markerRef) {\n markerRef.current = this.marker\n }\n\n this.attachMoveHandler()\n this.attachClickHandler()\n }\n\n componentDidUpdate(prevProps: Props) {\n if (!this.marker) {\n return\n }\n\n const {position, onMove, label, zIndex, opacity, map} = this.props\n\n if (prevProps.onMove !== onMove) {\n this.attachMoveHandler()\n }\n\n if (!latLngAreEqual(prevProps.position, position)) {\n this.marker.setPosition(position)\n }\n\n if (prevProps.label !== label) {\n this.marker.setLabel(label \|\| null)\n }\n\n if (prevProps.zIndex !== zIndex) {\n this.marker.setZIndex(zIndex \|\| null)\n }\n\n if (prevProps.opacity !== opacity) {\n this.marker.setOpacity(opacity \|\| null)\n }\n\n if (prevProps.map !== map) {\n this.marker.setMap(map)\n }\n }\n\n componentWillUnmount() {\n if (this.eventHandlers.move) {\n this.eventHandlers.move.remove()\n }\n\n if (this.marker) {\n this.marker.setMap(null)\n }\n }\n\n attachMoveHandler() {\n const {api, onMove} = this.props\n if (this.eventHandlers.move) {\n this.eventHandlers.move.remove()\n }\n if (this.marker && onMove) {\n this.eventHandlers.move = api.event.addListener(this.marker, 'dragend', onMove)\n }\n }\n\n attachClickHandler() {\n const {api, onClick} = this.props\n if (this.eventHandlers.click) {\n this.eventHandlers.click.remove()\n }\n if (this.marker && onClick) {\n this.eventHandlers.click = api.event.addListener(this.marker, 'click', onClick)\n }\n }\n\n // eslint-disable-next-line class-methods-use-this\n render(): any {\n return null\n }\n}\n","import React from 'react'\nimport {SearchInput} from '../map/SearchInput'\nimport {GoogleMap} from '../map/Map'\nimport {Marker} from '../map/Marker'\nimport {LatLng, Geopoint} from '../types'\n\nconst fallbackLatLng: LatLng = {lat: 40.7058254, lng: -74.1180863}\n\ninterface SelectProps {\n api: typeof window.google.maps\n value?: Geopoint\n onChange?: (latLng: google.maps.LatLng) => void\n defaultLocation?: LatLng\n defaultZoom?: number\n}\n\nexport class GeopointSelect extends React.PureComponent<SelectProps> {\n static defaultProps = {\n defaultZoom: 8,\n defaultLocation: {lng: 10.74609, lat: 59.91273},\n }\n\n mapRef = React.createRef<HTMLDivElement>()\n\n getCenter() {\n const {value = {}, defaultLocation = {}} = this.props\n const point: LatLng = {...fallbackLatLng, ...defaultLocation, ...value}\n return point\n }\n\n handlePlaceChanged = (place: google.maps.places.PlaceResult) => {\n if (!place.geometry?.location) {\n return\n }\n\n this.setValue(place.geometry.location)\n }\n\n handleMarkerDragEnd = (event: google.maps.MapMouseEvent) => {\n if (event.latLng) this.setValue(event.latLng)\n }\n\n handleMapClick = (event: google.maps.MapMouseEvent) => {\n if (event.latLng) this.setValue(event.latLng)\n }\n\n setValue(geoPoint: google.maps.LatLng) {\n if (this.props.onChange) {\n this.props.onChange(geoPoint)\n }\n }\n\n render() {\n const {api, defaultZoom, value, onChange} = this.props\n return (\n <GoogleMap\n api={api}\n location={this.getCenter()}\n onClick={this.handleMapClick}\n defaultZoom={defaultZoom}\n >\n {(map) => (\n <>\n <SearchInput api={api} map={map} onChange={this.handlePlaceChanged} />\n {value && (\n <Marker\n api={api}\n map={map}\n position={value}\n onMove={onChange ? this.handleMarkerDragEnd : undefined}\n />\n )}\n </>\n )}\n </GoogleMap>\n )\n }\n}\n","import styled from 'styled-components'\n\nexport const PreviewImage = styled.img`\n width: 100%;\n height: auto;\n vertical-align: top;\n`\n\nexport const DialogInnerContainer = styled.div`\n height: 40rem;\n width: 50rem;\n`\n","import {GoogleMapsInputConfig} from './index'\n\nlet config: GoogleMapsInputConfig\n\nexport function getGeoConfig(): GoogleMapsInputConfig {\n return config as GoogleMapsInputConfig\n}\n\nexport function setGeoConfig(newConfig: GoogleMapsInputConfig): void {\n config = newConfig\n}\n","import React from 'react'\nimport {uniqueId} from 'lodash'\nimport {Box, Button, Dialog, Grid} from '@sanity/ui'\nimport {EditIcon, TrashIcon} from '@sanity/icons'\nimport {ObjectInputProps, set, setIfMissing, unset, ChangeIndicator} from 'sanity'\nimport {GoogleMapsLoadProxy} from '../loader/GoogleMapsLoadProxy'\nimport {Geopoint, GeopointSchemaType, LatLng} from '../types'\nimport {GeopointSelect} from './GeopointSelect'\nimport {DialogInnerContainer, PreviewImage} from './GeopointInput.styles'\nimport {GoogleMapsInputConfig} from '../index'\nimport {getGeoConfig} from '../global-workaround'\n\nconst getStaticImageUrl = (value: LatLng, apiKey: string) => {\n const loc = `${value.lat},${value.lng}`\n const params = {\n key: apiKey,\n center: loc,\n markers: loc,\n zoom: 13,\n scale: 2,\n size: '640x300',\n } as const\n const qs = Object.keys(params).reduce((res, param) => {\n return res.concat(`${param}=${encodeURIComponent(params[param as keyof typeof params])}`)\n }, [] as string[])\n\n return `https://maps.googleapis.com/maps/api/staticmap?${qs.join('&')}`\n}\n\nexport type GeopointInputProps = ObjectInputProps<Geopoint, GeopointSchemaType> & {\n geoConfig: GoogleMapsInputConfig\n}\n\ntype Focusable = any\n\ninterface InputState {\n modalOpen: boolean\n}\n\nclass GeopointInput extends React.PureComponent<GeopointInputProps, InputState> {\n _geopointInputId = uniqueId('GeopointInput')\n\n editButton: Focusable \| undefined\n\n constructor(props: GeopointInputProps) {\n super(props)\n\n this.state = {\n modalOpen: false,\n }\n }\n\n setEditButton = (el: Focusable) => {\n this.editButton = el\n }\n\n focus() {\n if (this.editButton) {\n this.editButton.focus()\n }\n }\n\n handleToggleModal = () => {\n this.setState((prevState) => ({modalOpen: !prevState.modalOpen}))\n }\n\n handleCloseModal = () => {\n this.setState({modalOpen: false})\n }\n\n handleChange = (latLng: google.maps.LatLng) => {\n const {schemaType, onChange} = this.props\n onChange([\n setIfMissing({\n _type: schemaType.name,\n }),\n set(latLng.lat(), ['lat']),\n set(latLng.lng(), ['lng']),\n ])\n }\n\n handleClear = () => {\n const {onChange} = this.props\n onChange(unset())\n }\n\n render() {\n const {value, readOnly, geoConfig: config, path, changed, focused} = this.props\n\n const {modalOpen} = this.state\n\n if (!config \|\| !config.apiKey) {\n return (\n <div>\n <p>\n The <a href=\"https://sanity.io/docs/schema-types/geopoint-type\">Geopoint type</a> needs\n a Google Maps API key with access to:\n </p>\n <ul>\n <li>Google Maps JavaScript API</li>\n <li>Google Places API Web Service</li>\n <li>Google Static Maps API</li>\n </ul>\n <p>\n Please enter the API key with access to these services in your googleMapsInput plugin\n config.\n </p>\n </div>\n )\n }\n\n return (\n <>\n {value && (\n <ChangeIndicator path={path} isChanged={changed} hasFocus={!!focused}>\n <PreviewImage src={getStaticImageUrl(value, config.apiKey)} alt=\"Map location\" />\n </ChangeIndicator>\n )}\n\n {!readOnly && (\n <Box marginTop={4}>\n <Grid columns={2} gap={2}>\n <Button\n mode=\"ghost\"\n icon={value && EditIcon}\n padding={3}\n ref={this.setEditButton}\n text={value ? 'Edit' : 'Set location'}\n onClick={this.handleToggleModal}\n />\n\n {value && (\n <Button\n tone=\"critical\"\n icon={TrashIcon}\n padding={3}\n mode=\"ghost\"\n text={'Remove'}\n onClick={this.handleClear}\n />\n )}\n </Grid>\n </Box>\n )}\n\n {modalOpen && (\n <Dialog\n id={`${this._geopointInputId}_dialog`}\n onClose={this.handleCloseModal}\n header=\"Place the marker on the map\"\n width={1}\n >\n <DialogInnerContainer>\n <GoogleMapsLoadProxy config={getGeoConfig()}>\n {(api) => (\n <GeopointSelect\n api={api}\n value={value \|\| undefined}\n onChange={readOnly ? undefined : this.handleChange}\n defaultLocation={config.defaultLocation}\n defaultZoom={config.defaultZoom}\n />\n )}\n </GoogleMapsLoadProxy>\n </DialogInnerContainer>\n </Dialog>\n )}\n </>\n )\n }\n}\n\nexport default GeopointInput\n","import * as React from 'react'\nimport {LatLng} from '../types'\nimport {latLngAreEqual} from './util'\n\ninterface Props {\n api: typeof window.google.maps\n map: google.maps.Map\n from: LatLng\n to: LatLng\n color?: {background: string; border: string; text: string}\n zIndex?: number\n arrowRef?: React.MutableRefObject<google.maps.Polyline \| undefined>\n onClick?: (event: google.maps.MapMouseEvent) => void\n}\n\nexport class Arrow extends React.PureComponent<Props> {\n line: google.maps.Polyline \| undefined\n\n eventHandlers: {\n click?: google.maps.MapsEventListener\n } = {}\n\n componentDidMount() {\n const {from, to, api, map, zIndex, onClick, color, arrowRef} = this.props\n const lineSymbol = {\n path: api.SymbolPath.FORWARD_OPEN_ARROW,\n }\n\n this.line = new api.Polyline({\n map,\n zIndex,\n path: [from, to],\n icons: [{icon: lineSymbol, offset: '50%'}],\n strokeOpacity: 0.55,\n strokeColor: color ? color.text : 'black',\n })\n\n if (onClick) {\n this.eventHandlers.click = api.event.addListener(this.line, 'click', onClick)\n }\n\n if (arrowRef) {\n arrowRef.current = this.line\n }\n }\n\n componentDidUpdate(prevProps: Props) {\n if (!this.line) {\n return\n }\n\n const {from, to, map} = this.props\n if (!latLngAreEqual(prevProps.from, from) \|\| !latLngAreEqual(prevProps.to, to)) {\n this.line.setPath([from, to])\n }\n\n if (prevProps.map !== map) {\n this.line.setMap(map)\n }\n }\n\n componentWillUnmount() {\n if (this.line) {\n this.line.setMap(null)\n }\n\n if (this.eventHandlers.click) {\n this.eventHandlers.click.remove()\n }\n }\n\n // eslint-disable-next-line class-methods-use-this\n render(): any {\n return null\n }\n}\n","import * as React from 'react'\nimport {useUserColor, ObjectDiff} from 'sanity'\nimport {Marker} from '../map/Marker'\nimport {Arrow} from '../map/Arrow'\nimport {Geopoint} from '../types'\n\ninterface Props {\n api: typeof window.google.maps\n map: google.maps.Map\n diff: ObjectDiff<Geopoint>\n label?: string\n}\n\nexport function GeopointMove({diff, api, map, label}: Props) {\n const {fromValue: from, toValue: to} = diff\n const annotation = diff.isChanged ? diff.annotation : undefined\n const userColor = useUserColor(annotation ? annotation.author : null) \|\| undefined\n const fromRef = React.useRef<google.maps.Marker>()\n const toRef = React.useRef<google.maps.Marker>()\n\n return (\n <>\n {from && (\n <Marker\n api={api}\n map={map}\n position={from}\n zIndex={0}\n opacity={0.55}\n markerRef={fromRef}\n color={userColor}\n />\n )}\n {from && to && <Arrow api={api} map={map} from={from} to={to} zIndex={1} color={userColor} />}\n {to && (\n <Marker\n api={api}\n map={map}\n position={to}\n zIndex={2}\n markerRef={toRef}\n label={label}\n color={userColor}\n />\n )}\n </>\n )\n}\n","import styled from 'styled-components'\n\nexport const RootContainer = styled.div`\n position: relative;\n min-height: 200px;\n\n &:empty {\n background-color: var(--card-skeleton-color-from);\n display: table;\n width: 100%;\n }\n\n &:empty:after {\n content: 'Missing/invalid data';\n display: table-cell;\n vertical-align: middle;\n text-align: center;\n position: relative;\n }\n`\n","import * as React from 'react'\nimport {ArrayDiff, ObjectDiff, Diff, DiffProps as GenericDiffProps, DiffComponent} from 'sanity'\nimport {GoogleMapsLoadProxy} from '../loader/GoogleMapsLoadProxy'\nimport {GoogleMap} from '../map/Map'\nimport {Geopoint} from '../types'\nimport {GeopointMove} from './GeopointMove'\nimport {RootContainer} from './GeopointFieldDiff.styles'\nimport {getGeoConfig} from '../global-workaround'\n\nexport type DiffProps = GenericDiffProps<ArrayDiff<Geopoint>>\n\nexport const GeopointArrayDiff: DiffComponent<ArrayDiff<Geopoint>> = ({diff, schemaType}) => {\n return (\n <RootContainer>\n <GoogleMapsLoadProxy config={getGeoConfig()}>\n {(api) => <GeopointDiff api={api} diff={diff} schemaType={schemaType} />}\n </GoogleMapsLoadProxy>\n </RootContainer>\n )\n}\n\nfunction GeopointDiff({api, diff}: DiffProps & {api: typeof google.maps}) {\n const fromValue = (diff.fromValue \|\| []).filter(hasCoordinates)\n const toValue = (diff.toValue \|\| []).filter(hasCoordinates)\n if (fromValue.length === 0 && toValue.length === 0) {\n return null\n }\n\n const bounds = getBounds(fromValue, toValue, api)\n return (\n <GoogleMap\n api={api}\n location={bounds.getCenter().toJSON()}\n mapTypeControl={false}\n controlSize={20}\n bounds={bounds}\n >\n {(map) => (\n <>\n {diff.items.map(({toIndex, diff: pointDiff}) => {\n if (!isChangeDiff(pointDiff)) {\n return null\n }\n\n return (\n <GeopointMove\n key={toIndex}\n api={api}\n map={map}\n diff={pointDiff}\n label={`${toIndex}`}\n />\n )\n })}\n </>\n )}\n </GoogleMap>\n )\n}\n\nfunction isChangeDiff(diff: Diff): diff is ObjectDiff<Geopoint> {\n return diff.action !== 'unchanged' && diff.type === 'object'\n}\n\nfunction hasCoordinates(point: Partial<Geopoint>): point is Geopoint {\n return typeof point.lat === 'number' && typeof point.lng === 'number'\n}\n\nfunction getBounds(\n fromValue: google.maps.LatLngLiteral[] \| null \| undefined,\n toValue: google.maps.LatLngLiteral[] \| null \| undefined,\n api: typeof window.google.maps\n): google.maps.LatLngBounds {\n const bounds = new api.LatLngBounds()\n const points = [...(fromValue \|\| []), ...(toValue \|\| [])]\n points.forEach((point) => bounds.extend(point))\n return bounds\n}\n","import * as React from 'react'\nimport {\n DiffComponent,\n ObjectDiff,\n DiffProps as GenericDiffProps,\n DiffTooltip,\n getAnnotationAtPath,\n} from 'sanity'\nimport {GoogleMapsLoadProxy} from '../loader/GoogleMapsLoadProxy'\nimport {GoogleMap} from '../map/Map'\nimport {Geopoint} from '../types'\nimport {GeopointMove} from './GeopointMove'\nimport {RootContainer} from './GeopointFieldDiff.styles'\nimport {getGeoConfig} from '../global-workaround'\n\nexport type DiffProps = GenericDiffProps<ObjectDiff<Geopoint>>\n\nexport const GeopointFieldDiff: DiffComponent<ObjectDiff<Geopoint>> = ({diff, schemaType}) => {\n return (\n <RootContainer>\n <GoogleMapsLoadProxy config={getGeoConfig()}>\n {(api) => <GeopointDiff api={api} diff={diff} schemaType={schemaType} />}\n </GoogleMapsLoadProxy>\n </RootContainer>\n )\n}\n\nfunction GeopointDiff({api, diff}: DiffProps & {api: typeof window.google.maps}) {\n const {fromValue, toValue} = diff\n const annotation =\n getAnnotationAtPath(diff, ['lat']) \|\|\n getAnnotationAtPath(diff, ['lng']) \|\|\n getAnnotationAtPath(diff, [])\n\n const center = getCenter(diff, api)\n const bounds = fromValue && toValue ? getBounds(fromValue, toValue, api) : undefined\n\n return (\n <DiffTooltip annotations={annotation ? [annotation] : []} description={getAction(diff)}>\n <div>\n <GoogleMap\n api={api}\n location={center}\n mapTypeControl={false}\n controlSize={20}\n bounds={bounds}\n scrollWheel={false}\n >\n {(map) => <GeopointMove api={api} map={map} diff={diff} />}\n </GoogleMap>\n </div>\n </DiffTooltip>\n )\n}\n\nfunction getBounds(\n fromValue: google.maps.LatLngLiteral,\n toValue: google.maps.LatLngLiteral,\n api: typeof window.google.maps\n): google.maps.LatLngBounds {\n return new api.LatLngBounds().extend(fromValue).extend(toValue)\n}\n\nfunction getCenter(\n diff: DiffProps['diff'],\n api: typeof window.google.maps\n): google.maps.LatLngLiteral {\n const {fromValue, toValue} = diff\n if (fromValue && toValue) {\n return getBounds(fromValue, toValue, api).getCenter().toJSON()\n }\n\n if (fromValue) {\n return fromValue\n }\n\n if (toValue) {\n return toValue\n }\n\n throw new Error('Neither a from or a to value present')\n}\n\nfunction getAction(diff: ObjectDiff<Geopoint>) {\n const {fromValue, toValue} = diff\n if (fromValue && toValue) {\n return 'Moved'\n } else if (fromValue) {\n return 'Removed'\n } else if (toValue) {\n return 'Added'\n }\n\n return 'Unchanged'\n}\n","import React from 'react'\nimport {definePlugin, SchemaType} from 'sanity'\nimport GeopointInput, {GeopointInputProps} from './input/GeopointInput'\nimport {setGeoConfig} from './global-workaround'\nimport {GeopointSchemaType} from './types'\n\nexport interface GoogleMapsInputConfig {\n apiKey: string\n defaultZoom?: number\n defaultLocale?: string\n defaultLocation?: {\n lat: number\n lng: number\n }\n}\n\nexport const googleMapsInput = definePlugin<GoogleMapsInputConfig>((config) => {\n setGeoConfig(config)\n return {\n name: 'google-maps-input',\n form: {\n components: {\n input(props) {\n if (isGeopoint(props.schemaType)) {\n const castedProps = props as unknown as Omit<GeopointInputProps, 'geoConfig'>\n return <GeopointInput {...castedProps} geoConfig={config} />\n }\n return props.renderDefault(props)\n },\n },\n },\n }\n})\n\nfunction isGeopoint(schemaType: SchemaType): schemaType is GeopointSchemaType {\n return isType('geopoint', schemaType)\n}\n\nfunction isType(name: string, schema?: SchemaType): boolean {\n if (schema?.name === name) {\n return true\n // eslint-disable-next-line no-negated-condition\n } else if (!schema?.name) {\n return false\n }\n return isType(name, schema?.type)\n}\n"],"names":["callbackName","AuthError","Error","_loadGoogleMapsApi","config","Promise","resolve","reject","window","google","maps","script","document","createElement","onerror","event","source","lineno","colno","error","message","isErrorEvent","coeerceError","src","apiKey","locale","getElementsByTagName","appendChild","finally","memo","LoadError","props","_a","jsxs","Card","tone","radius","children","jsx","Box","as","paddingX","paddingTop","paddingBottom","Text","weight","isAuthError","Fragment","Code","size","browserLocale","navigator","language","useLoadGoogleMapsApi","defaultLocale","state","setState","useState","type","useEffect","catch","loadGoogleMapsApi","then","api","err","GoogleMapsLoadProxy","loadState","LoadErrorView","WrapperContainer","styled","div","_templateObject","_taggedTemplateLiteral","SearchInput","React","PureComponent","constructor","super","arguments","this","searchInputRef","createRef","handleChange","autoComplete","onChange","getPlace","current","value","componentDidMount","input","map","Circle","places","searchBounds","center","getCenter","getBounds","Autocomplete","bounds","types","addListener","render","TextInput","name","ref","placeholder","padding","latLngAreEqual","latLng1","latLng2","lat1","lat","lng1","lng","lat2","lng2","MapContainer","_templateObject2","GoogleMap","mapRef","mapEl","attachClickHandler","onClick","clickHandler","remove","setMapElement","element","constructMap","componentDidUpdate","prevProps","location","panTo","equals","fitBounds","componentWillUnmount","LatLng","el","defaultZoom","mapTypeControl","controlSize","scrollWheel","Map","zoom","scrollwheel","streetViewControl","defaultProps","Marker","eventHandlers","position","onMove","zIndex","opacity","label","markerRef","color","GMarker","icon","path","fillOpacity","fillColor","background","strokeColor","border","strokeWeight","anchor","Point","labelOrigin","marker","draggable","Boolean","attachMoveHandler","setPosition","setLabel","setZIndex","setOpacity","setMap","move","click","fallbackLatLng","GeopointSelect","handlePlaceChanged","place","geometry","setValue","handleMarkerDragEnd","latLng","handleMapClick","defaultLocation","geoPoint","PreviewImage","img","_templateObject3","DialogInnerContainer","_templateObject4","getGeoConfig","setGeoConfig","newConfig","getStaticImageUrl","loc","params","key","markers","scale","qs","Object","keys","reduce","res","param","concat","encodeURIComponent","join","GeopointInput","_geopointInputId","uniqueId","setEditButton","editButton","handleToggleModal","prevState","modalOpen","handleCloseModal","schemaType","setIfMissing","_type","set","handleClear","unset","focus","readOnly","geoConfig","changed","focused","ChangeIndicator","isChanged","hasFocus","alt","marginTop","Grid","columns","gap","Button","mode","EditIcon","text","TrashIcon","Dialog","id","onClose","header","width","href","Arrow","from","to","arrowRef","lineSymbol","SymbolPath","FORWARD_OPEN_ARROW","line","Polyline","icons","offset","strokeOpacity","setPath","GeopointMove","_ref","diff","fromValue","toValue","annotation","userColor","useUserColor","author","fromRef","useRef","toRef","RootContainer","_templateObject5","GeopointDiff","_ref3","filter","hasCoordinates","length","LatLngBounds","forEach","point","extend","toJSON","items","_ref4","toIndex","pointDiff","action","isChangeDiff","_ref6","getAnnotationAtPath","DiffTooltip","annotations","description","getAction","googleMapsInput","definePlugin","form","components","isType","castedProps","renderDefault","schema","_ref2","_ref5"],"mappings":"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"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@sanity/google-maps-input",
-  "version": "3.0.0",
+  "version": "3.0.1",
   "description": "Sanity plugin providing input handlers for geo-related input types using Google Maps",
   "keywords": [
     "sanity",
@@ -56,8 +56,7 @@
     "@sanity/icons": "^2.0.0",
     "@sanity/incompatible-plugin": "^1.0.4",
     "@sanity/ui": "^1.0.0",
-    "lodash": "^4.17.21",
-    "rxjs": "^6.6.7"
+    "lodash": "^4.17.21"
   },
   "devDependencies": {
     "@commitlint/cli": "^17.2.0",

package/src/loader/GoogleMapsLoadProxy.tsx CHANGED Viewed

@@ -1,7 +1,6 @@
-import React from 'react'
-import {Subscription} from 'rxjs'
-import {loadGoogleMapsApi, GoogleLoadState} from './loadGoogleMapsApi'
-import {LoadError} from './LoadError'
+import React, {useEffect, useState} from 'react'
+import {AuthError, loadGoogleMapsApi} from './loadGoogleMapsApi'
+import {LoadError as LoadErrorView} from './LoadError'
 import {GoogleMapsInputConfig} from '../index'
 interface LoadProps {
@@ -9,43 +8,51 @@ interface LoadProps {
   config: GoogleMapsInputConfig
 }
-export class GoogleMapsLoadProxy extends React.Component<LoadProps, GoogleLoadState> {
-  loadSubscription: Subscription | undefined
+const browserLocale = (typeof window !== 'undefined' && window.navigator.language) || 'en'
-  constructor(props: LoadProps) {
-    super(props)
+type LoadState =
+  | {
+      type: 'loading'
+    }
+  | {
+      type: 'loaded'
+      api: typeof window.google.maps
+    }
+  | {
+      type: 'error'
+      error: {type: 'loadError' | 'authError'; message: string}
+    }
-    this.state = {loadState: 'loading'}
+function useLoadGoogleMapsApi(config: {defaultLocale?: string; apiKey: string}): LoadState {
+  const locale = config.defaultLocale || browserLocale || 'en-US'
-    let sync = true
-    this.loadSubscription = loadGoogleMapsApi(props.config).subscribe((loadState) => {
-      if (sync) {
-        this.state = loadState
-      } else {
-        this.setState(loadState)
-      }
-    })
-    sync = false
-  }
+  const [state, setState] = useState<LoadState>({type: 'loading'})
-  componentWillUnmount() {
-    if (this.loadSubscription) {
-      this.loadSubscription.unsubscribe()
-    }
-  }
+  useEffect(() => {
+    loadGoogleMapsApi({locale, apiKey: config.apiKey}).then(
+      (api) => setState({type: 'loaded', api}),
+      (err) =>
+        setState({
+          type: 'error',
+          error: {type: err instanceof AuthError ? 'authError' : 'loadError', message: err.message},
+        })
+    )
+  }, [locale, config.apiKey])
+  return state
+}
-  render() {
-    switch (this.state.loadState) {
-      case 'loadError':
-        return <LoadError error={this.state.error} isAuthError={false} />
-      case 'authError':
-        return <LoadError isAuthError />
-      case 'loading':
-        return <div>Loading Google Maps API</div>
-      case 'loaded':
-        return this.props.children(this.state.api) || null
-      default:
-        return null
-    }
+export function GoogleMapsLoadProxy(props: LoadProps) {
+  const loadState = useLoadGoogleMapsApi(props.config)
+  switch (loadState.type) {
+    case 'error':
+      return (
+        <LoadErrorView error={loadState.error} isAuthError={loadState.error.type === 'authError'} />
+      )
+    case 'loading':
+      return <div>Loading Google Maps API</div>
+    case 'loaded':
+      return props.children(loadState.api)
+    default:
+      return null
   }
 }

package/src/loader/LoadError.tsx CHANGED Viewed

@@ -1,7 +1,7 @@
 import * as React from 'react'
 import {Card, Box, Text, Code} from '@sanity/ui'
-type Props = {error: Error; isAuthError: false} | {isAuthError: true}
+type Props = {error: {message?: string}; isAuthError: false} | {isAuthError: true}
 export function LoadError(props: Props) {
   return (

package/src/loader/loadGoogleMapsApi.ts CHANGED Viewed

@@ -1,6 +1,3 @@
-import {Observable, BehaviorSubject} from 'rxjs'
-import {GoogleMapsInputConfig} from '../index'
 declare global {
   interface Window {
     gm_authFailure: any
@@ -10,78 +7,57 @@ declare global {
 const callbackName = '___sanity_googleMapsApiCallback'
 const authFailureCallbackName = 'gm_authFailure'
-const locale = (typeof window !== 'undefined' && window.navigator.language) || 'en'
-export interface LoadingState {
-  loadState: 'loading'
-}
-export interface LoadedState {
-  loadState: 'loaded'
-  api: typeof window.google.maps
-}
-export interface LoadErrorState {
-  loadState: 'loadError'
-  error: Error
-}
-export interface AuthErrorState {
-  loadState: 'authError'
-}
-export type GoogleLoadState = LoadingState | LoadedState | LoadErrorState | AuthErrorState
-let subject: BehaviorSubject<GoogleLoadState>
-export function loadGoogleMapsApi(config: GoogleMapsInputConfig): Observable<GoogleLoadState> {
-  const selectedLocale = config.defaultLocale || locale || 'en-US'
-  if (subject) {
-    return subject
-  }
-  subject = new BehaviorSubject<GoogleLoadState>({loadState: 'loading'})
-  window[authFailureCallbackName] = () => {
+export class AuthError extends Error {}
+function _loadGoogleMapsApi(config: {locale: string; apiKey: string}) {
+  return new Promise<typeof window.google.maps>((resolve, reject) => {
+    window[authFailureCallbackName] = () => {
+      reject(new AuthError('Authentication error when loading Google Maps API.'))
+    }
+    window[callbackName] = () => {
+      resolve(window.google.maps)
+    }
+    const script = document.createElement('script')
+    script.onerror = (
+      event: Event | string,
+      source?: string,
+      lineno?: number,
+      colno?: number,
+      error?: Error
+    ) => reject(new Error(coeerceError(event, error)))
+    script.src = `https://maps.googleapis.com/maps/api/js?key=${config.apiKey}&libraries=places&callback=${callbackName}&language=${config.locale}`
+    document.getElementsByTagName('head')[0].appendChild(script)
+  }).finally(() => {
+    delete window[callbackName]
     delete window[authFailureCallbackName]
-    subject.next({loadState: 'authError'})
-  }
+  })
+}
-  window[callbackName] = () => {
-    delete window[callbackName]
-    subject.next({loadState: 'loaded', api: window.google.maps})
+let memo: Promise<typeof window.google.maps> | null = null
+export function loadGoogleMapsApi(config: {locale: string; apiKey: string}) {
+  if (memo) {
+    return memo
   }
-  const script = document.createElement('script')
-  script.onerror = (
-    event: Event | string,
-    source?: string,
-    lineno?: number,
-    colno?: number,
-    error?: Error
-  ) =>
-    subject.next({
-      loadState: 'loadError',
-      error: coeerceError(event, error),
-    } as LoadErrorState)
-  script.src = `https://maps.googleapis.com/maps/api/js?key=${config.apiKey}&libraries=places&callback=${callbackName}&language=${selectedLocale}`
-  document.getElementsByTagName('head')[0].appendChild(script)
-  return subject
+  memo = _loadGoogleMapsApi(config)
+  memo.catch(() => {
+    memo = null
+  })
+  return memo
 }
-function coeerceError(event: Event | string, error?: Error): Error {
+function coeerceError(event: Event | string, error?: Error): string {
   if (error) {
-    return error
+    return error.message
   }
   if (typeof event === 'string') {
-    return new Error(event)
+    return event
   }
-  return new Error(isErrorEvent(event) ? event.message : 'Failed to load Google Maps API')
+  return isErrorEvent(event) ? event.message : 'Failed to load Google Maps API'
 }
 function isErrorEvent(event: unknown): event is ErrorEvent {