@sonordev/site-kit 2.5.2 → 2.5.4

package/dist/maps/index.js

@@ -0,0 +1,365 @@
+'use client';
+'use strict';
+
+require('../chunk-ZSMWDLMK.js');
+var react = require('react');
+var reactGoogleMaps = require('@vis.gl/react-google-maps');
+var jsxRuntime = require('react/jsx-runtime');
+
+function GoogleMap({
+  apiKey,
+  mapId = "fcca3cd2bb19cf9a960994e7",
+  center,
+  zoom = 14,
+  markers = [],
+  className = "",
+  showPropertyMarker = true,
+  propertyName,
+  propertyAddress,
+  propertyPinColor = "#4a7c59"
+}) {
+  const [selectedMarker, setSelectedMarker] = react.useState(null);
+  const [showPropertyInfo, setShowPropertyInfo] = react.useState(false);
+  const handleMarkerClick = react.useCallback((marker) => {
+    setSelectedMarker(marker);
+    setShowPropertyInfo(false);
+  }, []);
+  const handlePropertyClick = react.useCallback(() => {
+    setShowPropertyInfo(true);
+    setSelectedMarker(null);
+  }, []);
+  if (!apiKey) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `bg-gray-100 flex items-center justify-center rounded-2xl ${className}`, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center p-8", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-gray-500", children: "Map loading..." }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-gray-400 mt-2", children: "Google Maps API key not configured" })
+    ] }) });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `relative ${className}`, children: /* @__PURE__ */ jsxRuntime.jsx(reactGoogleMaps.APIProvider, { apiKey, children: /* @__PURE__ */ jsxRuntime.jsxs(
+    reactGoogleMaps.Map,
+    {
+      defaultCenter: center,
+      defaultZoom: zoom,
+      mapId,
+      className: "w-full h-full rounded-2xl",
+      disableDefaultUI: false,
+      gestureHandling: "cooperative",
+      style: { borderRadius: "1rem" },
+      children: [
+        showPropertyMarker && /* @__PURE__ */ jsxRuntime.jsx(reactGoogleMaps.AdvancedMarker, { position: center, onClick: handlePropertyClick, title: propertyName, children: /* @__PURE__ */ jsxRuntime.jsx(reactGoogleMaps.Pin, { background: propertyPinColor, glyphColor: "#ffffff", borderColor: "#ffffff", scale: 1.2 }) }),
+        showPropertyInfo && propertyName && /* @__PURE__ */ jsxRuntime.jsx(reactGoogleMaps.InfoWindow, { position: center, onCloseClick: () => setShowPropertyInfo(false), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { padding: "12px", minWidth: 200 }, children: [
+          /* @__PURE__ */ jsxRuntime.jsx("h3", { style: { fontWeight: 600, fontSize: "1rem", margin: "0 0 4px" }, children: propertyName }),
+          propertyAddress && /* @__PURE__ */ jsxRuntime.jsx("p", { style: { fontSize: "0.875rem", color: "#6b7280", margin: "0 0 8px" }, children: propertyAddress }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "a",
+            {
+              href: `https://www.google.com/maps/search/?api=1&query=${center.lat},${center.lng}`,
+              target: "_blank",
+              rel: "noopener noreferrer",
+              style: { fontSize: "0.75rem", color: "#2563eb", textDecoration: "none" },
+              children: "Get Directions"
+            }
+          )
+        ] }) }),
+        markers.map((marker, index) => /* @__PURE__ */ jsxRuntime.jsx(
+          reactGoogleMaps.AdvancedMarker,
+          {
+            position: marker.position,
+            onClick: () => handleMarkerClick(marker),
+            title: marker.title,
+            children: /* @__PURE__ */ jsxRuntime.jsx(reactGoogleMaps.Pin, { background: "#dc2626", glyphColor: "#ffffff", borderColor: "#ffffff" })
+          },
+          marker.title + index
+        )),
+        selectedMarker && /* @__PURE__ */ jsxRuntime.jsx(reactGoogleMaps.InfoWindow, { position: selectedMarker.position, onCloseClick: () => setSelectedMarker(null), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { padding: "12px", minWidth: 220, maxWidth: 280 }, children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "flex-start", gap: 8, marginBottom: 4 }, children: [
+            /* @__PURE__ */ jsxRuntime.jsx("h4", { style: { fontWeight: 600, fontSize: "0.875rem", margin: 0, lineHeight: 1.3 }, children: selectedMarker.title }),
+            selectedMarker.isOpen !== void 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { style: {
+              fontSize: "0.75rem",
+              padding: "2px 6px",
+              borderRadius: 4,
+              backgroundColor: selectedMarker.isOpen ? "#dcfce7" : "#fee2e2",
+              color: selectedMarker.isOpen ? "#15803d" : "#b91c1c"
+            }, children: selectedMarker.isOpen ? "Open" : "Closed" })
+          ] }),
+          selectedMarker.type && /* @__PURE__ */ jsxRuntime.jsx("p", { style: { fontSize: "0.75rem", color: "#9ca3af", margin: "0 0 4px" }, children: selectedMarker.type }),
+          selectedMarker.rating && /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", alignItems: "center", gap: 4, marginBottom: 8 }, children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: "0.75rem" }, children: "\u2605" }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: "0.75rem", fontWeight: 500 }, children: selectedMarker.rating.toFixed(1) }),
+            selectedMarker.totalRatings && /* @__PURE__ */ jsxRuntime.jsxs("span", { style: { fontSize: "0.75rem", color: "#9ca3af" }, children: [
+              "(",
+              selectedMarker.totalRatings.toLocaleString(),
+              ")"
+            ] })
+          ] }),
+          selectedMarker.address && /* @__PURE__ */ jsxRuntime.jsx("p", { style: { fontSize: "0.75rem", color: "#6b7280", margin: "0 0 8px" }, children: selectedMarker.address }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", gap: 12, paddingTop: 8, borderTop: "1px solid #f3f4f6" }, children: [
+            selectedMarker.mapsUrl && /* @__PURE__ */ jsxRuntime.jsx(
+              "a",
+              {
+                href: selectedMarker.mapsUrl,
+                target: "_blank",
+                rel: "noopener noreferrer",
+                style: { fontSize: "0.75rem", color: "#2563eb", textDecoration: "none" },
+                children: "Directions"
+              }
+            ),
+            selectedMarker.website && /* @__PURE__ */ jsxRuntime.jsx(
+              "a",
+              {
+                href: selectedMarker.website,
+                target: "_blank",
+                rel: "noopener noreferrer",
+                style: { fontSize: "0.75rem", color: "#2563eb", textDecoration: "none" },
+                children: "Website"
+              }
+            )
+          ] })
+        ] }) })
+      ]
+    }
+  ) }) });
+}
+
+// src/maps/api.ts
+function getApiConfig() {
+  const apiUrl = typeof window !== "undefined" ? window.__SITE_KIT_API_URL__ || "https://api.sonor.io" : process.env.SONOR_API_URL || "https://api.sonor.io";
+  const apiKey = typeof window !== "undefined" ? window.__SITE_KIT_API_KEY__ || "" : process.env.SONOR_API_KEY || "";
+  return { apiUrl, apiKey };
+}
+async function fetchWithRetry(url, headers, retries = 2) {
+  for (let attempt = 0; attempt <= retries; attempt++) {
+    const response = await fetch(url, { headers });
+    if (response.ok) return response;
+    if (response.status === 429 && attempt < retries) {
+      const delay = Math.pow(2, attempt + 1) * 1e3;
+      await new Promise((r) => setTimeout(r, delay));
+      continue;
+    }
+    return response;
+  }
+  throw new Error("fetchWithRetry exhausted");
+}
+var configCache = null;
+var CONFIG_CACHE_TTL = 3e5;
+var placesCache = /* @__PURE__ */ new Map();
+var PLACES_CACHE_TTL = 6e4;
+async function fetchMapsConfig() {
+  if (configCache && Date.now() - configCache.timestamp < CONFIG_CACHE_TTL) {
+    return configCache.data;
+  }
+  const { apiUrl, apiKey } = getApiConfig();
+  if (!apiKey) return null;
+  try {
+    const res = await fetchWithRetry(
+      `${apiUrl}/api/public/maps/config`,
+      { "Content-Type": "application/json", "x-api-key": apiKey }
+    );
+    if (!res.ok) return null;
+    const data = await res.json();
+    if (data.apiKey) {
+      configCache = { data, timestamp: Date.now() };
+    }
+    return data;
+  } catch (err) {
+    console.error("[site-kit/maps] Failed to fetch maps config:", err);
+    return null;
+  }
+}
+async function fetchNearbyPlaces(params) {
+  const cacheKey = `${params.lat},${params.lng}:${params.type}`;
+  const cached = placesCache.get(cacheKey);
+  if (cached && Date.now() - cached.timestamp < PLACES_CACHE_TTL) {
+    return cached.data;
+  }
+  const { apiUrl, apiKey } = getApiConfig();
+  if (!apiKey) return [];
+  try {
+    const searchParams = new URLSearchParams({
+      lat: String(params.lat),
+      lng: String(params.lng),
+      type: params.type
+    });
+    if (params.radius) searchParams.set("radius", String(params.radius));
+    if (params.limit) searchParams.set("limit", String(params.limit));
+    const res = await fetchWithRetry(
+      `${apiUrl}/api/public/maps/nearby-places?${searchParams}`,
+      { "Content-Type": "application/json", "x-api-key": apiKey }
+    );
+    if (!res.ok) return [];
+    const data = await res.json();
+    const places = data.places || [];
+    placesCache.set(cacheKey, { data: places, timestamp: Date.now() });
+    return places;
+  } catch (err) {
+    console.error("[site-kit/maps] Failed to fetch nearby places:", err);
+    return [];
+  }
+}
+
+// src/maps/types.ts
+var DEFAULT_PLACE_TYPES = [
+  { id: "restaurant", label: "Restaurants", icon: "\u{1F37D}\uFE0F" },
+  { id: "bar", label: "Bars", icon: "\u{1F37A}" },
+  { id: "cafe", label: "Cafes", icon: "\u2615" },
+  { id: "gym", label: "Fitness", icon: "\u{1F4AA}" },
+  { id: "park", label: "Parks", icon: "\u{1F333}" },
+  { id: "shopping_mall", label: "Shopping", icon: "\u{1F6CD}\uFE0F" }
+];
+function NeighborhoodMap({
+  center,
+  propertyName,
+  propertyAddress,
+  className = "",
+  placeTypes = DEFAULT_PLACE_TYPES,
+  title = "Interactive Map",
+  subtitle,
+  propertyPinColor
+}) {
+  const [config, setConfig] = react.useState(null);
+  const [places, setPlaces] = react.useState([]);
+  const [loading, setLoading] = react.useState(true);
+  const [activeFilter, setActiveFilter] = react.useState(placeTypes[0]?.id || "restaurant");
+  react.useEffect(() => {
+    fetchMapsConfig().then(setConfig);
+  }, []);
+  const loadPlaces = react.useCallback(async () => {
+    setLoading(true);
+    try {
+      const results = await fetchNearbyPlaces({
+        lat: center.lat,
+        lng: center.lng,
+        type: activeFilter
+      });
+      setPlaces(results);
+    } catch {
+      setPlaces([]);
+    } finally {
+      setLoading(false);
+    }
+  }, [center.lat, center.lng, activeFilter]);
+  react.useEffect(() => {
+    loadPlaces();
+  }, [loadPlaces]);
+  const markers = places.map((place) => ({
+    position: { lat: place.lat, lng: place.lng },
+    title: place.name,
+    type: place.placeType,
+    category: place.category,
+    rating: place.rating,
+    totalRatings: place.totalRatings,
+    address: place.address,
+    mapsUrl: place.mapsUrl,
+    isOpen: place.isOpen,
+    website: place.website
+  }));
+  const mapsQuery = encodeURIComponent(propertyAddress);
+  const activeLabel = placeTypes.find((t) => t.id === activeFilter)?.label || "Places";
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `py-8 ${className}`, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center mb-6", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "font-heading text-2xl md:text-3xl font-medium text-foreground mb-2", children: title }),
+      subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground max-w-2xl mx-auto text-sm", children: subtitle })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap justify-center gap-2 mb-6", children: placeTypes.map((type) => /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        onClick: () => setActiveFilter(type.id),
+        className: `px-4 py-2 rounded-full text-sm font-medium transition-all ${activeFilter === type.id ? "bg-primary text-white shadow-md" : "bg-white text-foreground hover:bg-primary/10 border border-border"}`,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mr-1.5", children: type.icon }),
+          type.label
+        ]
+      },
+      type.id
+    )) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid lg:grid-cols-3 gap-6", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "lg:col-span-2", children: config?.apiKey ? /* @__PURE__ */ jsxRuntime.jsx(
+        GoogleMap,
+        {
+          apiKey: config.apiKey,
+          mapId: config.mapId,
+          center,
+          markers,
+          zoom: 13,
+          className: "h-[500px] w-full rounded-2xl shadow-lg",
+          propertyName,
+          propertyAddress,
+          propertyPinColor
+        }
+      ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-[500px] w-full rounded-2xl shadow-lg bg-muted flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center p-8", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "animate-spin w-8 h-8 border-2 border-primary border-t-transparent rounded-full mx-auto mb-3" }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground text-sm", children: "Loading map..." })
+      ] }) }) }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-white rounded-2xl shadow-lg overflow-hidden", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-4 border-b border-border bg-gray-50", children: /* @__PURE__ */ jsxRuntime.jsxs("h3", { className: "font-semibold text-foreground flex items-center gap-2", children: [
+          activeLabel,
+          " Nearby",
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-muted-foreground font-normal text-sm", children: [
+            "(",
+            places.length,
+            ")"
+          ] })
+        ] }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-h-[440px] overflow-y-auto", children: loading ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-8 text-center", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "animate-spin w-8 h-8 border-2 border-primary border-t-transparent rounded-full mx-auto mb-3" }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground text-sm", children: "Loading places..." })
+        ] }) : places.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-8 text-center", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground", children: "No places found nearby" }) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "divide-y divide-border", children: places.slice(0, 10).map((place) => /* @__PURE__ */ jsxRuntime.jsx(
+          "a",
+          {
+            href: place.mapsUrl,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            className: "block p-4 hover:bg-gray-50 transition-colors group",
+            children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start justify-between gap-3", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "font-medium text-foreground group-hover:text-primary transition-colors truncate", children: place.name }),
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground truncate", children: place.placeType || place.category }),
+                place.rating && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1 mt-1", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-yellow-400 text-sm", children: "\u2605" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium", children: place.rating.toFixed(1) }),
+                  place.totalRatings && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs text-muted-foreground", children: [
+                    "(",
+                    place.totalRatings.toLocaleString(),
+                    ")"
+                  ] })
+                ] })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col items-end gap-1", children: place.isOpen !== void 0 && /* @__PURE__ */ jsxRuntime.jsx(
+                "span",
+                {
+                  className: `text-xs px-2 py-0.5 rounded-full ${place.isOpen ? "bg-green-100 text-green-700" : "bg-red-100 text-red-700"}`,
+                  children: place.isOpen ? "Open" : "Closed"
+                }
+              ) })
+            ] })
+          },
+          place.id
+        )) }) })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-center mt-6", children: /* @__PURE__ */ jsxRuntime.jsxs(
+      "a",
+      {
+        href: `https://www.google.com/maps/search/?api=1&query=attractions+near+${mapsQuery}`,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        className: "inline-flex items-center gap-2 px-6 py-2.5 border border-primary text-primary rounded-md text-sm font-medium hover:bg-primary hover:text-white transition-colors",
+        children: [
+          "Explore More on Google Maps",
+          /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" }),
+            /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "15 3 21 3 21 9" }),
+            /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "10", y1: "14", x2: "21", y2: "3" })
+          ] })
+        ]
+      }
+    ) })
+  ] });
+}
+
+exports.DEFAULT_PLACE_TYPES = DEFAULT_PLACE_TYPES;
+exports.GoogleMap = GoogleMap;
+exports.NeighborhoodMap = NeighborhoodMap;
+exports.fetchMapsConfig = fetchMapsConfig;
+exports.fetchNearbyPlaces = fetchNearbyPlaces;
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/maps/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/maps/GoogleMap.tsx","../../src/maps/api.ts","../../src/maps/types.ts","../../src/maps/NeighborhoodMap.tsx"],"names":["useState","useCallback","jsx","jsxs","APIProvider","Map","AdvancedMarker","Pin","InfoWindow","useEffect"],"mappings":"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","file":"index.js","sourcesContent":["'use client'\n\nimport { useState, useCallback } from 'react'\nimport { APIProvider, Map, AdvancedMarker, InfoWindow, Pin } from '@vis.gl/react-google-maps'\nimport type { GoogleMapProps, MapMarker } from './types'\n\nexport function GoogleMap({\n  apiKey,\n  mapId = 'fcca3cd2bb19cf9a960994e7',\n  center,\n  zoom = 14,\n  markers = [],\n  className = '',\n  showPropertyMarker = true,\n  propertyName,\n  propertyAddress,\n  propertyPinColor = '#4a7c59',\n}: GoogleMapProps) {\n  const [selectedMarker, setSelectedMarker] = useState<MapMarker | null>(null)\n  const [showPropertyInfo, setShowPropertyInfo] = useState(false)\n\n  const handleMarkerClick = useCallback((marker: MapMarker) => {\n    setSelectedMarker(marker)\n    setShowPropertyInfo(false)\n  }, [])\n\n  const handlePropertyClick = useCallback(() => {\n    setShowPropertyInfo(true)\n    setSelectedMarker(null)\n  }, [])\n\n  if (!apiKey) {\n    return (\n      <div className={`bg-gray-100 flex items-center justify-center rounded-2xl ${className}`}>\n        <div className=\"text-center p-8\">\n          <p className=\"text-gray-500\">Map loading...</p>\n          <p className=\"text-xs text-gray-400 mt-2\">Google Maps API key not configured</p>\n        </div>\n      </div>\n    )\n  }\n\n  return (\n    <div className={`relative ${className}`}>\n      <APIProvider apiKey={apiKey}>\n        <Map\n          defaultCenter={center}\n          defaultZoom={zoom}\n          mapId={mapId}\n          className=\"w-full h-full rounded-2xl\"\n          disableDefaultUI={false}\n          gestureHandling=\"cooperative\"\n          style={{ borderRadius: '1rem' }}\n        >\n          {showPropertyMarker && (\n            <AdvancedMarker position={center} onClick={handlePropertyClick} title={propertyName}>\n              <Pin background={propertyPinColor} glyphColor=\"#ffffff\" borderColor=\"#ffffff\" scale={1.2} />\n            </AdvancedMarker>\n          )}\n          {showPropertyInfo && propertyName && (\n            <InfoWindow position={center} onCloseClick={() => setShowPropertyInfo(false)}>\n              <div style={{ padding: '12px', minWidth: 200 }}>\n                <h3 style={{ fontWeight: 600, fontSize: '1rem', margin: '0 0 4px' }}>{propertyName}</h3>\n                {propertyAddress && (\n                  <p style={{ fontSize: '0.875rem', color: '#6b7280', margin: '0 0 8px' }}>{propertyAddress}</p>\n                )}\n                <a\n                  href={`https://www.google.com/maps/search/?api=1&query=${center.lat},${center.lng}`}\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                  style={{ fontSize: '0.75rem', color: '#2563eb', textDecoration: 'none' }}\n                >\n                  Get Directions\n                </a>\n              </div>\n            </InfoWindow>\n          )}\n          {markers.map((marker, index) => (\n            <AdvancedMarker\n              key={marker.title + index}\n              position={marker.position}\n              onClick={() => handleMarkerClick(marker)}\n              title={marker.title}\n            >\n              <Pin background=\"#dc2626\" glyphColor=\"#ffffff\" borderColor=\"#ffffff\" />\n            </AdvancedMarker>\n          ))}\n          {selectedMarker && (\n            <InfoWindow position={selectedMarker.position} onCloseClick={() => setSelectedMarker(null)}>\n              <div style={{ padding: '12px', minWidth: 220, maxWidth: 280 }}>\n                <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'flex-start', gap: 8, marginBottom: 4 }}>\n                  <h4 style={{ fontWeight: 600, fontSize: '0.875rem', margin: 0, lineHeight: 1.3 }}>{selectedMarker.title}</h4>\n                  {selectedMarker.isOpen !== undefined && (\n                    <span style={{\n                      fontSize: '0.75rem', padding: '2px 6px', borderRadius: 4,\n                      backgroundColor: selectedMarker.isOpen ? '#dcfce7' : '#fee2e2',\n                      color: selectedMarker.isOpen ? '#15803d' : '#b91c1c',\n                    }}>\n                      {selectedMarker.isOpen ? 'Open' : 'Closed'}\n                    </span>\n                  )}\n                </div>\n                {selectedMarker.type && (\n                  <p style={{ fontSize: '0.75rem', color: '#9ca3af', margin: '0 0 4px' }}>{selectedMarker.type}</p>\n                )}\n                {selectedMarker.rating && (\n                  <div style={{ display: 'flex', alignItems: 'center', gap: 4, marginBottom: 8 }}>\n                    <span style={{ fontSize: '0.75rem' }}>&#9733;</span>\n                    <span style={{ fontSize: '0.75rem', fontWeight: 500 }}>{selectedMarker.rating.toFixed(1)}</span>\n                    {selectedMarker.totalRatings && (\n                      <span style={{ fontSize: '0.75rem', color: '#9ca3af' }}>({selectedMarker.totalRatings.toLocaleString()})</span>\n                    )}\n                  </div>\n                )}\n                {selectedMarker.address && (\n                  <p style={{ fontSize: '0.75rem', color: '#6b7280', margin: '0 0 8px' }}>{selectedMarker.address}</p>\n                )}\n                <div style={{ display: 'flex', gap: 12, paddingTop: 8, borderTop: '1px solid #f3f4f6' }}>\n                  {selectedMarker.mapsUrl && (\n                    <a href={selectedMarker.mapsUrl} target=\"_blank\" rel=\"noopener noreferrer\"\n                      style={{ fontSize: '0.75rem', color: '#2563eb', textDecoration: 'none' }}>\n                      Directions\n                    </a>\n                  )}\n                  {selectedMarker.website && (\n                    <a href={selectedMarker.website} target=\"_blank\" rel=\"noopener noreferrer\"\n                      style={{ fontSize: '0.75rem', color: '#2563eb', textDecoration: 'none' }}>\n                      Website\n                    </a>\n                  )}\n                </div>\n              </div>\n            </InfoWindow>\n          )}\n        </Map>\n      </APIProvider>\n    </div>\n  )\n}\n","/**\n * @sonordev/site-kit/maps — API Functions\n *\n * Fetch Google Maps config and nearby places from Sonor API.\n * Uses API key authentication (x-api-key header).\n */\n\nimport type { MapsConfig, NearbyPlace } from './types'\n\n// ---------------------------------------------------------------------------\n// Config helpers (same pattern as reputation/api.ts)\n// ---------------------------------------------------------------------------\n\nfunction getApiConfig() {\n  const apiUrl =\n    typeof window !== 'undefined'\n      ? (window as any).__SITE_KIT_API_URL__ || 'https://api.sonor.io'\n      : process.env.SONOR_API_URL || 'https://api.sonor.io'\n  const apiKey =\n    typeof window !== 'undefined'\n      ? (window as any).__SITE_KIT_API_KEY__ || ''\n      : process.env.SONOR_API_KEY || ''\n  return { apiUrl, apiKey }\n}\n\nasync function fetchWithRetry(\n  url: string,\n  headers: Record<string, string>,\n  retries = 2,\n): Promise<Response> {\n  for (let attempt = 0; attempt <= retries; attempt++) {\n    const response = await fetch(url, { headers })\n    if (response.ok) return response\n    if (response.status === 429 && attempt < retries) {\n      const delay = Math.pow(2, attempt + 1) * 1000\n      await new Promise((r) => setTimeout(r, delay))\n      continue\n    }\n    return response\n  }\n  throw new Error('fetchWithRetry exhausted')\n}\n\n// ---------------------------------------------------------------------------\n// In-memory caches\n// ---------------------------------------------------------------------------\n\nlet configCache: { data: MapsConfig; timestamp: number } | null = null\nconst CONFIG_CACHE_TTL = 300_000 // 5 minutes (key rarely changes)\n\nlet placesCache: Map<string, { data: NearbyPlace[]; timestamp: number }> = new Map()\nconst PLACES_CACHE_TTL = 60_000 // 1 minute\n\n// ---------------------------------------------------------------------------\n// Public API\n// ---------------------------------------------------------------------------\n\n/**\n * Fetch Google Maps config (API key + map ID) from Sonor API.\n * Cached for 5 minutes to avoid redundant calls.\n */\nexport async function fetchMapsConfig(): Promise<MapsConfig | null> {\n  if (configCache && Date.now() - configCache.timestamp < CONFIG_CACHE_TTL) {\n    return configCache.data\n  }\n\n  const { apiUrl, apiKey } = getApiConfig()\n  if (!apiKey) return null\n\n  try {\n    const res = await fetchWithRetry(\n      `${apiUrl}/api/public/maps/config`,\n      { 'Content-Type': 'application/json', 'x-api-key': apiKey },\n    )\n    if (!res.ok) return null\n\n    const data: MapsConfig = await res.json()\n    if (data.apiKey) {\n      configCache = { data, timestamp: Date.now() }\n    }\n    return data\n  } catch (err) {\n    console.error('[site-kit/maps] Failed to fetch maps config:', err)\n    return null\n  }\n}\n\n/**\n * Fetch nearby places from Sonor API.\n * Cached per type for 1 minute.\n */\nexport async function fetchNearbyPlaces(params: {\n  lat: number\n  lng: number\n  type: string\n  radius?: number\n  limit?: number\n}): Promise<NearbyPlace[]> {\n  const cacheKey = `${params.lat},${params.lng}:${params.type}`\n  const cached = placesCache.get(cacheKey)\n  if (cached && Date.now() - cached.timestamp < PLACES_CACHE_TTL) {\n    return cached.data\n  }\n\n  const { apiUrl, apiKey } = getApiConfig()\n  if (!apiKey) return []\n\n  try {\n    const searchParams = new URLSearchParams({\n      lat: String(params.lat),\n      lng: String(params.lng),\n      type: params.type,\n    })\n    if (params.radius) searchParams.set('radius', String(params.radius))\n    if (params.limit) searchParams.set('limit', String(params.limit))\n\n    const res = await fetchWithRetry(\n      `${apiUrl}/api/public/maps/nearby-places?${searchParams}`,\n      { 'Content-Type': 'application/json', 'x-api-key': apiKey },\n    )\n    if (!res.ok) return []\n\n    const data = await res.json()\n    const places: NearbyPlace[] = data.places || []\n\n    placesCache.set(cacheKey, { data: places, timestamp: Date.now() })\n    return places\n  } catch (err) {\n    console.error('[site-kit/maps] Failed to fetch nearby places:', err)\n    return []\n  }\n}\n","/**\n * @sonordev/site-kit/maps — Shared types\n */\n\nexport interface MapsConfig {\n  apiKey: string\n  mapId: string\n}\n\nexport interface MapMarker {\n  position: { lat: number; lng: number }\n  title: string\n  type?: string\n  category?: string\n  rating?: number\n  totalRatings?: number\n  address?: string\n  mapsUrl?: string\n  website?: string\n  isOpen?: boolean\n}\n\nexport interface NearbyPlace {\n  id: string\n  name: string\n  address: string\n  lat: number\n  lng: number\n  rating?: number\n  totalRatings?: number\n  category: string\n  types: string[]\n  placeType?: string\n  isOpen?: boolean\n  mapsUrl: string\n  website?: string\n}\n\nexport interface GoogleMapProps {\n  /** Google Maps JavaScript API key (fetched from Sonor API) */\n  apiKey: string\n  /** Google Maps style ID */\n  mapId?: string\n  /** Center coordinates for the map */\n  center: { lat: number; lng: number }\n  /** Initial zoom level (default 14) */\n  zoom?: number\n  /** Place markers to display */\n  markers?: MapMarker[]\n  /** CSS class for the map container */\n  className?: string\n  /** Show a pin for the property location (default true) */\n  showPropertyMarker?: boolean\n  /** Property name for the info window */\n  propertyName?: string\n  /** Property address for the info window */\n  propertyAddress?: string\n  /** Property pin color (default '#4a7c59') */\n  propertyPinColor?: string\n}\n\nexport interface PlaceTypeFilter {\n  id: string\n  label: string\n  icon: string\n}\n\nexport interface NeighborhoodMapProps {\n  /** Property coordinates — center of the map and nearby search */\n  center: { lat: number; lng: number }\n  /** Property name for the map marker */\n  propertyName: string\n  /** Full address for the info window and Google Maps link */\n  propertyAddress: string\n  /** CSS class for the outer container */\n  className?: string\n  /** Custom place type filters (defaults to restaurants, bars, cafes, fitness, parks, shopping) */\n  placeTypes?: PlaceTypeFilter[]\n  /** Section title (default \"Interactive Map\") */\n  title?: string\n  /** Section subtitle */\n  subtitle?: string\n  /** Property pin color */\n  propertyPinColor?: string\n}\n\nexport const DEFAULT_PLACE_TYPES: PlaceTypeFilter[] = [\n  { id: 'restaurant', label: 'Restaurants', icon: '\\uD83C\\uDF7D\\uFE0F' },\n  { id: 'bar', label: 'Bars', icon: '\\uD83C\\uDF7A' },\n  { id: 'cafe', label: 'Cafes', icon: '\\u2615' },\n  { id: 'gym', label: 'Fitness', icon: '\\uD83D\\uDCAA' },\n  { id: 'park', label: 'Parks', icon: '\\uD83C\\uDF33' },\n  { id: 'shopping_mall', label: 'Shopping', icon: '\\uD83D\\uDECD\\uFE0F' },\n]\n","'use client'\n\nimport { useState, useEffect, useCallback } from 'react'\nimport { GoogleMap } from './GoogleMap'\nimport { fetchMapsConfig, fetchNearbyPlaces } from './api'\nimport type { MapsConfig, MapMarker, NearbyPlace, NeighborhoodMapProps } from './types'\nimport { DEFAULT_PLACE_TYPES } from './types'\n\nexport function NeighborhoodMap({\n  center,\n  propertyName,\n  propertyAddress,\n  className = '',\n  placeTypes = DEFAULT_PLACE_TYPES,\n  title = 'Interactive Map',\n  subtitle,\n  propertyPinColor,\n}: NeighborhoodMapProps) {\n  const [config, setConfig] = useState<MapsConfig | null>(null)\n  const [places, setPlaces] = useState<NearbyPlace[]>([])\n  const [loading, setLoading] = useState(true)\n  const [activeFilter, setActiveFilter] = useState(placeTypes[0]?.id || 'restaurant')\n\n  // Fetch Google Maps config on mount\n  useEffect(() => {\n    fetchMapsConfig().then(setConfig)\n  }, [])\n\n  // Fetch nearby places when filter changes\n  const loadPlaces = useCallback(async () => {\n    setLoading(true)\n    try {\n      const results = await fetchNearbyPlaces({\n        lat: center.lat,\n        lng: center.lng,\n        type: activeFilter,\n      })\n      setPlaces(results)\n    } catch {\n      setPlaces([])\n    } finally {\n      setLoading(false)\n    }\n  }, [center.lat, center.lng, activeFilter])\n\n  useEffect(() => {\n    loadPlaces()\n  }, [loadPlaces])\n\n  const markers: MapMarker[] = places.map((place) => ({\n    position: { lat: place.lat, lng: place.lng },\n    title: place.name,\n    type: place.placeType,\n    category: place.category,\n    rating: place.rating,\n    totalRatings: place.totalRatings,\n    address: place.address,\n    mapsUrl: place.mapsUrl,\n    isOpen: place.isOpen,\n    website: place.website,\n  }))\n\n  const mapsQuery = encodeURIComponent(propertyAddress)\n  const activeLabel = placeTypes.find((t) => t.id === activeFilter)?.label || 'Places'\n\n  return (\n    <div className={`py-8 ${className}`}>\n      {/* Header */}\n      <div className=\"text-center mb-6\">\n        <h3 className=\"font-heading text-2xl md:text-3xl font-medium text-foreground mb-2\">{title}</h3>\n        {subtitle && (\n          <p className=\"text-muted-foreground max-w-2xl mx-auto text-sm\">{subtitle}</p>\n        )}\n      </div>\n\n      {/* Filter buttons */}\n      <div className=\"flex flex-wrap justify-center gap-2 mb-6\">\n        {placeTypes.map((type) => (\n          <button\n            key={type.id}\n            onClick={() => setActiveFilter(type.id)}\n            className={`px-4 py-2 rounded-full text-sm font-medium transition-all ${\n              activeFilter === type.id\n                ? 'bg-primary text-white shadow-md'\n                : 'bg-white text-foreground hover:bg-primary/10 border border-border'\n            }`}\n          >\n            <span className=\"mr-1.5\">{type.icon}</span>\n            {type.label}\n          </button>\n        ))}\n      </div>\n\n      {/* Map + Sidebar */}\n      <div className=\"grid lg:grid-cols-3 gap-6\">\n        <div className=\"lg:col-span-2\">\n          {config?.apiKey ? (\n            <GoogleMap\n              apiKey={config.apiKey}\n              mapId={config.mapId}\n              center={center}\n              markers={markers}\n              zoom={13}\n              className=\"h-[500px] w-full rounded-2xl shadow-lg\"\n              propertyName={propertyName}\n              propertyAddress={propertyAddress}\n              propertyPinColor={propertyPinColor}\n            />\n          ) : (\n            <div className=\"h-[500px] w-full rounded-2xl shadow-lg bg-muted flex items-center justify-center\">\n              <div className=\"text-center p-8\">\n                <div className=\"animate-spin w-8 h-8 border-2 border-primary border-t-transparent rounded-full mx-auto mb-3\" />\n                <p className=\"text-muted-foreground text-sm\">Loading map...</p>\n              </div>\n            </div>\n          )}\n        </div>\n\n        {/* Sidebar */}\n        <div className=\"bg-white rounded-2xl shadow-lg overflow-hidden\">\n          <div className=\"p-4 border-b border-border bg-gray-50\">\n            <h3 className=\"font-semibold text-foreground flex items-center gap-2\">\n              {activeLabel} Nearby\n              <span className=\"text-muted-foreground font-normal text-sm\">({places.length})</span>\n            </h3>\n          </div>\n          <div className=\"max-h-[440px] overflow-y-auto\">\n            {loading ? (\n              <div className=\"p-8 text-center\">\n                <div className=\"animate-spin w-8 h-8 border-2 border-primary border-t-transparent rounded-full mx-auto mb-3\" />\n                <p className=\"text-muted-foreground text-sm\">Loading places...</p>\n              </div>\n            ) : places.length === 0 ? (\n              <div className=\"p-8 text-center\">\n                <p className=\"text-muted-foreground\">No places found nearby</p>\n              </div>\n            ) : (\n              <div className=\"divide-y divide-border\">\n                {places.slice(0, 10).map((place) => (\n                  <a\n                    key={place.id}\n                    href={place.mapsUrl}\n                    target=\"_blank\"\n                    rel=\"noopener noreferrer\"\n                    className=\"block p-4 hover:bg-gray-50 transition-colors group\"\n                  >\n                    <div className=\"flex items-start justify-between gap-3\">\n                      <div className=\"flex-1 min-w-0\">\n                        <h4 className=\"font-medium text-foreground group-hover:text-primary transition-colors truncate\">\n                          {place.name}\n                        </h4>\n                        <p className=\"text-sm text-muted-foreground truncate\">\n                          {place.placeType || place.category}\n                        </p>\n                        {place.rating && (\n                          <div className=\"flex items-center gap-1 mt-1\">\n                            <span className=\"text-yellow-400 text-sm\">&#9733;</span>\n                            <span className=\"text-sm font-medium\">{place.rating.toFixed(1)}</span>\n                            {place.totalRatings && (\n                              <span className=\"text-xs text-muted-foreground\">\n                                ({place.totalRatings.toLocaleString()})\n                              </span>\n                            )}\n                          </div>\n                        )}\n                      </div>\n                      <div className=\"flex flex-col items-end gap-1\">\n                        {place.isOpen !== undefined && (\n                          <span\n                            className={`text-xs px-2 py-0.5 rounded-full ${\n                              place.isOpen\n                                ? 'bg-green-100 text-green-700'\n                                : 'bg-red-100 text-red-700'\n                            }`}\n                          >\n                            {place.isOpen ? 'Open' : 'Closed'}\n                          </span>\n                        )}\n                      </div>\n                    </div>\n                  </a>\n                ))}\n              </div>\n            )}\n          </div>\n        </div>\n      </div>\n\n      {/* Explore more link */}\n      <div className=\"text-center mt-6\">\n        <a\n          href={`https://www.google.com/maps/search/?api=1&query=attractions+near+${mapsQuery}`}\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n          className=\"inline-flex items-center gap-2 px-6 py-2.5 border border-primary text-primary rounded-md text-sm font-medium hover:bg-primary hover:text-white transition-colors\"\n        >\n          Explore More on Google Maps\n          <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n            <path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\" />\n            <polyline points=\"15 3 21 3 21 9\" />\n            <line x1=\"10\" y1=\"14\" x2=\"21\" y2=\"3\" />\n          </svg>\n        </a>\n      </div>\n    </div>\n  )\n}\n"]}