gsintegrations 0.0.485 → 0.0.486

package/dist/bundle.cjs.js

@@ -58797,6 +58797,10 @@ var DeleteOutline = createSvgIcon( /*#__PURE__*/require$$2$1.jsx("path", {
   d: "M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6zM8 9h8v10H8zm7.5-5-1-1h-5l-1 1H5v2h14V4z"
 }), 'DeleteOutline');
 
+var DirectionsOutlined = createSvgIcon( /*#__PURE__*/require$$2$1.jsx("path", {
+  d: "m22.43 10.59-9.01-9.01c-.75-.75-2.07-.76-2.83 0l-9 9c-.78.78-.78 2.04 0 2.82l9 9c.39.39.9.58 1.41.58.51 0 1.02-.19 1.41-.58l8.99-8.99c.79-.76.8-2.02.03-2.82m-10.42 10.4-9-9 9-9 9 9zM8 11v4h2v-3h4v2.5l3.5-3.5L14 7.5V10H9c-.55 0-1 .45-1 1"
+}), 'DirectionsOutlined');
+
 var DirectionsWalk = createSvgIcon( /*#__PURE__*/require$$2$1.jsx("path", {
   d: "M13.5 5.5c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2M9.8 8.9 7 23h2.1l1.8-8 2.1 2v6h2v-7.5l-2.1-2 .6-3C14.8 12 16.8 13 19 13v-2c-1.9 0-3.5-1-4.3-2.4l-1-1.6c-.4-.6-1-1-1.7-1-.3 0-.5.1-.8.1L6 8.3V13h2V9.6z"
 }), 'DirectionsWalk');
@@ -59046,6 +59050,10 @@ var MoreVert = createSvgIcon( /*#__PURE__*/require$$2$1.jsx("path", {
   d: "M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2m0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2"
 }), 'MoreVert');
 
+var MyLocation = createSvgIcon( /*#__PURE__*/require$$2$1.jsx("path", {
+  d: "M12 8c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4m8.94 3c-.46-4.17-3.77-7.48-7.94-7.94V1h-2v2.06C6.83 3.52 3.52 6.83 3.06 11H1v2h2.06c.46 4.17 3.77 7.48 7.94 7.94V23h2v-2.06c4.17-.46 7.48-3.77 7.94-7.94H23v-2zM12 19c-3.87 0-7-3.13-7-7s3.13-7 7-7 7 3.13 7 7-3.13 7-7 7"
+}), 'MyLocation');
+
 var NavigateNext = createSvgIcon( /*#__PURE__*/require$$2$1.jsx("path", {
   d: "M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"
 }), 'NavigateNext');
@@ -147238,6 +147246,7 @@ const ACTION_ICON_MAP = {
     "🧘": React$1.createElement(Spa, null),
     "🎓": React$1.createElement(School$1, null),
     "🌐": React$1.createElement(Public, null),
+    place: React$1.createElement(Place, null),
     social: React$1.createElement(Public, null),
     public: React$1.createElement(Public, null),
 };
@@ -147896,7 +147905,7 @@ function getEventCoordinates(event) {
   return null;
 }
 
