@sanity/google-maps-input 2.29.1 → 2.29.4-purple-unicorn.509

package/lib/dts/src/input/GeopointInput.js

@@ -0,0 +1,112 @@
+import React from 'react';
+import { uniqueId } from 'lodash';
+import { Box, Grid, Button, Dialog } from '@sanity/ui';
+import { TrashIcon, EditIcon } from '@sanity/icons';
+// @ts-expect-error TODO: remove the types eventually
+import config from 'config:@sanity/google-maps-input';
+import { FormFieldSet, ChangeIndicatorCompareValueProvider, ChangeIndicator, } from '@sanity/base/_unstable';
+import { PatchEvent, set, setIfMissing, unset } from '@sanity/base/form';
+import { GoogleMapsLoadProxy } from '../loader/GoogleMapsLoadProxy';
+import { GeopointSelect } from './GeopointSelect';
+import { PreviewImage, DialogInnerContainer } from './GeopointInput.styles';
+const getStaticImageUrl = (value) => {
+    const loc = `${value.lat},${value.lng}`;
+    const params = {
+        key: config.apiKey,
+        center: loc,
+        markers: loc,
+        zoom: 13,
+        scale: 2,
+        size: '640x300',
+    };
+    const qs = Object.keys(params).reduce((res, param) => {
+        return res.concat(`${param}=${encodeURIComponent(params[param])}`);
+    }, []);
+    return `https://maps.googleapis.com/maps/api/staticmap?${qs.join('&')}`;
+};
+class GeopointInput extends React.PureComponent {
+    constructor(props) {
+        super(props);
+        this._geopointInputId = uniqueId('GeopointInput');
+        this.setEditButton = (el) => {
+            this.editButton = el;
+        };
+        this.handleFocus = (event) => {
+            this.props.onFocus(event);
+        };
+        this.handleBlur = () => {
+            this.props.onBlur?.();
+        };
+        this.handleToggleModal = () => {
+            const { onFocus, onBlur } = this.props;
+            this.setState((prevState) => ({ modalOpen: !prevState.modalOpen }), () => {
+                if (this.state.modalOpen) {
+                    onFocus(['$']);
+                }
+                else {
+                    onBlur?.();
+                }
+            });
+        };
+        this.handleCloseModal = () => {
+            this.setState({ modalOpen: false });
+        };
+        this.handleChange = (latLng) => {
+            const { type, onChange } = this.props;
+            onChange(PatchEvent.from([
+                setIfMissing({
+                    _type: type.name,
+                }),
+                set(latLng.lat(), ['lat']),
+                set(latLng.lng(), ['lng']),
+            ]));
+        };
+        this.handleClear = () => {
+            const { onChange } = this.props;
+            onChange(PatchEvent.from(unset()));
+        };
+        this.state = {
+            modalOpen: false,
+        };
+    }
+    focus() {
+        if (this.editButton) {
+            this.editButton.focus();
+        }
+    }
+    render() {
+        const { value, compareValue, readOnly, type, validation, level, presence } = this.props;
+        const { modalOpen } = this.state;
+        if (!config || !config.apiKey) {
+            return (React.createElement("div", null,
+                React.createElement("p", null,
+                    "The ",
+                    React.createElement("a", { href: "https://sanity.io/docs/schema-types/geopoint-type" }, "Geopoint type"),
+                    " needs a Google Maps API key with access to:"),
+                React.createElement("ul", null,
+                    React.createElement("li", null, "Google Maps JavaScript API"),
+                    React.createElement("li", null, "Google Places API Web Service"),
+                    React.createElement("li", null, "Google Static Maps API")),
+                React.createElement("p", null,
+                    "Please enter the API key with access to these services in",
+                    React.createElement("code", { style: { whiteSpace: 'nowrap' } }, "`<project-root>/config/@sanity/google-maps-input.json`"))));
+        }
+        return (React.createElement(FormFieldSet, { level: level, title: type.title, description: type.description, onFocus: this.handleFocus, onBlur: this.handleBlur, __unstable_presence: presence, __unstable_changeIndicator: false, validation: validation },
+            React.createElement("div", null,
+                value && (React.createElement(ChangeIndicatorCompareValueProvider, { value: value, compareValue: compareValue },
+                    React.createElement(ChangeIndicator, { compareDeep: true },
+                        React.createElement(PreviewImage, { src: getStaticImageUrl(value), alt: "Map location" })))),
+                !readOnly && (React.createElement(Box, { marginTop: 4 },
+                    React.createElement(Grid, { columns: 2, gap: 2 },
+                        React.createElement(Button, { mode: "ghost", icon: value && EditIcon, padding: 3, ref: this.setEditButton, text: value ? 'Edit' : 'Set location', onClick: this.handleToggleModal }),
+                        value && (React.createElement(Button, { tone: "critical", icon: TrashIcon, padding: 3, mode: "ghost", text: 'Remove', onClick: this.handleClear }))))),
+                modalOpen && (React.createElement(Dialog, { id: `${this._geopointInputId}_dialog`, onClose: this.handleCloseModal, header: "Place the marker on the map", width: 1 },
+                    React.createElement(DialogInnerContainer, null,
+                        React.createElement(GoogleMapsLoadProxy, null, (api) => (React.createElement(GeopointSelect, { api: api, value: value || undefined, onChange: readOnly ? undefined : this.handleChange, defaultLocation: config.defaultLocation, defaultZoom: config.defaultZoom })))))))));
+    }
+}
+GeopointInput.defaultProps = {
+    validation: [],
+};
+export default GeopointInput;
+//# sourceMappingURL=GeopointInput.js.map

