@sanity/google-maps-input 4.2.0 → 5.0.0

package/dist/index.js

@@ -1,21 +1,56 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import { useState, useEffect, PureComponent, createRef, useCallback, useId, useRef } from "react";
-import { Card, Box, Text, Code, TextInput, Stack, Grid, Button, Dialog, Label } from "@sanity/ui";
+import { c } from "react/compiler-runtime";
 import { EditIcon, TrashIcon } from "@sanity/icons";
-import { setIfMissing, set, unset, ChangeIndicator, useUserColor, getAnnotationAtPath, DiffTooltip, definePlugin } from "sanity";
+import { Card, Box, Text, Code, TextInput, Stack, Button, Grid, Dialog, Label } from "@sanity/ui";
+import { useState, useEffect, PureComponent, createRef, useId, useRef } from "react";
+import { ChangeIndicator, setIfMissing, set, unset, useUserColor, getAnnotationAtPath, DiffTooltip, definePlugin } from "sanity";
 import { styled } from "styled-components";
+let config;
+function getGeoConfig() {
+  return config;
+}
+function setGeoConfig(newConfig) {
+  config = newConfig;
+}
+function LoadError(props) {
+  const $ = c(3);
+  let t0;
+  $[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t0 = /* @__PURE__ */ jsx(Box, { as: "header", paddingX: 4, paddingTop: 4, paddingBottom: 1, children: /* @__PURE__ */ jsx(Text, { as: "h2", weight: "bold", children: "Google Maps failed to load" }) }), $[0] = t0) : t0 = $[0];
+  let t1;
+  return $[1] !== props ? (t1 = /* @__PURE__ */ jsxs(Card, { tone: "critical", radius: 1, children: [
+    t0,
+    /* @__PURE__ */ jsx(Box, { paddingX: 4, paddingTop: 4, paddingBottom: 1, children: props.isAuthError ? /* @__PURE__ */ jsx(AuthError$1, {}) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(Text, { as: "h3", children: "Error details:" }),
+      /* @__PURE__ */ jsx("pre", { children: /* @__PURE__ */ jsx(Code, { size: 1, children: "error" in props && props.error?.message }) })
+    ] }) })
+  ] }), $[1] = props, $[2] = t1) : t1 = $[2], t1;
+}
+function AuthError$1() {
+  const $ = c(1);
+  let t0;
+  return $[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t0 = /* @__PURE__ */ jsxs(Text, { children: [
+    /* @__PURE__ */ jsx("p", { children: "The error appears to be related to authentication" }),
+    /* @__PURE__ */ jsx("p", { children: "Common causes include:" }),
+    /* @__PURE__ */ jsxs("ul", { children: [
+      /* @__PURE__ */ jsx("li", { children: "Incorrect API key" }),
+      /* @__PURE__ */ jsx("li", { children: "Referer not allowed" }),
+      /* @__PURE__ */ jsx("li", { children: "Missing authentication scope" })
+    ] }),
+    /* @__PURE__ */ jsx("p", { children: "Check the browser developer tools for more information." })
+  ] }), $[0] = t0) : t0 = $[0], t0;
+}
 const callbackName = "___sanity_googleMapsApiCallback", authFailureCallbackName = "gm_authFailure";
-let AuthError$1 = class extends Error {
-};
+class AuthError extends Error {
+}
 function _loadGoogleMapsApi(config2) {
   return new Promise((resolve, reject) => {
     window[authFailureCallbackName] = () => {
-      reject(new AuthError$1("Authentication error when loading Google Maps API."));
+      reject(new AuthError("Authentication error when loading Google Maps API."));
     }, window[callbackName] = () => {
       resolve(window.google.maps);
     };
     const script = document.createElement("script");
-    script.onerror = (event, source, lineno, colno, error) => reject(new Error(coeerceError(event, error))), script.src = `https://maps.googleapis.com/maps/api/js?key=${config2.apiKey}&libraries=places&callback=${callbackName}&language=${config2.locale}`, document.getElementsByTagName("head")[0].appendChild(script);
+    script.addEventListener("error", (event) => reject(new Error(coeerceError(event)))), script.src = `https://maps.googleapis.com/maps/api/js?key=${config2.apiKey}&libraries=places&callback=${callbackName}&language=${config2.locale}`, document.head.appendChild(script);
   }).finally(() => {
     delete window[callbackName], delete window[authFailureCallbackName];
   });
@@ -27,125 +62,78 @@ function loadGoogleMapsApi(config2) {
   }), memo);
 }
 function coeerceError(event, error) {
-  return error ? error.message : typeof event == "string" ? event : isErrorEvent(event) ? event.message : "Failed to load Google Maps API";
+  return typeof event == "string" ? event : isErrorEvent(event) ? event.message : "Failed to load Google Maps API";
 }
 function isErrorEvent(event) {
   return typeof event != "object" || event === null || !("message" in event) ? !1 : typeof event.message == "string";
 }
-function LoadError(props) {
-  return /* @__PURE__ */ jsxs(Card, { tone: "critical", radius: 1, children: [
-    /* @__PURE__ */ jsx(Box, { as: "header", paddingX: 4, paddingTop: 4, paddingBottom: 1, children: /* @__PURE__ */ jsx(Text, { as: "h2", weight: "bold", children: "Google Maps failed to load" }) }),
-    /* @__PURE__ */ jsx(Box, { paddingX: 4, paddingTop: 4, paddingBottom: 1, children: props.isAuthError ? /* @__PURE__ */ jsx(AuthError2, {}) : /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(Text, { as: "h3", children: "Error details:" }),
-      /* @__PURE__ */ jsx("pre", { children: /* @__PURE__ */ jsx(Code, { size: 1, children: "error" in props && props.error?.message }) })
-    ] }) })
-  ] });
-}
-function AuthError2() {
-  return /* @__PURE__ */ jsxs(Text, { children: [
-    /* @__PURE__ */ jsx("p", { children: "The error appears to be related to authentication" }),
-    /* @__PURE__ */ jsx("p", { children: "Common causes include:" }),
-    /* @__PURE__ */ jsxs("ul", { children: [
-      /* @__PURE__ */ jsx("li", { children: "Incorrect API key" }),
-      /* @__PURE__ */ jsx("li", { children: "Referer not allowed" }),
-      /* @__PURE__ */ jsx("li", { children: "Missing authentication scope" })
-    ] }),
-    /* @__PURE__ */ jsx("p", { children: "Check the browser developer tools for more information." })
-  ] });
-}
 const browserLocale = typeof window < "u" && window.navigator.language || "en";
 function useLoadGoogleMapsApi(config2) {
-  const locale = config2.defaultLocale || browserLocale, [state, setState] = useState({ type: "loading" });
-  return useEffect(() => {
-    typeof window > "u" || loadGoogleMapsApi({ locale, apiKey: config2.apiKey }).then(
-      (api) => setState({ type: "loaded", api }),
-      (err) => setState({
-        type: "error",
-        error: { type: err instanceof AuthError$1 ? "authError" : "loadError", message: err.message }
-      })
-    );
-  }, [locale, config2.apiKey]), state;
+  const $ = c(5), locale = config2.defaultLocale || browserLocale;
+  let t0;
+  $[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t0 = {
+    type: "loading"
+  }, $[0] = t0) : t0 = $[0];
+  const [state, setState] = useState(t0);
+  let t1, t2;
+  return $[1] !== config2.apiKey || $[2] !== locale ? (t1 = () => {
+    typeof window > "u" || loadGoogleMapsApi({
+      locale,
+      apiKey: config2.apiKey
+    }).then((api) => setState({
+      type: "loaded",
+      api
+    }), (err) => setState({
+      type: "error",
+      error: {
+        type: err instanceof AuthError ? "authError" : "loadError",
+        message: err.message
+      }
+    }));
+  }, t2 = [locale, config2.apiKey], $[1] = config2.apiKey, $[2] = locale, $[3] = t1, $[4] = t2) : (t1 = $[3], t2 = $[4]), useEffect(t1, t2), state;
 }
 function GoogleMapsLoadProxy(props) {
-  const loadState = useLoadGoogleMapsApi(props.config);
+  const $ = c(7), loadState = useLoadGoogleMapsApi(props.config);
   switch (loadState.type) {
-    case "error":
-      return /* @__PURE__ */ jsx(LoadError, { error: loadState.error, isAuthError: loadState.error.type === "authError" });
-    case "loading":
-      return /* @__PURE__ */ jsx("div", { children: "Loading Google Maps API" });
-    case "loaded":
-      return props.children(loadState.api);
+    case "error": {
+      const t0 = loadState.error.type === "authError";
+      let t1;
+      return $[0] !== loadState.error || $[1] !== t0 ? (t1 = /* @__PURE__ */ jsx(LoadError, { error: loadState.error, isAuthError: t0 }), $[0] = loadState.error, $[1] = t0, $[2] = t1) : t1 = $[2], t1;
+    }
+    case "loading": {
+      let t0;
+      return $[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t0 = /* @__PURE__ */ jsx("div", { children: "Loading Google Maps API" }), $[3] = t0) : t0 = $[3], t0;
+    }
+    case "loaded": {
+      let t0;
+      return $[4] !== loadState.api || $[5] !== props.children ? (t0 = props.children(loadState.api), $[4] = loadState.api, $[5] = props.children, $[6] = t0) : t0 = $[6], t0;
+    }
     default:
       return null;
   }
 }
-let config;
-function getGeoConfig() {
-  return config;
-}
-function setGeoConfig(newConfig) {
-  config = newConfig;
-}
-const PreviewImage = styled.img`
-  width: 100%;
-  height: auto;
-  vertical-align: top;
-`, DialogInnerContainer = styled.div`
-  height: 40rem;
-`, WrapperContainer = styled.div`
-  position: absolute;
-  right: 10px;
-  top: 10px;
-  width: 220px;
-`;
-class SearchInput extends PureComponent {
-  searchInputRef = createRef();
-  autoComplete;
-  handleChange = () => {
-    this.autoComplete && (this.props.onChange(this.autoComplete.getPlace()), this.searchInputRef.current && (this.searchInputRef.current.value = ""));
-  };
-  componentDidMount() {
-    const input = this.searchInputRef.current;
-    if (!input)
-      return;
-    const { api, map } = this.props, { Circle, places, event } = api, searchBounds = new Circle({ center: map.getCenter(), radius: 100 }).getBounds();
-    this.autoComplete = new places.Autocomplete(input, {
-      bounds: searchBounds,
-      types: []
-      // return all kinds of places
-    }), event.addListener(this.autoComplete, "place_changed", this.handleChange);
-  }
-  render() {
-    return /* @__PURE__ */ jsx(WrapperContainer, { children: /* @__PURE__ */ jsx(
-      TextInput,
-      {
-        name: "place",
-        ref: this.searchInputRef,
-        placeholder: "Search for place or address",
-        padding: 4
-      }
-    ) });
-  }
-}
+const PreviewImage = styled.img.withConfig({
+  displayName: "PreviewImage",
+  componentId: "sc-10h92ni-0"
+})`width:100%;height:auto;vertical-align:top;`, DialogInnerContainer = styled.div.withConfig({
+  displayName: "DialogInnerContainer",
+  componentId: "sc-10h92ni-1"
+})`height:40rem;`, MapContainer = styled.div.withConfig({
+  displayName: "MapContainer",
+  componentId: "sc-gcrwqq-0"
+})`position:absolute;top:0;left:0;height:100%;width:100%;box-sizing:border-box;`;
 function latLngAreEqual(latLng1, latLng2) {
   const lat1 = typeof latLng1.lat == "function" ? latLng1.lat() : latLng1.lat, lng1 = typeof latLng1.lng == "function" ? latLng1.lng() : latLng1.lng, lat2 = typeof latLng2.lat == "function" ? latLng2.lat() : latLng2.lat, lng2 = typeof latLng2.lng == "function" ? latLng2.lng() : latLng2.lng;
   return lat1 === lat2 && lng1 === lng2;
 }
