@mapfirst.ai/react 0.0.6 → 0.0.7

package/EXAMPLES.md

@@ -386,6 +386,314 @@ function RealTimeUpdates() {
 }
 ```
 
+## Search Hooks Examples
+
+### Using `usePropertiesSearch` for Location-Based Search
+
+```tsx
+import React, { useState } from "react";
+import {
+  useMapFirstCore,
+  useMapLibreAttachment,
+  usePropertiesSearch,
+} from "@mapfirst/react";
+import maplibregl from "maplibre-gl";
+
+function LocationSearchExample() {
+  const [city, setCity] = useState("Paris");
+  const [country, setCountry] = useState("France");
+
+  const { mapFirst, state } = useMapFirstCore({
+    initialLocationData: { city, country, currency: "USD" },
+  });
+
+  const { search, isLoading, error } = usePropertiesSearch(mapFirst);
+
+  const handleSearch = async () => {
+    try {
+      await search({
+        body: {
+          city,
+          country,
+          filters: {
+            checkIn: new Date("2024-06-01"),
+            checkOut: new Date("2024-06-07"),
+            numAdults: 2,
+            numRooms: 1,
+            currency: "USD",
+          },
+        },
+      });
+    } catch (err) {
+      console.error("Search failed:", err);
+    }
+  };
+
+  return (
+    <div>
+      <div>
+        <input
+          value={city}
+          onChange={(e) => setCity(e.target.value)}
+          placeholder="City"
+        />
+        <input
+          value={country}
+          onChange={(e) => setCountry(e.target.value)}
+          placeholder="Country"
+        />
+        <button onClick={handleSearch} disabled={isLoading}>
+          {isLoading ? "Searching..." : "Search"}
+        </button>
+      </div>
+      {error && <div style={{ color: "red" }}>Error: {error.message}</div>}
+      <div>Found {state?.properties.length || 0} properties</div>
+    </div>
+  );
+}
+```
+
+### Using `useSmartFilterSearch` for Natural Language Queries
+
+```tsx
+import React, { useState } from "react";
+import {
+  useMapFirstCore,
+  useMapLibreAttachment,
+  useSmartFilterSearch,
+} from "@mapfirst/react";
+import maplibregl from "maplibre-gl";
+
+function SmartSearchExample() {
+  const [query, setQuery] = useState("");
+
+  const { mapFirst, state } = useMapFirstCore({
+    initialLocationData: {
+      city: "New York",
+      country: "United States",
+      currency: "USD",
+    },
+  });
+
+  const { search, isLoading, error } = useSmartFilterSearch(mapFirst);
+
+  const handleSearch = async (e: React.FormEvent) => {
+    e.preventDefault();
+    if (!query.trim()) return;
+
+    try {
+      await search({ query });
+    } catch (err) {
+      console.error("Search failed:", err);
+    }
+  };
+
+  const exampleQueries = [
+    "Hotels near Times Square with free wifi",
+    "4-star hotels with pool and gym",
+    "Budget hotels under $150",
+    "Luxury hotels with spa",
+  ];
+
+  return (
+    <div>
+      <form onSubmit={handleSearch}>
+        <input
+          type="text"
+          value={query}
+          onChange={(e) => setQuery(e.target.value)}
+          placeholder="Try: hotels near beach with pool"
+          style={{ width: "400px", padding: "8px" }}
+        />
+        <button type="submit" disabled={isLoading}>
+          {isLoading ? "Searching..." : "Search"}
+        </button>
+      </form>
+
+      <div style={{ marginTop: "10px" }}>
+        <strong>Try these examples:</strong>
+        <ul>
+          {exampleQueries.map((q) => (
+            <li key={q}>
+              <button
+                onClick={() => {
+                  setQuery(q);
+                  search({ query: q });
+                }}
+                disabled={isLoading}
+                style={{ textAlign: "left", padding: "4px 8px" }}
+              >
+                {q}
+              </button>
+            </li>
+          ))}
+        </ul>
+      </div>
+
+      {error && (
+        <div style={{ color: "red", marginTop: "10px" }}>
+          Error: {error.message}
+        </div>
+      )}
+
+      <div style={{ marginTop: "10px" }}>
+        {isLoading ? (
+          <p>Searching...</p>
+        ) : (
+          <p>Found {state?.properties.length || 0} properties</p>
+        )}
+      </div>
+    </div>
+  );
+}
+```
+
+### Combined Search with Filters
+
+```tsx
+import React, { useState } from "react";
+import {
+  useMapFirstCore,
+  usePropertiesSearch,
+  useSmartFilterSearch,
+} from "@mapfirst/react";
+
+type SearchMode = "location" | "smart";
+
+function CombinedSearchExample() {
+  const [mode, setMode] = useState<SearchMode>("location");
+  const [city, setCity] = useState("Los Angeles");
+  const [country, setCountry] = useState("United States");
+  const [query, setQuery] = useState("");
+
+  const { mapFirst, state } = useMapFirstCore({
+    initialLocationData: { city, country, currency: "USD" },
+  });
+
+  const propertiesSearch = usePropertiesSearch(mapFirst);
+  const smartSearch = useSmartFilterSearch(mapFirst);
+
+  const currentSearch = mode === "location" ? propertiesSearch : smartSearch;
+
+  const handleLocationSearch = async () => {
+    try {
+      await propertiesSearch.search({
+        body: {
+          city,
+          country,
+          filters: {
+            checkIn: new Date("2024-06-01"),
+            checkOut: new Date("2024-06-07"),
+            numAdults: 2,
+            numRooms: 1,
+            currency: "USD",
+          },
+        },
+      });
+    } catch (err) {
+      console.error("Location search failed:", err);
+    }
+  };
+
+  const handleSmartSearch = async () => {
+    if (!query.trim()) return;
+    try {
+      await smartSearch.search({ query });
+    } catch (err) {
+      console.error("Smart search failed:", err);
+    }
+  };
+
+  return (
+    <div>
+      <div>
+        <label>
+          <input
+            type="radio"
+            checked={mode === "location"}
+            onChange={() => setMode("location")}
+          />
+          Location Search
+        </label>
+        <label style={{ marginLeft: "20px" }}>
+          <input
+            type="radio"
+            checked={mode === "smart"}
+            onChange={() => setMode("smart")}
+          />
+          Smart Search
+        </label>
+      </div>
+
+      {mode === "location" ? (
+        <div style={{ marginTop: "10px" }}>
+          <input
+            value={city}
+            onChange={(e) => setCity(e.target.value)}
+            placeholder="City"
+          />
+          <input
+            value={country}
+            onChange={(e) => setCountry(e.target.value)}
+            placeholder="Country"
+            style={{ marginLeft: "10px" }}
+          />
+          <button
+            onClick={handleLocationSearch}
+            disabled={currentSearch.isLoading}
+          >
+            Search
+          </button>
+        </div>
+      ) : (
+        <div style={{ marginTop: "10px" }}>
+          <input
+            value={query}
+            onChange={(e) => setQuery(e.target.value)}
+            placeholder="Describe what you're looking for..."
+            style={{ width: "400px" }}
+          />
+          <button
+            onClick={handleSmartSearch}
+            disabled={currentSearch.isLoading}
+          >
+            Search
+          </button>
+        </div>
+      )}
+
+      {currentSearch.error && (
+        <div style={{ color: "red", marginTop: "10px" }}>
+          Error: {currentSearch.error.message}
+        </div>
+      )}
+
+      <div style={{ marginTop: "10px" }}>
+        {currentSearch.isLoading ? (
+          <p>Searching...</p>
+        ) : (
+          <p>Found {state?.properties.length || 0} properties</p>
+        )}
+      </div>
+
+      <div style={{ marginTop: "20px" }}>
+        <h3>Results:</h3>
+        <ul>
+          {state?.properties.slice(0, 5).map((property) => (
+            <li key={property.tripadvisor_id}>
+              <strong>{property.name}</strong>
+              {property.pricing && (
+                <span> - ${property.pricing.display_price}</span>
+              )}
+            </li>
+          ))}
+        </ul>
+      </div>
+    </div>
+  );
+}
+```
+
 ## TypeScript Usage
 
 Full type safety with TypeScript:

package/README.md

@@ -499,6 +499,119 @@ const selectedId = useMapFirstSelectedProperty(mapFirst);
 return <div>Selected: {selectedId || 'None'}</div>;
 ```
 
+### `usePropertiesSearch`
+
+Hook to run properties search with the MapFirst SDK. Returns a function to trigger the search and loading state.
+
+**Parameters:**
+
+- `mapFirst` - SDK instance from `useMapFirstCore`
+
+**Returns:** `{ search: Function, isLoading: boolean, error: Error | null }`
+
+**Example:**
+
+```tsx
+const { mapFirst } = useMapFirstCore({ ... });
+const { search, isLoading, error } = usePropertiesSearch(mapFirst);
+
+const handleSearch = async () => {
+  try {
+    await search({
+      body: {
+        city: "Paris",
+        country: "France",
+        filters: {
+          checkIn: new Date(),
+          checkOut: new Date(Date.now() + 86400000 * 3), // 3 days later
+          numAdults: 2,
+          numRooms: 1,
+          currency: "EUR"
+        }
+      }
+    });
+  } catch (err) {
+    console.error("Search failed:", err);
+  }
+};
+
+return (
+  <div>
+    <button onClick={handleSearch} disabled={isLoading}>
+      {isLoading ? "Searching..." : "Search Properties"}
+    </button>
+    {error && <p>Error: {error.message}</p>}
+  </div>
+);
+```
+
+### `useSmartFilterSearch`
+
+Hook to run smart filter search with natural language queries or predefined filters.
+
+**Parameters:**
+
+- `mapFirst` - SDK instance from `useMapFirstCore`
+
+**Returns:** `{ search: Function, isLoading: boolean, error: Error | null }`
+
+**Example with natural language query:**
+
+```tsx
+const { mapFirst } = useMapFirstCore({ ... });
+const { search, isLoading, error } = useSmartFilterSearch(mapFirst);
+
+const handleSearch = async (query: string) => {
+  try {
+    await search({ query });
+  } catch (err) {
+    console.error("Search failed:", err);
+  }
+};
+
+return (
+  <div>
+    <input
+      type="text"
+      placeholder="e.g., hotels near beach with pool"
+      onKeyDown={(e) => {
+        if (e.key === 'Enter') {
+          handleSearch(e.currentTarget.value);
+        }
+      }}
+    />
+    {isLoading && <p>Searching...</p>}
+    {error && <p>Error: {error.message}</p>}
+  </div>
+);
+```
+
+**Example with predefined filters:**
+
+```tsx
+const { mapFirst } = useMapFirstCore({ ... });
+const { search, isLoading, error } = useSmartFilterSearch(mapFirst);
+
+const handleFilterSearch = async () => {
+  try {
+    await search({
+      filters: [
+        { id: "pool", label: "Pool", type: "amenity", value: "pool" },
+        { id: "4star", label: "4 Star", type: "starRating", value: "4", numericValue: 4 }
+      ]
+    });
+  } catch (err) {
+    console.error("Search failed:", err);
+  }
+};
+
+return (
+  <button onClick={handleFilterSearch} disabled={isLoading}>
+    Apply Filters
+  </button>
+);
+```
+
 ## Legacy API
 
 The old `useMapFirst` hook is still available but deprecated:

package/dist/index.d.mts

@@ -2,6 +2,40 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import React from 'react';
 import { BaseMapFirstOptions, MapFirstCore, MapState, Property, PropertyType, MapLibreNamespace, GoogleMapsNamespace, MapboxNamespace, MapFirstOptions } from '@mapfirst.ai/core';
 
+type InitialRequestBody = {
+    initial?: boolean;
+    query?: string;
+    bounds?: {
+        sw: {
+            lat: number;
+            lng: number;
+        };
+        ne: {
+            lat: number;
+            lng: number;
+        };
+    };
+    filters?: any;
+    city?: string;
+    country?: string;
+    location_id?: number;
+    longitude?: number;
+    latitude?: number;
+    radius?: number;
+};
+type SmartFilter = {
+    id: string;
+    label: string;
+    type: "amenity" | "hotelStyle" | "priceRange" | "minRating" | "starRating" | "primary_type" | "transformed_query" | "selected_restaurant_price_levels";
+    value: string;
+    numericValue?: number;
+    priceRange?: {
+        min: number;
+        max?: number;
+    };
+    propertyType?: PropertyType;
+    priceLevels?: any[];
+};
 /**
  * Hook that creates a MapFirstCore instance that can be initialized before maps are ready.
  * Supports two-phase initialization: create SDK first, attach map later.
@@ -188,6 +222,151 @@ declare function useMapboxAttachment({ mapFirst, map, mapboxgl, onMarkerClick, }
  * @deprecated Use useMapFirstCore and platform-specific attachment hooks instead
  */
 declare function useMapFirst(options: MapFirstOptions | null): React.RefObject<MapFirstCore | null>;