package/lib/dts/src/input/GeopointInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GeopointInput.js","sourceRoot":"","sources":["../../../../src/input/GeopointInput.tsx"],"names":[],"mappings":"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"}

package/{dist/dts → lib/dts/src}/input/GeopointInput.styles.d.ts

@@ -1,3 +1,3 @@
-export declare const PreviewImage: import("styled-components").StyledComponent<"img", any, {}, never>;
-export declare const DialogInnerContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const PreviewImage: import("styled-components").StyledComponent<"img", any, {}, never>;
+export declare const DialogInnerContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 //# sourceMappingURL=GeopointInput.styles.d.ts.map

package/lib/dts/src/input/GeopointInput.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GeopointInput.styles.d.ts","sourceRoot":"","sources":["../../../../src/input/GeopointInput.styles.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY,oEAIxB,CAAA;AAED,eAAO,MAAM,oBAAoB,oEAGhC,CAAA"}

package/lib/dts/src/input/GeopointInput.styles.js

@@ -0,0 +1,11 @@
+import styled from 'styled-components';
+export const PreviewImage = styled.img `
+  width: 100%;
+  height: auto;
+  vertical-align: top;
+`;
+export const DialogInnerContainer = styled.div `
+  height: 40rem;
+  width: 50rem;
+`;
+//# sourceMappingURL=GeopointInput.styles.js.map

package/lib/dts/src/input/GeopointInput.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GeopointInput.styles.js","sourceRoot":"","sources":["../../../../src/input/GeopointInput.styles.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAIrC,CAAA;AAED,MAAM,CAAC,MAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,CAAA;;;CAG7C,CAAA"}

package/{dist/dts → lib/dts/src}/input/GeopointSelect.d.ts

@@ -1,28 +1,28 @@
-/// <reference types="googlemaps" />
-import React from 'react';
-import { LatLng, Geopoint } from '../types';
-interface SelectProps {
-    api: typeof window.google.maps;
-    value?: Geopoint;
-    onChange?: (latLng: google.maps.LatLng) => void;
-    defaultLocation?: LatLng;
-    defaultZoom?: number;
-}
-export declare class GeopointSelect extends React.PureComponent<SelectProps> {
-    static defaultProps: {
-        defaultZoom: number;
-        defaultLocation: {
-            lng: number;
-            lat: number;
-        };
-    };
-    mapRef: React.RefObject<HTMLDivElement>;
-    getCenter(): LatLng;
-    handlePlaceChanged: (place: google.maps.places.PlaceResult) => void;
-    handleMarkerDragEnd: (event: google.maps.MapMouseEvent) => void;
-    handleMapClick: (event: google.maps.MapMouseEvent) => void;
-    setValue(geoPoint: google.maps.LatLng): void;
-    render(): JSX.Element;
-}
-export {};
+/// <reference types="googlemaps" />
+import React from 'react';
+import { LatLng, Geopoint } from '../types';
+interface SelectProps {
+    api: typeof window.google.maps;
+    value?: Geopoint;
+    onChange?: (latLng: google.maps.LatLng) => void;
+    defaultLocation?: LatLng;
+    defaultZoom?: number;
+}
+export declare class GeopointSelect extends React.PureComponent<SelectProps> {
+    static defaultProps: {
+        defaultZoom: number;
+        defaultLocation: {
+            lng: number;
+            lat: number;
+        };
+    };
+    mapRef: React.RefObject<HTMLDivElement>;
+    getCenter(): LatLng;
+    handlePlaceChanged: (place: google.maps.places.PlaceResult) => void;
+    handleMarkerDragEnd: (event: google.maps.MapMouseEvent) => void;
+    handleMapClick: (event: google.maps.MapMouseEvent) => void;
+    setValue(geoPoint: google.maps.LatLng): void;
+    render(): JSX.Element;
+}
+export {};
 //# sourceMappingURL=GeopointSelect.d.ts.map

package/lib/dts/src/input/GeopointSelect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GeopointSelect.d.ts","sourceRoot":"","sources":["../../../../src/input/GeopointSelect.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,EAAC,MAAM,EAAE,QAAQ,EAAC,MAAM,UAAU,CAAA;AAIzC,UAAU,WAAW;IACnB,GAAG,EAAE,OAAO,MAAM,CAAC,MAAM,CAAC,IAAI,CAAA;IAC9B,KAAK,CAAC,EAAE,QAAQ,CAAA;IAChB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,IAAI,CAAC,MAAM,KAAK,IAAI,CAAA;IAC/C,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,qBAAa,cAAe,SAAQ,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC;IAClE,MAAM,CAAC,YAAY;;;;;;MAGlB;IAED,MAAM,kCAAoC;IAE1C,SAAS;IAMT,kBAAkB,UAAW,OAAO,IAAI,CAAC,MAAM,CAAC,WAAW,UAM1D;IAED,mBAAmB,UAAW,OAAO,IAAI,CAAC,aAAa,UAEtD;IAED,cAAc,UAAW,OAAO,IAAI,CAAC,aAAa,UAEjD;IAED,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC,IAAI,CAAC,MAAM;IAMrC,MAAM;CAyBP"}