-const CSS = /*#__PURE__*/Object.freeze({
+const CSS$1 = /*#__PURE__*/Object.freeze({
   Translate: {
     toString(transform) {
       if (!transform) {
@@ -147931,7 +147940,7 @@ const CSS = /*#__PURE__*/Object.freeze({
         return;
       }
 
-      return [CSS.Translate.toString(transform), CSS.Scale.toString(transform)].join(' ');
+      return [CSS$1.Translate.toString(transform), CSS$1.Scale.toString(transform)].join(' ');
     }
 
   },
@@ -151770,7 +151779,7 @@ const defaultTransition = {
   easing: 'ease'
 };
 const transitionProperty = 'transform';
-const disabledTransition = /*#__PURE__*/CSS.Transition.toString({
+const disabledTransition = /*#__PURE__*/CSS$1.Transition.toString({
   property: transitionProperty,
   duration: 0,
   easing: 'linear'
@@ -152004,7 +152013,7 @@ function useSortable(_ref) {
     }
 
     if (isSorting || shouldAnimateLayoutChanges) {
-      return CSS.Transition.toString({ ...transition,
+      return CSS$1.Transition.toString({ ...transition,
         property: transitionProperty
       });
     }
@@ -152691,7 +152700,7 @@ const SortableOrderRow = ({ widget, index, total, onMove }) => {
     const theme = useTheme$1();
     const { attributes, listeners, setNodeRef, setActivatorNodeRef, transform, transition, isDragging, } = useSortable({ id: widget.id });
     return (React$1.createElement(Box$1, { ref: setNodeRef, style: {
-            transform: CSS.Transform.toString(transform),
+            transform: CSS$1.Transform.toString(transform),
             transition,
         }, sx: {
             display: "flex",
@@ -155027,6 +155036,14 @@ const useHomePage = (props) => {
             route: "/terreiro",
             color: "primary",
         },
+        {
+            id: "terreiro-search",
+            title: "Terreiros",
+            description: "Buscar casas próximas",
+            icon: "place",
+            route: "/terreiros/buscar",
+            color: "primary",
+        },
         {
             id: "mediums",
             title: "Médiuns",
@@ -155162,6 +155179,7 @@ const useHomePage = (props) => {
                 // Admin + personal: include Social when feature enabled
                 return withSocialUnreadBadge(filterByIds(withSocialPersonalOnly(withIngressos([
                     "terreiro",
+                    "terreiro-search",
                     "activities",
                     "ritual-baths",
                     "inventory",
@@ -155173,6 +155191,7 @@ const useHomePage = (props) => {
                 // Admin + terreiro: no Social
                 return filterByIds(withIngressos([
                     "terreiro",
+                    "terreiro-search",
                     "mediums",
                     "activities",
                     "events",
@@ -155187,6 +155206,7 @@ const useHomePage = (props) => {
         if (selectedTerreiro) {
             const filtered = filterByIds(withIngressos([
                 "terreiro",
+                "terreiro-search",
                 "mediums",
                 "activities",
                 "events",
@@ -155200,6 +155220,7 @@ const useHomePage = (props) => {
         // Non-admin + personal profile: include Social when feature enabled
         return withSocialUnreadBadge(filterByIds(withSocialPersonalOnly([
             "terreiro",
+            "terreiro-search",
             "activities",
             "ritual-baths",
             "inventory",
@@ -161037,7 +161058,7 @@ const FormGrid$8 = styled$1(Grid$1)(({ theme }) => ({
 const CEP_MIN_LENGTH = 8;
 const ZIP_PLACEHOLDER = "00000-000";
 const ADORNMENT_SPINNER_SIZE = 20;
-const GOOGLE_SEARCH_PLACEHOLDER = "Digite o endereço para buscar no Google";
+const GOOGLE_SEARCH_PLACEHOLDER$1 = "Digite o endereço para buscar no Google";
 const AddressPage = (props) => {
     const theme = useTheme$1();
     const { data, fns } = useAddressPage(props);
@@ -161109,7 +161130,7 @@ const AddressPage = (props) => {
                         }
                     }, onChange: (_, newValue) => {
                         fns.handleGoogleSuggestionSelect(newValue);
-                    }, renderInput: (params) => (React$1.createElement(TextField$1, Object.assign({}, params, { label: "Buscar endere\u00E7o", placeholder: GOOGLE_SEARCH_PLACEHOLDER, fullWidth: true, "data-testid": "address-google-search", InputProps: Object.assign(Object.assign({}, params.InputProps), { startAdornment: (React$1.createElement(InputAdornment$1, { position: "start" },
+                    }, renderInput: (params) => (React$1.createElement(TextField$1, Object.assign({}, params, { label: "Buscar endere\u00E7o", placeholder: GOOGLE_SEARCH_PLACEHOLDER$1, fullWidth: true, "data-testid": "address-google-search", InputProps: Object.assign(Object.assign({}, params.InputProps), { startAdornment: (React$1.createElement(InputAdornment$1, { position: "start" },
                                 React$1.createElement(LocationOn, { sx: { color: theme.palette.text.secondary } }))) }) }))) }),
                 data.googleSearchError && (React$1.createElement(Box$1, { sx: { mt: 1 } },
                     React$1.createElement(Alert$1, { severity: "warning" }, data.googleSearchError))),
@@ -181417,6 +181438,733 @@ const QrLandingPagePropsSchema = objectType({
         .optional(),
 });
 
+const GOOGLE_SEARCH_PLACEHOLDER = "Digite o endereço para buscar no Google";
+const MIN_SEARCH_LENGTH = 3;
+const TerreiroLocationSearch = ({ apiKey, onSelect, onUnavailable, }) => {
+    const theme = useTheme$1();
+    const onUnavailableRef = React$1.useRef(onUnavailable);
+    const onSelectRef = React$1.useRef(onSelect);
+    onUnavailableRef.current = onUnavailable;
+    onSelectRef.current = onSelect;
+    const servicesRef = React$1.useRef({});
+    const [ready, setReady] = React$1.useState(false);
+    const [loading, setLoading] = React$1.useState(false);
+    const [inputValue, setInputValue] = React$1.useState("");
+    const [suggestions, setSuggestions] = React$1.useState([]);
+    const [error, setError] = React$1.useState(null);
+    React$1.useEffect(() => {
+        let cancelled = false;
+        loadGoogleMapsPlacesScript(apiKey, "pt-BR", "BR")
+            .then(() => {
+            var _a, _b;
+            if (cancelled)
+                return;
+            const places = (_b = (_a = window.google) === null || _a === void 0 ? void 0 : _a.maps) === null || _b === void 0 ? void 0 : _b.places;
+            if (!(places === null || places === void 0 ? void 0 : places.AutocompleteService) || !(places === null || places === void 0 ? void 0 : places.PlacesService)) {
+                onUnavailableRef.current();
+                return;
+            }
+            servicesRef.current.autocompleteService = new places.AutocompleteService();
+            const container = document.createElement("div");
+            servicesRef.current.placesService = new places.PlacesService(container);
+            setReady(true);
+        })
+            .catch(() => {
+            if (!cancelled)
+                onUnavailableRef.current();
+        });
+        return () => {
+            cancelled = true;
+        };
+    }, [apiKey]);
+    const search = (value) => {
+        var _a, _b;
+        const autocomplete = servicesRef.current.autocompleteService;
+        const places = (_b = (_a = window.google) === null || _a === void 0 ? void 0 : _a.maps) === null || _b === void 0 ? void 0 : _b.places;
+        if (!autocomplete || !places)
+            return;
+        if (value.trim().length < MIN_SEARCH_LENGTH) {
+            setSuggestions([]);
+            setError(null);
+            return;
+        }
+        setLoading(true);
+        setError(null);
+        autocomplete.getPlacePredictions({
+            input: value,
+            componentRestrictions: { country: "br" },
+            types: ["address"],
+        }, (predictions, status) => {
+            setLoading(false);
+            if (status !== places.PlacesServiceStatus.OK) {
+                setSuggestions([]);
+                if (status !== places.PlacesServiceStatus.ZERO_RESULTS) {
+                    setError("Não foi possível buscar endereços no Google");
+                }
+                return;
+            }
+            setSuggestions((predictions !== null && predictions !== void 0 ? predictions : []).map((prediction) => ({
+                description: prediction.description,
+                placeId: prediction.place_id,
+            })));
+        });
+    };
+    const selectSuggestion = (suggestion) => {
+        var _a, _b;
+        if (!suggestion)
+            return;
+        const placesService = servicesRef.current.placesService;
+        const places = (_b = (_a = window.google) === null || _a === void 0 ? void 0 : _a.maps) === null || _b === void 0 ? void 0 : _b.places;
+        if (!placesService || !places) {
+            setError("Não foi possível carregar os detalhes do endereço");
+            return;
+        }
+        setInputValue(suggestion.description);
+        setLoading(true);
+        setError(null);
+        placesService.getDetails({
+            placeId: suggestion.placeId,
+            fields: ["address_components", "formatted_address"],
+        }, (place, status) => {
+            var _a;
+            setLoading(false);
+            if (status !== places.PlacesServiceStatus.OK || !place) {
+                setError("Não foi possível obter detalhes do endereço");
+                return;
+            }
+            const mapped = mapGooglePlaceToAddressForm({
+                address_components: place.address_components,
+                formatted_address: place.formatted_address,
+            });
+            if (!mapped.city) {
+                setError("Não foi possível identificar a cidade deste endereço");
+                return;
+            }
+            onSelectRef.current(mapped.city, (_a = mapped.state) !== null && _a !== void 0 ? _a : "");
+        });
+    };
+    if (!ready)
+        return null;
+    return (React$1.createElement(Autocomplete$1, { options: suggestions, getOptionLabel: (option) => option.description, filterOptions: (options) => options, loading: loading, inputValue: inputValue, onInputChange: (_, value, reason) => {
+            if (reason !== "input" && reason !== "clear")
+                return;
+            setInputValue(value);
+            search(value);
+        }, onChange: (_, value) => selectSuggestion(value), isOptionEqualToValue: (option, value) => option.placeId === value.placeId, noOptionsText: error !== null && error !== void 0 ? error : (inputValue.trim().length >= MIN_SEARCH_LENGTH
+            ? "Nenhum endereço encontrado para esta busca."
+            : "Digite ao menos 3 caracteres"), renderInput: (params) => (React$1.createElement(TextField$1, Object.assign({}, params, { label: "Buscar endere\u00E7o", placeholder: GOOGLE_SEARCH_PLACEHOLDER, fullWidth: true, error: Boolean(error), helperText: error !== null && error !== void 0 ? error : undefined, inputProps: Object.assign(Object.assign({}, params.inputProps), { "data-testid": "terreiro-search-address" }), sx: {
+                "& .MuiInputBase-input": { color: "text.primary" },
+                "& .MuiInputBase-input::placeholder": { color: "text.secondary", opacity: 1 },
+            }, InputProps: Object.assign(Object.assign({}, params.InputProps), { startAdornment: (React$1.createElement(InputAdornment$1, { position: "start" },
+                    React$1.createElement(LocationOn, { sx: { color: theme.palette.text.secondary } }))), endAdornment: (React$1.createElement(React$1.Fragment, null,
+                    loading ? React$1.createElement(CircularProgress$1, { size: 20 }) : null,
+                    params.InputProps.endAdornment)) }) }))) }));
+};
+
+const BRAZIL_CENTER = { lat: -14.2, lng: -51.9 };
+const BRAZIL_ZOOM = 4;
+const SINGLE_RESULT_ZOOM = 15;
+const USER_LOCATION_ZOOM = 13;
+const PIN_ORANGE = "#BA4813";
+const PIN_COAL = "#201C10";
+const PIN_CREAM = "#F3E2B3";
+const mapColorScheme = (mode) => {
+    var _a, _b;
+    const scheme = (_b = (_a = window.google) === null || _a === void 0 ? void 0 : _a.maps) === null || _b === void 0 ? void 0 : _b.ColorScheme;
+    if (!scheme)
+        return undefined;
+    if (scheme.FOLLOW_SYSTEM)
+        return scheme.FOLLOW_SYSTEM;
+    return mode === "dark" ? scheme.DARK : scheme.LIGHT;
+};
+const finitePlaces = (results) => (results !== null && results !== void 0 ? results : []).filter((place) => Number.isFinite(place.latitude) && Number.isFinite(place.longitude));
+const pinIcon = (selected, mode) => {
+    var _a, _b, _c;
+    const maps = (_a = window.google) === null || _a === void 0 ? void 0 : _a.maps;
+    const idleFill = mode === "dark" ? PIN_CREAM : PIN_COAL;
+    const idleStroke = mode === "dark" ? PIN_COAL : PIN_CREAM;
+    return {
+        path: (_c = (_b = maps === null || maps === void 0 ? void 0 : maps.SymbolPath) === null || _b === void 0 ? void 0 : _b.CIRCLE) !== null && _c !== void 0 ? _c : 0,
+        scale: selected ? 11 : 8,
+        fillColor: selected ? PIN_ORANGE : idleFill,
+        fillOpacity: 1,
+        strokeColor: selected ? PIN_CREAM : idleStroke,
+        strokeWeight: 2,
+    };
+};
+const TerreiroResultMap = ({ apiKey, results, selectedPlaceId, userCoordinates, layoutKey = null, onSelectPlace, }) => {
+    var _a, _b;
+    const theme = useTheme$1();
+    const mode = theme.palette.mode;
+    const modeRef = React$1.useRef(mode);
+    modeRef.current = mode;
+    const containerRef = React$1.useRef(null);
+    const mapRef = React$1.useRef(null);
+    const markersRef = React$1.useRef(new Map());
+    const onSelectRef = React$1.useRef(onSelectPlace);
+    const resultsRef = React$1.useRef(results);
+    const userCoordinatesRef = React$1.useRef(userCoordinates);
+    const selectedPlaceIdRef = React$1.useRef(selectedPlaceId);
+    const [mapReady, setMapReady] = React$1.useState(false);
+    const [mapFailed, setMapFailed] = React$1.useState(!(apiKey === null || apiKey === void 0 ? void 0 : apiKey.trim()));
+    const [mapEpoch, setMapEpoch] = React$1.useState(0);
+    onSelectRef.current = onSelectPlace;
+    resultsRef.current = results;
+    userCoordinatesRef.current = userCoordinates;
+    selectedPlaceIdRef.current = selectedPlaceId;
+    const trimmedKey = (_a = apiKey === null || apiKey === void 0 ? void 0 : apiKey.trim()) !== null && _a !== void 0 ? _a : "";
+    const resultSignature = (_b = results === null || results === void 0 ? void 0 : results.map((place) => `${place.placeId}:${place.latitude}:${place.longitude}`).join("|")) !== null && _b !== void 0 ? _b : "";
+    const userLocationKey = userCoordinates
+        ? `${userCoordinates.latitude},${userCoordinates.longitude}`
+        : "";
+    React$1.useEffect(() => {
+        if (!trimmedKey) {
+            setMapFailed(true);
+            setMapReady(false);
+            return;
+        }
+        let cancelled = false;
+        setMapFailed(false);
+        loadGoogleMapsPlacesScript(trimmedKey, "pt-BR", "BR")
+            .then(() => {
+            var _a, _b, _c, _d;
+            if (cancelled)
+                return;
+            if (!((_b = (_a = window.google) === null || _a === void 0 ? void 0 : _a.maps) === null || _b === void 0 ? void 0 : _b.Map) || !((_d = (_c = window.google) === null || _c === void 0 ? void 0 : _c.maps) === null || _d === void 0 ? void 0 : _d.Marker)) {
+                setMapFailed(true);
+                return;
+            }
+            setMapReady(true);
+        })
+            .catch(() => {
+            if (!cancelled)
+                setMapFailed(true);
+        });
+        return () => {
+            cancelled = true;
+        };
+    }, [trimmedKey]);
+    React$1.useEffect(() => {
+        var _a, _b;
+        if (!mapReady || !containerRef.current || !((_b = (_a = window.google) === null || _a === void 0 ? void 0 : _a.maps) === null || _b === void 0 ? void 0 : _b.Map))
+            return;
+        const colorScheme = mapColorScheme(modeRef.current);
+        const map = new window.google.maps.Map(containerRef.current, Object.assign({ center: BRAZIL_CENTER, zoom: BRAZIL_ZOOM, disableDefaultUI: true, zoomControl: true, clickableIcons: false, gestureHandling: "greedy", mapTypeControl: false, streetViewControl: false, fullscreenControl: false }, (colorScheme ? { colorScheme } : {})));
+        mapRef.current = map;
+        setMapEpoch((epoch) => epoch + 1);
+        return () => {
+            markersRef.current.forEach((marker) => marker.setMap(null));
+            markersRef.current.clear();
+            mapRef.current = null;
+        };
+    }, [mapReady]);
+    React$1.useEffect(() => {
+        var _a;
+        const map = mapRef.current;
+        const maps = (_a = window.google) === null || _a === void 0 ? void 0 : _a.maps;
+        if (!mapReady || !map || !(maps === null || maps === void 0 ? void 0 : maps.Marker))
+            return;
+        const places = finitePlaces(resultsRef.current);
+        const nextIds = new Set(places.map((place) => place.placeId));
+        markersRef.current.forEach((marker, id) => {
+            if (!nextIds.has(id)) {
+                marker.setMap(null);
+                markersRef.current.delete(id);
+            }
+        });
+        places.forEach((place) => {
+            const position = { lat: place.latitude, lng: place.longitude };
+            const existing = markersRef.current.get(place.placeId);
+            if (existing) {
+                existing.setPosition(position);
+                return;
+            }
+            const marker = new maps.Marker({
+                map,
+                position,
+                title: place.name,
+                icon: pinIcon(place.placeId === selectedPlaceIdRef.current, modeRef.current),
+            });
+            marker.addListener("click", () => onSelectRef.current(place.placeId));
+            markersRef.current.set(place.placeId, marker);
+        });
+        if (places.length === 1) {
+            map.setCenter({ lat: places[0].latitude, lng: places[0].longitude });
+            map.setZoom(SINGLE_RESULT_ZOOM);
+            return;
+        }
+        if (places.length > 1) {
+            const bounds = new maps.LatLngBounds();
+            places.forEach((place) => {
+                bounds.extend({ lat: place.latitude, lng: place.longitude });
+            });
+            map.fitBounds(bounds, 48);
+            return;
+        }
+        const coords = userCoordinatesRef.current;
+        if (coords && Number.isFinite(coords.latitude) && Number.isFinite(coords.longitude)) {
+            map.setCenter({ lat: coords.latitude, lng: coords.longitude });
+            map.setZoom(USER_LOCATION_ZOOM);
+            return;
+        }
+        map.setCenter(BRAZIL_CENTER);
+        map.setZoom(BRAZIL_ZOOM);
+    }, [mapEpoch, mapReady, resultSignature, userLocationKey]);
+    React$1.useEffect(() => {
+        var _a;
+        const map = mapRef.current;
+        if (!mapReady || !map)
+            return;
+        const scheme = mapColorScheme(mode);
+        if (scheme)
+            (_a = map.setOptions) === null || _a === void 0 ? void 0 : _a.call(map, { colorScheme: scheme });
+        markersRef.current.forEach((marker, id) => {
+            marker.setIcon(pinIcon(id === selectedPlaceId, mode));
+        });
+        if (!selectedPlaceId)
+            return;
+        const place = finitePlaces(resultsRef.current).find((item) => item.placeId === selectedPlaceId);
+        if (!place)
+            return;
+        map.panTo({ lat: place.latitude, lng: place.longitude });
+    }, [mapEpoch, mapReady, mode, resultSignature, selectedPlaceId]);
+    React$1.useEffect(() => {
+        var _a, _b, _c, _d;
+        const map = mapRef.current;
+        if (!mapReady || !map || layoutKey === null)
+            return;
+        (_d = (_c = (_b = (_a = window.google) === null || _a === void 0 ? void 0 : _a.maps) === null || _b === void 0 ? void 0 : _b.event) === null || _c === void 0 ? void 0 : _c.trigger) === null || _d === void 0 ? void 0 : _d.call(_c, map, "resize");
+    }, [layoutKey, mapEpoch, mapReady]);
+    const showPlaceholder = !trimmedKey || mapFailed || !mapReady;
+    return (React$1.createElement(Box$1, { sx: { position: "absolute", inset: 0 } },
+        React$1.createElement(Box$1, { ref: containerRef, role: "region", "aria-label": "Mapa de terreiros", "data-testid": "terreiro-search-map", sx: { position: "absolute", inset: 0, bgcolor: "background.default" } }),
+        showPlaceholder ? (React$1.createElement(Box$1, { "aria-hidden": true, "data-testid": "terreiro-search-map-placeholder", sx: {
+                position: "absolute",
+                inset: 0,
+                bgcolor: "background.default",
+                zIndex: 1,
+            } })) : null));
+};
+
+const TRADITIONS = ["Umbanda", "Candomblé", "Omolocô", "Quimbanda"];
+const statusLabel = (status) => {
+    if (status === "CLOSED_PERMANENTLY")
+        return "Fechado permanentemente";
+    if (status === "CLOSED_TEMPORARILY")
+        return "Fechado temporariamente";
+    return null;
+};
+const traditionPressed = (query, tradition) => query.trim().localeCompare(tradition, "pt-BR", { sensitivity: "accent" }) === 0;
+const floatingControlShadow = "0 4px 16px rgba(32, 28, 16, 0.12)";
+const PEEK_HEIGHT = 72;
+const TOP_CLEARANCE = 120;
+const DRAG_SLOP = 5;
+const maxSheetHeight = () => {
+    const viewport = typeof window === "undefined" ? 800 : window.innerHeight;
+    return Math.max(PEEK_HEIGHT, viewport - TOP_CLEARANCE);
+};
+const defaultOpenHeight = () => {
+    const viewport = typeof window === "undefined" ? 800 : window.innerHeight;
+    return Math.round(Math.min(Math.max(viewport * 0.4, PEEK_HEIGHT), maxSheetHeight()));
+};
+const focusRing = {
+    "&:focus-visible": {
+        outline: "2px solid",
+        outlineColor: "primary.main",
+        outlineOffset: 2,
+    },
+};
+const ResultRow = ({ place, selected, onSelect, onOpenMaps }) => {
+    const closedLabel = statusLabel(place.businessStatus);
+    return (React$1.createElement(Box$1, { component: "li", "data-testid": `terreiro-search-result-${place.placeId}`, sx: {
+            display: "flex",
+            alignItems: "center",
+            gap: 0.5,
+            minHeight: 56,
+            listStyle: "none",
+        } },
+        React$1.createElement(Box$1, { component: "button", type: "button", "aria-pressed": selected, onClick: () => onSelect(place.placeId), sx: Object.assign({ flex: 1, minWidth: 0, minHeight: 56, display: "flex", alignItems: "center", gap: 1.5, py: 1, px: 0, border: 0, background: "transparent", textAlign: "left", cursor: "pointer", color: "inherit" }, focusRing) },
+            React$1.createElement(Box$1, { "aria-hidden": true, sx: {
+                    width: 40,
+                    height: 40,
+                    borderRadius: "50%",
+                    display: "grid",
+                    placeItems: "center",
+                    flexShrink: 0,
+                    bgcolor: (theme) => alpha(selected ? theme.palette.primary.main : theme.palette.text.primary, 0.12),
+                    color: selected ? "primary.main" : "text.primary",
+                } },
+                React$1.createElement(PlaceOutlined, { fontSize: "small" })),
+            React$1.createElement(Box$1, { sx: { minWidth: 0 } },
+                React$1.createElement(Typography$1, { sx: {
+                        fontWeight: 700,
+                        fontSize: 16,
+                        color: selected ? "primary.main" : "text.primary",
+                    } }, place.name),
+                React$1.createElement(Typography$1, { sx: { fontSize: 13, color: "text.secondary" } }, place.formattedAddress),
+                closedLabel ? (React$1.createElement(Typography$1, { sx: { fontSize: 12, color: "text.secondary" } }, closedLabel)) : null)),
+        React$1.createElement(Link$1, { href: place.googleMapsUrl, target: "_blank", rel: "noopener noreferrer", "aria-label": "Ver no Google Maps", "data-testid": `terreiro-search-maps-${place.placeId}`, onClick: () => onOpenMaps(place), sx: Object.assign({ width: 44, height: 44, display: "inline-flex", alignItems: "center", justifyContent: "center", flexShrink: 0, color: "text.primary", borderRadius: "50%" }, focusRing) },
+            React$1.createElement(DirectionsOutlined, null))));
+};
+const NearbyTerreiroSearchPage = ({ query, onQueryChange, city, onCityChange, state, onStateChange, locationMode, geolocationNotice, isLocating = false, isLoading = false, isLoadingMore = false, results, errorMessage, hasMore = false, onSearch, onUseMyLocation, onRetry, onLoadMore, onOpenMaps, onBack, googleMapsApiKey, userCoordinates, }) => {
+    const theme = useTheme$1();
+    const isWide = useMediaQuery(theme.breakpoints.up("sm"));
+    const [locationOpen, setLocationOpen] = React$1.useState(false);
+    const [addressSearchUnavailable, setAddressSearchUnavailable] = React$1.useState(false);
+    const [selectedPlaceId, setSelectedPlaceId] = React$1.useState(null);
+    const [sheetHeight, setSheetHeight] = React$1.useState(null);
+    const hasSheetContent = isLoading || Boolean(errorMessage) || results !== null;
+    const listVisible = Boolean(results && results.length > 0);
+    const previousMode = React$1.useRef(locationMode);
+    const lastOpenHeight = React$1.useRef(defaultOpenHeight());
+    const dragOrigin = React$1.useRef(null);
+    const dragMoved = React$1.useRef(false);
+    const resolvedSheetHeight = sheetHeight !== null && sheetHeight !== void 0 ? sheetHeight : defaultOpenHeight();
+    const sheetOpen = resolvedSheetHeight > PEEK_HEIGHT + DRAG_SLOP;
+    React$1.useEffect(() => {
+        if (!listVisible || sheetHeight !== null)
+            return;
+        const open = defaultOpenHeight();
+        lastOpenHeight.current = open;
+        setSheetHeight(open);
+    }, [listVisible, sheetHeight]);
+    const toggleSheet = () => {
+        setSheetHeight((current) => {
+            const height = current !== null && current !== void 0 ? current : defaultOpenHeight();
+            if (height <= PEEK_HEIGHT + DRAG_SLOP) {
+                const open = lastOpenHeight.current > PEEK_HEIGHT + DRAG_SLOP
+                    ? lastOpenHeight.current
+                    : defaultOpenHeight();
+                return Math.min(open, maxSheetHeight());
+            }
+            lastOpenHeight.current = height;
+            return PEEK_HEIGHT;
+        });
+    };
+    const onHandlePointerDown = (event) => {
+        if (!listVisible)
+            return;
+        dragMoved.current = false;
+        dragOrigin.current = {
+            y: event.clientY,
+            height: sheetHeight !== null && sheetHeight !== void 0 ? sheetHeight : defaultOpenHeight(),
+        };
+        if (event.currentTarget.setPointerCapture && Number.isFinite(event.pointerId)) {
+            event.currentTarget.setPointerCapture(event.pointerId);
+        }
+    };
+    const onHandlePointerMove = (event) => {
+        const origin = dragOrigin.current;
+        if (!origin)
+            return;
+        if (Math.abs(origin.y - event.clientY) > DRAG_SLOP)
+            dragMoved.current = true;
+        if (!dragMoved.current)
+            return;
+        const next = Math.min(maxSheetHeight(), Math.max(PEEK_HEIGHT, origin.height + (origin.y - event.clientY)));
+        setSheetHeight(next);
+    };
+    const onHandlePointerUp = (event) => {
+        if (!dragOrigin.current)
+            return;
+        dragOrigin.current = null;
+        if (event.currentTarget.hasPointerCapture &&
+            Number.isFinite(event.pointerId) &&
+            event.currentTarget.hasPointerCapture(event.pointerId)) {
+            event.currentTarget.releasePointerCapture(event.pointerId);
+        }
+        if (!dragMoved.current)
+            return;
+        setSheetHeight((current) => {
+            if (current !== null && current > PEEK_HEIGHT + DRAG_SLOP) {
+                lastOpenHeight.current = current;
+            }
+            return current;
+        });
+    };
+    const onHandleClick = () => {
+        if (!listVisible)
+            return;
+        if (dragMoved.current) {
+            dragMoved.current = false;
+            return;
+        }
+        toggleSheet();
+    };
+    const trimmedQuery = query.trim();
+    const locationReady = locationMode === "geolocation" || city.trim().length >= 2;
+    const canSearch = trimmedQuery.length >= 3 &&
+        trimmedQuery.length <= 80 &&
+        locationReady &&
+        !isLoading &&
+        !isLocating;
+    React$1.useEffect(() => {
+        if (previousMode.current !== "geolocation" && locationMode === "geolocation") {
+            setLocationOpen(false);
+        }
+        previousMode.current = locationMode;
+    }, [locationMode]);
+    React$1.useEffect(() => {
+        if (!selectedPlaceId)
+            return;
+        if (!(results === null || results === void 0 ? void 0 : results.some((place) => place.placeId === selectedPlaceId))) {
+            setSelectedPlaceId(null);
+        }
+    }, [results, selectedPlaceId]);
+    React$1.useEffect(() => {
+        if (!selectedPlaceId || !listVisible)
+            return;
+        setSheetHeight((current) => {
+            const height = current !== null && current !== void 0 ? current : defaultOpenHeight();
+            if (height > PEEK_HEIGHT + DRAG_SLOP)
+                return current;
+            const open = lastOpenHeight.current > PEEK_HEIGHT + DRAG_SLOP
+                ? lastOpenHeight.current
+                : defaultOpenHeight();
+            return Math.min(open, maxSheetHeight());
+        });
+        let innerFrame = 0;
+        const outerFrame = requestAnimationFrame(() => {
+            innerFrame = requestAnimationFrame(() => {
+                var _a;
+                const row = (_a = document
+                    .getElementById("terreiro-search-sheet-body")) === null || _a === void 0 ? void 0 : _a.querySelector(`[data-testid="terreiro-search-result-${CSS.escape(selectedPlaceId)}"]`);
+                if (row instanceof HTMLElement) {
+                    row.scrollIntoView({ block: "nearest" });
+                }
+            });
+        });
+        return () => {
+            cancelAnimationFrame(outerFrame);
+            cancelAnimationFrame(innerFrame);
+        };
+    }, [listVisible, selectedPlaceId]);
+    const locationLabel = locationMode === "geolocation"
+        ? "Perto de mim"
+        : city.trim()
+            ? state.trim()
+                ? `${city.trim()}, ${state.trim()}`
+                : city.trim()
+            : "Escolher cidade";
+    const peekLabel = (() => {
+        if (isLoading)
+            return "Buscando terreiros...";
+        if (errorMessage)
+            return "Não foi possível buscar";
+        if (results && results.length === 1)
+            return "1 terreiro";
+        if (results && results.length > 1)
+            return `${results.length} terreiros`;
+        if (results && results.length === 0)
+            return "Nenhum terreiro";
+        return "Busque para ver terreiros na região";
+    })();
+    const submitTradition = (tradition) => {
+        onQueryChange(tradition);
+        if (locationReady && !isLoading && !isLocating)
+            onSearch(tradition);
+    };
+    const notice = geolocationNotice ? (React$1.createElement(Typography$1, { role: "status", variant: "body2", "data-testid": "terreiro-search-geo-notice", sx: {
+            alignSelf: "flex-start",
+            maxWidth: "100%",
+            bgcolor: "background.paper",
+            color: "text.secondary",
+            borderRadius: 2,
+            px: 1.5,
+            py: 1,
+            fontSize: 13,
+            boxShadow: floatingControlShadow,
+        } }, geolocationNotice)) : null;
+    return (React$1.createElement(Box$1, { sx: {
+            position: "relative",
+            height: "100dvh",
+            display: "flex",
+            overflow: "hidden",
+            bgcolor: "background.default",
+        } },
+        React$1.createElement(Box$1, { component: "section", "aria-label": "Resultados", "data-testid": "terreiro-search-sheet", style: listVisible ? { height: resolvedSheetHeight } : undefined, sx: {
+                position: listVisible ? "absolute" : { xs: "absolute", sm: "relative" },
+                left: 0,
+                right: { xs: 0, sm: "auto" },
+                bottom: 0,
+                zIndex: 2,
+                display: "flex",
+                flexDirection: "column",
+                width: { xs: "100%", sm: 400 },
+                maxWidth: { sm: 400 },
+                flexShrink: 0,
+                height: listVisible ? undefined : { sm: "100%" },
+                maxHeight: listVisible ? `calc(100dvh - ${TOP_CLEARANCE}px)` : "none",
+                bgcolor: "background.paper",
+                borderTopLeftRadius: listVisible || !isWide ? "20px" : 0,
+                borderTopRightRadius: listVisible || !isWide ? "20px" : 0,
+                borderRight: listVisible ? 0 : { sm: 1 },
+                borderColor: "divider",
+                boxShadow: listVisible || !isWide ? "0 -8px 24px rgba(32, 28, 16, 0.08)" : "none",
+            } },
+            listVisible ? (React$1.createElement(Box$1, { component: "button", type: "button", "aria-expanded": sheetOpen, "aria-controls": "terreiro-search-sheet-body", "data-testid": "terreiro-search-sheet-handle", onPointerDown: onHandlePointerDown, onPointerMove: onHandlePointerMove, onPointerUp: onHandlePointerUp, onClick: onHandleClick, sx: Object.assign({ width: "100%", border: 0, bgcolor: "transparent", cursor: "ns-resize", touchAction: "none", display: "flex", flexDirection: "column", alignItems: "center", gap: 0.75, pt: 1, pb: 1, px: 2, minHeight: 44, color: "text.primary" }, focusRing) },
+                React$1.createElement(Box$1, { "aria-hidden": true, sx: {
+                        width: 36,
+                        height: 4,
+                        borderRadius: RADIUS.pill,
+                        bgcolor: (muiTheme) => alpha(muiTheme.palette.text.primary, 0.28),
+                    } }),
+                React$1.createElement(Box$1, { component: "span", sx: { alignSelf: "flex-start", fontSize: 16, fontWeight: 800 } }, peekLabel))) : isWide ? (React$1.createElement(Typography$1, { sx: { px: 2, pt: 2, pb: 1, fontSize: 16, fontWeight: 800 } }, peekLabel)) : (React$1.createElement(Box$1, { sx: {
+                    width: "100%",
+                    display: "flex",
+                    flexDirection: "column",
+                    alignItems: "center",
+                    gap: 0.75,
+                    pt: 1,
+                    pb: 1,
+                    px: 2,
+                    minHeight: 44,
+                    color: "text.primary",
+                } },
+                React$1.createElement(Box$1, { "aria-hidden": true, sx: {
+                        width: 36,
+                        height: 4,
+                        borderRadius: RADIUS.pill,
+                        bgcolor: (muiTheme) => alpha(muiTheme.palette.text.primary, 0.28),
+                    } }),
+                React$1.createElement(Box$1, { component: "span", sx: { alignSelf: "flex-start", fontSize: 16, fontWeight: 800 } }, peekLabel))),
+            React$1.createElement(Box$1, { id: "terreiro-search-sheet-body", sx: {
+                    display: hasSheetContent ? "flex" : "none",
+                    flexDirection: "column",
+                    flex: 1,
+                    minHeight: 0,
+                    overflowY: "auto",
+                    px: 2,
+                    pb: 2,
+                } },
+                isLoading ? (React$1.createElement(Stack$1, { spacing: 1, "data-testid": "terreiro-search-loading" }, [0, 1, 2].map((item) => (React$1.createElement(Skeleton$1, { key: item, variant: "rectangular", height: 56 }))))) : null,
+                !isLoading && errorMessage ? (React$1.createElement(Stack$1, { spacing: 1, "data-testid": "terreiro-search-error", role: "alert" },
+                    React$1.createElement(Typography$1, null, errorMessage),
+                    onRetry ? (React$1.createElement(Button$1, { type: "button", variant: "text", onClick: onRetry, "data-testid": "terreiro-search-retry", sx: {
+                            alignSelf: "flex-start",
+                            minHeight: 44,
+                            fontWeight: 700,
+                            color: "text.primary",
+                        } }, "Tentar de novo")) : null)) : null,
+                !isLoading && !errorMessage && results && results.length === 0 ? (React$1.createElement(Stack$1, { spacing: 1, "data-testid": "terreiro-search-empty", sx: { py: 2 } },
+                    React$1.createElement(PlaceOutlined, { sx: { color: "text.primary" } }),
+                    React$1.createElement(Typography$1, { sx: { fontWeight: 700 } }, "Nenhum terreiro encontrado para esta busca na regi\u00E3o selecionada."),
+                    React$1.createElement(Typography$1, { sx: { fontSize: 13, color: "text.secondary" } }, "Ajuste o termo ou a cidade e busque de novo."))) : null,
+                !isLoading && !errorMessage && results && results.length > 0 ? (React$1.createElement(Box$1, { component: "ul", sx: { m: 0, p: 0 } }, results.map((place) => (React$1.createElement(ResultRow, { key: place.placeId, place: place, selected: place.placeId === selectedPlaceId, onSelect: setSelectedPlaceId, onOpenMaps: onOpenMaps }))))) : null,
+                !isLoading && !errorMessage && hasMore ? (React$1.createElement(Button$1, { type: "button", variant: "text", onClick: onLoadMore, disabled: isLoadingMore, "data-testid": "terreiro-search-load-more", sx: {
+                        alignSelf: "flex-start",
+                        mt: 0.5,
+                        minHeight: 44,
+                        fontWeight: 700,
+                        color: "text.primary",
+                    } }, isLoadingMore ? "Carregando..." : "Carregar mais")) : null)),
+        React$1.createElement(Box$1, { sx: { position: "relative", flex: 1, minWidth: 0 } },
+            React$1.createElement(TerreiroResultMap, { apiKey: googleMapsApiKey, results: results, selectedPlaceId: selectedPlaceId, userCoordinates: userCoordinates, layoutKey: listVisible ? resolvedSheetHeight : null, onSelectPlace: setSelectedPlaceId }),
+            React$1.createElement(Box$1, { component: "form", onSubmit: (event) => {
+                    event.preventDefault();
+                    if (canSearch)
+                        onSearch(trimmedQuery);
+                }, sx: {
+                    position: "absolute",
+                    top: 16,
+                    left: 16,
+                    right: 16,
+                    zIndex: 3,
+                    display: "flex",
+                    flexDirection: "column",
+                    gap: 1,
+                } },
+                React$1.createElement(Box$1, { sx: { display: "flex", alignItems: "center", gap: 1 } },
+                    onBack ? (React$1.createElement(IconButton$1, { type: "button", "aria-label": "Voltar", onClick: onBack, sx: Object.assign({ width: 44, height: 44, flexShrink: 0, bgcolor: "background.paper", color: "text.primary", boxShadow: floatingControlShadow, "&:hover": { bgcolor: "background.paper" } }, focusRing) },
+                        React$1.createElement(ArrowBack$1, null))) : null,
+                    React$1.createElement(Box$1, { sx: {
+                            flex: 1,
+                            minWidth: 0,
+                            display: "flex",
+                            alignItems: "center",
+                            minHeight: 44,
+                            pl: 2,
+                            pr: 0.5,
+                            bgcolor: "background.paper",
+                            borderRadius: RADIUS.pill,
+                            boxShadow: floatingControlShadow,
+                        } },
+                        React$1.createElement(InputBase$1, { value: query, onChange: (event) => onQueryChange(event.target.value), placeholder: "Umbanda, Candombl\u00E9...", fullWidth: true, inputProps: {
+                                "aria-label": "Tradição ou nome",
+                                maxLength: 80,
+                                "data-testid": "terreiro-search-query",
+                            }, sx: {
+                                fontSize: 16,
+                                color: "text.primary",
+                                "& input::placeholder": { color: "text.secondary", opacity: 1 },
+                            } }),
+                        query ? (React$1.createElement(IconButton$1, { type: "button", "aria-label": "Limpar busca", onClick: () => onQueryChange(""), sx: { width: 44, height: 44, flexShrink: 0, color: "text.primary" } },
+                            React$1.createElement(Close$1, null))) : null),
+                    React$1.createElement(IconButton$1, { type: "submit", "aria-label": "Buscar", disabled: !canSearch, "data-testid": "terreiro-search-submit", onClick: (event) => {
+                            event.preventDefault();
+                            if (canSearch)
+                                onSearch(trimmedQuery);
+                        }, sx: Object.assign({ width: 44, height: 44, flexShrink: 0, bgcolor: "primary.main", color: "primary.contrastText", boxShadow: floatingControlShadow, "&:hover": { bgcolor: "primary.dark" }, "&.Mui-disabled": {
+                                bgcolor: (muiTheme) => alpha(muiTheme.palette.primary.main, 0.38),
+                                color: "primary.contrastText",
+                            } }, focusRing) },
+                        React$1.createElement(Search$1, null))),
+                React$1.createElement(Box$1, { role: "group", "aria-label": "Tradi\u00E7\u00F5es", sx: {
+                        display: "flex",
+                        gap: 1,
+                        overflowX: "auto",
+                        scrollbarWidth: "none",
+                        "&::-webkit-scrollbar": { display: "none" },
+                    } }, TRADITIONS.map((tradition) => {
+                    const pressed = traditionPressed(query, tradition);
+                    return (React$1.createElement(Button$1, { key: tradition, type: "button", variant: "outlined", "aria-pressed": pressed, onClick: () => submitTradition(tradition), sx: {
+                            flexShrink: 0,
+                            minHeight: 44,
+                            px: 2,
+                            borderRadius: RADIUS.pill,
+                            textTransform: "none",
+                            fontWeight: 600,
+                            bgcolor: "background.paper",
+                            borderColor: pressed ? "primary.main" : "divider",
+                            color: pressed ? "primary.main" : "text.primary",
+                            "&:hover": {
+                                bgcolor: "background.paper",
+                                borderColor: pressed ? "primary.main" : "divider",
+                            },
+                        } }, tradition));
+                })),
+                React$1.createElement(Button$1, { type: "button", variant: "outlined", "aria-expanded": locationOpen, "aria-haspopup": "dialog", onClick: () => setLocationOpen(true), startIcon: locationMode === "geolocation" ? React$1.createElement(MyLocation, null) : React$1.createElement(PlaceOutlined, null), sx: {
+                        alignSelf: "flex-start",
+                        minHeight: 44,
+                        maxWidth: "100%",
+                        borderRadius: RADIUS.pill,
+                        textTransform: "none",
+                        fontWeight: 600,
+                        bgcolor: "background.paper",
+                        borderColor: "divider",
+                        color: "text.primary",
+                        "&:hover": { bgcolor: "background.paper", borderColor: "divider" },
+                    } }, locationLabel),
+                !locationOpen ? notice : null)),
+        React$1.createElement(GenericDrawer, { open: locationOpen, onClose: () => setLocationOpen(false), "aria-label": "Local da busca" }, locationOpen ? (React$1.createElement(Stack$1, { spacing: 2, sx: { px: 2, pb: 3 } },
+            React$1.createElement(Typography$1, { sx: { fontSize: 16, fontWeight: 800 } }, "Onde buscar"),
+            (googleMapsApiKey === null || googleMapsApiKey === void 0 ? void 0 : googleMapsApiKey.trim()) && !addressSearchUnavailable ? (React$1.createElement(TerreiroLocationSearch, { apiKey: googleMapsApiKey.trim(), onUnavailable: () => setAddressSearchUnavailable(true), onSelect: (nextCity, nextState) => {
+                    onCityChange(nextCity);
+                    onStateChange(nextState);
+                    setLocationOpen(false);
+                } })) : (React$1.createElement(Stack$1, { direction: "row", spacing: 1 },
+                React$1.createElement(TextField$1, { label: "Cidade", value: city, onChange: (event) => onCityChange(event.target.value), inputProps: { "data-testid": "terreiro-search-city" }, fullWidth: true, sx: {
+                        "& .MuiInputBase-input": { color: "text.primary" },
+                        "& .MuiInputBase-input::placeholder": { color: "text.secondary", opacity: 1 },
+                    } }),
+                React$1.createElement(TextField$1, { label: "UF", value: state, onChange: (event) => onStateChange(event.target.value.toUpperCase().slice(0, 2)), inputProps: { maxLength: 2, "data-testid": "terreiro-search-state" }, sx: {
+                        width: 88,
+                        "& .MuiInputBase-input": { color: "text.primary" },
+                    } }))),
+            React$1.createElement(Button$1, { type: "button", variant: "text", onClick: onUseMyLocation, disabled: isLocating || isLoading, "data-testid": "terreiro-search-geolocation", sx: { alignSelf: "flex-start", minHeight: 44, fontWeight: 700, color: "text.primary" } }, isLocating ? "Buscando localização..." : "Usar minha localização"),
+            notice)) : null)));
+};
+
 /**
  * Convert the given array buffer into a Base64URL-encoded string. Ideal for converting various
  * credential response ArrayBuffers to string for sending back to the server as JSON.
@@ -195061,6 +195809,7 @@ exports.MoonZodiacSchema = MoonZodiacSchema;
 exports.MyPermissionsDetailedSchema = MyPermissionsDetailedSchema;
 exports.MyPermissionsPage = MyPermissionsPage;
 exports.MyPermissionsPagePropsSchema = MyPermissionsPagePropsSchema;
+exports.NearbyTerreiroSearchPage = NearbyTerreiroSearchPage;
 exports.NotFoundPage = NotFoundPage;
 exports.NotificationSettingsPage = NotificationSettingsPage;
 exports.NotificationSettingsPagePropsSchema = NotificationSettingsPagePropsSchema;