-const MapContainer = styled.div`
-  position: absolute;
-  top: 0;
-  left: 0;
-  height: 100%;
-  width: 100%;
-  box-sizing: border-box;
-`;
 class GoogleMap extends PureComponent {
   static defaultProps = {
     defaultZoom: 8,
     scrollWheel: !0
   };
-  state = { map: void 0 };
-  clickHandler;
+  state = {
+    map: void 0
+  };
   mapRef = createRef();
   mapEl = null;
   componentDidMount() {
@@ -155,25 +143,44 @@ class GoogleMap extends PureComponent {
     const map = this.state.map;
     if (!map)
       return;
-    const { api, onClick } = this.props, { event } = api;
+    const {
+      api,
+      onClick
+    } = this.props, {
+      event
+    } = api;
     this.clickHandler && this.clickHandler.remove(), onClick && (this.clickHandler = event.addListener(map, "click", onClick));
   };
   componentDidUpdate(prevProps) {
     const map = this.state.map;
     if (!map)
       return;
-    const { onClick, location, bounds } = this.props;
+    const {
+      onClick,
+      location,
+      bounds
+    } = this.props;
     prevProps.onClick !== onClick && this.attachClickHandler(), latLngAreEqual(prevProps.location, location) || map.panTo(this.getCenter()), bounds && (!prevProps.bounds || !bounds.equals(prevProps.bounds)) && map.fitBounds(bounds);
   }
   componentWillUnmount() {
     this.clickHandler && this.clickHandler.remove();
   }
   getCenter() {
-    const { location, api } = this.props;
+    const {
+      location,
+      api
+    } = this.props;
     return new api.LatLng(location.lat, location.lng);
   }
   constructMap(el) {
-    const { defaultZoom, api, mapTypeControl, controlSize, bounds, scrollWheel } = this.props, map = new api.Map(el, {
+    const {
+      defaultZoom,
+      api,
+      mapTypeControl,
+      controlSize,
+      bounds,
+      scrollWheel
+    } = this.props, map = new api.Map(el, {
       zoom: defaultZoom,
       center: this.getCenter(),
       scrollwheel: scrollWheel,
@@ -186,12 +193,18 @@ class GoogleMap extends PureComponent {
   setMapElement = (element) => {
     if (element && element !== this.mapEl) {
       const map = this.constructMap(element);
-      this.setState({ map }, this.attachClickHandler);
+      this.setState({
+        map
+      }, this.attachClickHandler);
     }
     this.mapEl = element;
   };
   render() {
-    const { children } = this.props, { map } = this.state;
+    const {
+      children
+    } = this.props, {
+      map
+    } = this.state;
     return /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(MapContainer, { ref: this.setMapElement }),
       children && map ? children(map) : null
@@ -200,10 +213,21 @@ class GoogleMap extends PureComponent {
 }
 const markerPath = "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";
 class Marker extends PureComponent {
-  marker;
   eventHandlers = {};
   componentDidMount() {
-    const { position, api, map, onMove, zIndex, opacity, label, markerRef, color } = this.props, { Marker: GMarker } = api;
+    const {
+      position,
+      api,
+      map,
+      onMove,
+      zIndex,
+      opacity,
+      label,
+      markerRef,
+      color
+    } = this.props, {
+      Marker: GMarker
+    } = api;
     let icon;
     color && (icon = {
       path: markerPath,
@@ -226,65 +250,121 @@ class Marker extends PureComponent {
   componentDidUpdate(prevProps) {
     if (!this.marker)
       return;
-    const { position, onMove, label, zIndex, opacity, map } = this.props;
+    const {
+      position,
+      onMove,
+      label,
+      zIndex,
+      opacity,
+      map
+    } = this.props;
     prevProps.onMove !== onMove && this.attachMoveHandler(), latLngAreEqual(prevProps.position, position) || this.marker.setPosition(position), prevProps.label !== label && this.marker.setLabel(label || null), prevProps.zIndex !== zIndex && this.marker.setZIndex(zIndex || null), prevProps.opacity !== opacity && this.marker.setOpacity(opacity || null), prevProps.map !== map && this.marker.setMap(map);
   }
   componentWillUnmount() {
     this.eventHandlers.move && this.eventHandlers.move.remove(), this.marker && this.marker.setMap(null);
   }
   attachMoveHandler() {
-    const { api, onMove } = this.props;
+    const {
+      api,
+      onMove
+    } = this.props;
     this.eventHandlers.move && this.eventHandlers.move.remove(), this.marker && onMove && (this.eventHandlers.move = api.event.addListener(this.marker, "dragend", onMove));
   }
   attachClickHandler() {
-    const { api, onClick } = this.props;
+    const {
+      api,
+      onClick
+    } = this.props;
     this.eventHandlers.click && this.eventHandlers.click.remove(), this.marker && onClick && (this.eventHandlers.click = api.event.addListener(this.marker, "click", onClick));
   }
-  // eslint-disable-next-line class-methods-use-this
   render() {
     return null;
   }
 }
-const fallbackLatLng$1 = { lat: 40.7058254, lng: -74.1180863 }, GeopointSelect = ({
-  api,
-  value,
-  onChange,
-  defaultLocation = { lng: 10.74609, lat: 59.91273 },
-  defaultZoom = 8
-}) => {
-  const getCenter2 = useCallback(() => ({ ...fallbackLatLng$1, ...defaultLocation, ...value }), [value, defaultLocation]), setValue = useCallback(
-    (geoPoint) => {
-      onChange && onChange(geoPoint);
-    },
-    [onChange]
-  ), handlePlaceChanged = useCallback(
-    (place) => {
-      place.geometry?.location && setValue(place.geometry.location);
-    },
-    [setValue]
-  ), handleMarkerDragEnd = useCallback(
-    (event) => {
-      event.latLng && setValue(event.latLng);
-    },
-    [setValue]
-  ), handleMapClick = useCallback(
-    (event) => {
-      event.latLng && setValue(event.latLng);
-    },
-    [setValue]
-  );
-  return /* @__PURE__ */ jsx(GoogleMap, { api, location: getCenter2(), onClick: handleMapClick, defaultZoom, children: (map) => /* @__PURE__ */ jsxs(Fragment, { children: [
+const WrapperContainer = styled.div.withConfig({
+  displayName: "WrapperContainer",
+  componentId: "sc-n3m9ut-0"
+})`position:absolute;right:10px;top:10px;width:220px;`;
+class SearchInput extends PureComponent {
+  searchInputRef = createRef();
+  handleChange = () => {
+    this.autoComplete && (this.props.onChange(this.autoComplete.getPlace()), this.searchInputRef.current && (this.searchInputRef.current.value = ""));
+  };
+  componentDidMount() {
+    const input = this.searchInputRef.current;
+    if (!input)
+      return;
+    const {
+      api,
+      map
+    } = this.props, {
+      Circle,
+      places,
+      event
+    } = api, searchBounds = new Circle({
+      center: map.getCenter(),
+      radius: 100
+    }).getBounds();
+    this.autoComplete = new places.Autocomplete(input, {
+      bounds: searchBounds,
+      types: []
+      // return all kinds of places
+    }), event.addListener(this.autoComplete, "place_changed", this.handleChange);
+  }
+  render() {
+    return /* @__PURE__ */ jsx(WrapperContainer, { children: /* @__PURE__ */ jsx(TextInput, { name: "place", ref: this.searchInputRef, placeholder: "Search for place or address", padding: 4 }) });
+  }
+}
+const fallbackLatLng$1 = {
+  lat: 40.7058254,
+  lng: -74.1180863
+}, defaultMapLocation$1 = {
+  lng: 10.74609,
+  lat: 59.91273
+}, GeopointSelect = (t0) => {
+  const $ = c(25), {
+    api,
+    value,
+    onChange,
+    defaultLocation: t1,
+    defaultZoom: t2
+  } = t0, defaultLocation = t1 === void 0 ? defaultMapLocation$1 : t1, defaultZoom = t2 === void 0 ? 8 : t2;
+  let t3;
+  $[0] !== defaultLocation || $[1] !== value ? (t3 = () => ({
+    ...fallbackLatLng$1,
+    ...defaultLocation,
+    ...value
+  }), $[0] = defaultLocation, $[1] = value, $[2] = t3) : t3 = $[2];
+  const getCenter2 = t3;
+  let t4;
+  $[3] !== onChange ? (t4 = (geoPoint) => {
+    onChange && onChange(geoPoint);
+  }, $[3] = onChange, $[4] = t4) : t4 = $[4];
+  const setValue = t4;
+  let t5;
+  $[5] !== setValue ? (t5 = (place) => {
+    place.geometry?.location && setValue(place.geometry.location);
+  }, $[5] = setValue, $[6] = t5) : t5 = $[6];
+  const handlePlaceChanged = t5;
+  let t6;
+  $[7] !== setValue ? (t6 = (event) => {
+    event.latLng && setValue(event.latLng);
+  }, $[7] = setValue, $[8] = t6) : t6 = $[8];
+  const handleMarkerDragEnd = t6;
+  let t7;
+  $[9] !== setValue ? (t7 = (event_0) => {
+    event_0.latLng && setValue(event_0.latLng);
+  }, $[9] = setValue, $[10] = t7) : t7 = $[10];
+  const handleMapClick = t7;
+  let t8;
+  $[11] !== getCenter2 ? (t8 = getCenter2(), $[11] = getCenter2, $[12] = t8) : t8 = $[12];
+  let t9;
+  $[13] !== api || $[14] !== handleMarkerDragEnd || $[15] !== handlePlaceChanged || $[16] !== onChange || $[17] !== value ? (t9 = (map) => /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(SearchInput, { api, map, onChange: handlePlaceChanged }),
-    value && /* @__PURE__ */ jsx(
-      Marker,
-      {
-        api,
-        map,
-        position: value,
-        onMove: onChange ? handleMarkerDragEnd : void 0
-      }
-    )
-  ] }) });
+    value && /* @__PURE__ */ jsx(Marker, { api, map, position: value, onMove: onChange ? handleMarkerDragEnd : void 0 })
+  ] }), $[13] = api, $[14] = handleMarkerDragEnd, $[15] = handlePlaceChanged, $[16] = onChange, $[17] = value, $[18] = t9) : t9 = $[18];
+  let t10;
+  return $[19] !== api || $[20] !== defaultZoom || $[21] !== handleMapClick || $[22] !== t8 || $[23] !== t9 ? (t10 = /* @__PURE__ */ jsx(GoogleMap, { api, location: t8, onClick: handleMapClick, defaultZoom, children: t9 }), $[19] = api, $[20] = defaultZoom, $[21] = handleMapClick, $[22] = t8, $[23] = t9, $[24] = t10) : t10 = $[24], t10;
 }, EMPTY_PATH$1 = [], getStaticImageUrl$1 = (value, apiKey) => {
   const loc = `${value.lat},${value.lng}`;
   return `https://maps.googleapis.com/maps/api/staticmap?${new URLSearchParams({
@@ -297,7 +377,7 @@ const fallbackLatLng$1 = { lat: 40.7058254, lng: -74.1180863 }, GeopointSelect =
   }).toString()}`;
 };
 function GeopointInput(props) {
-  const {
+  const $ = c(51), {
     changed,
     elementProps,
     focused,
@@ -314,198 +394,183 @@ function GeopointInput(props) {
     onBlur: handleBlur,
     onFocus: handleFocus,
     "aria-describedby": ariaDescribedBy
-  } = elementProps, schemaTypeName = schemaType.name, dialogId = useId(), dialogRef = useRef(null), handleFocusButton = useCallback(() => inputRef?.current?.focus(), [inputRef]), [modalOpen, setModalOpen] = useState(!1), handleCloseModal = useCallback(() => {
+  } = elementProps, schemaTypeName = schemaType.name, dialogId = useId(), dialogRef = useRef(null);
+  let t0;
+  $[0] !== inputRef ? (t0 = () => inputRef?.current?.focus(), $[0] = inputRef, $[1] = t0) : t0 = $[1];
+  const handleFocusButton = t0, [modalOpen, setModalOpen] = useState(!1);
+  let t1;
+  $[2] !== handleFocusButton ? (t1 = () => {
     dialogRef.current && dialogRef.current.blur(), setModalOpen(!1), handleFocusButton();
-  }, [setModalOpen, handleFocusButton]), handleToggleModal = useCallback(
-    () => setModalOpen((currentState) => !currentState),
-    [setModalOpen]
-  ), handleChange = useCallback(
-    (latLng) => {
-      onChange([
-        setIfMissing({ _type: schemaTypeName }),
-        set(latLng.lat(), ["lat"]),
-        set(latLng.lng(), ["lng"])
-      ]);
-    },
-    [schemaTypeName, onChange]
-  ), handleClear = useCallback(() => {
+  }, $[2] = handleFocusButton, $[3] = t1) : t1 = $[3];
+  const handleCloseModal = t1;
+  let t2;
+  $[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t2 = () => setModalOpen(_temp$1), $[4] = t2) : t2 = $[4];
+  const handleToggleModal = t2;
+  let t3;
+  $[5] !== onChange || $[6] !== schemaTypeName ? (t3 = (latLng) => {
+    onChange([setIfMissing({
+      _type: schemaTypeName
+    }), set(latLng.lat(), ["lat"]), set(latLng.lng(), ["lng"])]);
+  }, $[5] = onChange, $[6] = schemaTypeName, $[7] = t3) : t3 = $[7];
+  const handleChange = t3;
+  let t4;
+  $[8] !== onChange ? (t4 = () => {
     onChange(unset());
-  }, [onChange]);
-  return useEffect(() => {
+  }, $[8] = onChange, $[9] = t4) : t4 = $[9];
+  const handleClear = t4;
+  let t5, t6;
+  if ($[10] !== modalOpen || $[11] !== onPathFocus ? (t5 = () => {
     modalOpen && onPathFocus(EMPTY_PATH$1);
-  }, [modalOpen, onPathFocus]), !config2 || !config2.apiKey ? /* @__PURE__ */ jsxs("div", { children: [
-    /* @__PURE__ */ jsxs("p", { children: [
-      "The ",
-      /* @__PURE__ */ jsx("a", { href: "https://sanity.io/docs/schema-types/geopoint-type", children: "Geopoint type" }),
-      " needs a Google Maps API key with access to:"
-    ] }),
-    /* @__PURE__ */ jsxs("ul", { children: [
-      /* @__PURE__ */ jsx("li", { children: "Google Maps JavaScript API" }),
-      /* @__PURE__ */ jsx("li", { children: "Google Places API Web Service" }),
-      /* @__PURE__ */ jsx("li", { children: "Google Static Maps API" })
-    ] }),
-    /* @__PURE__ */ jsx("p", { children: "Please enter the API key with access to these services in your googleMapsInput plugin config." })
-  ] }) : /* @__PURE__ */ jsxs(Stack, { space: 3, children: [
-    value && /* @__PURE__ */ jsx(ChangeIndicator, { path, isChanged: changed, hasFocus: !!focused, children: /* @__PURE__ */ jsx(
-      PreviewImage,
-      {
-        src: getStaticImageUrl$1(value, config2.apiKey),
-        alt: "Map location",
-        onClick: handleFocusButton,
-        onDoubleClick: handleToggleModal
-      }
-    ) }),
-    /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsxs(Grid, { columns: value ? 2 : 1, gap: 3, children: [
-      /* @__PURE__ */ jsx(
-        Button,
-        {
-          "aria-describedby": ariaDescribedBy,
-          disabled: readOnly,
-          icon: value && EditIcon,
-          id,
-          mode: "ghost",
-          onClick: handleToggleModal,
-          onFocus: handleFocus,
-          padding: 3,
-          ref: inputRef,
-          text: value ? "Edit" : "Set location"
-        }
-      ),
-      value && /* @__PURE__ */ jsx(
-        Button,
-        {
-          disabled: readOnly,
-          icon: TrashIcon,
-          mode: "ghost",
-          onClick: handleClear,
-          padding: 3,
-          text: "Remove",
-          tone: "critical"
-        }
-      )
-    ] }) }),
-    modalOpen && /* @__PURE__ */ jsx(
-      Dialog,
-      {
-        header: "Place the marker on the map",
-        id: `${dialogId}_dialog`,
-        onBlur: handleBlur,
-        onClose: handleCloseModal,
-        ref: dialogRef,
-        width: 1,
-        children: /* @__PURE__ */ jsx(DialogInnerContainer, { children: /* @__PURE__ */ jsx(GoogleMapsLoadProxy, { config: getGeoConfig(), children: (api) => /* @__PURE__ */ jsx(
-          GeopointSelect,
-          {
-            api,
-            value: value || void 0,
-            onChange: readOnly ? void 0 : handleChange,
-            defaultLocation: config2.defaultLocation,
-            defaultZoom: config2.defaultZoom
-          }
-        ) }) })
-      }
-    )
-  ] });
-}
-const fallbackLatLng = { lat: 40.7058254, lng: -74.1180863 }, MarkerDragSync = ({ api, marker, circleRef, isMarkerDragging }) => (useEffect(() => {
-  const handleDrag = () => {
-    isMarkerDragging.current = !0;
-  }, handleDragEnd = () => {
-    isMarkerDragging.current = !1;
-  }, dragListener = api.event.addListener(marker, "drag", handleDrag), dragEndListener = api.event.addListener(marker, "dragend", handleDragEnd);
-  return () => {
-    api.event.removeListener(dragListener), api.event.removeListener(dragEndListener);
-  };
-}, [api, marker, circleRef, isMarkerDragging]), null), GeopointRadiusSelect = ({
-  api,
-  value,
-  onChange,
-  defaultLocation = { lng: 10.74609, lat: 59.91273 },
-  defaultRadiusZoom = 12,
-  defaultRadius = 1e3
-}) => {
-  const circleRef = useRef(null), markerRef = useRef(), isMarkerDragging = useRef(!1), getCenter2 = useCallback(() => ({ ...fallbackLatLng, ...defaultLocation, ...value }), [value, defaultLocation]), setValue = useCallback(
-    (geoPoint, radius) => {
-      if (onChange) {
-        const roundedRadius = radius ? Math.round(radius) : void 0;
-        onChange(geoPoint, roundedRadius);
-      }
-    },
-    [onChange]
-  ), handlePlaceChanged = useCallback(
-    (place) => {
-      place.geometry?.location && setValue(place.geometry.location, value?.radius || defaultRadius);
-    },
-    [setValue, value?.radius, defaultRadius]
-  ), handleMarkerDragEnd = useCallback(
-    (event) => {
-      event.latLng && (circleRef.current && circleRef.current.setCenter(event.latLng), setValue(event.latLng, value?.radius || defaultRadius));
-    },
-    [setValue, value?.radius, defaultRadius]
-  ), handleMapClick = useCallback(
-    (event) => {
-      event.latLng && setValue(event.latLng, value?.radius || defaultRadius);
+  }, t6 = [modalOpen, onPathFocus], $[10] = modalOpen, $[11] = onPathFocus, $[12] = t5, $[13] = t6) : (t5 = $[12], t6 = $[13]), useEffect(t5, t6), !config2 || !config2.apiKey) {
+    let t72;
+    return $[14] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t72 = /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsxs("p", { children: [
+        "The ",
+        /* @__PURE__ */ jsx("a", { href: "https://sanity.io/docs/schema-types/geopoint-type", children: "Geopoint type" }),
+        " needs a Google Maps API key with access to:"
+      ] }),
+      /* @__PURE__ */ jsxs("ul", { children: [
+        /* @__PURE__ */ jsx("li", { children: "Google Maps JavaScript API" }),
+        /* @__PURE__ */ jsx("li", { children: "Google Places API Web Service" }),
+        /* @__PURE__ */ jsx("li", { children: "Google Static Maps API" })
+      ] }),
+      /* @__PURE__ */ jsx("p", { children: "Please enter the API key with access to these services in your googleMapsInput plugin config." })
+    ] }), $[14] = t72) : t72 = $[14], t72;
+  }
+  let t7;
+  $[15] !== changed || $[16] !== config2 || $[17] !== focused || $[18] !== handleFocusButton || $[19] !== path || $[20] !== value ? (t7 = value && /* @__PURE__ */ jsx(ChangeIndicator, { path, isChanged: changed, hasFocus: !!focused, children: /* @__PURE__ */ jsx(PreviewImage, { src: getStaticImageUrl$1(value, config2.apiKey), alt: "Map location", onClick: handleFocusButton, onDoubleClick: handleToggleModal }) }), $[15] = changed, $[16] = config2, $[17] = focused, $[18] = handleFocusButton, $[19] = path, $[20] = value, $[21] = t7) : t7 = $[21];
+  const t8 = value ? 2 : 1, t9 = value && EditIcon, t10 = value ? "Edit" : "Set location";
+  let t11;
+  $[22] !== ariaDescribedBy || $[23] !== handleFocus || $[24] !== id || $[25] !== inputRef || $[26] !== readOnly || $[27] !== t10 || $[28] !== t9 ? (t11 = /* @__PURE__ */ jsx(Button, { "aria-describedby": ariaDescribedBy, disabled: readOnly, icon: t9, id, mode: "ghost", onClick: handleToggleModal, onFocus: handleFocus, padding: 3, ref: inputRef, text: t10 }), $[22] = ariaDescribedBy, $[23] = handleFocus, $[24] = id, $[25] = inputRef, $[26] = readOnly, $[27] = t10, $[28] = t9, $[29] = t11) : t11 = $[29];
+  let t12;
+  $[30] !== handleClear || $[31] !== readOnly || $[32] !== value ? (t12 = value && /* @__PURE__ */ jsx(Button, { disabled: readOnly, icon: TrashIcon, mode: "ghost", onClick: handleClear, padding: 3, text: "Remove", tone: "critical" }), $[30] = handleClear, $[31] = readOnly, $[32] = value, $[33] = t12) : t12 = $[33];
+  let t13;
+  $[34] !== t11 || $[35] !== t12 || $[36] !== t8 ? (t13 = /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsxs(Grid, { columns: t8, gap: 3, children: [
+    t11,
+    t12
+  ] }) }), $[34] = t11, $[35] = t12, $[36] = t8, $[37] = t13) : t13 = $[37];
+  let t14;
+  $[38] !== config2 || $[39] !== dialogId || $[40] !== handleBlur || $[41] !== handleChange || $[42] !== handleCloseModal || $[43] !== modalOpen || $[44] !== readOnly || $[45] !== value ? (t14 = modalOpen && /* @__PURE__ */ jsx(Dialog, { header: "Place the marker on the map", id: `${dialogId}_dialog`, onBlur: handleBlur, onClose: handleCloseModal, ref: dialogRef, width: 1, children: /* @__PURE__ */ jsx(DialogInnerContainer, { children: /* @__PURE__ */ jsx(GoogleMapsLoadProxy, { config: getGeoConfig(), children: (api) => /* @__PURE__ */ jsx(GeopointSelect, { api, value: value || void 0, onChange: readOnly ? void 0 : handleChange, defaultLocation: config2.defaultLocation, defaultZoom: config2.defaultZoom }) }) }) }), $[38] = config2, $[39] = dialogId, $[40] = handleBlur, $[41] = handleChange, $[42] = handleCloseModal, $[43] = modalOpen, $[44] = readOnly, $[45] = value, $[46] = t14) : t14 = $[46];
+  let t15;
+  return $[47] !== t13 || $[48] !== t14 || $[49] !== t7 ? (t15 = /* @__PURE__ */ jsxs(Stack, { space: 3, children: [
+    t7,
+    t13,
+    t14
+  ] }), $[47] = t13, $[48] = t14, $[49] = t7, $[50] = t15) : t15 = $[50], t15;
+}
+function _temp$1(currentState) {
+  return !currentState;
+}
+const fallbackLatLng = {
+  lat: 40.7058254,
+  lng: -74.1180863
+}, defaultMapLocation = {
+  lng: 10.74609,
+  lat: 59.91273
+}, MarkerDragSync = (t0) => {
+  const $ = c(9), {
+    api,
+    marker,
+    circleRef,
+    isMarkerDragging
+  } = t0;
+  let t1;
+  $[0] !== api.event || $[1] !== isMarkerDragging || $[2] !== marker ? (t1 = () => {
+    const handleDrag = () => {
+      isMarkerDragging.current = !0;
+    }, handleDragEnd = () => {
+      isMarkerDragging.current = !1;
+    }, dragListener = api.event.addListener(marker, "drag", handleDrag), dragEndListener = api.event.addListener(marker, "dragend", handleDragEnd);
+    return () => {
+      api.event.removeListener(dragListener), api.event.removeListener(dragEndListener);
+    };
+  }, $[0] = api.event, $[1] = isMarkerDragging, $[2] = marker, $[3] = t1) : t1 = $[3];
+  let t2;
+  return $[4] !== api || $[5] !== circleRef || $[6] !== isMarkerDragging || $[7] !== marker ? (t2 = [api, marker, circleRef, isMarkerDragging], $[4] = api, $[5] = circleRef, $[6] = isMarkerDragging, $[7] = marker, $[8] = t2) : t2 = $[8], useEffect(t1, t2), null;
+}, GeopointRadiusSelect = (t0) => {
+  const $ = c(35), {
+    api,
+    value,
+    onChange,
+    defaultLocation: t1,
+    defaultRadiusZoom: t2,
+    defaultRadius: t3
+  } = t0, defaultLocation = t1 === void 0 ? defaultMapLocation : t1, defaultRadiusZoom = t2 === void 0 ? 12 : t2, defaultRadius = t3 === void 0 ? 1e3 : t3, circleRef = useRef(null), markerRef = useRef(void 0), isMarkerDragging = useRef(!1);
+  let t4;
+  $[0] !== defaultLocation || $[1] !== value ? (t4 = () => ({
+    ...fallbackLatLng,
+    ...defaultLocation,
+    ...value
+  }), $[0] = defaultLocation, $[1] = value, $[2] = t4) : t4 = $[2];
+  const getCenter2 = t4;
+  let t5;
+  $[3] !== onChange ? (t5 = (geoPoint, radius) => {
+    if (onChange) {
+      const roundedRadius = radius ? Math.round(radius) : void 0;
+      onChange(geoPoint, roundedRadius);
+    }
+  }, $[3] = onChange, $[4] = t5) : t5 = $[4];
+  const setValue = t5;
+  let t6;
+  $[5] !== defaultRadius || $[6] !== setValue || $[7] !== value?.radius ? (t6 = (place) => {
+    place.geometry?.location && setValue(place.geometry.location, value?.radius || defaultRadius);
+  }, $[5] = defaultRadius, $[6] = setValue, $[7] = value?.radius, $[8] = t6) : t6 = $[8];
+  const handlePlaceChanged = t6;
+  let t7;
+  $[9] !== defaultRadius || $[10] !== setValue || $[11] !== value?.radius ? (t7 = (event) => {
+    event.latLng && (circleRef.current && circleRef.current.setCenter(event.latLng), setValue(event.latLng, value?.radius || defaultRadius));
+  }, $[9] = defaultRadius, $[10] = setValue, $[11] = value?.radius, $[12] = t7) : t7 = $[12];
+  const handleMarkerDragEnd = t7;
+  let t8;
+  $[13] !== defaultRadius || $[14] !== setValue || $[15] !== value?.radius ? (t8 = (event_0) => {
+    event_0.latLng && setValue(event_0.latLng, value?.radius || defaultRadius);
+  }, $[13] = defaultRadius, $[14] = setValue, $[15] = value?.radius, $[16] = t8) : t8 = $[16];
+  const handleMapClick = t8;
+  let t10, t9;
+  $[17] !== value ? (t9 = () => {
+    value && circleRef.current && (circleRef.current.setCenter({
+      lat: value.lat,
+      lng: value.lng
+    }), circleRef.current.setRadius(value.radius));
+  }, t10 = [value], $[17] = value, $[18] = t10, $[19] = t9) : (t10 = $[18], t9 = $[19]), useEffect(t9, t10);
+  let t11;
+  $[20] !== getCenter2 ? (t11 = getCenter2(), $[20] = getCenter2, $[21] = t11) : t11 = $[21];
+  let t12;
+  $[22] !== api || $[23] !== handleMarkerDragEnd || $[24] !== handlePlaceChanged || $[25] !== onChange || $[26] !== setValue || $[27] !== value ? (t12 = (map) => (value && !circleRef.current && (circleRef.current = new api.Circle({
+    map,
+    center: {
+      lat: value.lat,
+      lng: value.lng
     },
-    [setValue, value?.radius, defaultRadius]
-  );
-  return useEffect(() => {
-    value && circleRef.current && (circleRef.current.setCenter({ lat: value.lat, lng: value.lng }), circleRef.current.setRadius(value.radius));
-  }, [value]), /* @__PURE__ */ jsx(
-    GoogleMap,
-    {
-      api,
-      location: getCenter2(),
-      onClick: handleMapClick,
-      defaultZoom: defaultRadiusZoom,
-      children: (map) => (value && !circleRef.current && (circleRef.current = new api.Circle({
-        map,
-        center: { lat: value.lat, lng: value.lng },
-        radius: value.radius,
-        fillColor: "#4285F4",
-        fillOpacity: 0.2,
-        strokeColor: "#4285F4",
-        strokeOpacity: 0.8,
-        strokeWeight: 2,
-        editable: !0
-      }), circleRef.current.addListener("center_changed", () => {
-        if (circleRef.current && markerRef.current && !isMarkerDragging.current) {
-          const circleCenter = circleRef.current.getCenter();
-          circleCenter && markerRef.current.setPosition(circleCenter);
-        }
-      }), circleRef.current.addListener("radius_changed", () => {
-        if (circleRef.current) {
-          const center = circleRef.current.getCenter(), radius = circleRef.current.getRadius();
-          center && setValue(center, Math.round(radius));
-        }
-      }), circleRef.current.addListener("dragend", () => {
-        if (circleRef.current) {
-          const center = circleRef.current.getCenter(), radius = circleRef.current.getRadius();
-          center && setValue(center, Math.round(radius));
-        }
-      })), /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(SearchInput, { api, map, onChange: handlePlaceChanged }),
-        value && /* @__PURE__ */ jsx(
-          Marker,
-          {
-            api,
-            map,
-            position: value,
-            onMove: onChange ? handleMarkerDragEnd : void 0,
-            markerRef
-          }
-        ),
-        value && markerRef.current && /* @__PURE__ */ jsx(
-          MarkerDragSync,
-          {
-            api,
-            marker: markerRef.current,
-            circleRef,
-            isMarkerDragging
-          }
-        )
-      ] }))
+    radius: value.radius,
+    fillColor: "#4285F4",
+    fillOpacity: 0.2,
+    strokeColor: "#4285F4",
+    strokeOpacity: 0.8,
+    strokeWeight: 2,
+    editable: !0
+  }), circleRef.current.addListener("center_changed", () => {
+    if (circleRef.current && markerRef.current && !isMarkerDragging.current) {
+      const circleCenter = circleRef.current.getCenter();
+      circleCenter && markerRef.current.setPosition(circleCenter);
+    }
+  }), circleRef.current.addListener("radius_changed", () => {
+    if (circleRef.current) {
+      const center = circleRef.current.getCenter(), radius_0 = circleRef.current.getRadius();
+      center && setValue(center, Math.round(radius_0));
     }
-  );
+  }), circleRef.current.addListener("dragend", () => {
+    if (circleRef.current) {
+      const center_0 = circleRef.current.getCenter(), radius_1 = circleRef.current.getRadius();
+      center_0 && setValue(center_0, Math.round(radius_1));
+    }
+  })), /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(SearchInput, { api, map, onChange: handlePlaceChanged }),
+    value && /* @__PURE__ */ jsx(Marker, { api, map, position: value, onMove: onChange ? handleMarkerDragEnd : void 0, markerRef }),
+    value && markerRef.current && /* @__PURE__ */ jsx(MarkerDragSync, { api, marker: markerRef.current, circleRef, isMarkerDragging })
+  ] })), $[22] = api, $[23] = handleMarkerDragEnd, $[24] = handlePlaceChanged, $[25] = onChange, $[26] = setValue, $[27] = value, $[28] = t12) : t12 = $[28];
+  let t13;
+  return $[29] !== api || $[30] !== defaultRadiusZoom || $[31] !== handleMapClick || $[32] !== t11 || $[33] !== t12 ? (t13 = /* @__PURE__ */ jsx(GoogleMap, { api, location: t11, onClick: handleMapClick, defaultZoom: defaultRadiusZoom, children: t12 }), $[29] = api, $[30] = defaultRadiusZoom, $[31] = handleMapClick, $[32] = t11, $[33] = t12, $[34] = t13) : t13 = $[34], t13;
 }, EMPTY_PATH = [], generateCirclePoints = (lat, lng, radius) => {
   const points = [];
   for (let i = 0; i <= 32; i++) {
@@ -538,7 +603,7 @@ const fallbackLatLng = { lat: 40.7058254, lng: -74.1180863 }, MarkerDragSync = (
   return `https://maps.googleapis.com/maps/api/staticmap?${qs.toString()}`;
 };
 function GeopointRadiusInput(props) {
-  const {
+  const $ = c(64), {
     changed,
     elementProps,
     focused,
@@ -555,135 +620,113 @@ function GeopointRadiusInput(props) {
     onBlur: handleBlur,
     onFocus: handleFocus,
     "aria-describedby": ariaDescribedBy
-  } = elementProps, schemaTypeName = schemaType.name, dialogId = useId(), dialogRef = useRef(null), handleFocusButton = useCallback(() => inputRef?.current?.focus(), [inputRef]), [modalOpen, setModalOpen] = useState(!1), handleCloseModal = useCallback(() => {
+  } = elementProps, schemaTypeName = schemaType.name, dialogId = useId(), dialogRef = useRef(null);
+  let t0;
+  $[0] !== inputRef ? (t0 = () => inputRef?.current?.focus(), $[0] = inputRef, $[1] = t0) : t0 = $[1];
+  const handleFocusButton = t0, [modalOpen, setModalOpen] = useState(!1);
+  let t1;
+  $[2] !== handleFocusButton ? (t1 = () => {
     dialogRef.current && dialogRef.current.blur(), setModalOpen(!1), handleFocusButton();
-  }, [setModalOpen, handleFocusButton]), handleToggleModal = useCallback(
-    () => setModalOpen((currentState) => !currentState),
-    [setModalOpen]
-  ), handleChange = useCallback(
-    (latLng, radius) => {
-      const currentRadius = radius ?? value?.radius ?? config2.defaultRadius ?? 1e3;
-      onChange([
-        setIfMissing({ _type: schemaTypeName }),
-        set(latLng.lat(), ["lat"]),
-        set(latLng.lng(), ["lng"]),
-        set(currentRadius, ["radius"])
-      ]);
-    },
-    [schemaTypeName, onChange, value?.radius, config2.defaultRadius]
-  ), handleRadiusChange = useCallback(
-    (event) => {
-      value && onChange([set(Math.round(Number(event.currentTarget.value)), ["radius"])]);
-    },
-    [onChange, value]
-  ), handleClear = useCallback(() => {
+  }, $[2] = handleFocusButton, $[3] = t1) : t1 = $[3];
+  const handleCloseModal = t1;
+  let t2;
+  $[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t2 = () => setModalOpen(_temp), $[4] = t2) : t2 = $[4];
+  const handleToggleModal = t2;
+  let t3;
+  $[5] !== config2.defaultRadius || $[6] !== onChange || $[7] !== schemaTypeName || $[8] !== value?.radius ? (t3 = (latLng, radius) => {
+    const currentRadius = radius ?? value?.radius ?? config2.defaultRadius ?? 1e3;
+    onChange([setIfMissing({
+      _type: schemaTypeName
+    }), set(latLng.lat(), ["lat"]), set(latLng.lng(), ["lng"]), set(currentRadius, ["radius"])]);
+  }, $[5] = config2.defaultRadius, $[6] = onChange, $[7] = schemaTypeName, $[8] = value?.radius, $[9] = t3) : t3 = $[9];
+  const handleChange = t3;
+  let t4;
+  $[10] !== onChange || $[11] !== value ? (t4 = (event) => {
+    value && onChange([set(Math.round(Number(event.currentTarget.value)), ["radius"])]);
+  }, $[10] = onChange, $[11] = value, $[12] = t4) : t4 = $[12];
+  const handleRadiusChange = t4;
+  let t5;
+  $[13] !== onChange ? (t5 = () => {
     onChange(unset());
-  }, [onChange]);
-  return useEffect(() => {
+  }, $[13] = onChange, $[14] = t5) : t5 = $[14];
+  const handleClear = t5;
+  let t6, t7;
+  if ($[15] !== modalOpen || $[16] !== onPathFocus ? (t6 = () => {
     modalOpen && onPathFocus(EMPTY_PATH);
-  }, [modalOpen, onPathFocus]), !config2 || !config2.apiKey ? /* @__PURE__ */ jsxs("div", { children: [
-    /* @__PURE__ */ jsxs("p", { children: [
-      "The ",
-      /* @__PURE__ */ jsx("a", { href: "https://sanity.io/docs/schema-types/geopoint-type", children: "Geopoint Radius type" }),
-      " ",
-      "needs a Google Maps API key with access to:"
-    ] }),
-    /* @__PURE__ */ jsxs("ul", { children: [
-      /* @__PURE__ */ jsx("li", { children: "Google Maps JavaScript API" }),
-      /* @__PURE__ */ jsx("li", { children: "Google Places API Web Service" }),
-      /* @__PURE__ */ jsx("li", { children: "Google Static Maps API" })
-    ] }),
-    /* @__PURE__ */ jsx("p", { children: "Please enter the API key with access to these services in your googleMapsInput plugin config." })
-  ] }) : /* @__PURE__ */ jsxs(Stack, { space: 3, children: [
-    value && /* @__PURE__ */ jsx(ChangeIndicator, { path, isChanged: changed, hasFocus: !!focused, children: /* @__PURE__ */ jsx(
-      PreviewImage,
-      {
-        src: getStaticImageUrl(value, config2.apiKey),
-        alt: "Map location with radius",
-        onClick: handleFocusButton,
-        onDoubleClick: handleToggleModal
-      }
-    ) }),
-    value && /* @__PURE__ */ jsxs(Stack, { space: 2, children: [
-      /* @__PURE__ */ jsx(Label, { children: "Radius (meters)" }),
-      /* @__PURE__ */ jsx(
-        TextInput,
-        {
-          type: "number",
-          value: Math.round(value.radius || config2.defaultRadius || 1e3),
-          onChange: handleRadiusChange,
-          disabled: readOnly,
-          min: 1,
-          max: 5e4,
-          step: 1
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsxs(Grid, { columns: value ? 2 : 1, gap: 3, children: [
-      /* @__PURE__ */ jsx(
-        Button,
-        {
-          "aria-describedby": ariaDescribedBy,
-          disabled: readOnly,
-          icon: value && EditIcon,
-          id,
-          mode: "ghost",
-          onClick: handleToggleModal,
-          onFocus: handleFocus,
-          padding: 3,
-          ref: inputRef,
-          text: value ? "Edit" : "Set location and radius"
-        }
-      ),
-      value && /* @__PURE__ */ jsx(
-        Button,
-        {
-          disabled: readOnly,
-          icon: TrashIcon,
-          mode: "ghost",
-          onClick: handleClear,
-          padding: 3,
-          text: "Remove",
-          tone: "critical"
-        }
-      )
-    ] }) }),
-    modalOpen && /* @__PURE__ */ jsx(
-      Dialog,
-      {
-        header: "Place the marker and set radius on the map",
-        id: `${dialogId}_dialog`,
-        onBlur: handleBlur,
-        onClose: handleCloseModal,
-        ref: dialogRef,
-        width: 1,
-        children: /* @__PURE__ */ jsx(DialogInnerContainer, { children: /* @__PURE__ */ jsx(GoogleMapsLoadProxy, { config: getGeoConfig(), children: (api) => /* @__PURE__ */ jsx(
-          GeopointRadiusSelect,
-          {
-            api,
-            value: value || void 0,
-            onChange: readOnly ? void 0 : handleChange,
-            defaultLocation: config2.defaultLocation,
-            defaultRadiusZoom: config2.defaultRadiusZoom,
-            defaultRadius: config2.defaultRadius
-          }
-        ) }) })
-      }
-    )
-  ] });
+  }, t7 = [modalOpen, onPathFocus], $[15] = modalOpen, $[16] = onPathFocus, $[17] = t6, $[18] = t7) : (t6 = $[17], t7 = $[18]), useEffect(t6, t7), !config2 || !config2.apiKey) {
+    let t82;
+    return $[19] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t82 = /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsxs("p", { children: [
+        "The ",
+        /* @__PURE__ */ jsx("a", { href: "https://sanity.io/docs/schema-types/geopoint-type", children: "Geopoint Radius type" }),
+        " ",
+        "needs a Google Maps API key with access to:"
+      ] }),
+      /* @__PURE__ */ jsxs("ul", { children: [
+        /* @__PURE__ */ jsx("li", { children: "Google Maps JavaScript API" }),
+        /* @__PURE__ */ jsx("li", { children: "Google Places API Web Service" }),
+        /* @__PURE__ */ jsx("li", { children: "Google Static Maps API" })
+      ] }),
+      /* @__PURE__ */ jsx("p", { children: "Please enter the API key with access to these services in your googleMapsInput plugin config." })
+    ] }), $[19] = t82) : t82 = $[19], t82;
+  }
+  let t8;
+  $[20] !== changed || $[21] !== config2.apiKey || $[22] !== focused || $[23] !== handleFocusButton || $[24] !== path || $[25] !== value ? (t8 = value && /* @__PURE__ */ jsx(ChangeIndicator, { path, isChanged: changed, hasFocus: !!focused, children: /* @__PURE__ */ jsx(PreviewImage, { src: getStaticImageUrl(value, config2.apiKey), alt: "Map location with radius", onClick: handleFocusButton, onDoubleClick: handleToggleModal }) }), $[20] = changed, $[21] = config2.apiKey, $[22] = focused, $[23] = handleFocusButton, $[24] = path, $[25] = value, $[26] = t8) : t8 = $[26];
+  let t9;
+  $[27] !== config2.defaultRadius || $[28] !== handleRadiusChange || $[29] !== readOnly || $[30] !== value ? (t9 = value && /* @__PURE__ */ jsxs(Stack, { space: 2, children: [
+    /* @__PURE__ */ jsx(Label, { children: "Radius (meters)" }),
+    /* @__PURE__ */ jsx(TextInput, { type: "number", value: Math.round(value.radius || config2.defaultRadius || 1e3), onChange: handleRadiusChange, disabled: readOnly, min: 1, max: 5e4, step: 1 })
+  ] }), $[27] = config2.defaultRadius, $[28] = handleRadiusChange, $[29] = readOnly, $[30] = value, $[31] = t9) : t9 = $[31];
+  const t10 = value ? 2 : 1, t11 = value && EditIcon, t12 = value ? "Edit" : "Set location and radius";
+  let t13;
+  $[32] !== ariaDescribedBy || $[33] !== handleFocus || $[34] !== id || $[35] !== inputRef || $[36] !== readOnly || $[37] !== t11 || $[38] !== t12 ? (t13 = /* @__PURE__ */ jsx(Button, { "aria-describedby": ariaDescribedBy, disabled: readOnly, icon: t11, id, mode: "ghost", onClick: handleToggleModal, onFocus: handleFocus, padding: 3, ref: inputRef, text: t12 }), $[32] = ariaDescribedBy, $[33] = handleFocus, $[34] = id, $[35] = inputRef, $[36] = readOnly, $[37] = t11, $[38] = t12, $[39] = t13) : t13 = $[39];
+  let t14;
+  $[40] !== handleClear || $[41] !== readOnly || $[42] !== value ? (t14 = value && /* @__PURE__ */ jsx(Button, { disabled: readOnly, icon: TrashIcon, mode: "ghost", onClick: handleClear, padding: 3, text: "Remove", tone: "critical" }), $[40] = handleClear, $[41] = readOnly, $[42] = value, $[43] = t14) : t14 = $[43];
+  let t15;
+  $[44] !== t10 || $[45] !== t13 || $[46] !== t14 ? (t15 = /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsxs(Grid, { columns: t10, gap: 3, children: [
+    t13,
+    t14
+  ] }) }), $[44] = t10, $[45] = t13, $[46] = t14, $[47] = t15) : t15 = $[47];
+  let t16;
+  $[48] !== config2.defaultLocation || $[49] !== config2.defaultRadius || $[50] !== config2.defaultRadiusZoom || $[51] !== dialogId || $[52] !== handleBlur || $[53] !== handleChange || $[54] !== handleCloseModal || $[55] !== modalOpen || $[56] !== readOnly || $[57] !== value ? (t16 = modalOpen && /* @__PURE__ */ jsx(Dialog, { header: "Place the marker and set radius on the map", id: `${dialogId}_dialog`, onBlur: handleBlur, onClose: handleCloseModal, ref: dialogRef, width: 1, children: /* @__PURE__ */ jsx(DialogInnerContainer, { children: /* @__PURE__ */ jsx(GoogleMapsLoadProxy, { config: getGeoConfig(), children: (api) => /* @__PURE__ */ jsx(GeopointRadiusSelect, { api, value: value || void 0, onChange: readOnly ? void 0 : handleChange, defaultLocation: config2.defaultLocation, defaultRadiusZoom: config2.defaultRadiusZoom, defaultRadius: config2.defaultRadius }) }) }) }), $[48] = config2.defaultLocation, $[49] = config2.defaultRadius, $[50] = config2.defaultRadiusZoom, $[51] = dialogId, $[52] = handleBlur, $[53] = handleChange, $[54] = handleCloseModal, $[55] = modalOpen, $[56] = readOnly, $[57] = value, $[58] = t16) : t16 = $[58];
+  let t17;
+  return $[59] !== t15 || $[60] !== t16 || $[61] !== t8 || $[62] !== t9 ? (t17 = /* @__PURE__ */ jsxs(Stack, { space: 3, children: [
+    t8,
+    t9,
+    t15,
+    t16
+  ] }), $[59] = t15, $[60] = t16, $[61] = t8, $[62] = t9, $[63] = t17) : t17 = $[63], t17;
+}
+function _temp(currentState) {
+  return !currentState;
 }