package/lib/dts/src/input/GeopointSelect.js

@@ -0,0 +1,44 @@
+import React from 'react';
+import { SearchInput } from '../map/SearchInput';
+import { GoogleMap } from '../map/Map';
+import { Marker } from '../map/Marker';
+const fallbackLatLng = { lat: 40.7058254, lng: -74.1180863 };
+export class GeopointSelect extends React.PureComponent {
+    constructor() {
+        super(...arguments);
+        this.mapRef = React.createRef();
+        this.handlePlaceChanged = (place) => {
+            if (!place.geometry) {
+                return;
+            }
+            this.setValue(place.geometry.location);
+        };
+        this.handleMarkerDragEnd = (event) => {
+            this.setValue(event.latLng);
+        };
+        this.handleMapClick = (event) => {
+            this.setValue(event.latLng);
+        };
+    }
+    getCenter() {
+        const { value = {}, defaultLocation = {} } = this.props;
+        const point = { ...fallbackLatLng, ...defaultLocation, ...value };
+        return point;
+    }
+    setValue(geoPoint) {
+        if (this.props.onChange) {
+            this.props.onChange(geoPoint);
+        }
+    }
+    render() {
+        const { api, defaultZoom, value, onChange } = this.props;
+        return (React.createElement(GoogleMap, { api: api, location: this.getCenter(), onClick: this.handleMapClick, defaultZoom: defaultZoom }, (map) => (React.createElement(React.Fragment, null,
+            React.createElement(SearchInput, { api: api, map: map, onChange: this.handlePlaceChanged }),
+            value && (React.createElement(Marker, { api: api, map: map, position: value, onMove: onChange ? this.handleMarkerDragEnd : undefined }))))));
+    }
+}
+GeopointSelect.defaultProps = {
+    defaultZoom: 8,
+    defaultLocation: { lng: 10.74609, lat: 59.91273 },
+};
+//# sourceMappingURL=GeopointSelect.js.map

package/lib/dts/src/input/GeopointSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GeopointSelect.js","sourceRoot":"","sources":["../../../../src/input/GeopointSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAC,WAAW,EAAC,MAAM,oBAAoB,CAAA;AAC9C,OAAO,EAAC,SAAS,EAAC,MAAM,YAAY,CAAA;AACpC,OAAO,EAAC,MAAM,EAAC,MAAM,eAAe,CAAA;AAGpC,MAAM,cAAc,GAAW,EAAC,GAAG,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC,UAAU,EAAC,CAAA;AAUlE,MAAM,OAAO,cAAe,SAAQ,KAAK,CAAC,aAA0B;IAApE;;QAME,WAAM,GAAG,KAAK,CAAC,SAAS,EAAkB,CAAA;QAQ1C,uBAAkB,GAAG,CAAC,KAAqC,EAAE,EAAE;YAC7D,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;gBACnB,OAAM;aACP;YAED,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAA;QACxC,CAAC,CAAA;QAED,wBAAmB,GAAG,CAAC,KAAgC,EAAE,EAAE;YACzD,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,CAAA;QAC7B,CAAC,CAAA;QAED,mBAAc,GAAG,CAAC,KAAgC,EAAE,EAAE;YACpD,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,CAAA;QAC7B,CAAC,CAAA;IAiCH,CAAC;IArDC,SAAS;QACP,MAAM,EAAC,KAAK,GAAG,EAAE,EAAE,eAAe,GAAG,EAAE,EAAC,GAAG,IAAI,CAAC,KAAK,CAAA;QACrD,MAAM,KAAK,GAAW,EAAC,GAAG,cAAc,EAAE,GAAG,eAAe,EAAE,GAAG,KAAK,EAAC,CAAA;QACvE,OAAO,KAAK,CAAA;IACd,CAAC;IAkBD,QAAQ,CAAC,QAA4B;QACnC,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;YACvB,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAA;SAC9B;IACH,CAAC;IAED,MAAM;QACJ,MAAM,EAAC,GAAG,EAAE,WAAW,EAAE,KAAK,EAAE,QAAQ,EAAC,GAAG,IAAI,CAAC,KAAK,CAAA;QACtD,OAAO,CACL,oBAAC,SAAS,IACR,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,IAAI,CAAC,SAAS,EAAE,EAC1B,OAAO,EAAE,IAAI,CAAC,cAAc,EAC5B,WAAW,EAAE,WAAW,IAEvB,CAAC,GAAG,EAAE,EAAE,CAAC,CACR;YACE,oBAAC,WAAW,IAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,IAAI,CAAC,kBAAkB,GAAI;YACrE,KAAK,IAAI,CACR,oBAAC,MAAM,IACL,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,KAAK,EACf,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,SAAS,GACvD,CACH,CACA,CACJ,CACS,CACb,CAAA;IACH,CAAC;;AA3DM,2BAAY,GAAG;IACpB,WAAW,EAAE,CAAC;IACd,eAAe,EAAE,EAAC,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAE,QAAQ,EAAC;CAChD,CAAA"}