+/**
+ * Hook to run properties search with the MapFirst SDK.
+ * Returns a function to trigger the search and loading state.
+ *
+ * @example
+ * ```tsx
+ * const { mapFirst } = useMapFirstCore({ ... });
+ * const { search, isLoading, error } = usePropertiesSearch(mapFirst);
+ *
+ * const handleSearch = async () => {
+ *   await search({
+ *     body: {
+ *       city: "Paris",
+ *       country: "France",
+ *       filters: {
+ *         checkIn: new Date(),
+ *         checkOut: new Date(Date.now() + 86400000),
+ *         numAdults: 2,
+ *         numRooms: 1
+ *       }
+ *     }
+ *   });
+ * };
+ * ```
+ */
+declare function usePropertiesSearch(mapFirst: MapFirstCore | null): {
+    search: (options: {
+        body: InitialRequestBody;
+        beforeApplyProperties?: (data: any) => {
+            price?: any;
+            limit?: number;
+        };
+        smartFiltersClearable?: boolean;
+    }) => Promise<{
+        location_id?: number;
+        filters: {
+            amenities?: string[];
+            hotelStyle?: string[];
+            price?: {
+                min: number;
+                max: number;
+            } | null;
+            minRating?: number;
+            starRating?: number;
+            numAdults: number;
+            numRooms: number;
+            checkIn: string;
+            checkOut: string;
+            location?: {
+                locationId: number | null;
+                city: string | null;
+                state: string | null;
+                country: string | null;
+                longitude: number | null;
+                latitude: number | null;
+            } | null;
+            currency: string;
+            limit?: number;
+            language?: "en" | "es" | "de" | "fr" | "it" | "pt";
+            primary_type?: PropertyType;
+            transformed_query?: string;
+            selected_restaurant_price_levels?: ("Mid Range" | "Fine Dining" | "Cheap Eats")[];
+        };
+        properties: Property[];
+        isComplete: boolean | undefined;
+        pollingLink: string | undefined;
+        durationSeconds: number;
+    } | null>;
+    isLoading: boolean;
+    error: Error | null;
+};
+/**
+ * Hook to run smart filter search with the MapFirst SDK.
+ * Returns a function to trigger the search and loading state.
+ *
+ * @example
+ * ```tsx
+ * const { mapFirst } = useMapFirstCore({ ... });
+ * const { search, isLoading, error } = useSmartFilterSearch(mapFirst);
+ *
+ * const handleSearch = async () => {
+ *   await search({
+ *     query: "hotels near beach with pool"
+ *   });
+ * };
+ *
+ * // Or with filters
+ * const handleFilterSearch = async () => {
+ *   await search({
+ *     filters: [
+ *       { id: "pool", label: "Pool", type: "amenity", value: "pool" },
+ *       { id: "4star", label: "4 Star", type: "starRating", value: "4", numericValue: 4 }
+ *     ]
+ *   });
+ * };
+ * ```
+ */
+declare function useSmartFilterSearch(mapFirst: MapFirstCore | null): {
+    search: (options: {
+        query?: string;
+        filters?: SmartFilter[];
+        onProcessFilters?: (filters: any, location_id?: number) => {
+            smartFilters?: SmartFilter[];
+            price?: any;
+            limit?: number;
+            language?: string;
+        };
+    }) => Promise<{
+        location_id?: number;
+        filters: {
+            amenities?: string[];
+            hotelStyle?: string[];
+            price?: {
+                min: number;
+                max: number;
+            } | null;
+            minRating?: number;
+            starRating?: number;
+            numAdults: number;
+            numRooms: number;
+            checkIn: string;
+            checkOut: string;
+            location?: {
+                locationId: number | null;
+                city: string | null;
+                state: string | null;
+                country: string | null;
+                longitude: number | null;
+                latitude: number | null;
+            } | null;
+            currency: string;
+            limit?: number;
+            language?: "en" | "es" | "de" | "fr" | "it" | "pt";
+            primary_type?: PropertyType;
+            transformed_query?: string;
+            selected_restaurant_price_levels?: ("Mid Range" | "Fine Dining" | "Cheap Eats")[];
+        };
+        properties: Property[];
+        isComplete: boolean | undefined;
+        pollingLink: string | undefined;
+        durationSeconds: number;
+    } | null>;
+    isLoading: boolean;
+    error: Error | null;
+};
 /**
  * Helper component that simply renders the markers it receives so non-React environments
  * can verify data flows before wiring the SDK into a map.
@@ -196,4 +375,4 @@ declare function MarkerDebugList({ markers }: {
     markers: Property[];
 }): react_jsx_runtime.JSX.Element;
 
-export { MarkerDebugList, useGoogleMapsAttachment, useMapFirst, useMapFirstCore, useMapFirstProperties, useMapFirstSelectedProperty, useMapLibreAttachment, useMapboxAttachment, usePrimaryType, useSelectedMarker };
+export { MarkerDebugList, useGoogleMapsAttachment, useMapFirst, useMapFirstCore, useMapFirstProperties, useMapFirstSelectedProperty, useMapLibreAttachment, useMapboxAttachment, usePrimaryType, usePropertiesSearch, useSelectedMarker, useSmartFilterSearch };

package/dist/index.d.ts

@@ -2,6 +2,40 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import React from 'react';
 import { BaseMapFirstOptions, MapFirstCore, MapState, Property, PropertyType, MapLibreNamespace, GoogleMapsNamespace, MapboxNamespace, MapFirstOptions } from '@mapfirst.ai/core';
 
+type InitialRequestBody = {
+    initial?: boolean;
+    query?: string;
+    bounds?: {
+        sw: {
+            lat: number;
+            lng: number;
+        };
+        ne: {
+            lat: number;
+            lng: number;
+        };
+    };
+    filters?: any;
+    city?: string;
+    country?: string;
+    location_id?: number;
+    longitude?: number;
+    latitude?: number;
+    radius?: number;
+};
+type SmartFilter = {
+    id: string;
+    label: string;
+    type: "amenity" | "hotelStyle" | "priceRange" | "minRating" | "starRating" | "primary_type" | "transformed_query" | "selected_restaurant_price_levels";
+    value: string;
+    numericValue?: number;
+    priceRange?: {
+        min: number;
+        max?: number;
+    };
+    propertyType?: PropertyType;
+    priceLevels?: any[];
+};
 /**
  * Hook that creates a MapFirstCore instance that can be initialized before maps are ready.
  * Supports two-phase initialization: create SDK first, attach map later.
@@ -188,6 +222,151 @@ declare function useMapboxAttachment({ mapFirst, map, mapboxgl, onMarkerClick, }
  * @deprecated Use useMapFirstCore and platform-specific attachment hooks instead
  */
 declare function useMapFirst(options: MapFirstOptions | null): React.RefObject<MapFirstCore | null>;