+const RootContainer = styled.div.withConfig({
+  displayName: "RootContainer",
+  componentId: "sc-sa7btb-0"
+})`position:relative;min-height:200px;&:empty{background-color:var(--card-skeleton-color-from);display:table;width:100%;}&:empty:after{content:'Missing/invalid data';display:table-cell;vertical-align:middle;text-align:center;position:relative;}`;
 class Arrow extends PureComponent {
-  line;
   eventHandlers = {};
   componentDidMount() {
-    const { from, to, api, map, zIndex, onClick, color, arrowRef } = this.props, lineSymbol = {
+    const {
+      from,
+      to,
+      api,
+      map,
+      zIndex,
+      onClick,
+      color,
+      arrowRef
+    } = this.props, lineSymbol = {
       path: api.SymbolPath.FORWARD_OPEN_ARROW
     };
     this.line = new api.Polyline({
       map,
       zIndex,
       path: [from, to],
-      icons: [{ icon: lineSymbol, offset: "50%" }],
+      icons: [{
+        icon: lineSymbol,
+        offset: "50%"
+      }],
       strokeOpacity: 0.55,
       strokeColor: color ? color.text : "black"
     }), onClick && (this.eventHandlers.click = api.event.addListener(this.line, "click", onClick)), arrowRef && (arrowRef.current = this.line);
@@ -691,93 +734,84 @@ class Arrow extends PureComponent {
   componentDidUpdate(prevProps) {
     if (!this.line)
       return;
-    const { from, to, map } = this.props;
+    const {
+      from,
+      to,
+      map
+    } = this.props;
     (!latLngAreEqual(prevProps.from, from) || !latLngAreEqual(prevProps.to, to)) && this.line.setPath([from, to]), prevProps.map !== map && this.line.setMap(map);
   }
   componentWillUnmount() {
     this.line && this.line.setMap(null), this.eventHandlers.click && this.eventHandlers.click.remove();
   }
-  // eslint-disable-next-line class-methods-use-this
   render() {
     return null;
   }
 }
-function GeopointMove({ diff, api, map, label }) {
-  const { fromValue: from, toValue: to } = diff, annotation = diff.isChanged ? diff.annotation : void 0, userColor = useUserColor(annotation ? annotation.author : null) || void 0, fromRef = useRef(), toRef = useRef();
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    from && /* @__PURE__ */ jsx(
-      Marker,
-      {
-        api,
-        map,
-        position: from,
-        zIndex: 0,
-        opacity: 0.55,
-        markerRef: fromRef,
-        color: userColor
-      }
-    ),
-    from && to && /* @__PURE__ */ jsx(Arrow, { api, map, from, to, zIndex: 1, color: userColor }),
-    to && /* @__PURE__ */ jsx(
-      Marker,
-      {
-        api,
-        map,
-        position: to,
-        zIndex: 2,
-        markerRef: toRef,
-        label,
-        color: userColor
+function GeopointMove(t0) {
+  const $ = c(21), {
+    diff,
+    api,
+    map,
+    label
+  } = t0, {
+    fromValue: from,
+    toValue: to
+  } = diff, annotation = diff.isChanged ? diff.annotation : void 0, userColor = useUserColor(annotation ? annotation.author : null) || void 0, fromRef = useRef(void 0), toRef = useRef(void 0);
+  let t1;
+  $[0] !== api || $[1] !== from || $[2] !== map || $[3] !== userColor ? (t1 = from && /* @__PURE__ */ jsx(Marker, { api, map, position: from, zIndex: 0, opacity: 0.55, markerRef: fromRef, color: userColor }), $[0] = api, $[1] = from, $[2] = map, $[3] = userColor, $[4] = t1) : t1 = $[4];
+  let t2;
+  $[5] !== api || $[6] !== from || $[7] !== map || $[8] !== to || $[9] !== userColor ? (t2 = from && to && /* @__PURE__ */ jsx(Arrow, { api, map, from, to, zIndex: 1, color: userColor }), $[5] = api, $[6] = from, $[7] = map, $[8] = to, $[9] = userColor, $[10] = t2) : t2 = $[10];
+  let t3;
+  $[11] !== api || $[12] !== label || $[13] !== map || $[14] !== to || $[15] !== userColor ? (t3 = to && /* @__PURE__ */ jsx(Marker, { api, map, position: to, zIndex: 2, markerRef: toRef, label, color: userColor }), $[11] = api, $[12] = label, $[13] = map, $[14] = to, $[15] = userColor, $[16] = t3) : t3 = $[16];
+  let t4;
+  return $[17] !== t1 || $[18] !== t2 || $[19] !== t3 ? (t4 = /* @__PURE__ */ jsxs(Fragment, { children: [
+    t1,
+    t2,
+    t3
+  ] }), $[17] = t1, $[18] = t2, $[19] = t3, $[20] = t4) : t4 = $[20], t4;
+}
+const GeopointArrayDiff = (t0) => {
+  const $ = c(4), {
+    diff,
+    schemaType
+  } = t0;
+  let t1;
+  $[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t1 = getGeoConfig(), $[0] = t1) : t1 = $[0];
+  let t2;
+  return $[1] !== diff || $[2] !== schemaType ? (t2 = /* @__PURE__ */ jsx(RootContainer, { children: /* @__PURE__ */ jsx(GoogleMapsLoadProxy, { config: t1, children: (api) => /* @__PURE__ */ jsx(GeopointDiff$1, { api, diff, schemaType }) }) }), $[1] = diff, $[2] = schemaType, $[3] = t2) : t2 = $[3], t2;
+};
+function GeopointDiff$1(t0) {
+  const $ = c(17), {
+    api,
+    diff
+  } = t0;
+  let T0, bounds, t1, t2, t3;
+  if ($[0] !== api || $[1] !== diff.fromValue || $[2] !== diff.toValue) {
+    t3 = /* @__PURE__ */ Symbol.for("react.early_return_sentinel");
+    bb0: {
+      const fromValue = (diff.fromValue || []).filter(hasCoordinates), toValue = (diff.toValue || []).filter(hasCoordinates);
+      if (fromValue.length === 0 && toValue.length === 0) {
+        t3 = null;
+        break bb0;
       }
-    )
-  ] });
-}
-const RootContainer = styled.div`
-  position: relative;
-  min-height: 200px;
-
-  &:empty {
-    background-color: var(--card-skeleton-color-from);
-    display: table;
-    width: 100%;
-  }
-
-  &:empty:after {
-    content: 'Missing/invalid data';
-    display: table-cell;
-    vertical-align: middle;
-    text-align: center;
-    position: relative;
-  }
-`, GeopointArrayDiff = ({
-  diff,
-  schemaType
-}) => /* @__PURE__ */ jsx(RootContainer, { children: /* @__PURE__ */ jsx(GoogleMapsLoadProxy, { config: getGeoConfig(), children: (api) => /* @__PURE__ */ jsx(GeopointDiff$1, { api, diff, schemaType }) }) });
-function GeopointDiff$1({ api, diff }) {
-  const fromValue = (diff.fromValue || []).filter(hasCoordinates), toValue = (diff.toValue || []).filter(hasCoordinates);
-  if (fromValue.length === 0 && toValue.length === 0)
-    return null;
-  const bounds = getBounds$2(fromValue, toValue, api);
-  return /* @__PURE__ */ jsx(
-    GoogleMap,
-    {
-      api,
-      location: bounds.getCenter().toJSON(),
-      mapTypeControl: !1,
-      controlSize: 20,
-      bounds,
-      children: (map) => /* @__PURE__ */ jsx(Fragment, { children: diff.items.map(({ toIndex, diff: pointDiff }) => isChangeDiff(pointDiff) ? /* @__PURE__ */ jsx(
-        GeopointMove,
-        {
-          api,
-          map,
-          diff: pointDiff,
-          label: `${toIndex}`
-        },
-        toIndex
-      ) : null) })
+      bounds = getBounds$2(fromValue, toValue, api), T0 = GoogleMap, t1 = api, t2 = bounds.getCenter().toJSON();
     }
-  );
+    $[0] = api, $[1] = diff.fromValue, $[2] = diff.toValue, $[3] = T0, $[4] = bounds, $[5] = t1, $[6] = t2, $[7] = t3;
+  } else
+    T0 = $[3], bounds = $[4], t1 = $[5], t2 = $[6], t3 = $[7];
+  if (t3 !== /* @__PURE__ */ Symbol.for("react.early_return_sentinel"))
+    return t3;
+  let t4;
+  $[8] !== api || $[9] !== diff.items ? (t4 = (map) => /* @__PURE__ */ jsx(Fragment, { children: diff.items.map((t52) => {
+    const {
+      toIndex,
+      diff: pointDiff
+    } = t52;
+    return isChangeDiff(pointDiff) ? /* @__PURE__ */ jsx(GeopointMove, { api, map, diff: pointDiff, label: `${toIndex}` }, toIndex) : null;
+  }) }), $[8] = api, $[9] = diff.items, $[10] = t4) : t4 = $[10];
+  let t5;
+  return $[11] !== T0 || $[12] !== bounds || $[13] !== t1 || $[14] !== t2 || $[15] !== t4 ? (t5 = /* @__PURE__ */ jsx(T0, { api: t1, location: t2, mapTypeControl: !1, controlSize: 20, bounds, children: t4 }), $[11] = T0, $[12] = bounds, $[13] = t1, $[14] = t2, $[15] = t4, $[16] = t5) : t5 = $[16], t5;
 }
 function isChangeDiff(diff) {
   return diff.action !== "unchanged" && diff.type === "object";
@@ -789,30 +823,52 @@ function getBounds$2(fromValue, toValue, api) {
   const bounds = new api.LatLngBounds();
   return [...fromValue || [], ...toValue || []].forEach((point) => bounds.extend(point)), bounds;
 }
-const GeopointFieldDiff = ({
-  diff,
-  schemaType
-}) => /* @__PURE__ */ jsx(RootContainer, { children: /* @__PURE__ */ jsx(GoogleMapsLoadProxy, { config: getGeoConfig(), children: (api) => /* @__PURE__ */ jsx(GeopointDiff, { api, diff, schemaType }) }) });
-function GeopointDiff({ api, diff }) {
-  const { fromValue, toValue } = diff, annotation = getAnnotationAtPath(diff, ["lat"]) || getAnnotationAtPath(diff, ["lng"]) || getAnnotationAtPath(diff, []), center = getCenter$1(diff, api), bounds = fromValue && toValue ? getBounds$1(fromValue, toValue, api) : void 0;
-  return /* @__PURE__ */ jsx(DiffTooltip, { annotations: annotation ? [annotation] : [], description: getAction$1(diff), children: /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
-    GoogleMap,
-    {
-      api,
-      location: center,
-      mapTypeControl: !1,
-      controlSize: 20,
-      bounds,
-      scrollWheel: !1,
-      children: (map) => /* @__PURE__ */ jsx(GeopointMove, { api, map, diff })
-    }
-  ) }) });
+const GeopointFieldDiff = (t0) => {
+  const $ = c(4), {
+    diff,
+    schemaType
+  } = t0;
+  let t1;
+  $[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t1 = getGeoConfig(), $[0] = t1) : t1 = $[0];
+  let t2;
+  return $[1] !== diff || $[2] !== schemaType ? (t2 = /* @__PURE__ */ jsx(RootContainer, { children: /* @__PURE__ */ jsx(GoogleMapsLoadProxy, { config: t1, children: (api) => /* @__PURE__ */ jsx(GeopointDiff, { api, diff, schemaType }) }) }), $[1] = diff, $[2] = schemaType, $[3] = t2) : t2 = $[3], t2;
+};
+function GeopointDiff(t0) {
+  const $ = c(25), {
+    api,
+    diff
+  } = t0, {
+    fromValue,
+    toValue
+  } = diff;
+  let t1;
+  $[0] !== diff ? (t1 = getAnnotationAtPath(diff, ["lat"]) || getAnnotationAtPath(diff, ["lng"]) || getAnnotationAtPath(diff, []), $[0] = diff, $[1] = t1) : t1 = $[1];
+  const annotation = t1;
+  let t2;
+  $[2] !== api || $[3] !== diff ? (t2 = getCenter$1(diff, api), $[2] = api, $[3] = diff, $[4] = t2) : t2 = $[4];
+  const center = t2;
+  let t3;
+  $[5] !== api || $[6] !== fromValue || $[7] !== toValue ? (t3 = fromValue && toValue ? getBounds$1(fromValue, toValue, api) : void 0, $[5] = api, $[6] = fromValue, $[7] = toValue, $[8] = t3) : t3 = $[8];
+  const bounds = t3;
+  let t4;
+  $[9] !== annotation ? (t4 = annotation ? [annotation] : [], $[9] = annotation, $[10] = t4) : t4 = $[10];
+  let t5;
+  $[11] !== diff ? (t5 = getAction$1(diff), $[11] = diff, $[12] = t5) : t5 = $[12];
+  let t6;
+  $[13] !== api || $[14] !== diff ? (t6 = (map) => /* @__PURE__ */ jsx(GeopointMove, { api, map, diff }), $[13] = api, $[14] = diff, $[15] = t6) : t6 = $[15];
+  let t7;
+  $[16] !== api || $[17] !== bounds || $[18] !== center || $[19] !== t6 ? (t7 = /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(GoogleMap, { api, location: center, mapTypeControl: !1, controlSize: 20, bounds, scrollWheel: !1, children: t6 }) }), $[16] = api, $[17] = bounds, $[18] = center, $[19] = t6, $[20] = t7) : t7 = $[20];
+  let t8;
+  return $[21] !== t4 || $[22] !== t5 || $[23] !== t7 ? (t8 = /* @__PURE__ */ jsx(DiffTooltip, { annotations: t4, description: t5, children: t7 }), $[21] = t4, $[22] = t5, $[23] = t7, $[24] = t8) : t8 = $[24], t8;
 }
 function getBounds$1(fromValue, toValue, api) {
   return new api.LatLngBounds().extend(fromValue).extend(toValue);
 }
 function getCenter$1(diff, api) {
-  const { fromValue, toValue } = diff;
+  const {
+    fromValue,
+    toValue
+  } = diff;
   if (fromValue && toValue)
     return getBounds$1(fromValue, toValue, api).getCenter().toJSON();
   if (fromValue)
@@ -822,16 +878,31 @@ function getCenter$1(diff, api) {
   throw new Error("Neither a from or a to value present");
 }
 function getAction$1(diff) {
-  const { fromValue, toValue } = diff;
+  const {
+    fromValue,
+    toValue
+  } = diff;
   return fromValue && toValue ? "Moved" : fromValue ? "Removed" : toValue ? "Added" : "Unchanged";
 }
-function GeopointRadiusMove({ diff, api, map, label }) {
-  const { fromValue: from, toValue: to } = diff, annotation = diff.isChanged ? diff.annotation : void 0, userColor = useUserColor(annotation ? annotation.author : null) || void 0, fromRef = useRef(), toRef = useRef(), fromCircleRef = useRef(), toCircleRef = useRef();
-  return useEffect(() => {
+function GeopointRadiusMove(t0) {
+  const $ = c(33), {
+    diff,
+    api,
+    map,
+    label
+  } = t0, {
+    fromValue: from,
+    toValue: to
+  } = diff, annotation = diff.isChanged ? diff.annotation : void 0, userColor = useUserColor(annotation ? annotation.author : null) || void 0, fromRef = useRef(void 0), toRef = useRef(void 0), fromCircleRef = useRef(void 0), toCircleRef = useRef(void 0);
+  let t1;
+  $[0] !== api || $[1] !== from || $[2] !== map || $[3] !== to || $[4] !== userColor?.background ? (t1 = () => {
     const color = userColor?.background || "#4285F4";
     return from && from.radius && (fromCircleRef.current = new api.Circle({
       map,
-      center: { lat: from.lat, lng: from.lng },
+      center: {
+        lat: from.lat,
+        lng: from.lng
+      },
       radius: from.radius,
       fillColor: color,
       fillOpacity: 0.1,
@@ -841,7 +912,10 @@ function GeopointRadiusMove({ diff, api, map, label }) {
       zIndex: 0
     })), to && to.radius && (toCircleRef.current = new api.Circle({
       map,
-      center: { lat: to.lat, lng: to.lng },
+      center: {
+        lat: to.lat,
+        lng: to.lng
+      },
       radius: to.radius,
       fillColor: color,
       fillOpacity: 0.2,
@@ -852,52 +926,59 @@ function GeopointRadiusMove({ diff, api, map, label }) {
     })), () => {
       fromCircleRef.current && fromCircleRef.current.setMap(null), toCircleRef.current && toCircleRef.current.setMap(null);
     };
-  }, [api, map, from, to, userColor]), /* @__PURE__ */ jsxs(Fragment, { children: [
-    from && /* @__PURE__ */ jsx(
-      Marker,
-      {
-        api,
-        map,
-        position: from,
-        zIndex: 0,
-        opacity: 0.55,
-        markerRef: fromRef,
-        color: userColor
-      }
-    ),
-    from && to && /* @__PURE__ */ jsx(Arrow, { api, map, from, to, zIndex: 1, color: userColor }),
-    to && /* @__PURE__ */ jsx(
-      Marker,
-      {
-        api,
-        map,
-        position: to,
-        zIndex: 2,
-        markerRef: toRef,
-        label,
-        color: userColor
-      }
-    )
-  ] });
-}
-const GeopointRadiusFieldDiff = ({
-  diff,
-  schemaType
-}) => /* @__PURE__ */ jsx(RootContainer, { children: /* @__PURE__ */ jsx(GoogleMapsLoadProxy, { config: getGeoConfig(), children: (api) => /* @__PURE__ */ jsx(GeopointRadiusDiff, { api, diff, schemaType }) }) });
-function GeopointRadiusDiff({ api, diff }) {
-  const { fromValue, toValue } = diff, annotation = getAnnotationAtPath(diff, ["lat"]) || getAnnotationAtPath(diff, ["lng"]) || getAnnotationAtPath(diff, ["radius"]) || getAnnotationAtPath(diff, []), center = getCenter(diff, api), bounds = fromValue && toValue ? getBounds(fromValue, toValue, api) : void 0;
-  return /* @__PURE__ */ jsx(DiffTooltip, { annotations: annotation ? [annotation] : [], description: getAction(diff), children: /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
-    GoogleMap,
-    {
-      api,
-      location: center,
-      mapTypeControl: !1,
-      controlSize: 20,
-      bounds,
-      scrollWheel: !1,
-      children: (map) => /* @__PURE__ */ jsx(GeopointRadiusMove, { api, map, diff })
-    }
-  ) }) });
+  }, $[0] = api, $[1] = from, $[2] = map, $[3] = to, $[4] = userColor?.background, $[5] = t1) : t1 = $[5];
+  let t2;
+  $[6] !== api || $[7] !== from || $[8] !== map || $[9] !== to || $[10] !== userColor ? (t2 = [api, map, from, to, userColor], $[6] = api, $[7] = from, $[8] = map, $[9] = to, $[10] = userColor, $[11] = t2) : t2 = $[11], useEffect(t1, t2);
+  let t3;
+  $[12] !== api || $[13] !== from || $[14] !== map || $[15] !== userColor ? (t3 = from && /* @__PURE__ */ jsx(Marker, { api, map, position: from, zIndex: 0, opacity: 0.55, markerRef: fromRef, color: userColor }), $[12] = api, $[13] = from, $[14] = map, $[15] = userColor, $[16] = t3) : t3 = $[16];
+  let t4;
+  $[17] !== api || $[18] !== from || $[19] !== map || $[20] !== to || $[21] !== userColor ? (t4 = from && to && /* @__PURE__ */ jsx(Arrow, { api, map, from, to, zIndex: 1, color: userColor }), $[17] = api, $[18] = from, $[19] = map, $[20] = to, $[21] = userColor, $[22] = t4) : t4 = $[22];
+  let t5;
+  $[23] !== api || $[24] !== label || $[25] !== map || $[26] !== to || $[27] !== userColor ? (t5 = to && /* @__PURE__ */ jsx(Marker, { api, map, position: to, zIndex: 2, markerRef: toRef, label, color: userColor }), $[23] = api, $[24] = label, $[25] = map, $[26] = to, $[27] = userColor, $[28] = t5) : t5 = $[28];
+  let t6;
+  return $[29] !== t3 || $[30] !== t4 || $[31] !== t5 ? (t6 = /* @__PURE__ */ jsxs(Fragment, { children: [
+    t3,
+    t4,
+    t5
+  ] }), $[29] = t3, $[30] = t4, $[31] = t5, $[32] = t6) : t6 = $[32], t6;
+}
+const GeopointRadiusFieldDiff = (t0) => {
+  const $ = c(4), {
+    diff,
+    schemaType
+  } = t0;
+  let t1;
+  $[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t1 = getGeoConfig(), $[0] = t1) : t1 = $[0];
+  let t2;
+  return $[1] !== diff || $[2] !== schemaType ? (t2 = /* @__PURE__ */ jsx(RootContainer, { children: /* @__PURE__ */ jsx(GoogleMapsLoadProxy, { config: t1, children: (api) => /* @__PURE__ */ jsx(GeopointRadiusDiff, { api, diff, schemaType }) }) }), $[1] = diff, $[2] = schemaType, $[3] = t2) : t2 = $[3], t2;
+};
+function GeopointRadiusDiff(t0) {
+  const $ = c(25), {
+    api,
+    diff
+  } = t0, {
+    fromValue,
+    toValue
+  } = diff;
+  let t1;
+  $[0] !== diff ? (t1 = getAnnotationAtPath(diff, ["lat"]) || getAnnotationAtPath(diff, ["lng"]) || getAnnotationAtPath(diff, ["radius"]) || getAnnotationAtPath(diff, []), $[0] = diff, $[1] = t1) : t1 = $[1];
+  const annotation = t1;
+  let t2;
+  $[2] !== api || $[3] !== diff ? (t2 = getCenter(diff, api), $[2] = api, $[3] = diff, $[4] = t2) : t2 = $[4];
+  const center = t2;
+  let t3;
+  $[5] !== api || $[6] !== fromValue || $[7] !== toValue ? (t3 = fromValue && toValue ? getBounds(fromValue, toValue, api) : void 0, $[5] = api, $[6] = fromValue, $[7] = toValue, $[8] = t3) : t3 = $[8];
+  const bounds = t3;
+  let t4;
+  $[9] !== annotation ? (t4 = annotation ? [annotation] : [], $[9] = annotation, $[10] = t4) : t4 = $[10];
+  let t5;
+  $[11] !== diff ? (t5 = getAction(diff), $[11] = diff, $[12] = t5) : t5 = $[12];
+  let t6;
+  $[13] !== api || $[14] !== diff ? (t6 = (map) => /* @__PURE__ */ jsx(GeopointRadiusMove, { api, map, diff }), $[13] = api, $[14] = diff, $[15] = t6) : t6 = $[15];
+  let t7;
+  $[16] !== api || $[17] !== bounds || $[18] !== center || $[19] !== t6 ? (t7 = /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(GoogleMap, { api, location: center, mapTypeControl: !1, controlSize: 20, bounds, scrollWheel: !1, children: t6 }) }), $[16] = api, $[17] = bounds, $[18] = center, $[19] = t6, $[20] = t7) : t7 = $[20];
+  let t8;
+  return $[21] !== t4 || $[22] !== t5 || $[23] !== t7 ? (t8 = /* @__PURE__ */ jsx(DiffTooltip, { annotations: t4, description: t5, children: t7 }), $[21] = t4, $[22] = t5, $[23] = t7, $[24] = t8) : t8 = $[24], t8;
 }
 function getBounds(fromValue, toValue, api) {
   const bounds = new api.LatLngBounds().extend(fromValue).extend(toValue), fromRadius = fromValue.radius || 0, toRadius = toValue.radius || 0, maxRadius = Math.max(fromRadius, toRadius);
@@ -920,7 +1001,10 @@ function getBounds(fromValue, toValue, api) {
   return bounds;
 }
 function getCenter(diff, api) {
-  const { fromValue, toValue } = diff;
+  const {
+    fromValue,
+    toValue
+  } = diff;
   if (fromValue && toValue)
     return getBounds(fromValue, toValue, api).getCenter().toJSON();
   if (fromValue)
@@ -930,7 +1014,10 @@ function getCenter(diff, api) {
   throw new Error("Neither a from or a to value present");
 }
 function getAction(diff) {
-  const { fromValue, toValue } = diff;
+  const {
+    fromValue,
+    toValue
+  } = diff;
   if (fromValue && toValue) {
     const latChanged = fromValue.lat !== toValue.lat || fromValue.lng !== toValue.lng, radiusChanged = fromValue.radius !== toValue.radius;
     return latChanged && radiusChanged ? "Moved and radius changed" : latChanged ? "Moved" : radiusChanged ? "Radius changed" : "Unchanged";
@@ -945,51 +1032,48 @@ function getAction(diff) {
 const googleMapsInput = definePlugin((config2) => (setGeoConfig(config2), {
   name: "google-maps-input",
   schema: {
-    types: [
-      {
-        name: "geopointRadius",
-        title: "Geopoint with Radius",
-        type: "object",
-        fields: [
-          {
-            name: "lat",
-            title: "Latitude",
-            type: "number",
-            validation: (Rule) => Rule.required().min(-90).max(90)
-          },
-          {
-            name: "lng",
-            title: "Longitude",
-            type: "number",
-            validation: (Rule) => Rule.required().min(-180).max(180)
-          },
-          {
-            name: "alt",
-            title: "Altitude",
-            type: "number"
-          },
-          {
-            name: "radius",
-            title: "Radius (meters)",
-            type: "number",
-            validation: (Rule) => Rule.required().min(1).max(5e4)
-          }
-        ],
-        preview: {
-          select: {
-            lat: "lat",
-            lng: "lng",
-            radius: "radius"
-          },
-          prepare({ lat, lng, radius }) {
-            return {
-              title: `${lat.toFixed(6)}, ${lng.toFixed(6)}`,
-              subtitle: radius ? `Radius: ${radius}m` : "No radius set"
-            };
-          }
+    types: [{
+      name: "geopointRadius",
+      title: "Geopoint with Radius",
+      type: "object",
+      fields: [{
+        name: "lat",
+        title: "Latitude",
+        type: "number",
+        validation: (Rule) => Rule.required().min(-90).max(90)
+      }, {
+        name: "lng",
+        title: "Longitude",
+        type: "number",
+        validation: (Rule) => Rule.required().min(-180).max(180)
+      }, {
+        name: "alt",
+        title: "Altitude",
+        type: "number"
+      }, {
+        name: "radius",
+        title: "Radius (meters)",
+        type: "number",
+        validation: (Rule) => Rule.required().min(1).max(5e4)
+      }],
+      preview: {
+        select: {
+          lat: "lat",
+          lng: "lng",
+          radius: "radius"
+        },
+        prepare({
+          lat,
+          lng,
+          radius
+        }) {
+          return {
+            title: `${lat.toFixed(6)}, ${lng.toFixed(6)}`,
+            subtitle: radius ? `Radius: ${radius}m` : "No radius set"
+          };
         }
       }
-    ]
+    }]
   },
   form: {
     components: {