package/{dist/dts → lib/dts/src}/loader/GoogleMapsLoadProxy.d.ts

@@ -1,14 +1,14 @@
-import React from 'react';
-import { Subscription } from 'rxjs';
-import { GoogleLoadState } from './loadGoogleMapsApi';
-interface LoadProps {
-    children: (api: typeof window.google.maps) => React.ReactElement;
-}
-export declare class GoogleMapsLoadProxy extends React.Component<LoadProps, GoogleLoadState> {
-    loadSubscription: Subscription | undefined;
-    constructor(props: LoadProps);
-    componentWillUnmount(): void;
-    render(): JSX.Element | null;
-}
-export {};
+import React from 'react';
+import { Subscription } from 'rxjs';
+import { GoogleLoadState } from './loadGoogleMapsApi';
+interface LoadProps {
+    children: (api: typeof window.google.maps) => React.ReactElement;
+}
+export declare class GoogleMapsLoadProxy extends React.Component<LoadProps, GoogleLoadState> {
+    loadSubscription: Subscription | undefined;
+    constructor(props: LoadProps);
+    componentWillUnmount(): void;
+    render(): JSX.Element | null;
+}
+export {};
 //# sourceMappingURL=GoogleMapsLoadProxy.d.ts.map

package/lib/dts/src/loader/GoogleMapsLoadProxy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GoogleMapsLoadProxy.d.ts","sourceRoot":"","sources":["../../../../src/loader/GoogleMapsLoadProxy.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAC,YAAY,EAAC,MAAM,MAAM,CAAA;AACjC,OAAO,EAAoB,eAAe,EAAC,MAAM,qBAAqB,CAAA;AAGtE,UAAU,SAAS;IACjB,QAAQ,EAAE,CAAC,GAAG,EAAE,OAAO,MAAM,CAAC,MAAM,CAAC,IAAI,KAAK,KAAK,CAAC,YAAY,CAAA;CACjE;AAED,qBAAa,mBAAoB,SAAQ,KAAK,CAAC,SAAS,CAAC,SAAS,EAAE,eAAe,CAAC;IAClF,gBAAgB,EAAE,YAAY,GAAG,SAAS,CAAA;gBAE9B,KAAK,EAAE,SAAS;IAgB5B,oBAAoB;IAMpB,MAAM;CAcP"}

package/lib/dts/src/loader/GoogleMapsLoadProxy.js

@@ -0,0 +1,39 @@
+import React from 'react';
+import { loadGoogleMapsApi } from './loadGoogleMapsApi';
+import { LoadError } from './LoadError';
+export class GoogleMapsLoadProxy extends React.Component {
+    constructor(props) {
+        super(props);
+        this.state = { loadState: 'loading' };
+        let sync = true;
+        this.loadSubscription = loadGoogleMapsApi().subscribe((loadState) => {
+            if (sync) {
+                this.state = loadState;
+            }
+            else {
+                this.setState(loadState);
+            }
+        });
+        sync = false;
+    }
+    componentWillUnmount() {
+        if (this.loadSubscription) {
+            this.loadSubscription.unsubscribe();
+        }
+    }
+    render() {
+        switch (this.state.loadState) {
+            case 'loadError':
+                return React.createElement(LoadError, { error: this.state.error, isAuthError: false });
+            case 'authError':
+                return React.createElement(LoadError, { isAuthError: true });
+            case 'loading':
+                return React.createElement("div", null, "Loading Google Maps API");
+            case 'loaded':
+                return this.props.children(this.state.api) || null;
+            default:
+                return null;
+        }
+    }
+}
+//# sourceMappingURL=GoogleMapsLoadProxy.js.map

package/lib/dts/src/loader/GoogleMapsLoadProxy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GoogleMapsLoadProxy.js","sourceRoot":"","sources":["../../../../src/loader/GoogleMapsLoadProxy.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAC,iBAAiB,EAAkB,MAAM,qBAAqB,CAAA;AACtE,OAAO,EAAC,SAAS,EAAC,MAAM,aAAa,CAAA;AAMrC,MAAM,OAAO,mBAAoB,SAAQ,KAAK,CAAC,SAAqC;IAGlF,YAAY,KAAgB;QAC1B,KAAK,CAAC,KAAK,CAAC,CAAA;QAEZ,IAAI,CAAC,KAAK,GAAG,EAAC,SAAS,EAAE,SAAS,EAAC,CAAA;QAEnC,IAAI,IAAI,GAAG,IAAI,CAAA;QACf,IAAI,CAAC,gBAAgB,GAAG,iBAAiB,EAAE,CAAC,SAAS,CAAC,CAAC,SAAS,EAAE,EAAE;YAClE,IAAI,IAAI,EAAE;gBACR,IAAI,CAAC,KAAK,GAAG,SAAS,CAAA;aACvB;iBAAM;gBACL,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAA;aACzB;QACH,CAAC,CAAC,CAAA;QACF,IAAI,GAAG,KAAK,CAAA;IACd,CAAC;IAED,oBAAoB;QAClB,IAAI,IAAI,CAAC,gBAAgB,EAAE;YACzB,IAAI,CAAC,gBAAgB,CAAC,WAAW,EAAE,CAAA;SACpC;IACH,CAAC;IAED,MAAM;QACJ,QAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE;YAC5B,KAAK,WAAW;gBACd,OAAO,oBAAC,SAAS,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,WAAW,EAAE,KAAK,GAAI,CAAA;YACnE,KAAK,WAAW;gBACd,OAAO,oBAAC,SAAS,IAAC,WAAW,SAAG,CAAA;YAClC,KAAK,SAAS;gBACZ,OAAO,2DAAkC,CAAA;YAC3C,KAAK,QAAQ;gBACX,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,IAAI,CAAA;YACpD;gBACE,OAAO,IAAI,CAAA;SACd;IACH,CAAC;CACF"}