+/**
+ * Hook to run properties search with the MapFirst SDK.
+ * Returns a function to trigger the search and loading state.
+ *
+ * @example
+ * ```tsx
+ * const { mapFirst } = useMapFirstCore({ ... });
+ * const { search, isLoading, error } = usePropertiesSearch(mapFirst);
+ *
+ * const handleSearch = async () => {
+ *   await search({
+ *     body: {
+ *       city: "Paris",
+ *       country: "France",
+ *       filters: {
+ *         checkIn: new Date(),
+ *         checkOut: new Date(Date.now() + 86400000),
+ *         numAdults: 2,
+ *         numRooms: 1
+ *       }
+ *     }
+ *   });
+ * };
+ * ```
+ */
+declare function usePropertiesSearch(mapFirst: MapFirstCore | null): {
+    search: (options: {
+        body: InitialRequestBody;
+        beforeApplyProperties?: (data: any) => {
+            price?: any;
+            limit?: number;
+        };
+        smartFiltersClearable?: boolean;
+    }) => Promise<{
+        location_id?: number;
+        filters: {
+            amenities?: string[];
+            hotelStyle?: string[];
+            price?: {
+                min: number;
+                max: number;
+            } | null;
+            minRating?: number;
+            starRating?: number;
+            numAdults: number;
+            numRooms: number;
+            checkIn: string;
+            checkOut: string;
+            location?: {
+                locationId: number | null;
+                city: string | null;
+                state: string | null;
+                country: string | null;
+                longitude: number | null;
+                latitude: number | null;
+            } | null;
+            currency: string;
+            limit?: number;
+            language?: "en" | "es" | "de" | "fr" | "it" | "pt";
+            primary_type?: PropertyType;
+            transformed_query?: string;
+            selected_restaurant_price_levels?: ("Mid Range" | "Fine Dining" | "Cheap Eats")[];
+        };
+        properties: Property[];
+        isComplete: boolean | undefined;
+        pollingLink: string | undefined;
+        durationSeconds: number;
+    } | null>;
+    isLoading: boolean;
+    error: Error | null;
+};
+/**
+ * Hook to run smart filter search with the MapFirst SDK.
+ * Returns a function to trigger the search and loading state.
+ *
+ * @example
+ * ```tsx
+ * const { mapFirst } = useMapFirstCore({ ... });
+ * const { search, isLoading, error } = useSmartFilterSearch(mapFirst);
+ *
+ * const handleSearch = async () => {
+ *   await search({
+ *     query: "hotels near beach with pool"
+ *   });
+ * };
+ *
+ * // Or with filters
+ * const handleFilterSearch = async () => {
+ *   await search({
+ *     filters: [
+ *       { id: "pool", label: "Pool", type: "amenity", value: "pool" },
+ *       { id: "4star", label: "4 Star", type: "starRating", value: "4", numericValue: 4 }
+ *     ]
+ *   });
+ * };
+ * ```
+ */
+declare function useSmartFilterSearch(mapFirst: MapFirstCore | null): {
+    search: (options: {
+        query?: string;
+        filters?: SmartFilter[];
+        onProcessFilters?: (filters: any, location_id?: number) => {
+            smartFilters?: SmartFilter[];
+            price?: any;
+            limit?: number;
+            language?: string;
+        };
+    }) => Promise<{
+        location_id?: number;
+        filters: {
+            amenities?: string[];
+            hotelStyle?: string[];
+            price?: {
+                min: number;
+                max: number;
+            } | null;
+            minRating?: number;
+            starRating?: number;
+            numAdults: number;
+            numRooms: number;
+            checkIn: string;
+            checkOut: string;
+            location?: {
+                locationId: number | null;
+                city: string | null;
+                state: string | null;
+                country: string | null;
+                longitude: number | null;
+                latitude: number | null;
+            } | null;
+            currency: string;
+            limit?: number;
+            language?: "en" | "es" | "de" | "fr" | "it" | "pt";
+            primary_type?: PropertyType;
+            transformed_query?: string;
+            selected_restaurant_price_levels?: ("Mid Range" | "Fine Dining" | "Cheap Eats")[];
+        };
+        properties: Property[];
+        isComplete: boolean | undefined;
+        pollingLink: string | undefined;
+        durationSeconds: number;
+    } | null>;
+    isLoading: boolean;
+    error: Error | null;
+};
 /**
  * Helper component that simply renders the markers it receives so non-React environments
  * can verify data flows before wiring the SDK into a map.
@@ -196,4 +375,4 @@ declare function MarkerDebugList({ markers }: {
     markers: Property[];
 }): react_jsx_runtime.JSX.Element;
 
-export { MarkerDebugList, useGoogleMapsAttachment, useMapFirst, useMapFirstCore, useMapFirstProperties, useMapFirstSelectedProperty, useMapLibreAttachment, useMapboxAttachment, usePrimaryType, useSelectedMarker };
+export { MarkerDebugList, useGoogleMapsAttachment, useMapFirst, useMapFirstCore, useMapFirstProperties, useMapFirstSelectedProperty, useMapLibreAttachment, useMapboxAttachment, usePrimaryType, usePropertiesSearch, useSelectedMarker, useSmartFilterSearch };

package/dist/index.js

@@ -1,2 +1,2 @@
-"use strict";var S=Object.create;var d=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var b=Object.getOwnPropertyNames;var P=Object.getPrototypeOf,k=Object.prototype.hasOwnProperty;var m=(e,n)=>{for(var r in n)d(e,r,{get:n[r],enumerable:!0})},C=(e,n,r,o)=>{if(n&&typeof n=="object"||typeof n=="function")for(let a of b(n))!k.call(e,a)&&a!==r&&d(e,a,{get:()=>n[a],enumerable:!(o=h(n,a))||o.enumerable});return e};var x=(e,n,r)=>(r=e!=null?S(P(e)):{},C(n||!e||!e.__esModule?d(r,"default",{value:e,enumerable:!0}):r,e)),R=e=>C(d({},"__esModule",{value:!0}),e);var w={};m(w,{MarkerDebugList:()=>G,useGoogleMapsAttachment:()=>O,useMapFirst:()=>B,useMapFirstCore:()=>T,useMapFirstProperties:()=>E,useMapFirstSelectedProperty:()=>L,useMapLibreAttachment:()=>N,useMapboxAttachment:()=>I,usePrimaryType:()=>F,useSelectedMarker:()=>A});module.exports=R(w);var s=x(require("react")),M=require("@mapfirst.ai/core"),p=require("react/jsx-runtime");function T(e){let n=s.default.useRef(null),[r,o]=s.default.useState(null),a=s.default.useRef(e);return s.default.useEffect(()=>{a.current=e}),s.default.useEffect(()=>{let f=a.current,y={adapter:null,...f,callbacks:{...f.callbacks,onPropertiesChange:u=>{var t,l;o(c=>c?{...c,properties:u}:null),(l=(t=a.current.callbacks)==null?void 0:t.onPropertiesChange)==null||l.call(t,u)},onSelectedPropertyChange:u=>{var t,l;o(c=>c?{...c,selectedPropertyId:u}:null),(l=(t=a.current.callbacks)==null?void 0:t.onSelectedPropertyChange)==null||l.call(t,u)},onPrimaryTypeChange:u=>{var t,l;o(c=>c?{...c,primary:u}:null),(l=(t=a.current.callbacks)==null?void 0:t.onPrimaryTypeChange)==null||l.call(t,u)},onFiltersChange:u=>{var t,l;o(c=>c?{...c,filters:u}:null),(l=(t=a.current.callbacks)==null?void 0:t.onFiltersChange)==null||l.call(t,u)},onBoundsChange:u=>{var t,l;o(c=>c?{...c,bounds:u}:null),(l=(t=a.current.callbacks)==null?void 0:t.onBoundsChange)==null||l.call(t,u)},onCenterChange:(u,t)=>{var l,c;o(g=>g?{...g,center:u,zoom:t}:null),(c=(l=a.current.callbacks)==null?void 0:l.onCenterChange)==null||c.call(l,u,t)},onZoomChange:u=>{var t,l;o(c=>c?{...c,zoom:u}:null),(l=(t=a.current.callbacks)==null?void 0:t.onZoomChange)==null||l.call(t,u)},onActiveLocationChange:u=>{var t,l;o(c=>c?{...c,activeLocation:u}:null),(l=(t=a.current.callbacks)==null?void 0:t.onActiveLocationChange)==null||l.call(t,u)},onLoadingStateChange:u=>{var t,l;o(c=>c?{...c,initialLoading:u}:null),(l=(t=a.current.callbacks)==null?void 0:t.onLoadingStateChange)==null||l.call(t,u)},onSearchingStateChange:u=>{var t,l;o(c=>c?{...c,isSearching:u}:null),(l=(t=a.current.callbacks)==null?void 0:t.onSearchingStateChange)==null||l.call(t,u)}}},i=new M.MapFirstCore(y);return n.current=i,o(i.getState()),()=>{i.destroy(),n.current=null,o(null)}},[]),{mapFirst:n.current,state:r}}function E(e){let[n,r]=s.default.useState([]);return s.default.useEffect(()=>{if(!e){r([]);return}r(e.getState().properties)},[e]),n}function L(e){let[n,r]=s.default.useState(null);return s.default.useEffect(()=>{if(!e){r(null);return}r(e.getState().selectedPropertyId)},[e]),n}function F(e){let[n,r]=s.default.useState("Accommodation");s.default.useEffect(()=>{if(!e){r("Accommodation");return}r(e.getState().primary)},[e]);let o=s.default.useCallback(a=>{e&&(e.setPrimaryType(a),r(a))},[e]);return[n,o]}function A(e){let[n,r]=s.default.useState(null);s.default.useEffect(()=>{if(!e){r(null);return}r(e.getState().selectedPropertyId)},[e]);let o=s.default.useCallback(a=>{e&&e.setSelectedMarker(a)},[e]);return[n,o]}function N({mapFirst:e,map:n,maplibregl:r,onMarkerClick:o}){let a=s.default.useRef(!1);s.default.useEffect(()=>{!e||!n||a.current||(e.attachMap(n,{platform:"maplibre",maplibregl:r,onMarkerClick:o}),a.current=!0)},[e,n,r,o])}function O({mapFirst:e,map:n,google:r,onMarkerClick:o}){let a=s.default.useRef(!1);s.default.useEffect(()=>{!e||!n||a.current||(e.attachMap(n,{platform:"google",google:r,onMarkerClick:o}),a.current=!0)},[e,n,r,o])}function I({mapFirst:e,map:n,mapboxgl:r,onMarkerClick:o}){let a=s.default.useRef(!1);s.default.useEffect(()=>{!e||!n||a.current||(e.attachMap(n,{platform:"mapbox",mapboxgl:r,onMarkerClick:o}),a.current=!0)},[e,n,r,o])}function B(e){let n=s.default.useRef(null);return s.default.useEffect(()=>{if(!e)return;let r=new M.MapFirstCore(e);return n.current=r,()=>{r.destroy(),n.current=null}},[e]),n}function G({markers:e}){return(0,p.jsxs)("div",{style:{fontFamily:"sans-serif",fontSize:14},children:[(0,p.jsx)("strong",{children:"Markers"}),(0,p.jsx)("ul",{children:e.map(n=>{var r,o,a,f,y,i;return(0,p.jsxs)("li",{children:[n.name," \u2014 ",(a=(o=(r=n.location)==null?void 0:r.lat)==null?void 0:o.toFixed(3))!=null?a:"n/a",","," ",(i=(y=(f=n.location)==null?void 0:f.lon)==null?void 0:y.toFixed(3))!=null?i:"n/a"]},String(n.tripadvisor_id))})})]})}0&&(module.exports={MarkerDebugList,useGoogleMapsAttachment,useMapFirst,useMapFirstCore,useMapFirstProperties,useMapFirstSelectedProperty,useMapLibreAttachment,useMapboxAttachment,usePrimaryType,useSelectedMarker});
+"use strict";var m=Object.create;var g=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var M=Object.getOwnPropertyNames;var C=Object.getPrototypeOf,P=Object.prototype.hasOwnProperty;var E=(e,t)=>{for(var a in t)g(e,a,{get:t[a],enumerable:!0})},S=(e,t,a,l)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of M(t))!P.call(e,n)&&n!==a&&g(e,n,{get:()=>t[n],enumerable:!(l=h(t,n))||l.enumerable});return e};var k=(e,t,a)=>(a=e!=null?m(C(e)):{},S(t||!e||!e.__esModule?g(a,"default",{value:e,enumerable:!0}):a,e)),R=e=>S(g({},"__esModule",{value:!0}),e);var q={};E(q,{MarkerDebugList:()=>O,useGoogleMapsAttachment:()=>A,useMapFirst:()=>v,useMapFirstCore:()=>x,useMapFirstProperties:()=>F,useMapFirstSelectedProperty:()=>w,useMapLibreAttachment:()=>I,useMapboxAttachment:()=>_,usePrimaryType:()=>L,usePropertiesSearch:()=>B,useSelectedMarker:()=>T,useSmartFilterSearch:()=>N});module.exports=R(q);var u=k(require("react")),d=require("@mapfirst.ai/core"),f=require("react/jsx-runtime");function x(e){let t=u.default.useRef(null),[a,l]=u.default.useState(null),n=u.default.useRef(e);return u.default.useEffect(()=>{n.current=e}),u.default.useEffect(()=>{let y=n.current,p={adapter:null,...y,callbacks:{...y.callbacks,onPropertiesChange:o=>{var r,s;l(c=>c?{...c,properties:o}:null),(s=(r=n.current.callbacks)==null?void 0:r.onPropertiesChange)==null||s.call(r,o)},onSelectedPropertyChange:o=>{var r,s;l(c=>c?{...c,selectedPropertyId:o}:null),(s=(r=n.current.callbacks)==null?void 0:r.onSelectedPropertyChange)==null||s.call(r,o)},onPrimaryTypeChange:o=>{var r,s;l(c=>c?{...c,primary:o}:null),(s=(r=n.current.callbacks)==null?void 0:r.onPrimaryTypeChange)==null||s.call(r,o)},onFiltersChange:o=>{var r,s;l(c=>c?{...c,filters:o}:null),(s=(r=n.current.callbacks)==null?void 0:r.onFiltersChange)==null||s.call(r,o)},onBoundsChange:o=>{var r,s;l(c=>c?{...c,bounds:o}:null),(s=(r=n.current.callbacks)==null?void 0:r.onBoundsChange)==null||s.call(r,o)},onCenterChange:(o,r)=>{var s,c;l(b=>b?{...b,center:o,zoom:r}:null),(c=(s=n.current.callbacks)==null?void 0:s.onCenterChange)==null||c.call(s,o,r)},onZoomChange:o=>{var r,s;l(c=>c?{...c,zoom:o}:null),(s=(r=n.current.callbacks)==null?void 0:r.onZoomChange)==null||s.call(r,o)},onActiveLocationChange:o=>{var r,s;l(c=>c?{...c,activeLocation:o}:null),(s=(r=n.current.callbacks)==null?void 0:r.onActiveLocationChange)==null||s.call(r,o)},onLoadingStateChange:o=>{var r,s;l(c=>c?{...c,initialLoading:o}:null),(s=(r=n.current.callbacks)==null?void 0:r.onLoadingStateChange)==null||s.call(r,o)},onSearchingStateChange:o=>{var r,s;l(c=>c?{...c,isSearching:o}:null),(s=(r=n.current.callbacks)==null?void 0:r.onSearchingStateChange)==null||s.call(r,o)}}},i=new d.MapFirstCore(p);return t.current=i,l(i.getState()),()=>{i.destroy(),t.current=null,l(null)}},[]),{mapFirst:t.current,state:a}}function F(e){let[t,a]=u.default.useState([]);return u.default.useEffect(()=>{if(!e){a([]);return}a(e.getState().properties)},[e]),t}function w(e){let[t,a]=u.default.useState(null);return u.default.useEffect(()=>{if(!e){a(null);return}a(e.getState().selectedPropertyId)},[e]),t}function L(e){let[t,a]=u.default.useState("Accommodation");u.default.useEffect(()=>{if(!e){a("Accommodation");return}a(e.getState().primary)},[e]);let l=u.default.useCallback(n=>{e&&(e.setPrimaryType(n),a(n))},[e]);return[t,l]}function T(e){let[t,a]=u.default.useState(null);u.default.useEffect(()=>{if(!e){a(null);return}a(e.getState().selectedPropertyId)},[e]);let l=u.default.useCallback(n=>{e&&e.setSelectedMarker(n)},[e]);return[t,l]}function I({mapFirst:e,map:t,maplibregl:a,onMarkerClick:l}){let n=u.default.useRef(!1);u.default.useEffect(()=>{!e||!t||n.current||(e.attachMap(t,{platform:"maplibre",maplibregl:a,onMarkerClick:l}),n.current=!0)},[e,t,a,l])}function A({mapFirst:e,map:t,google:a,onMarkerClick:l}){let n=u.default.useRef(!1);u.default.useEffect(()=>{!e||!t||n.current||(e.attachMap(t,{platform:"google",google:a,onMarkerClick:l}),n.current=!0)},[e,t,a,l])}function _({mapFirst:e,map:t,mapboxgl:a,onMarkerClick:l}){let n=u.default.useRef(!1);u.default.useEffect(()=>{!e||!t||n.current||(e.attachMap(t,{platform:"mapbox",mapboxgl:a,onMarkerClick:l}),n.current=!0)},[e,t,a,l])}function v(e){let t=u.default.useRef(null);return u.default.useEffect(()=>{if(!e)return;let a=new d.MapFirstCore(e);return t.current=a,()=>{a.destroy(),t.current=null}},[e]),t}function B(e){let[t,a]=u.default.useState(!1),[l,n]=u.default.useState(null);return{search:u.default.useCallback(async p=>{if(!e){let i=new Error("MapFirst instance not available");throw n(i),i}a(!0),n(null);try{return await e.runPropertiesSearch({...p,onError:o=>{let r=o instanceof Error?o:new Error(String(o));n(r)}})}catch(i){let o=i instanceof Error?i:new Error(String(i));throw n(o),o}finally{a(!1)}},[e]),isLoading:t,error:l}}function N(e){let[t,a]=u.default.useState(!1),[l,n]=u.default.useState(null);return{search:u.default.useCallback(async p=>{if(!e){let i=new Error("MapFirst instance not available");throw n(i),i}a(!0),n(null);try{return await e.runSmartFilterSearch({...p,onError:o=>{let r=o instanceof Error?o:new Error(String(o));n(r)}})}catch(i){let o=i instanceof Error?i:new Error(String(i));throw n(o),o}finally{a(!1)}},[e]),isLoading:t,error:l}}function O({markers:e}){return(0,f.jsxs)("div",{style:{fontFamily:"sans-serif",fontSize:14},children:[(0,f.jsx)("strong",{children:"Markers"}),(0,f.jsx)("ul",{children:e.map(t=>{var a,l,n,y,p,i;return(0,f.jsxs)("li",{children:[t.name," \u2014 ",(n=(l=(a=t.location)==null?void 0:a.lat)==null?void 0:l.toFixed(3))!=null?n:"n/a",","," ",(i=(p=(y=t.location)==null?void 0:y.lon)==null?void 0:p.toFixed(3))!=null?i:"n/a"]},String(t.tripadvisor_id))})})]})}0&&(module.exports={MarkerDebugList,useGoogleMapsAttachment,useMapFirst,useMapFirstCore,useMapFirstProperties,useMapFirstSelectedProperty,useMapLibreAttachment,useMapboxAttachment,usePrimaryType,usePropertiesSearch,useSelectedMarker,useSmartFilterSearch});
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n  MapFirstCore,\n  type MapFirstOptions,\n  type BaseMapFirstOptions,\n  type Property,\n  type MapLibreNamespace,\n  type GoogleMapsNamespace,\n  type MapboxNamespace,\n  type MapState,\n  type PropertyType,\n} from \"@mapfirst.ai/core\";\n\n/**\n * Hook that creates a MapFirstCore instance that can be initialized before maps are ready.\n * Supports two-phase initialization: create SDK first, attach map later.\n * Returns the instance and reactive state that updates when SDK state changes.\n *\n * @example\n * ```tsx\n * // Phase 1: Create SDK instance with location data\n * const { mapFirst, state } = useMapFirstCore({\n *   initialLocationData: {\n *     city: \"New York\",\n *     country: \"United States\",\n *     currency: \"USD\"\n *   }\n * });\n *\n * // Access reactive state\n * console.log(state.properties); // Updates when properties change\n * console.log(state.isSearching); // Updates when search state changes\n *\n * // Phase 2: Attach map when ready\n * useEffect(() => {\n *   if (mapLibreInstance && mapFirst) {\n *     mapFirst.attachMap(mapLibreInstance, {\n *       platform: \"maplibre\",\n *       maplibregl: maplibregl,\n *       onMarkerClick: (marker) => console.log(marker)\n *     });\n *   }\n * }, [mapLibreInstance, mapFirst]);\n * ```\n */\nexport function useMapFirstCore(options: BaseMapFirstOptions) {\n  const instanceRef = React.useRef<MapFirstCore | null>(null);\n  const [state, setState] = React.useState<MapState | null>(null);\n\n  // Memoize the options to prevent recreation on every render\n  const optionsRef = React.useRef(options);\n  React.useEffect(() => {\n    optionsRef.current = options;\n  });\n\n  React.useEffect(() => {\n    const opts = optionsRef.current;\n\n    // Create MapFirstCore instance without map using adapter-driven options\n    const coreOptions: MapFirstOptions = {\n      adapter: null as any, // Will be set when attachMap is called\n      ...opts,\n      callbacks: {\n        ...opts.callbacks,\n        // Add internal callbacks to trigger React re-renders\n        onPropertiesChange: (properties) => {\n          setState((prev) => (prev ? { ...prev, properties } : null));\n          optionsRef.current.callbacks?.onPropertiesChange?.(properties);\n        },\n        onSelectedPropertyChange: (id) => {\n          setState((prev) =>\n            prev ? { ...prev, selectedPropertyId: id } : null\n          );\n          optionsRef.current.callbacks?.onSelectedPropertyChange?.(id);\n        },\n        onPrimaryTypeChange: (type) => {\n          setState((prev) => (prev ? { ...prev, primary: type } : null));\n          optionsRef.current.callbacks?.onPrimaryTypeChange?.(type);\n        },\n        onFiltersChange: (filters) => {\n          setState((prev) => (prev ? { ...prev, filters } : null));\n          optionsRef.current.callbacks?.onFiltersChange?.(filters);\n        },\n        onBoundsChange: (bounds) => {\n          setState((prev) => (prev ? { ...prev, bounds } : null));\n          optionsRef.current.callbacks?.onBoundsChange?.(bounds);\n        },\n        onCenterChange: (center, zoom) => {\n          setState((prev) => (prev ? { ...prev, center, zoom } : null));\n          optionsRef.current.callbacks?.onCenterChange?.(center, zoom);\n        },\n        onZoomChange: (zoom) => {\n          setState((prev) => (prev ? { ...prev, zoom } : null));\n          optionsRef.current.callbacks?.onZoomChange?.(zoom);\n        },\n        onActiveLocationChange: (location) => {\n          setState((prev) =>\n            prev ? { ...prev, activeLocation: location } : null\n          );\n          optionsRef.current.callbacks?.onActiveLocationChange?.(location);\n        },\n        onLoadingStateChange: (loading) => {\n          setState((prev) =>\n            prev ? { ...prev, initialLoading: loading } : null\n          );\n          optionsRef.current.callbacks?.onLoadingStateChange?.(loading);\n        },\n        onSearchingStateChange: (searching) => {\n          setState((prev) =>\n            prev ? { ...prev, isSearching: searching } : null\n          );\n          optionsRef.current.callbacks?.onSearchingStateChange?.(searching);\n        },\n      },\n    };\n\n    const instance = new MapFirstCore(coreOptions);\n    instanceRef.current = instance;\n\n    // Initialize state from SDK\n    setState(instance.getState());\n\n    return () => {\n      instance.destroy();\n      instanceRef.current = null;\n      setState(null);\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return { mapFirst: instanceRef.current, state };\n}\n\n/**\n * Hook to access reactive properties from MapFirst SDK.\n * Returns the current properties array that updates when properties change.\n *\n * @example\n * ```tsx\n * const { mapFirst } = useMapFirstCore({ ... });\n * const properties = useMapFirstProperties(mapFirst);\n *\n * return <div>Found {properties.length} properties</div>;\n * ```\n */\nexport function useMapFirstProperties(\n  mapFirst: MapFirstCore | null\n): Property[] {\n  const [properties, setProperties] = React.useState<Property[]>([]);\n\n  React.useEffect(() => {\n    if (!mapFirst) {\n      setProperties([]);\n      return;\n    }\n\n    // Initialize with current state\n    setProperties(mapFirst.getState().properties);\n  }, [mapFirst]);\n\n  return properties;\n}\n\n/**\n * Hook to access the selected property ID from MapFirst SDK.\n * Returns the currently selected property ID that updates when selection changes.\n *\n * @example\n * ```tsx\n * const { mapFirst } = useMapFirstCore({ ... });\n * const selectedId = useMapFirstSelectedProperty(mapFirst);\n *\n * return <div>Selected: {selectedId || 'None'}</div>;\n * ```\n */\nexport function useMapFirstSelectedProperty(\n  mapFirst: MapFirstCore | null\n): number | null {\n  const [selectedId, setSelectedId] = React.useState<number | null>(null);\n\n  React.useEffect(() => {\n    if (!mapFirst) {\n      setSelectedId(null);\n      return;\n    }\n\n    // Initialize with current state\n    setSelectedId(mapFirst.getState().selectedPropertyId);\n  }, [mapFirst]);\n\n  return selectedId;\n}\n\n/**\n * Hook to access and control the primary property type.\n * Returns the current primary type and a setter function.\n *\n * @example\n * ```tsx\n * const { mapFirst } = useMapFirstCore({ ... });\n * const [primaryType, setPrimaryType] = usePrimaryType(mapFirst);\n *\n * return (\n *   <select value={primaryType} onChange={(e) => setPrimaryType(e.target.value as PropertyType)}>\n *     <option value=\"Accommodation\">Hotels</option>\n *     <option value=\"Restaurant\">Restaurants</option>\n *     <option value=\"Attraction\">Attractions</option>\n *   </select>\n * );\n * ```\n */\nexport function usePrimaryType(\n  mapFirst: MapFirstCore | null\n): [PropertyType, (type: PropertyType) => void] {\n  const [primaryType, setPrimaryTypeState] =\n    React.useState<PropertyType>(\"Accommodation\");\n\n  React.useEffect(() => {\n    if (!mapFirst) {\n      setPrimaryTypeState(\"Accommodation\");\n      return;\n    }\n\n    // Initialize with current state\n    setPrimaryTypeState(mapFirst.getState().primary);\n  }, [mapFirst]);\n\n  const setPrimaryType = React.useCallback(\n    (type: PropertyType) => {\n      if (mapFirst) {\n        mapFirst.setPrimaryType(type);\n        setPrimaryTypeState(type);\n      }\n    },\n    [mapFirst]\n  );\n\n  return [primaryType, setPrimaryType];\n}\n\n/**\n * Hook to access and control the selected marker.\n * Returns the current selected marker ID and a setter function.\n * Note: This hook requires the MapFirstCore instance. For simpler usage with reactive updates,\n * use state.selectedPropertyId from useMapFirstCore instead.\n *\n * @example\n * ```tsx\n * const { mapFirst } = useMapFirstCore({ ... });\n * const [selectedMarker, setSelectedMarker] = useSelectedMarker(mapFirst);\n *\n * return (\n *   <div>\n *     <p>Selected: {selectedMarker || 'None'}</p>\n *     <button onClick={() => setSelectedMarker(null)}>Clear Selection</button>\n *   </div>\n * );\n * ```\n */\nexport function useSelectedMarker(\n  mapFirst: MapFirstCore | null\n): [number | null, (id: number | null) => void] {\n  const [selectedMarker, setSelectedMarkerState] = React.useState<\n    number | null\n  >(null);\n\n  React.useEffect(() => {\n    if (!mapFirst) {\n      setSelectedMarkerState(null);\n      return;\n    }\n\n    // Initialize with current state\n    setSelectedMarkerState(mapFirst.getState().selectedPropertyId);\n  }, [mapFirst]);\n\n  const setSelectedMarker = React.useCallback(\n    (id: number | null) => {\n      if (mapFirst) {\n        mapFirst.setSelectedMarker(id);\n      }\n    },\n    [mapFirst]\n  );\n\n  return [selectedMarker, setSelectedMarker];\n}\n\n/**\n * Hook for MapLibre GL JS integration.\n * Automatically attaches the map when both the SDK instance and map are available.\n *\n * @example\n * ```tsx\n * const { mapFirst, state } = useMapFirstCore({ initialLocationData: { city: \"Paris\", country: \"France\" } });\n * const mapRef = useRef<maplibregl.Map | null>(null);\n *\n * useMapLibreAttachment({\n *   mapFirst,\n *   map: mapRef.current,\n *   maplibregl: maplibregl,\n *   onMarkerClick: (marker) => console.log(marker)\n * });\n *\n * // Access reactive state\n * console.log(state?.properties);\n * ```\n */\nexport function useMapLibreAttachment({\n  mapFirst,\n  map,\n  maplibregl,\n  onMarkerClick,\n}: {\n  mapFirst: MapFirstCore | null;\n  map: any | null;\n  maplibregl: MapLibreNamespace;\n  onMarkerClick?: (marker: Property) => void;\n}) {\n  const attachedRef = React.useRef(false);\n\n  React.useEffect(() => {\n    if (!mapFirst || !map || attachedRef.current) {\n      return;\n    }\n\n    mapFirst.attachMap(map, {\n      platform: \"maplibre\",\n      maplibregl,\n      onMarkerClick,\n    });\n\n    attachedRef.current = true;\n  }, [mapFirst, map, maplibregl, onMarkerClick]);\n}\n\n/**\n * Hook for Google Maps integration.\n * Automatically attaches the map when both the SDK instance and map are available.\n *\n * @example\n * ```tsx\n * const { mapFirst, state } = useMapFirstCore({ initialLocationData: { city: \"Tokyo\", country: \"Japan\" } });\n * const mapRef = useRef<google.maps.Map | null>(null);\n *\n * useGoogleMapsAttachment({\n *   mapFirst,\n *   map: mapRef.current,\n *   google: window.google,\n *   onMarkerClick: (marker) => console.log(marker)\n * });\n *\n * // Access reactive state\n * console.log(state?.isSearching);\n * ```\n */\nexport function useGoogleMapsAttachment({\n  mapFirst,\n  map,\n  google,\n  onMarkerClick,\n}: {\n  mapFirst: MapFirstCore | null;\n  map: any | null;\n  google: GoogleMapsNamespace;\n  onMarkerClick?: (marker: Property) => void;\n}) {\n  const attachedRef = React.useRef(false);\n\n  React.useEffect(() => {\n    if (!mapFirst || !map || attachedRef.current) {\n      return;\n    }\n\n    mapFirst.attachMap(map, {\n      platform: \"google\",\n      google,\n      onMarkerClick,\n    });\n\n    attachedRef.current = true;\n  }, [mapFirst, map, google, onMarkerClick]);\n}\n\n/**\n * Hook for Mapbox GL JS integration.\n * Automatically attaches the map when both the SDK instance and map are available.\n *\n * @example\n * ```tsx\n * const { mapFirst, state } = useMapFirstCore({ initialLocationData: { city: \"London\", country: \"United Kingdom\" } });\n * const mapRef = useRef<mapboxgl.Map | null>(null);\n *\n * useMapboxAttachment({\n *   mapFirst,\n *   map: mapRef.current,\n *   mapboxgl: mapboxgl,\n *   onMarkerClick: (marker) => console.log(marker)\n * });\n *\n * // Access reactive state\n * console.log(state?.filters);\n * ```\n */\nexport function useMapboxAttachment({\n  mapFirst,\n  map,\n  mapboxgl,\n  onMarkerClick,\n}: {\n  mapFirst: MapFirstCore | null;\n  map: any | null;\n  mapboxgl: MapboxNamespace;\n  onMarkerClick?: (marker: Property) => void;\n}) {\n  const attachedRef = React.useRef(false);\n\n  React.useEffect(() => {\n    if (!mapFirst || !map || attachedRef.current) {\n      return;\n    }\n\n    mapFirst.attachMap(map, {\n      platform: \"mapbox\",\n      mapboxgl,\n      onMarkerClick,\n    });\n\n    attachedRef.current = true;\n  }, [mapFirst, map, mapboxgl, onMarkerClick]);\n}\n\n/**\n * Legacy hook that creates the MapFirstCore instance with a map immediately.\n * Use useMapFirstCore + useMap*Attachment hooks for better control.\n *\n * @deprecated Use useMapFirstCore and platform-specific attachment hooks instead\n */\nexport function useMapFirst(options: MapFirstOptions | null) {\n  const instanceRef = React.useRef<MapFirstCore | null>(null);\n\n  React.useEffect(() => {\n    if (!options) {\n      return undefined;\n    }\n    const instance = new MapFirstCore(options);\n    instanceRef.current = instance;\n\n    return () => {\n      instance.destroy();\n      instanceRef.current = null;\n    };\n  }, [options]);\n\n  return instanceRef;\n}\n\n/**\n * Helper component that simply renders the markers it receives so non-React environments\n * can verify data flows before wiring the SDK into a map.\n */\nexport function MarkerDebugList({ markers }: { markers: Property[] }) {\n  return (\n    <div style={{ fontFamily: \"sans-serif\", fontSize: 14 }}>\n      <strong>Markers</strong>\n      <ul>\n        {markers.map((marker) => (\n          <li key={String(marker.tripadvisor_id)}>\n            {marker.name} — {marker.location?.lat?.toFixed(3) ?? \"n/a\"},{\" \"}\n            {marker.location?.lon?.toFixed(3) ?? \"n/a\"}\n          </li>\n        ))}\n      </ul>\n    </div>\n  );\n}\n"],"mappings":"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","names":["index_exports","__export","MarkerDebugList","useGoogleMapsAttachment","useMapFirst","useMapFirstCore","useMapFirstProperties","useMapFirstSelectedProperty","useMapLibreAttachment","useMapboxAttachment","usePrimaryType","useSelectedMarker","__toCommonJS","import_react","import_core","import_jsx_runtime","options","instanceRef","React","state","setState","optionsRef","opts","coreOptions","properties","_a","_b","prev","id","type","filters","bounds","center","zoom","location","loading","searching","instance","mapFirst","setProperties","selectedId","setSelectedId","primaryType","setPrimaryTypeState","setPrimaryType","selectedMarker","setSelectedMarkerState","setSelectedMarker","map","maplibregl","onMarkerClick","attachedRef","google","mapboxgl","markers","marker","_c","_d","_e","_f"]}
+{"version":3,"sources":["../src/index.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n  MapFirstCore,\n  type MapFirstOptions,\n  type BaseMapFirstOptions,\n  type Property,\n  type MapLibreNamespace,\n  type GoogleMapsNamespace,\n  type MapboxNamespace,\n  type MapState,\n  type PropertyType,\n} from \"@mapfirst.ai/core\";\n\n// Import additional types for search functionality\ntype InitialRequestBody = {\n  initial?: boolean;\n  query?: string;\n  bounds?: {\n    sw: { lat: number; lng: number };\n    ne: { lat: number; lng: number };\n  };\n  filters?: any;\n  city?: string;\n  country?: string;\n  location_id?: number;\n  longitude?: number;\n  latitude?: number;\n  radius?: number;\n};\n\ntype SmartFilter = {\n  id: string;\n  label: string;\n  type:\n    | \"amenity\"\n    | \"hotelStyle\"\n    | \"priceRange\"\n    | \"minRating\"\n    | \"starRating\"\n    | \"primary_type\"\n    | \"transformed_query\"\n    | \"selected_restaurant_price_levels\";\n  value: string;\n  numericValue?: number;\n  priceRange?: {\n    min: number;\n    max?: number;\n  };\n  propertyType?: PropertyType;\n  priceLevels?: any[];\n};\n\n/**\n * Hook that creates a MapFirstCore instance that can be initialized before maps are ready.\n * Supports two-phase initialization: create SDK first, attach map later.\n * Returns the instance and reactive state that updates when SDK state changes.\n *\n * @example\n * ```tsx\n * // Phase 1: Create SDK instance with location data\n * const { mapFirst, state } = useMapFirstCore({\n *   initialLocationData: {\n *     city: \"New York\",\n *     country: \"United States\",\n *     currency: \"USD\"\n *   }\n * });\n *\n * // Access reactive state\n * console.log(state.properties); // Updates when properties change\n * console.log(state.isSearching); // Updates when search state changes\n *\n * // Phase 2: Attach map when ready\n * useEffect(() => {\n *   if (mapLibreInstance && mapFirst) {\n *     mapFirst.attachMap(mapLibreInstance, {\n *       platform: \"maplibre\",\n *       maplibregl: maplibregl,\n *       onMarkerClick: (marker) => console.log(marker)\n *     });\n *   }\n * }, [mapLibreInstance, mapFirst]);\n * ```\n */\nexport function useMapFirstCore(options: BaseMapFirstOptions) {\n  const instanceRef = React.useRef<MapFirstCore | null>(null);\n  const [state, setState] = React.useState<MapState | null>(null);\n\n  // Memoize the options to prevent recreation on every render\n  const optionsRef = React.useRef(options);\n  React.useEffect(() => {\n    optionsRef.current = options;\n  });\n\n  React.useEffect(() => {\n    const opts = optionsRef.current;\n\n    // Create MapFirstCore instance without map using adapter-driven options\n    const coreOptions: MapFirstOptions = {\n      adapter: null as any, // Will be set when attachMap is called\n      ...opts,\n      callbacks: {\n        ...opts.callbacks,\n        // Add internal callbacks to trigger React re-renders\n        onPropertiesChange: (properties) => {\n          setState((prev) => (prev ? { ...prev, properties } : null));\n          optionsRef.current.callbacks?.onPropertiesChange?.(properties);\n        },\n        onSelectedPropertyChange: (id) => {\n          setState((prev) =>\n            prev ? { ...prev, selectedPropertyId: id } : null\n          );\n          optionsRef.current.callbacks?.onSelectedPropertyChange?.(id);\n        },\n        onPrimaryTypeChange: (type) => {\n          setState((prev) => (prev ? { ...prev, primary: type } : null));\n          optionsRef.current.callbacks?.onPrimaryTypeChange?.(type);\n        },\n        onFiltersChange: (filters) => {\n          setState((prev) => (prev ? { ...prev, filters } : null));\n          optionsRef.current.callbacks?.onFiltersChange?.(filters);\n        },\n        onBoundsChange: (bounds) => {\n          setState((prev) => (prev ? { ...prev, bounds } : null));\n          optionsRef.current.callbacks?.onBoundsChange?.(bounds);\n        },\n        onCenterChange: (center, zoom) => {\n          setState((prev) => (prev ? { ...prev, center, zoom } : null));\n          optionsRef.current.callbacks?.onCenterChange?.(center, zoom);\n        },\n        onZoomChange: (zoom) => {\n          setState((prev) => (prev ? { ...prev, zoom } : null));\n          optionsRef.current.callbacks?.onZoomChange?.(zoom);\n        },\n        onActiveLocationChange: (location) => {\n          setState((prev) =>\n            prev ? { ...prev, activeLocation: location } : null\n          );\n          optionsRef.current.callbacks?.onActiveLocationChange?.(location);\n        },\n        onLoadingStateChange: (loading) => {\n          setState((prev) =>\n            prev ? { ...prev, initialLoading: loading } : null\n          );\n          optionsRef.current.callbacks?.onLoadingStateChange?.(loading);\n        },\n        onSearchingStateChange: (searching) => {\n          setState((prev) =>\n            prev ? { ...prev, isSearching: searching } : null\n          );\n          optionsRef.current.callbacks?.onSearchingStateChange?.(searching);\n        },\n      },\n    };\n\n    const instance = new MapFirstCore(coreOptions);\n    instanceRef.current = instance;\n\n    // Initialize state from SDK\n    setState(instance.getState());\n\n    return () => {\n      instance.destroy();\n      instanceRef.current = null;\n      setState(null);\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return { mapFirst: instanceRef.current, state };\n}\n\n/**\n * Hook to access reactive properties from MapFirst SDK.\n * Returns the current properties array that updates when properties change.\n *\n * @example\n * ```tsx\n * const { mapFirst } = useMapFirstCore({ ... });\n * const properties = useMapFirstProperties(mapFirst);\n *\n * return <div>Found {properties.length} properties</div>;\n * ```\n */\nexport function useMapFirstProperties(\n  mapFirst: MapFirstCore | null\n): Property[] {\n  const [properties, setProperties] = React.useState<Property[]>([]);\n\n  React.useEffect(() => {\n    if (!mapFirst) {\n      setProperties([]);\n      return;\n    }\n\n    // Initialize with current state\n    setProperties(mapFirst.getState().properties);\n  }, [mapFirst]);\n\n  return properties;\n}\n\n/**\n * Hook to access the selected property ID from MapFirst SDK.\n * Returns the currently selected property ID that updates when selection changes.\n *\n * @example\n * ```tsx\n * const { mapFirst } = useMapFirstCore({ ... });\n * const selectedId = useMapFirstSelectedProperty(mapFirst);\n *\n * return <div>Selected: {selectedId || 'None'}</div>;\n * ```\n */\nexport function useMapFirstSelectedProperty(\n  mapFirst: MapFirstCore | null\n): number | null {\n  const [selectedId, setSelectedId] = React.useState<number | null>(null);\n\n  React.useEffect(() => {\n    if (!mapFirst) {\n      setSelectedId(null);\n      return;\n    }\n\n    // Initialize with current state\n    setSelectedId(mapFirst.getState().selectedPropertyId);\n  }, [mapFirst]);\n\n  return selectedId;\n}\n\n/**\n * Hook to access and control the primary property type.\n * Returns the current primary type and a setter function.\n *\n * @example\n * ```tsx\n * const { mapFirst } = useMapFirstCore({ ... });\n * const [primaryType, setPrimaryType] = usePrimaryType(mapFirst);\n *\n * return (\n *   <select value={primaryType} onChange={(e) => setPrimaryType(e.target.value as PropertyType)}>\n *     <option value=\"Accommodation\">Hotels</option>\n *     <option value=\"Restaurant\">Restaurants</option>\n *     <option value=\"Attraction\">Attractions</option>\n *   </select>\n * );\n * ```\n */\nexport function usePrimaryType(\n  mapFirst: MapFirstCore | null\n): [PropertyType, (type: PropertyType) => void] {\n  const [primaryType, setPrimaryTypeState] =\n    React.useState<PropertyType>(\"Accommodation\");\n\n  React.useEffect(() => {\n    if (!mapFirst) {\n      setPrimaryTypeState(\"Accommodation\");\n      return;\n    }\n\n    // Initialize with current state\n    setPrimaryTypeState(mapFirst.getState().primary);\n  }, [mapFirst]);\n\n  const setPrimaryType = React.useCallback(\n    (type: PropertyType) => {\n      if (mapFirst) {\n        mapFirst.setPrimaryType(type);\n        setPrimaryTypeState(type);\n      }\n    },\n    [mapFirst]\n  );\n\n  return [primaryType, setPrimaryType];\n}\n\n/**\n * Hook to access and control the selected marker.\n * Returns the current selected marker ID and a setter function.\n * Note: This hook requires the MapFirstCore instance. For simpler usage with reactive updates,\n * use state.selectedPropertyId from useMapFirstCore instead.\n *\n * @example\n * ```tsx\n * const { mapFirst } = useMapFirstCore({ ... });\n * const [selectedMarker, setSelectedMarker] = useSelectedMarker(mapFirst);\n *\n * return (\n *   <div>\n *     <p>Selected: {selectedMarker || 'None'}</p>\n *     <button onClick={() => setSelectedMarker(null)}>Clear Selection</button>\n *   </div>\n * );\n * ```\n */\nexport function useSelectedMarker(\n  mapFirst: MapFirstCore | null\n): [number | null, (id: number | null) => void] {\n  const [selectedMarker, setSelectedMarkerState] = React.useState<\n    number | null\n  >(null);\n\n  React.useEffect(() => {\n    if (!mapFirst) {\n      setSelectedMarkerState(null);\n      return;\n    }\n\n    // Initialize with current state\n    setSelectedMarkerState(mapFirst.getState().selectedPropertyId);\n  }, [mapFirst]);\n\n  const setSelectedMarker = React.useCallback(\n    (id: number | null) => {\n      if (mapFirst) {\n        mapFirst.setSelectedMarker(id);\n      }\n    },\n    [mapFirst]\n  );\n\n  return [selectedMarker, setSelectedMarker];\n}\n\n/**\n * Hook for MapLibre GL JS integration.\n * Automatically attaches the map when both the SDK instance and map are available.\n *\n * @example\n * ```tsx\n * const { mapFirst, state } = useMapFirstCore({ initialLocationData: { city: \"Paris\", country: \"France\" } });\n * const mapRef = useRef<maplibregl.Map | null>(null);\n *\n * useMapLibreAttachment({\n *   mapFirst,\n *   map: mapRef.current,\n *   maplibregl: maplibregl,\n *   onMarkerClick: (marker) => console.log(marker)\n * });\n *\n * // Access reactive state\n * console.log(state?.properties);\n * ```\n */\nexport function useMapLibreAttachment({\n  mapFirst,\n  map,\n  maplibregl,\n  onMarkerClick,\n}: {\n  mapFirst: MapFirstCore | null;\n  map: any | null;\n  maplibregl: MapLibreNamespace;\n  onMarkerClick?: (marker: Property) => void;\n}) {\n  const attachedRef = React.useRef(false);\n\n  React.useEffect(() => {\n    if (!mapFirst || !map || attachedRef.current) {\n      return;\n    }\n\n    mapFirst.attachMap(map, {\n      platform: \"maplibre\",\n      maplibregl,\n      onMarkerClick,\n    });\n\n    attachedRef.current = true;\n  }, [mapFirst, map, maplibregl, onMarkerClick]);\n}\n\n/**\n * Hook for Google Maps integration.\n * Automatically attaches the map when both the SDK instance and map are available.\n *\n * @example\n * ```tsx\n * const { mapFirst, state } = useMapFirstCore({ initialLocationData: { city: \"Tokyo\", country: \"Japan\" } });\n * const mapRef = useRef<google.maps.Map | null>(null);\n *\n * useGoogleMapsAttachment({\n *   mapFirst,\n *   map: mapRef.current,\n *   google: window.google,\n *   onMarkerClick: (marker) => console.log(marker)\n * });\n *\n * // Access reactive state\n * console.log(state?.isSearching);\n * ```\n */\nexport function useGoogleMapsAttachment({\n  mapFirst,\n  map,\n  google,\n  onMarkerClick,\n}: {\n  mapFirst: MapFirstCore | null;\n  map: any | null;\n  google: GoogleMapsNamespace;\n  onMarkerClick?: (marker: Property) => void;\n}) {\n  const attachedRef = React.useRef(false);\n\n  React.useEffect(() => {\n    if (!mapFirst || !map || attachedRef.current) {\n      return;\n    }\n\n    mapFirst.attachMap(map, {\n      platform: \"google\",\n      google,\n      onMarkerClick,\n    });\n\n    attachedRef.current = true;\n  }, [mapFirst, map, google, onMarkerClick]);\n}\n\n/**\n * Hook for Mapbox GL JS integration.\n * Automatically attaches the map when both the SDK instance and map are available.\n *\n * @example\n * ```tsx\n * const { mapFirst, state } = useMapFirstCore({ initialLocationData: { city: \"London\", country: \"United Kingdom\" } });\n * const mapRef = useRef<mapboxgl.Map | null>(null);\n *\n * useMapboxAttachment({\n *   mapFirst,\n *   map: mapRef.current,\n *   mapboxgl: mapboxgl,\n *   onMarkerClick: (marker) => console.log(marker)\n * });\n *\n * // Access reactive state\n * console.log(state?.filters);\n * ```\n */\nexport function useMapboxAttachment({\n  mapFirst,\n  map,\n  mapboxgl,\n  onMarkerClick,\n}: {\n  mapFirst: MapFirstCore | null;\n  map: any | null;\n  mapboxgl: MapboxNamespace;\n  onMarkerClick?: (marker: Property) => void;\n}) {\n  const attachedRef = React.useRef(false);\n\n  React.useEffect(() => {\n    if (!mapFirst || !map || attachedRef.current) {\n      return;\n    }\n\n    mapFirst.attachMap(map, {\n      platform: \"mapbox\",\n      mapboxgl,\n      onMarkerClick,\n    });\n\n    attachedRef.current = true;\n  }, [mapFirst, map, mapboxgl, onMarkerClick]);\n}\n\n/**\n * Legacy hook that creates the MapFirstCore instance with a map immediately.\n * Use useMapFirstCore + useMap*Attachment hooks for better control.\n *\n * @deprecated Use useMapFirstCore and platform-specific attachment hooks instead\n */\nexport function useMapFirst(options: MapFirstOptions | null) {\n  const instanceRef = React.useRef<MapFirstCore | null>(null);\n\n  React.useEffect(() => {\n    if (!options) {\n      return undefined;\n    }\n    const instance = new MapFirstCore(options);\n    instanceRef.current = instance;\n\n    return () => {\n      instance.destroy();\n      instanceRef.current = null;\n    };\n  }, [options]);\n\n  return instanceRef;\n}\n\n/**\n * Hook to run properties search with the MapFirst SDK.\n * Returns a function to trigger the search and loading state.\n *\n * @example\n * ```tsx\n * const { mapFirst } = useMapFirstCore({ ... });\n * const { search, isLoading, error } = usePropertiesSearch(mapFirst);\n *\n * const handleSearch = async () => {\n *   await search({\n *     body: {\n *       city: \"Paris\",\n *       country: \"France\",\n *       filters: {\n *         checkIn: new Date(),\n *         checkOut: new Date(Date.now() + 86400000),\n *         numAdults: 2,\n *         numRooms: 1\n *       }\n *     }\n *   });\n * };\n * ```\n */\nexport function usePropertiesSearch(mapFirst: MapFirstCore | null) {\n  const [isLoading, setIsLoading] = React.useState(false);\n  const [error, setError] = React.useState<Error | null>(null);\n\n  const search = React.useCallback(\n    async (options: {\n      body: InitialRequestBody;\n      beforeApplyProperties?: (data: any) => {\n        price?: any;\n        limit?: number;\n      };\n      smartFiltersClearable?: boolean;\n    }) => {\n      if (!mapFirst) {\n        const err = new Error(\"MapFirst instance not available\");\n        setError(err);\n        throw err;\n      }\n\n      setIsLoading(true);\n      setError(null);\n\n      try {\n        const result = await mapFirst.runPropertiesSearch({\n          ...options,\n          onError: (err) => {\n            const error = err instanceof Error ? err : new Error(String(err));\n            setError(error);\n          },\n        });\n        return result;\n      } catch (err) {\n        const error = err instanceof Error ? err : new Error(String(err));\n        setError(error);\n        throw error;\n      } finally {\n        setIsLoading(false);\n      }\n    },\n    [mapFirst]\n  );\n\n  return { search, isLoading, error };\n}\n\n/**\n * Hook to run smart filter search with the MapFirst SDK.\n * Returns a function to trigger the search and loading state.\n *\n * @example\n * ```tsx\n * const { mapFirst } = useMapFirstCore({ ... });\n * const { search, isLoading, error } = useSmartFilterSearch(mapFirst);\n *\n * const handleSearch = async () => {\n *   await search({\n *     query: \"hotels near beach with pool\"\n *   });\n * };\n *\n * // Or with filters\n * const handleFilterSearch = async () => {\n *   await search({\n *     filters: [\n *       { id: \"pool\", label: \"Pool\", type: \"amenity\", value: \"pool\" },\n *       { id: \"4star\", label: \"4 Star\", type: \"starRating\", value: \"4\", numericValue: 4 }\n *     ]\n *   });\n * };\n * ```\n */\nexport function useSmartFilterSearch(mapFirst: MapFirstCore | null) {\n  const [isLoading, setIsLoading] = React.useState(false);\n  const [error, setError] = React.useState<Error | null>(null);\n\n  const search = React.useCallback(\n    async (options: {\n      query?: string;\n      filters?: SmartFilter[];\n      onProcessFilters?: (\n        filters: any,\n        location_id?: number\n      ) => {\n        smartFilters?: SmartFilter[];\n        price?: any;\n        limit?: number;\n        language?: string;\n      };\n    }) => {\n      if (!mapFirst) {\n        const err = new Error(\"MapFirst instance not available\");\n        setError(err);\n        throw err;\n      }\n\n      setIsLoading(true);\n      setError(null);\n\n      try {\n        const result = await mapFirst.runSmartFilterSearch({\n          ...options,\n          onError: (err) => {\n            const error = err instanceof Error ? err : new Error(String(err));\n            setError(error);\n          },\n        });\n        return result;\n      } catch (err) {\n        const error = err instanceof Error ? err : new Error(String(err));\n        setError(error);\n        throw error;\n      } finally {\n        setIsLoading(false);\n      }\n    },\n    [mapFirst]\n  );\n\n  return { search, isLoading, error };\n}\n\n/**\n * Helper component that simply renders the markers it receives so non-React environments\n * can verify data flows before wiring the SDK into a map.\n */\nexport function MarkerDebugList({ markers }: { markers: Property[] }) {\n  return (\n    <div style={{ fontFamily: \"sans-serif\", fontSize: 14 }}>\n      <strong>Markers</strong>\n      <ul>\n        {markers.map((marker) => (\n          <li key={String(marker.tripadvisor_id)}>\n            {marker.name} — {marker.location?.lat?.toFixed(3) ?? \"n/a\"},{\" \"}\n            {marker.location?.lon?.toFixed(3) ?? \"n/a\"}\n          </li>\n        ))}\n      </ul>\n    </div>\n  );\n}\n"],"mappings":"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","names":["index_exports","__export","MarkerDebugList","useGoogleMapsAttachment","useMapFirst","useMapFirstCore","useMapFirstProperties","useMapFirstSelectedProperty","useMapLibreAttachment","useMapboxAttachment","usePrimaryType","usePropertiesSearch","useSelectedMarker","useSmartFilterSearch","__toCommonJS","import_react","import_core","import_jsx_runtime","options","instanceRef","React","state","setState","optionsRef","opts","coreOptions","properties","_a","_b","prev","id","type","filters","bounds","center","zoom","location","loading","searching","instance","mapFirst","setProperties","selectedId","setSelectedId","primaryType","setPrimaryTypeState","setPrimaryType","selectedMarker","setSelectedMarkerState","setSelectedMarker","map","maplibregl","onMarkerClick","attachedRef","google","mapboxgl","isLoading","setIsLoading","error","setError","err","markers","marker","_c","_d","_e","_f"]}

package/dist/index.mjs

@@ -1,2 +1,2 @@
-import s from"react";import{MapFirstCore as g}from"@mapfirst.ai/core";import{jsx as d,jsxs as M}from"react/jsx-runtime";function h(t){let n=s.useRef(null),[a,c]=s.useState(null),o=s.useRef(t);return s.useEffect(()=>{o.current=t}),s.useEffect(()=>{let p=o.current,f={adapter:null,...p,callbacks:{...p.callbacks,onPropertiesChange:l=>{var e,r;c(u=>u?{...u,properties:l}:null),(r=(e=o.current.callbacks)==null?void 0:e.onPropertiesChange)==null||r.call(e,l)},onSelectedPropertyChange:l=>{var e,r;c(u=>u?{...u,selectedPropertyId:l}:null),(r=(e=o.current.callbacks)==null?void 0:e.onSelectedPropertyChange)==null||r.call(e,l)},onPrimaryTypeChange:l=>{var e,r;c(u=>u?{...u,primary:l}:null),(r=(e=o.current.callbacks)==null?void 0:e.onPrimaryTypeChange)==null||r.call(e,l)},onFiltersChange:l=>{var e,r;c(u=>u?{...u,filters:l}:null),(r=(e=o.current.callbacks)==null?void 0:e.onFiltersChange)==null||r.call(e,l)},onBoundsChange:l=>{var e,r;c(u=>u?{...u,bounds:l}:null),(r=(e=o.current.callbacks)==null?void 0:e.onBoundsChange)==null||r.call(e,l)},onCenterChange:(l,e)=>{var r,u;c(y=>y?{...y,center:l,zoom:e}:null),(u=(r=o.current.callbacks)==null?void 0:r.onCenterChange)==null||u.call(r,l,e)},onZoomChange:l=>{var e,r;c(u=>u?{...u,zoom:l}:null),(r=(e=o.current.callbacks)==null?void 0:e.onZoomChange)==null||r.call(e,l)},onActiveLocationChange:l=>{var e,r;c(u=>u?{...u,activeLocation:l}:null),(r=(e=o.current.callbacks)==null?void 0:e.onActiveLocationChange)==null||r.call(e,l)},onLoadingStateChange:l=>{var e,r;c(u=>u?{...u,initialLoading:l}:null),(r=(e=o.current.callbacks)==null?void 0:e.onLoadingStateChange)==null||r.call(e,l)},onSearchingStateChange:l=>{var e,r;c(u=>u?{...u,isSearching:l}:null),(r=(e=o.current.callbacks)==null?void 0:e.onSearchingStateChange)==null||r.call(e,l)}}},i=new g(f);return n.current=i,c(i.getState()),()=>{i.destroy(),n.current=null,c(null)}},[]),{mapFirst:n.current,state:a}}function b(t){let[n,a]=s.useState([]);return s.useEffect(()=>{if(!t){a([]);return}a(t.getState().properties)},[t]),n}function P(t){let[n,a]=s.useState(null);return s.useEffect(()=>{if(!t){a(null);return}a(t.getState().selectedPropertyId)},[t]),n}function k(t){let[n,a]=s.useState("Accommodation");s.useEffect(()=>{if(!t){a("Accommodation");return}a(t.getState().primary)},[t]);let c=s.useCallback(o=>{t&&(t.setPrimaryType(o),a(o))},[t]);return[n,c]}function m(t){let[n,a]=s.useState(null);s.useEffect(()=>{if(!t){a(null);return}a(t.getState().selectedPropertyId)},[t]);let c=s.useCallback(o=>{t&&t.setSelectedMarker(o)},[t]);return[n,c]}function x({mapFirst:t,map:n,maplibregl:a,onMarkerClick:c}){let o=s.useRef(!1);s.useEffect(()=>{!t||!n||o.current||(t.attachMap(n,{platform:"maplibre",maplibregl:a,onMarkerClick:c}),o.current=!0)},[t,n,a,c])}function R({mapFirst:t,map:n,google:a,onMarkerClick:c}){let o=s.useRef(!1);s.useEffect(()=>{!t||!n||o.current||(t.attachMap(n,{platform:"google",google:a,onMarkerClick:c}),o.current=!0)},[t,n,a,c])}function T({mapFirst:t,map:n,mapboxgl:a,onMarkerClick:c}){let o=s.useRef(!1);s.useEffect(()=>{!t||!n||o.current||(t.attachMap(n,{platform:"mapbox",mapboxgl:a,onMarkerClick:c}),o.current=!0)},[t,n,a,c])}function E(t){let n=s.useRef(null);return s.useEffect(()=>{if(!t)return;let a=new g(t);return n.current=a,()=>{a.destroy(),n.current=null}},[t]),n}function L({markers:t}){return M("div",{style:{fontFamily:"sans-serif",fontSize:14},children:[d("strong",{children:"Markers"}),d("ul",{children:t.map(n=>{var a,c,o,p,f,i;return M("li",{children:[n.name," \u2014 ",(o=(c=(a=n.location)==null?void 0:a.lat)==null?void 0:c.toFixed(3))!=null?o:"n/a",","," ",(i=(f=(p=n.location)==null?void 0:p.lon)==null?void 0:f.toFixed(3))!=null?i:"n/a"]},String(n.tripadvisor_id))})})]})}export{L as MarkerDebugList,R as useGoogleMapsAttachment,E as useMapFirst,h as useMapFirstCore,b as useMapFirstProperties,P as useMapFirstSelectedProperty,x as useMapLibreAttachment,T as useMapboxAttachment,k as usePrimaryType,m as useSelectedMarker};
+import c from"react";import{MapFirstCore as b}from"@mapfirst.ai/core";import{jsx as g,jsxs as d}from"react/jsx-runtime";function h(r){let a=c.useRef(null),[o,l]=c.useState(null),n=c.useRef(r);return c.useEffect(()=>{n.current=r}),c.useEffect(()=>{let y=n.current,p={adapter:null,...y,callbacks:{...y.callbacks,onPropertiesChange:t=>{var e,s;l(u=>u?{...u,properties:t}:null),(s=(e=n.current.callbacks)==null?void 0:e.onPropertiesChange)==null||s.call(e,t)},onSelectedPropertyChange:t=>{var e,s;l(u=>u?{...u,selectedPropertyId:t}:null),(s=(e=n.current.callbacks)==null?void 0:e.onSelectedPropertyChange)==null||s.call(e,t)},onPrimaryTypeChange:t=>{var e,s;l(u=>u?{...u,primary:t}:null),(s=(e=n.current.callbacks)==null?void 0:e.onPrimaryTypeChange)==null||s.call(e,t)},onFiltersChange:t=>{var e,s;l(u=>u?{...u,filters:t}:null),(s=(e=n.current.callbacks)==null?void 0:e.onFiltersChange)==null||s.call(e,t)},onBoundsChange:t=>{var e,s;l(u=>u?{...u,bounds:t}:null),(s=(e=n.current.callbacks)==null?void 0:e.onBoundsChange)==null||s.call(e,t)},onCenterChange:(t,e)=>{var s,u;l(f=>f?{...f,center:t,zoom:e}:null),(u=(s=n.current.callbacks)==null?void 0:s.onCenterChange)==null||u.call(s,t,e)},onZoomChange:t=>{var e,s;l(u=>u?{...u,zoom:t}:null),(s=(e=n.current.callbacks)==null?void 0:e.onZoomChange)==null||s.call(e,t)},onActiveLocationChange:t=>{var e,s;l(u=>u?{...u,activeLocation:t}:null),(s=(e=n.current.callbacks)==null?void 0:e.onActiveLocationChange)==null||s.call(e,t)},onLoadingStateChange:t=>{var e,s;l(u=>u?{...u,initialLoading:t}:null),(s=(e=n.current.callbacks)==null?void 0:e.onLoadingStateChange)==null||s.call(e,t)},onSearchingStateChange:t=>{var e,s;l(u=>u?{...u,isSearching:t}:null),(s=(e=n.current.callbacks)==null?void 0:e.onSearchingStateChange)==null||s.call(e,t)}}},i=new b(p);return a.current=i,l(i.getState()),()=>{i.destroy(),a.current=null,l(null)}},[]),{mapFirst:a.current,state:o}}function M(r){let[a,o]=c.useState([]);return c.useEffect(()=>{if(!r){o([]);return}o(r.getState().properties)},[r]),a}function C(r){let[a,o]=c.useState(null);return c.useEffect(()=>{if(!r){o(null);return}o(r.getState().selectedPropertyId)},[r]),a}function P(r){let[a,o]=c.useState("Accommodation");c.useEffect(()=>{if(!r){o("Accommodation");return}o(r.getState().primary)},[r]);let l=c.useCallback(n=>{r&&(r.setPrimaryType(n),o(n))},[r]);return[a,l]}function E(r){let[a,o]=c.useState(null);c.useEffect(()=>{if(!r){o(null);return}o(r.getState().selectedPropertyId)},[r]);let l=c.useCallback(n=>{r&&r.setSelectedMarker(n)},[r]);return[a,l]}function k({mapFirst:r,map:a,maplibregl:o,onMarkerClick:l}){let n=c.useRef(!1);c.useEffect(()=>{!r||!a||n.current||(r.attachMap(a,{platform:"maplibre",maplibregl:o,onMarkerClick:l}),n.current=!0)},[r,a,o,l])}function R({mapFirst:r,map:a,google:o,onMarkerClick:l}){let n=c.useRef(!1);c.useEffect(()=>{!r||!a||n.current||(r.attachMap(a,{platform:"google",google:o,onMarkerClick:l}),n.current=!0)},[r,a,o,l])}function x({mapFirst:r,map:a,mapboxgl:o,onMarkerClick:l}){let n=c.useRef(!1);c.useEffect(()=>{!r||!a||n.current||(r.attachMap(a,{platform:"mapbox",mapboxgl:o,onMarkerClick:l}),n.current=!0)},[r,a,o,l])}function F(r){let a=c.useRef(null);return c.useEffect(()=>{if(!r)return;let o=new b(r);return a.current=o,()=>{o.destroy(),a.current=null}},[r]),a}function w(r){let[a,o]=c.useState(!1),[l,n]=c.useState(null);return{search:c.useCallback(async p=>{if(!r){let i=new Error("MapFirst instance not available");throw n(i),i}o(!0),n(null);try{return await r.runPropertiesSearch({...p,onError:t=>{let e=t instanceof Error?t:new Error(String(t));n(e)}})}catch(i){let t=i instanceof Error?i:new Error(String(i));throw n(t),t}finally{o(!1)}},[r]),isLoading:a,error:l}}function L(r){let[a,o]=c.useState(!1),[l,n]=c.useState(null);return{search:c.useCallback(async p=>{if(!r){let i=new Error("MapFirst instance not available");throw n(i),i}o(!0),n(null);try{return await r.runSmartFilterSearch({...p,onError:t=>{let e=t instanceof Error?t:new Error(String(t));n(e)}})}catch(i){let t=i instanceof Error?i:new Error(String(i));throw n(t),t}finally{o(!1)}},[r]),isLoading:a,error:l}}function T({markers:r}){return d("div",{style:{fontFamily:"sans-serif",fontSize:14},children:[g("strong",{children:"Markers"}),g("ul",{children:r.map(a=>{var o,l,n,y,p,i;return d("li",{children:[a.name," \u2014 ",(n=(l=(o=a.location)==null?void 0:o.lat)==null?void 0:l.toFixed(3))!=null?n:"n/a",","," ",(i=(p=(y=a.location)==null?void 0:y.lon)==null?void 0:p.toFixed(3))!=null?i:"n/a"]},String(a.tripadvisor_id))})})]})}export{T as MarkerDebugList,R as useGoogleMapsAttachment,F as useMapFirst,h as useMapFirstCore,M as useMapFirstProperties,C as useMapFirstSelectedProperty,k as useMapLibreAttachment,x as useMapboxAttachment,P as usePrimaryType,w as usePropertiesSearch,E as useSelectedMarker,L as useSmartFilterSearch};
 //# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n  MapFirstCore,\n  type MapFirstOptions,\n  type BaseMapFirstOptions,\n  type Property,\n  type MapLibreNamespace,\n  type GoogleMapsNamespace,\n  type MapboxNamespace,\n  type MapState,\n  type PropertyType,\n} from \"@mapfirst.ai/core\";\n\n/**\n * Hook that creates a MapFirstCore instance that can be initialized before maps are ready.\n * Supports two-phase initialization: create SDK first, attach map later.\n * Returns the instance and reactive state that updates when SDK state changes.\n *\n * @example\n * ```tsx\n * // Phase 1: Create SDK instance with location data\n * const { mapFirst, state } = useMapFirstCore({\n *   initialLocationData: {\n *     city: \"New York\",\n *     country: \"United States\",\n *     currency: \"USD\"\n *   }\n * });\n *\n * // Access reactive state\n * console.log(state.properties); // Updates when properties change\n * console.log(state.isSearching); // Updates when search state changes\n *\n * // Phase 2: Attach map when ready\n * useEffect(() => {\n *   if (mapLibreInstance && mapFirst) {\n *     mapFirst.attachMap(mapLibreInstance, {\n *       platform: \"maplibre\",\n *       maplibregl: maplibregl,\n *       onMarkerClick: (marker) => console.log(marker)\n *     });\n *   }\n * }, [mapLibreInstance, mapFirst]);\n * ```\n */\nexport function useMapFirstCore(options: BaseMapFirstOptions) {\n  const instanceRef = React.useRef<MapFirstCore | null>(null);\n  const [state, setState] = React.useState<MapState | null>(null);\n\n  // Memoize the options to prevent recreation on every render\n  const optionsRef = React.useRef(options);\n  React.useEffect(() => {\n    optionsRef.current = options;\n  });\n\n  React.useEffect(() => {\n    const opts = optionsRef.current;\n\n    // Create MapFirstCore instance without map using adapter-driven options\n    const coreOptions: MapFirstOptions = {\n      adapter: null as any, // Will be set when attachMap is called\n      ...opts,\n      callbacks: {\n        ...opts.callbacks,\n        // Add internal callbacks to trigger React re-renders\n        onPropertiesChange: (properties) => {\n          setState((prev) => (prev ? { ...prev, properties } : null));\n          optionsRef.current.callbacks?.onPropertiesChange?.(properties);\n        },\n        onSelectedPropertyChange: (id) => {\n          setState((prev) =>\n            prev ? { ...prev, selectedPropertyId: id } : null\n          );\n          optionsRef.current.callbacks?.onSelectedPropertyChange?.(id);\n        },\n        onPrimaryTypeChange: (type) => {\n          setState((prev) => (prev ? { ...prev, primary: type } : null));\n          optionsRef.current.callbacks?.onPrimaryTypeChange?.(type);\n        },\n        onFiltersChange: (filters) => {\n          setState((prev) => (prev ? { ...prev, filters } : null));\n          optionsRef.current.callbacks?.onFiltersChange?.(filters);\n        },\n        onBoundsChange: (bounds) => {\n          setState((prev) => (prev ? { ...prev, bounds } : null));\n          optionsRef.current.callbacks?.onBoundsChange?.(bounds);\n        },\n        onCenterChange: (center, zoom) => {\n          setState((prev) => (prev ? { ...prev, center, zoom } : null));\n          optionsRef.current.callbacks?.onCenterChange?.(center, zoom);\n        },\n        onZoomChange: (zoom) => {\n          setState((prev) => (prev ? { ...prev, zoom } : null));\n          optionsRef.current.callbacks?.onZoomChange?.(zoom);\n        },\n        onActiveLocationChange: (location) => {\n          setState((prev) =>\n            prev ? { ...prev, activeLocation: location } : null\n          );\n          optionsRef.current.callbacks?.onActiveLocationChange?.(location);\n        },\n        onLoadingStateChange: (loading) => {\n          setState((prev) =>\n            prev ? { ...prev, initialLoading: loading } : null\n          );\n          optionsRef.current.callbacks?.onLoadingStateChange?.(loading);\n        },\n        onSearchingStateChange: (searching) => {\n          setState((prev) =>\n            prev ? { ...prev, isSearching: searching } : null\n          );\n          optionsRef.current.callbacks?.onSearchingStateChange?.(searching);\n        },\n      },\n    };\n\n    const instance = new MapFirstCore(coreOptions);\n    instanceRef.current = instance;\n\n    // Initialize state from SDK\n    setState(instance.getState());\n\n    return () => {\n      instance.destroy();\n      instanceRef.current = null;\n      setState(null);\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return { mapFirst: instanceRef.current, state };\n}\n\n/**\n * Hook to access reactive properties from MapFirst SDK.\n * Returns the current properties array that updates when properties change.\n *\n * @example\n * ```tsx\n * const { mapFirst } = useMapFirstCore({ ... });\n * const properties = useMapFirstProperties(mapFirst);\n *\n * return <div>Found {properties.length} properties</div>;\n * ```\n */\nexport function useMapFirstProperties(\n  mapFirst: MapFirstCore | null\n): Property[] {\n  const [properties, setProperties] = React.useState<Property[]>([]);\n\n  React.useEffect(() => {\n    if (!mapFirst) {\n      setProperties([]);\n      return;\n    }\n\n    // Initialize with current state\n    setProperties(mapFirst.getState().properties);\n  }, [mapFirst]);\n\n  return properties;\n}\n\n/**\n * Hook to access the selected property ID from MapFirst SDK.\n * Returns the currently selected property ID that updates when selection changes.\n *\n * @example\n * ```tsx\n * const { mapFirst } = useMapFirstCore({ ... });\n * const selectedId = useMapFirstSelectedProperty(mapFirst);\n *\n * return <div>Selected: {selectedId || 'None'}</div>;\n * ```\n */\nexport function useMapFirstSelectedProperty(\n  mapFirst: MapFirstCore | null\n): number | null {\n  const [selectedId, setSelectedId] = React.useState<number | null>(null);\n\n  React.useEffect(() => {\n    if (!mapFirst) {\n      setSelectedId(null);\n      return;\n    }\n\n    // Initialize with current state\n    setSelectedId(mapFirst.getState().selectedPropertyId);\n  }, [mapFirst]);\n\n  return selectedId;\n}\n\n/**\n * Hook to access and control the primary property type.\n * Returns the current primary type and a setter function.\n *\n * @example\n * ```tsx\n * const { mapFirst } = useMapFirstCore({ ... });\n * const [primaryType, setPrimaryType] = usePrimaryType(mapFirst);\n *\n * return (\n *   <select value={primaryType} onChange={(e) => setPrimaryType(e.target.value as PropertyType)}>\n *     <option value=\"Accommodation\">Hotels</option>\n *     <option value=\"Restaurant\">Restaurants</option>\n *     <option value=\"Attraction\">Attractions</option>\n *   </select>\n * );\n * ```\n */\nexport function usePrimaryType(\n  mapFirst: MapFirstCore | null\n): [PropertyType, (type: PropertyType) => void] {\n  const [primaryType, setPrimaryTypeState] =\n    React.useState<PropertyType>(\"Accommodation\");\n\n  React.useEffect(() => {\n    if (!mapFirst) {\n      setPrimaryTypeState(\"Accommodation\");\n      return;\n    }\n\n    // Initialize with current state\n    setPrimaryTypeState(mapFirst.getState().primary);\n  }, [mapFirst]);\n\n  const setPrimaryType = React.useCallback(\n    (type: PropertyType) => {\n      if (mapFirst) {\n        mapFirst.setPrimaryType(type);\n        setPrimaryTypeState(type);\n      }\n    },\n    [mapFirst]\n  );\n\n  return [primaryType, setPrimaryType];\n}\n\n/**\n * Hook to access and control the selected marker.\n * Returns the current selected marker ID and a setter function.\n * Note: This hook requires the MapFirstCore instance. For simpler usage with reactive updates,\n * use state.selectedPropertyId from useMapFirstCore instead.\n *\n * @example\n * ```tsx\n * const { mapFirst } = useMapFirstCore({ ... });\n * const [selectedMarker, setSelectedMarker] = useSelectedMarker(mapFirst);\n *\n * return (\n *   <div>\n *     <p>Selected: {selectedMarker || 'None'}</p>\n *     <button onClick={() => setSelectedMarker(null)}>Clear Selection</button>\n *   </div>\n * );\n * ```\n */\nexport function useSelectedMarker(\n  mapFirst: MapFirstCore | null\n): [number | null, (id: number | null) => void] {\n  const [selectedMarker, setSelectedMarkerState] = React.useState<\n    number | null\n  >(null);\n\n  React.useEffect(() => {\n    if (!mapFirst) {\n      setSelectedMarkerState(null);\n      return;\n    }\n\n    // Initialize with current state\n    setSelectedMarkerState(mapFirst.getState().selectedPropertyId);\n  }, [mapFirst]);\n\n  const setSelectedMarker = React.useCallback(\n    (id: number | null) => {\n      if (mapFirst) {\n        mapFirst.setSelectedMarker(id);\n      }\n    },\n    [mapFirst]\n  );\n\n  return [selectedMarker, setSelectedMarker];\n}\n\n/**\n * Hook for MapLibre GL JS integration.\n * Automatically attaches the map when both the SDK instance and map are available.\n *\n * @example\n * ```tsx\n * const { mapFirst, state } = useMapFirstCore({ initialLocationData: { city: \"Paris\", country: \"France\" } });\n * const mapRef = useRef<maplibregl.Map | null>(null);\n *\n * useMapLibreAttachment({\n *   mapFirst,\n *   map: mapRef.current,\n *   maplibregl: maplibregl,\n *   onMarkerClick: (marker) => console.log(marker)\n * });\n *\n * // Access reactive state\n * console.log(state?.properties);\n * ```\n */\nexport function useMapLibreAttachment({\n  mapFirst,\n  map,\n  maplibregl,\n  onMarkerClick,\n}: {\n  mapFirst: MapFirstCore | null;\n  map: any | null;\n  maplibregl: MapLibreNamespace;\n  onMarkerClick?: (marker: Property) => void;\n}) {\n  const attachedRef = React.useRef(false);\n\n  React.useEffect(() => {\n    if (!mapFirst || !map || attachedRef.current) {\n      return;\n    }\n\n    mapFirst.attachMap(map, {\n      platform: \"maplibre\",\n      maplibregl,\n      onMarkerClick,\n    });\n\n    attachedRef.current = true;\n  }, [mapFirst, map, maplibregl, onMarkerClick]);\n}\n\n/**\n * Hook for Google Maps integration.\n * Automatically attaches the map when both the SDK instance and map are available.\n *\n * @example\n * ```tsx\n * const { mapFirst, state } = useMapFirstCore({ initialLocationData: { city: \"Tokyo\", country: \"Japan\" } });\n * const mapRef = useRef<google.maps.Map | null>(null);\n *\n * useGoogleMapsAttachment({\n *   mapFirst,\n *   map: mapRef.current,\n *   google: window.google,\n *   onMarkerClick: (marker) => console.log(marker)\n * });\n *\n * // Access reactive state\n * console.log(state?.isSearching);\n * ```\n */\nexport function useGoogleMapsAttachment({\n  mapFirst,\n  map,\n  google,\n  onMarkerClick,\n}: {\n  mapFirst: MapFirstCore | null;\n  map: any | null;\n  google: GoogleMapsNamespace;\n  onMarkerClick?: (marker: Property) => void;\n}) {\n  const attachedRef = React.useRef(false);\n\n  React.useEffect(() => {\n    if (!mapFirst || !map || attachedRef.current) {\n      return;\n    }\n\n    mapFirst.attachMap(map, {\n      platform: \"google\",\n      google,\n      onMarkerClick,\n    });\n\n    attachedRef.current = true;\n  }, [mapFirst, map, google, onMarkerClick]);\n}\n\n/**\n * Hook for Mapbox GL JS integration.\n * Automatically attaches the map when both the SDK instance and map are available.\n *\n * @example\n * ```tsx\n * const { mapFirst, state } = useMapFirstCore({ initialLocationData: { city: \"London\", country: \"United Kingdom\" } });\n * const mapRef = useRef<mapboxgl.Map | null>(null);\n *\n * useMapboxAttachment({\n *   mapFirst,\n *   map: mapRef.current,\n *   mapboxgl: mapboxgl,\n *   onMarkerClick: (marker) => console.log(marker)\n * });\n *\n * // Access reactive state\n * console.log(state?.filters);\n * ```\n */\nexport function useMapboxAttachment({\n  mapFirst,\n  map,\n  mapboxgl,\n  onMarkerClick,\n}: {\n  mapFirst: MapFirstCore | null;\n  map: any | null;\n  mapboxgl: MapboxNamespace;\n  onMarkerClick?: (marker: Property) => void;\n}) {\n  const attachedRef = React.useRef(false);\n\n  React.useEffect(() => {\n    if (!mapFirst || !map || attachedRef.current) {\n      return;\n    }\n\n    mapFirst.attachMap(map, {\n      platform: \"mapbox\",\n      mapboxgl,\n      onMarkerClick,\n    });\n\n    attachedRef.current = true;\n  }, [mapFirst, map, mapboxgl, onMarkerClick]);\n}\n\n/**\n * Legacy hook that creates the MapFirstCore instance with a map immediately.\n * Use useMapFirstCore + useMap*Attachment hooks for better control.\n *\n * @deprecated Use useMapFirstCore and platform-specific attachment hooks instead\n */\nexport function useMapFirst(options: MapFirstOptions | null) {\n  const instanceRef = React.useRef<MapFirstCore | null>(null);\n\n  React.useEffect(() => {\n    if (!options) {\n      return undefined;\n    }\n    const instance = new MapFirstCore(options);\n    instanceRef.current = instance;\n\n    return () => {\n      instance.destroy();\n      instanceRef.current = null;\n    };\n  }, [options]);\n\n  return instanceRef;\n}\n\n/**\n * Helper component that simply renders the markers it receives so non-React environments\n * can verify data flows before wiring the SDK into a map.\n */\nexport function MarkerDebugList({ markers }: { markers: Property[] }) {\n  return (\n    <div style={{ fontFamily: \"sans-serif\", fontSize: 14 }}>\n      <strong>Markers</strong>\n      <ul>\n        {markers.map((marker) => (\n          <li key={String(marker.tripadvisor_id)}>\n            {marker.name} — {marker.location?.lat?.toFixed(3) ?? \"n/a\"},{\" \"}\n            {marker.location?.lon?.toFixed(3) ?? \"n/a\"}\n          </li>\n        ))}\n      </ul>\n    </div>\n  );\n}\n"],"mappings":"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","names":["React","MapFirstCore","jsx","jsxs","useMapFirstCore","options","instanceRef","state","setState","optionsRef","opts","coreOptions","properties","_a","_b","prev","id","type","filters","bounds","center","zoom","location","loading","searching","instance","useMapFirstProperties","mapFirst","setProperties","useMapFirstSelectedProperty","selectedId","setSelectedId","usePrimaryType","primaryType","setPrimaryTypeState","setPrimaryType","useSelectedMarker","selectedMarker","setSelectedMarkerState","setSelectedMarker","useMapLibreAttachment","map","maplibregl","onMarkerClick","attachedRef","useGoogleMapsAttachment","google","useMapboxAttachment","mapboxgl","useMapFirst","MarkerDebugList","markers","marker","_c","_d","_e","_f"]}
+{"version":3,"sources":["../src/index.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n  MapFirstCore,\n  type MapFirstOptions,\n  type BaseMapFirstOptions,\n  type Property,\n  type MapLibreNamespace,\n  type GoogleMapsNamespace,\n  type MapboxNamespace,\n  type MapState,\n  type PropertyType,\n} from \"@mapfirst.ai/core\";\n\n// Import additional types for search functionality\ntype InitialRequestBody = {\n  initial?: boolean;\n  query?: string;\n  bounds?: {\n    sw: { lat: number; lng: number };\n    ne: { lat: number; lng: number };\n  };\n  filters?: any;\n  city?: string;\n  country?: string;\n  location_id?: number;\n  longitude?: number;\n  latitude?: number;\n  radius?: number;\n};\n\ntype SmartFilter = {\n  id: string;\n  label: string;\n  type:\n    | \"amenity\"\n    | \"hotelStyle\"\n    | \"priceRange\"\n    | \"minRating\"\n    | \"starRating\"\n    | \"primary_type\"\n    | \"transformed_query\"\n    | \"selected_restaurant_price_levels\";\n  value: string;\n  numericValue?: number;\n  priceRange?: {\n    min: number;\n    max?: number;\n  };\n  propertyType?: PropertyType;\n  priceLevels?: any[];\n};\n\n/**\n * Hook that creates a MapFirstCore instance that can be initialized before maps are ready.\n * Supports two-phase initialization: create SDK first, attach map later.\n * Returns the instance and reactive state that updates when SDK state changes.\n *\n * @example\n * ```tsx\n * // Phase 1: Create SDK instance with location data\n * const { mapFirst, state } = useMapFirstCore({\n *   initialLocationData: {\n *     city: \"New York\",\n *     country: \"United States\",\n *     currency: \"USD\"\n *   }\n * });\n *\n * // Access reactive state\n * console.log(state.properties); // Updates when properties change\n * console.log(state.isSearching); // Updates when search state changes\n *\n * // Phase 2: Attach map when ready\n * useEffect(() => {\n *   if (mapLibreInstance && mapFirst) {\n *     mapFirst.attachMap(mapLibreInstance, {\n *       platform: \"maplibre\",\n *       maplibregl: maplibregl,\n *       onMarkerClick: (marker) => console.log(marker)\n *     });\n *   }\n * }, [mapLibreInstance, mapFirst]);\n * ```\n */\nexport function useMapFirstCore(options: BaseMapFirstOptions) {\n  const instanceRef = React.useRef<MapFirstCore | null>(null);\n  const [state, setState] = React.useState<MapState | null>(null);\n\n  // Memoize the options to prevent recreation on every render\n  const optionsRef = React.useRef(options);\n  React.useEffect(() => {\n    optionsRef.current = options;\n  });\n\n  React.useEffect(() => {\n    const opts = optionsRef.current;\n\n    // Create MapFirstCore instance without map using adapter-driven options\n    const coreOptions: MapFirstOptions = {\n      adapter: null as any, // Will be set when attachMap is called\n      ...opts,\n      callbacks: {\n        ...opts.callbacks,\n        // Add internal callbacks to trigger React re-renders\n        onPropertiesChange: (properties) => {\n          setState((prev) => (prev ? { ...prev, properties } : null));\n          optionsRef.current.callbacks?.onPropertiesChange?.(properties);\n        },\n        onSelectedPropertyChange: (id) => {\n          setState((prev) =>\n            prev ? { ...prev, selectedPropertyId: id } : null\n          );\n          optionsRef.current.callbacks?.onSelectedPropertyChange?.(id);\n        },\n        onPrimaryTypeChange: (type) => {\n          setState((prev) => (prev ? { ...prev, primary: type } : null));\n          optionsRef.current.callbacks?.onPrimaryTypeChange?.(type);\n        },\n        onFiltersChange: (filters) => {\n          setState((prev) => (prev ? { ...prev, filters } : null));\n          optionsRef.current.callbacks?.onFiltersChange?.(filters);\n        },\n        onBoundsChange: (bounds) => {\n          setState((prev) => (prev ? { ...prev, bounds } : null));\n          optionsRef.current.callbacks?.onBoundsChange?.(bounds);\n        },\n        onCenterChange: (center, zoom) => {\n          setState((prev) => (prev ? { ...prev, center, zoom } : null));\n          optionsRef.current.callbacks?.onCenterChange?.(center, zoom);\n        },\n        onZoomChange: (zoom) => {\n          setState((prev) => (prev ? { ...prev, zoom } : null));\n          optionsRef.current.callbacks?.onZoomChange?.(zoom);\n        },\n        onActiveLocationChange: (location) => {\n          setState((prev) =>\n            prev ? { ...prev, activeLocation: location } : null\n          );\n          optionsRef.current.callbacks?.onActiveLocationChange?.(location);\n        },\n        onLoadingStateChange: (loading) => {\n          setState((prev) =>\n            prev ? { ...prev, initialLoading: loading } : null\n          );\n          optionsRef.current.callbacks?.onLoadingStateChange?.(loading);\n        },\n        onSearchingStateChange: (searching) => {\n          setState((prev) =>\n            prev ? { ...prev, isSearching: searching } : null\n          );\n          optionsRef.current.callbacks?.onSearchingStateChange?.(searching);\n        },\n      },\n    };\n\n    const instance = new MapFirstCore(coreOptions);\n    instanceRef.current = instance;\n\n    // Initialize state from SDK\n    setState(instance.getState());\n\n    return () => {\n      instance.destroy();\n      instanceRef.current = null;\n      setState(null);\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return { mapFirst: instanceRef.current, state };\n}\n\n/**\n * Hook to access reactive properties from MapFirst SDK.\n * Returns the current properties array that updates when properties change.\n *\n * @example\n * ```tsx\n * const { mapFirst } = useMapFirstCore({ ... });\n * const properties = useMapFirstProperties(mapFirst);\n *\n * return <div>Found {properties.length} properties</div>;\n * ```\n */\nexport function useMapFirstProperties(\n  mapFirst: MapFirstCore | null\n): Property[] {\n  const [properties, setProperties] = React.useState<Property[]>([]);\n\n  React.useEffect(() => {\n    if (!mapFirst) {\n      setProperties([]);\n      return;\n    }\n\n    // Initialize with current state\n    setProperties(mapFirst.getState().properties);\n  }, [mapFirst]);\n\n  return properties;\n}\n\n/**\n * Hook to access the selected property ID from MapFirst SDK.\n * Returns the currently selected property ID that updates when selection changes.\n *\n * @example\n * ```tsx\n * const { mapFirst } = useMapFirstCore({ ... });\n * const selectedId = useMapFirstSelectedProperty(mapFirst);\n *\n * return <div>Selected: {selectedId || 'None'}</div>;\n * ```\n */\nexport function useMapFirstSelectedProperty(\n  mapFirst: MapFirstCore | null\n): number | null {\n  const [selectedId, setSelectedId] = React.useState<number | null>(null);\n\n  React.useEffect(() => {\n    if (!mapFirst) {\n      setSelectedId(null);\n      return;\n    }\n\n    // Initialize with current state\n    setSelectedId(mapFirst.getState().selectedPropertyId);\n  }, [mapFirst]);\n\n  return selectedId;\n}\n\n/**\n * Hook to access and control the primary property type.\n * Returns the current primary type and a setter function.\n *\n * @example\n * ```tsx\n * const { mapFirst } = useMapFirstCore({ ... });\n * const [primaryType, setPrimaryType] = usePrimaryType(mapFirst);\n *\n * return (\n *   <select value={primaryType} onChange={(e) => setPrimaryType(e.target.value as PropertyType)}>\n *     <option value=\"Accommodation\">Hotels</option>\n *     <option value=\"Restaurant\">Restaurants</option>\n *     <option value=\"Attraction\">Attractions</option>\n *   </select>\n * );\n * ```\n */\nexport function usePrimaryType(\n  mapFirst: MapFirstCore | null\n): [PropertyType, (type: PropertyType) => void] {\n  const [primaryType, setPrimaryTypeState] =\n    React.useState<PropertyType>(\"Accommodation\");\n\n  React.useEffect(() => {\n    if (!mapFirst) {\n      setPrimaryTypeState(\"Accommodation\");\n      return;\n    }\n\n    // Initialize with current state\n    setPrimaryTypeState(mapFirst.getState().primary);\n  }, [mapFirst]);\n\n  const setPrimaryType = React.useCallback(\n    (type: PropertyType) => {\n      if (mapFirst) {\n        mapFirst.setPrimaryType(type);\n        setPrimaryTypeState(type);\n      }\n    },\n    [mapFirst]\n  );\n\n  return [primaryType, setPrimaryType];\n}\n\n/**\n * Hook to access and control the selected marker.\n * Returns the current selected marker ID and a setter function.\n * Note: This hook requires the MapFirstCore instance. For simpler usage with reactive updates,\n * use state.selectedPropertyId from useMapFirstCore instead.\n *\n * @example\n * ```tsx\n * const { mapFirst } = useMapFirstCore({ ... });\n * const [selectedMarker, setSelectedMarker] = useSelectedMarker(mapFirst);\n *\n * return (\n *   <div>\n *     <p>Selected: {selectedMarker || 'None'}</p>\n *     <button onClick={() => setSelectedMarker(null)}>Clear Selection</button>\n *   </div>\n * );\n * ```\n */\nexport function useSelectedMarker(\n  mapFirst: MapFirstCore | null\n): [number | null, (id: number | null) => void] {\n  const [selectedMarker, setSelectedMarkerState] = React.useState<\n    number | null\n  >(null);\n\n  React.useEffect(() => {\n    if (!mapFirst) {\n      setSelectedMarkerState(null);\n      return;\n    }\n\n    // Initialize with current state\n    setSelectedMarkerState(mapFirst.getState().selectedPropertyId);\n  }, [mapFirst]);\n\n  const setSelectedMarker = React.useCallback(\n    (id: number | null) => {\n      if (mapFirst) {\n        mapFirst.setSelectedMarker(id);\n      }\n    },\n    [mapFirst]\n  );\n\n  return [selectedMarker, setSelectedMarker];\n}\n\n/**\n * Hook for MapLibre GL JS integration.\n * Automatically attaches the map when both the SDK instance and map are available.\n *\n * @example\n * ```tsx\n * const { mapFirst, state } = useMapFirstCore({ initialLocationData: { city: \"Paris\", country: \"France\" } });\n * const mapRef = useRef<maplibregl.Map | null>(null);\n *\n * useMapLibreAttachment({\n *   mapFirst,\n *   map: mapRef.current,\n *   maplibregl: maplibregl,\n *   onMarkerClick: (marker) => console.log(marker)\n * });\n *\n * // Access reactive state\n * console.log(state?.properties);\n * ```\n */\nexport function useMapLibreAttachment({\n  mapFirst,\n  map,\n  maplibregl,\n  onMarkerClick,\n}: {\n  mapFirst: MapFirstCore | null;\n  map: any | null;\n  maplibregl: MapLibreNamespace;\n  onMarkerClick?: (marker: Property) => void;\n}) {\n  const attachedRef = React.useRef(false);\n\n  React.useEffect(() => {\n    if (!mapFirst || !map || attachedRef.current) {\n      return;\n    }\n\n    mapFirst.attachMap(map, {\n      platform: \"maplibre\",\n      maplibregl,\n      onMarkerClick,\n    });\n\n    attachedRef.current = true;\n  }, [mapFirst, map, maplibregl, onMarkerClick]);\n}\n\n/**\n * Hook for Google Maps integration.\n * Automatically attaches the map when both the SDK instance and map are available.\n *\n * @example\n * ```tsx\n * const { mapFirst, state } = useMapFirstCore({ initialLocationData: { city: \"Tokyo\", country: \"Japan\" } });\n * const mapRef = useRef<google.maps.Map | null>(null);\n *\n * useGoogleMapsAttachment({\n *   mapFirst,\n *   map: mapRef.current,\n *   google: window.google,\n *   onMarkerClick: (marker) => console.log(marker)\n * });\n *\n * // Access reactive state\n * console.log(state?.isSearching);\n * ```\n */\nexport function useGoogleMapsAttachment({\n  mapFirst,\n  map,\n  google,\n  onMarkerClick,\n}: {\n  mapFirst: MapFirstCore | null;\n  map: any | null;\n  google: GoogleMapsNamespace;\n  onMarkerClick?: (marker: Property) => void;\n}) {\n  const attachedRef = React.useRef(false);\n\n  React.useEffect(() => {\n    if (!mapFirst || !map || attachedRef.current) {\n      return;\n    }\n\n    mapFirst.attachMap(map, {\n      platform: \"google\",\n      google,\n      onMarkerClick,\n    });\n\n    attachedRef.current = true;\n  }, [mapFirst, map, google, onMarkerClick]);\n}\n\n/**\n * Hook for Mapbox GL JS integration.\n * Automatically attaches the map when both the SDK instance and map are available.\n *\n * @example\n * ```tsx\n * const { mapFirst, state } = useMapFirstCore({ initialLocationData: { city: \"London\", country: \"United Kingdom\" } });\n * const mapRef = useRef<mapboxgl.Map | null>(null);\n *\n * useMapboxAttachment({\n *   mapFirst,\n *   map: mapRef.current,\n *   mapboxgl: mapboxgl,\n *   onMarkerClick: (marker) => console.log(marker)\n * });\n *\n * // Access reactive state\n * console.log(state?.filters);\n * ```\n */\nexport function useMapboxAttachment({\n  mapFirst,\n  map,\n  mapboxgl,\n  onMarkerClick,\n}: {\n  mapFirst: MapFirstCore | null;\n  map: any | null;\n  mapboxgl: MapboxNamespace;\n  onMarkerClick?: (marker: Property) => void;\n}) {\n  const attachedRef = React.useRef(false);\n\n  React.useEffect(() => {\n    if (!mapFirst || !map || attachedRef.current) {\n      return;\n    }\n\n    mapFirst.attachMap(map, {\n      platform: \"mapbox\",\n      mapboxgl,\n      onMarkerClick,\n    });\n\n    attachedRef.current = true;\n  }, [mapFirst, map, mapboxgl, onMarkerClick]);\n}\n\n/**\n * Legacy hook that creates the MapFirstCore instance with a map immediately.\n * Use useMapFirstCore + useMap*Attachment hooks for better control.\n *\n * @deprecated Use useMapFirstCore and platform-specific attachment hooks instead\n */\nexport function useMapFirst(options: MapFirstOptions | null) {\n  const instanceRef = React.useRef<MapFirstCore | null>(null);\n\n  React.useEffect(() => {\n    if (!options) {\n      return undefined;\n    }\n    const instance = new MapFirstCore(options);\n    instanceRef.current = instance;\n\n    return () => {\n      instance.destroy();\n      instanceRef.current = null;\n    };\n  }, [options]);\n\n  return instanceRef;\n}\n\n/**\n * Hook to run properties search with the MapFirst SDK.\n * Returns a function to trigger the search and loading state.\n *\n * @example\n * ```tsx\n * const { mapFirst } = useMapFirstCore({ ... });\n * const { search, isLoading, error } = usePropertiesSearch(mapFirst);\n *\n * const handleSearch = async () => {\n *   await search({\n *     body: {\n *       city: \"Paris\",\n *       country: \"France\",\n *       filters: {\n *         checkIn: new Date(),\n *         checkOut: new Date(Date.now() + 86400000),\n *         numAdults: 2,\n *         numRooms: 1\n *       }\n *     }\n *   });\n * };\n * ```\n */\nexport function usePropertiesSearch(mapFirst: MapFirstCore | null) {\n  const [isLoading, setIsLoading] = React.useState(false);\n  const [error, setError] = React.useState<Error | null>(null);\n\n  const search = React.useCallback(\n    async (options: {\n      body: InitialRequestBody;\n      beforeApplyProperties?: (data: any) => {\n        price?: any;\n        limit?: number;\n      };\n      smartFiltersClearable?: boolean;\n    }) => {\n      if (!mapFirst) {\n        const err = new Error(\"MapFirst instance not available\");\n        setError(err);\n        throw err;\n      }\n\n      setIsLoading(true);\n      setError(null);\n\n      try {\n        const result = await mapFirst.runPropertiesSearch({\n          ...options,\n          onError: (err) => {\n            const error = err instanceof Error ? err : new Error(String(err));\n            setError(error);\n          },\n        });\n        return result;\n      } catch (err) {\n        const error = err instanceof Error ? err : new Error(String(err));\n        setError(error);\n        throw error;\n      } finally {\n        setIsLoading(false);\n      }\n    },\n    [mapFirst]\n  );\n\n  return { search, isLoading, error };\n}\n\n/**\n * Hook to run smart filter search with the MapFirst SDK.\n * Returns a function to trigger the search and loading state.\n *\n * @example\n * ```tsx\n * const { mapFirst } = useMapFirstCore({ ... });\n * const { search, isLoading, error } = useSmartFilterSearch(mapFirst);\n *\n * const handleSearch = async () => {\n *   await search({\n *     query: \"hotels near beach with pool\"\n *   });\n * };\n *\n * // Or with filters\n * const handleFilterSearch = async () => {\n *   await search({\n *     filters: [\n *       { id: \"pool\", label: \"Pool\", type: \"amenity\", value: \"pool\" },\n *       { id: \"4star\", label: \"4 Star\", type: \"starRating\", value: \"4\", numericValue: 4 }\n *     ]\n *   });\n * };\n * ```\n */\nexport function useSmartFilterSearch(mapFirst: MapFirstCore | null) {\n  const [isLoading, setIsLoading] = React.useState(false);\n  const [error, setError] = React.useState<Error | null>(null);\n\n  const search = React.useCallback(\n    async (options: {\n      query?: string;\n      filters?: SmartFilter[];\n      onProcessFilters?: (\n        filters: any,\n        location_id?: number\n      ) => {\n        smartFilters?: SmartFilter[];\n        price?: any;\n        limit?: number;\n        language?: string;\n      };\n    }) => {\n      if (!mapFirst) {\n        const err = new Error(\"MapFirst instance not available\");\n        setError(err);\n        throw err;\n      }\n\n      setIsLoading(true);\n      setError(null);\n\n      try {\n        const result = await mapFirst.runSmartFilterSearch({\n          ...options,\n          onError: (err) => {\n            const error = err instanceof Error ? err : new Error(String(err));\n            setError(error);\n          },\n        });\n        return result;\n      } catch (err) {\n        const error = err instanceof Error ? err : new Error(String(err));\n        setError(error);\n        throw error;\n      } finally {\n        setIsLoading(false);\n      }\n    },\n    [mapFirst]\n  );\n\n  return { search, isLoading, error };\n}\n\n/**\n * Helper component that simply renders the markers it receives so non-React environments\n * can verify data flows before wiring the SDK into a map.\n */\nexport function MarkerDebugList({ markers }: { markers: Property[] }) {\n  return (\n    <div style={{ fontFamily: \"sans-serif\", fontSize: 14 }}>\n      <strong>Markers</strong>\n      <ul>\n        {markers.map((marker) => (\n          <li key={String(marker.tripadvisor_id)}>\n            {marker.name} — {marker.location?.lat?.toFixed(3) ?? \"n/a\"},{\" \"}\n            {marker.location?.lon?.toFixed(3) ?? \"n/a\"}\n          </li>\n        ))}\n      </ul>\n    </div>\n  );\n}\n"],"mappings":"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","names":["React","MapFirstCore","jsx","jsxs","useMapFirstCore","options","instanceRef","state","setState","optionsRef","opts","coreOptions","properties","_a","_b","prev","id","type","filters","bounds","center","zoom","location","loading","searching","instance","useMapFirstProperties","mapFirst","setProperties","useMapFirstSelectedProperty","selectedId","setSelectedId","usePrimaryType","primaryType","setPrimaryTypeState","setPrimaryType","useSelectedMarker","selectedMarker","setSelectedMarkerState","setSelectedMarker","useMapLibreAttachment","map","maplibregl","onMarkerClick","attachedRef","useGoogleMapsAttachment","google","useMapboxAttachment","mapboxgl","useMapFirst","usePropertiesSearch","isLoading","setIsLoading","error","setError","err","useSmartFilterSearch","MarkerDebugList","markers","marker","_c","_d","_e","_f"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mapfirst.ai/react",
-  "version": "0.0.6",
+  "version": "0.0.7",
   "description": "React hooks for MapFirst SDK - Reactive state management for map properties",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
@@ -40,7 +40,7 @@
     "react": ">=17 || >=18"
   },
   "dependencies": {
-    "@mapfirst.ai/core": "0.0.4"
+    "@mapfirst.ai/core": "0.0.6"
   },
   "scripts": {
     "build": "tsup src/index.tsx --format esm,cjs --dts --sourcemap --clean"