package/{dist/dts → lib/dts/src}/loader/LoadError.d.ts

@@ -1,10 +1,10 @@
-/// <reference types="react" />
-declare type Props = {
-    error: Error;
-    isAuthError: false;
-} | {
-    isAuthError: true;
-};
-export declare function LoadError(props: Props): JSX.Element;
-export {};
+/// <reference types="react" />
+declare type Props = {
+    error: Error;
+    isAuthError: false;
+} | {
+    isAuthError: true;
+};
+export declare function LoadError(props: Props): JSX.Element;
+export {};
 //# sourceMappingURL=LoadError.d.ts.map

package/lib/dts/src/loader/LoadError.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadError.d.ts","sourceRoot":"","sources":["../../../../src/loader/LoadError.tsx"],"names":[],"mappings":";AAGA,aAAK,KAAK,GAAG;IAAC,KAAK,EAAE,KAAK,CAAC;IAAC,WAAW,EAAE,KAAK,CAAA;CAAC,GAAG;IAAC,WAAW,EAAE,IAAI,CAAA;CAAC,CAAA;AAErE,wBAAgB,SAAS,CAAC,KAAK,EAAE,KAAK,eAuBrC"}

package/lib/dts/src/loader/LoadError.js

@@ -0,0 +1,22 @@
+import * as React from 'react';
+import { Card, Box, Text, Code } from '@sanity/ui';
+export function LoadError(props) {
+    return (React.createElement(Card, { tone: "critical", radius: 1 },
+        React.createElement(Box, { as: "header", paddingX: 4, paddingTop: 4, paddingBottom: 1 },
+            React.createElement(Text, { as: "h2", weight: "bold" }, "Google Maps failed to load")),
+        React.createElement(Box, { paddingX: 4, paddingTop: 4, paddingBottom: 1 }, props.isAuthError ? (React.createElement(AuthError, null)) : (React.createElement(React.Fragment, null,
+            React.createElement(Text, { as: "h3" }, "Error details:"),
+            React.createElement("pre", null,
+                React.createElement(Code, { size: 1 }, props.error?.message)))))));
+}
+function AuthError() {
+    return (React.createElement(Text, null,
+        React.createElement("p", null, "The error appears to be related to authentication"),
+        React.createElement("p", null, "Common causes include:"),
+        React.createElement("ul", null,
+            React.createElement("li", null, "Incorrect API key"),
+            React.createElement("li", null, "Referer not allowed"),
+            React.createElement("li", null, "Missing authentication scope")),
+        React.createElement("p", null, "Check the browser developer tools for more information.")));
+}
+//# sourceMappingURL=LoadError.js.map

package/lib/dts/src/loader/LoadError.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadError.js","sourceRoot":"","sources":["../../../../src/loader/LoadError.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAC,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAC,MAAM,YAAY,CAAA;AAIhD,MAAM,UAAU,SAAS,CAAC,KAAY;IACpC,OAAO,CACL,oBAAC,IAAI,IAAC,IAAI,EAAC,UAAU,EAAC,MAAM,EAAE,CAAC;QAC7B,oBAAC,GAAG,IAAC,EAAE,EAAC,QAAQ,EAAC,QAAQ,EAAE,CAAC,EAAE,UAAU,EAAE,CAAC,EAAE,aAAa,EAAE,CAAC;YAC3D,oBAAC,IAAI,IAAC,EAAE,EAAC,IAAI,EAAC,MAAM,EAAC,MAAM,iCAEpB,CACH;QAEN,oBAAC,GAAG,IAAC,QAAQ,EAAE,CAAC,EAAE,UAAU,EAAE,CAAC,EAAE,aAAa,EAAE,CAAC,IAC9C,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,CACnB,oBAAC,SAAS,OAAG,CACd,CAAC,CAAC,CAAC,CACF;YACE,oBAAC,IAAI,IAAC,EAAE,EAAC,IAAI,qBAAsB;YACnC;gBACE,oBAAC,IAAI,IAAC,IAAI,EAAE,CAAC,IAAG,KAAK,CAAC,KAAK,EAAE,OAAO,CAAQ,CACxC,CACL,CACJ,CACG,CACD,CACR,CAAA;AACH,CAAC;AAED,SAAS,SAAS;IAChB,OAAO,CACL,oBAAC,IAAI;QACH,mFAAwD;QACxD,wDAA6B;QAC7B;YACE,oDAA0B;YAC1B,sDAA4B;YAC5B,+DAAqC,CAClC;QACL,yFAA8D,CACzD,CACR,CAAA;AACH,CAAC"}

package/{dist/dts → lib/dts/src}/loader/loadGoogleMapsApi.d.ts

@@ -1,18 +1,18 @@
-import { Observable } from 'rxjs';
-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 declare type GoogleLoadState = LoadingState | LoadedState | LoadErrorState | AuthErrorState;
-export declare function loadGoogleMapsApi(): Observable<GoogleLoadState>;
+import { Observable } from 'rxjs';
+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 declare type GoogleLoadState = LoadingState | LoadedState | LoadErrorState | AuthErrorState;
+export declare function loadGoogleMapsApi(): Observable<GoogleLoadState>;
 //# sourceMappingURL=loadGoogleMapsApi.d.ts.map

package/lib/dts/src/loader/loadGoogleMapsApi.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"loadGoogleMapsApi.d.ts","sourceRoot":"","sources":["../../../../src/loader/loadGoogleMapsApi.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAkB,MAAM,MAAM,CAAA;AAQhD,MAAM,WAAW,YAAY;IAC3B,SAAS,EAAE,SAAS,CAAA;CACrB;AAED,MAAM,WAAW,WAAW;IAC1B,SAAS,EAAE,QAAQ,CAAA;IACnB,GAAG,EAAE,OAAO,MAAM,CAAC,MAAM,CAAC,IAAI,CAAA;CAC/B;AAED,MAAM,WAAW,cAAc;IAC7B,SAAS,EAAE,WAAW,CAAA;IACtB,KAAK,EAAE,KAAK,CAAA;CACb;AAED,MAAM,WAAW,cAAc;IAC7B,SAAS,EAAE,WAAW,CAAA;CACvB;AAED,oBAAY,eAAe,GAAG,YAAY,GAAG,WAAW,GAAG,cAAc,GAAG,cAAc,CAAA;AAI1F,wBAAgB,iBAAiB,IAAI,UAAU,CAAC,eAAe,CAAC,CAoC/D"}

package/lib/dts/src/loader/loadGoogleMapsApi.js

@@ -0,0 +1,49 @@
+import { BehaviorSubject } from 'rxjs';
+// @ts-expect-error TODO: update to non-parts
+import config from 'config:@sanity/google-maps-input';
+const callbackName = '___sanity_googleMapsApiCallback';
+const authFailureCallbackName = 'gm_authFailure';
+const locale = (typeof window !== 'undefined' && window.navigator.language) || 'en';
+let subject;
+export function loadGoogleMapsApi() {
+    const selectedLocale = config.defaultLocale || locale || 'en-US';
+    if (subject) {
+        return subject;
+    }
+    subject = new BehaviorSubject({ loadState: 'loading' });
+    window[authFailureCallbackName] = () => {
+        delete window[authFailureCallbackName];
+        subject.next({ loadState: 'authError' });
+    };
+    window[callbackName] = () => {
+        delete window[callbackName];
+        subject.next({ loadState: 'loaded', api: window.google.maps });
+    };
+    const script = document.createElement('script');
+    script.onerror = (event, source, lineno, colno, error) => subject.next({
+        loadState: 'loadError',
+        error: coeerceError(event, error),
+    });
+    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;
+}
+function coeerceError(event, error) {
+    if (error) {
+        return error;
+    }
+    if (typeof event === 'string') {
+        return new Error(event);
+    }
+    return new Error(isErrorEvent(event) ? event.message : 'Failed to load Google Maps API');
+}
+function isErrorEvent(event) {
+    if (typeof event !== 'object' || event === null) {
+        return false;
+    }
+    if (!('message' in event)) {
+        return false;
+    }
+    return typeof event.message === 'string';
+}
+//# sourceMappingURL=loadGoogleMapsApi.js.map

package/lib/dts/src/loader/loadGoogleMapsApi.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"loadGoogleMapsApi.js","sourceRoot":"","sources":["../../../../src/loader/loadGoogleMapsApi.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,eAAe,EAAC,MAAM,MAAM,CAAA;AAChD,6CAA6C;AAC7C,OAAO,MAAM,MAAM,kCAAkC,CAAA;AAErD,MAAM,YAAY,GAAG,iCAAiC,CAAA;AACtD,MAAM,uBAAuB,GAAG,gBAAgB,CAAA;AAChD,MAAM,MAAM,GAAG,CAAC,OAAO,MAAM,KAAK,WAAW,IAAI,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,IAAI,IAAI,CAAA;AAsBnF,IAAI,OAAyC,CAAA;AAE7C,MAAM,UAAU,iBAAiB;IAC/B,MAAM,cAAc,GAAG,MAAM,CAAC,aAAa,IAAI,MAAM,IAAI,OAAO,CAAA;IAEhE,IAAI,OAAO,EAAE;QACX,OAAO,OAAO,CAAA;KACf;IAED,OAAO,GAAG,IAAI,eAAe,CAAkB,EAAC,SAAS,EAAE,SAAS,EAAC,CAAC,CAAA;IAEtE,MAAM,CAAC,uBAAuB,CAAC,GAAG,GAAG,EAAE;QACrC,OAAO,MAAM,CAAC,uBAAuB,CAAC,CAAA;QACtC,OAAO,CAAC,IAAI,CAAC,EAAC,SAAS,EAAE,WAAW,EAAC,CAAC,CAAA;IACxC,CAAC,CAAA;IAED,MAAM,CAAC,YAAY,CAAC,GAAG,GAAG,EAAE;QAC1B,OAAO,MAAM,CAAC,YAAY,CAAC,CAAA;QAC3B,OAAO,CAAC,IAAI,CAAC,EAAC,SAAS,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,CAAC,MAAM,CAAC,IAAI,EAAC,CAAC,CAAA;IAC9D,CAAC,CAAA;IAED,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAA;IAC/C,MAAM,CAAC,OAAO,GAAG,CACf,KAAqB,EACrB,MAAe,EACf,MAAe,EACf,KAAc,EACd,KAAa,EACb,EAAE,CACF,OAAO,CAAC,IAAI,CAAC;QACX,SAAS,EAAE,WAAW;QACtB,KAAK,EAAE,YAAY,CAAC,KAAK,EAAE,KAAK,CAAC;KAChB,CAAC,CAAA;IAEtB,MAAM,CAAC,GAAG,GAAG,+CAA+C,MAAM,CAAC,MAAM,8BAA8B,YAAY,aAAa,cAAc,EAAE,CAAA;IAChJ,QAAQ,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,MAAM,CAAC,CAAA;IAE5D,OAAO,OAAO,CAAA;AAChB,CAAC;AAED,SAAS,YAAY,CAAC,KAAqB,EAAE,KAAa;IACxD,IAAI,KAAK,EAAE;QACT,OAAO,KAAK,CAAA;KACb;IAED,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;QAC7B,OAAO,IAAI,KAAK,CAAC,KAAK,CAAC,CAAA;KACxB;IAED,OAAO,IAAI,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,gCAAgC,CAAC,CAAA;AAC1F,CAAC;AAED,SAAS,YAAY,CAAC,KAAc;IAClC,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,IAAI,EAAE;QAC/C,OAAO,KAAK,CAAA;KACb;IAED,IAAI,CAAC,CAAC,SAAS,IAAI,KAAK,CAAC,EAAE;QACzB,OAAO,KAAK,CAAA;KACb;IAED,OAAO,OAAQ,KAAoB,CAAC,OAAO,KAAK,QAAQ,CAAA;AAC1D,CAAC"}

package/{dist/dts → lib/dts/src}/map/Arrow.d.ts

@@ -1,29 +1,29 @@
-/// <reference types="googlemaps" />
-import * as React from 'react';
-import { LatLng } from '../types';
-interface Props {
-    api: typeof window.google.maps;
-    map: google.maps.Map;
-    from: LatLng;
-    to: LatLng;
-    color?: {
-        background: string;
-        border: string;
-        text: string;
-    };
-    zIndex?: number;
-    arrowRef?: React.MutableRefObject<google.maps.Polyline | undefined>;
-    onClick?: (event: google.maps.MapMouseEvent) => void;
-}
-export declare class Arrow extends React.PureComponent<Props> {
-    line: google.maps.Polyline | undefined;
-    eventHandlers: {
-        click?: google.maps.MapsEventListener;
-    };
-    componentDidMount(): void;
-    componentDidUpdate(prevProps: Props): void;
-    componentWillUnmount(): void;
-    render(): null;
-}
-export {};
+/// <reference types="googlemaps" />
+import * as React from 'react';
+import { LatLng } from '../types';
+interface Props {
+    api: typeof window.google.maps;
+    map: google.maps.Map;
+    from: LatLng;
+    to: LatLng;
+    color?: {
+        background: string;
+        border: string;
+        text: string;
+    };
+    zIndex?: number;
+    arrowRef?: React.MutableRefObject<google.maps.Polyline | undefined>;
+    onClick?: (event: google.maps.MapMouseEvent) => void;
+}
+export declare class Arrow extends React.PureComponent<Props> {
+    line: google.maps.Polyline | undefined;
+    eventHandlers: {
+        click?: google.maps.MapsEventListener;
+    };
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: Props): void;
+    componentWillUnmount(): void;
+    render(): null;
+}
+export {};
 //# sourceMappingURL=Arrow.d.ts.map

package/lib/dts/src/map/Arrow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Arrow.d.ts","sourceRoot":"","sources":["../../../../src/map/Arrow.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAC,MAAM,EAAC,MAAM,UAAU,CAAA;AAG/B,UAAU,KAAK;IACb,GAAG,EAAE,OAAO,MAAM,CAAC,MAAM,CAAC,IAAI,CAAA;IAC9B,GAAG,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAA;IACpB,IAAI,EAAE,MAAM,CAAA;IACZ,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,CAAC,EAAE;QAAC,UAAU,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAC,CAAA;IAC1D,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,GAAG,SAAS,CAAC,CAAA;IACnE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,aAAa,KAAK,IAAI,CAAA;CACrD;AAED,qBAAa,KAAM,SAAQ,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC;IACnD,IAAI,EAAE,MAAM,CAAC,IAAI,CAAC,QAAQ,GAAG,SAAS,CAAA;IAEtC,aAAa,EAAE;QACb,KAAK,CAAC,EAAE,MAAM,CAAC,IAAI,CAAC,iBAAiB,CAAA;KACtC,CAAK;IAEN,iBAAiB;IAwBjB,kBAAkB,CAAC,SAAS,EAAE,KAAK;IAenC,oBAAoB;IAWpB,MAAM;CAGP"}

package/lib/dts/src/map/Arrow.js

@@ -0,0 +1,53 @@
+import * as React from 'react';
+import { latLngAreEqual } from './util';
+export class Arrow extends React.PureComponent {
+    constructor() {
+        super(...arguments);
+        this.eventHandlers = {};
+    }
+    componentDidMount() {
+        const { from, to, api, map, zIndex, onClick, color, arrowRef } = this.props;
+        const lineSymbol = {
+            path: api.SymbolPath.FORWARD_OPEN_ARROW,
+        };
+        this.line = new api.Polyline({
+            map,
+            zIndex,
+            path: [from, to],
+            icons: [{ icon: lineSymbol, offset: '50%' }],
+            strokeOpacity: 0.55,
+            strokeColor: color ? color.text : 'black',
+        });
+        if (onClick) {
+            this.eventHandlers.click = api.event.addListener(this.line, 'click', onClick);
+        }
+        if (arrowRef) {
+            arrowRef.current = this.line;
+        }
+    }
+    componentDidUpdate(prevProps) {
+        if (!this.line) {
+            return;
+        }
+        const { from, to, map } = this.props;
+        if (!latLngAreEqual(prevProps.from, from) || !latLngAreEqual(prevProps.to, to)) {
+            this.line.setPath([from, to]);
+        }
+        if (prevProps.map !== map) {
+            this.line.setMap(map);
+        }
+    }
+    componentWillUnmount() {
+        if (this.line) {
+            this.line.setMap(null);
+        }
+        if (this.eventHandlers.click) {
+            this.eventHandlers.click.remove();
+        }
+    }
+    // eslint-disable-next-line class-methods-use-this
+    render() {
+        return null;
+    }
+}
+//# sourceMappingURL=Arrow.js.map

package/lib/dts/src/map/Arrow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Arrow.js","sourceRoot":"","sources":["../../../../src/map/Arrow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAC,cAAc,EAAC,MAAM,QAAQ,CAAA;AAarC,MAAM,OAAO,KAAM,SAAQ,KAAK,CAAC,aAAoB;IAArD;;QAGE,kBAAa,GAET,EAAE,CAAA;IAuDR,CAAC;IArDC,iBAAiB;QACf,MAAM,EAAC,IAAI,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAC,GAAG,IAAI,CAAC,KAAK,CAAA;QACzE,MAAM,UAAU,GAAG;YACjB,IAAI,EAAE,GAAG,CAAC,UAAU,CAAC,kBAAkB;SACxC,CAAA;QAED,IAAI,CAAC,IAAI,GAAG,IAAI,GAAG,CAAC,QAAQ,CAAC;YAC3B,GAAG;YACH,MAAM;YACN,IAAI,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC;YAChB,KAAK,EAAE,CAAC,EAAC,IAAI,EAAE,UAAU,EAAE,MAAM,EAAE,KAAK,EAAC,CAAC;YAC1C,aAAa,EAAE,IAAI;YACnB,WAAW,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO;SAC1C,CAAC,CAAA;QAEF,IAAI,OAAO,EAAE;YACX,IAAI,CAAC,aAAa,CAAC,KAAK,GAAG,GAAG,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,OAAO,CAAC,CAAA;SAC9E;QAED,IAAI,QAAQ,EAAE;YACZ,QAAQ,CAAC,OAAO,GAAG,IAAI,CAAC,IAAI,CAAA;SAC7B;IACH,CAAC;IAED,kBAAkB,CAAC,SAAgB;QACjC,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;YACd,OAAM;SACP;QAED,MAAM,EAAC,IAAI,EAAE,EAAE,EAAE,GAAG,EAAC,GAAG,IAAI,CAAC,KAAK,CAAA;QAClC,IAAI,CAAC,cAAc,CAAC,SAAS,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,SAAS,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE;YAC9E,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAA;SAC9B;QAED,IAAI,SAAS,CAAC,GAAG,KAAK,GAAG,EAAE;YACzB,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAA;SACtB;IACH,CAAC;IAED,oBAAoB;QAClB,IAAI,IAAI,CAAC,IAAI,EAAE;YACb,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;SACvB;QAED,IAAI,IAAI,CAAC,aAAa,CAAC,KAAK,EAAE;YAC5B,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,MAAM,EAAE,CAAA;SAClC;IACH,CAAC;IAED,kDAAkD;IAClD,MAAM;QACJ,OAAO,IAAI,CAAA;IACb,CAAC;CACF"}