@dtechph/wayfinding-react-native 0.1.0 → 0.2.0

package/dist/DuonMallSelector.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { type ViewStyle } from "react-native";
-import type { DuonMall } from "@dtechph/wayfinding-core";
+import { type DuonMall } from "@dtechph/wayfinding-core";
 export interface DuonMallSelectorProps {
     malls: DuonMall[];
     selectedMall?: DuonMall | null;

package/dist/DuonMallSelector.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useMemo, useState } from "react";
 import { ActivityIndicator, FlatList, Modal, Pressable, StyleSheet, Text, View, } from "react-native";
+import { setActiveMall } from "@dtechph/wayfinding-core";
 function mallLabel(mall) {
     return `${mall.name} (${mall.mapType.toUpperCase()})`;
 }
@@ -23,6 +24,7 @@ export function DuonMallSelector({ malls, selectedMall, onSelect, loading = fals
     return (_jsxs(View, { style: [styles.container, style], children: [_jsx(Text, { style: styles.label, children: "Select mall" }), _jsxs(Pressable, { accessibilityRole: "button", accessibilityState: { expanded: open }, style: styles.trigger, onPress: () => setOpen(true), children: [_jsx(Text, { style: styles.triggerText, numberOfLines: 1, children: selected ? mallLabel(selected) : "Select a mall" }), _jsx(Text, { style: styles.chevron, children: "\u25BE" })] }), _jsx(Modal, { visible: open, transparent: true, animationType: "fade", onRequestClose: () => setOpen(false), children: _jsxs(View, { style: styles.backdrop, children: [_jsx(Pressable, { style: StyleSheet.absoluteFill, onPress: () => setOpen(false), accessibilityLabel: "Dismiss mall selector" }), _jsxs(View, { style: styles.sheet, children: [_jsx(Text, { style: styles.sheetTitle, children: "Select mall" }), _jsx(FlatList, { data: malls, keyExtractor: (mall) => `${mall.buildingId}-${mall.name}`, keyboardShouldPersistTaps: "handled", renderItem: ({ item }) => {
                                         const isSelected = item.buildingId === selected?.buildingId;
                                         return (_jsx(Pressable, { style: [styles.option, isSelected && styles.optionSelected], onPress: () => {
+                                                setActiveMall(item);
                                                 onSelect(item);
                                                 setOpen(false);
                                             }, children: _jsx(Text, { style: [

package/dist/DuonMapView.d.ts

@@ -1,10 +1,14 @@
 import React from "react";
 import { type ViewStyle } from "react-native";
+import { type DuonMall } from "@dtechph/wayfinding-core";
 export interface DuonMapViewProps {
-    url: string;
+    /** Prefer passing mall — Situm malls use native map + auto analytics. */
+    mall?: DuonMall | null;
+    /** Legacy: kiosk / embed URL. Used when mall is kiosk or mall omitted. */
+    url?: string;
     style?: ViewStyle;
     onLoadStart?: () => void;
     onLoadEnd?: () => void;
     onError?: (message: string) => void;
 }
-export declare function DuonMapView({ url, style, onLoadStart, onLoadEnd, onError, }: DuonMapViewProps): React.JSX.Element;
+export declare function DuonMapView({ mall, url, style, onLoadStart, onLoadEnd, onError, }: DuonMapViewProps): React.JSX.Element;

package/dist/DuonMapView.js

@@ -2,8 +2,10 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback, useState } from "react";
 import { Pressable, StyleSheet, Text, View, } from "react-native";
 import { WebView } from "react-native-webview";
+import { trackMapError, trackMapLoad, } from "@dtechph/wayfinding-core";
+import { DuonSitumMapView } from "./DuonSitumMapView";
 import { isAllowedMapNavigationUrl } from "./navigationGuard";
-export function DuonMapView({ url, style, onLoadStart, onLoadEnd, onError, }) {
+export function DuonMapView({ mall, url, style, onLoadStart, onLoadEnd, onError, }) {
     const [hasError, setHasError] = useState(false);
     const [reloadKey, setReloadKey] = useState(0);
     const handleRetry = useCallback(() => {
@@ -13,21 +15,37 @@ export function DuonMapView({ url, style, onLoadStart, onLoadEnd, onError, }) {
     const onNavigationRequest = useCallback((request) => {
         return isAllowedMapNavigationUrl(request.url);
     }, []);
-    if (!url) {
+    if (mall?.mapType === "situm" && mall.situmApiKey) {
+        return (_jsx(DuonSitumMapView, { mall: mall, style: style, onLoadStart: onLoadStart, onLoadEnd: onLoadEnd, onError: onError }));
+    }
+    const resolvedUrl = url || mall?.viewerUrl || "";
+    if (!resolvedUrl) {
         return (_jsx(View, { style: [styles.center, style], children: _jsx(Text, { style: styles.errorText, children: "No map URL provided" }) }));
     }
-    return (_jsxs(View, { style: [styles.container, style], children: [_jsx(WebView, { source: { uri: url }, style: styles.webview, javaScriptEnabled: true, domStorageEnabled: true, onLoadStart: () => {
+    return (_jsxs(View, { style: [styles.container, style], children: [_jsx(WebView, { source: { uri: resolvedUrl }, style: styles.webview, javaScriptEnabled: true, domStorageEnabled: true, onLoadStart: () => {
                     setHasError(false);
                     onLoadStart?.();
                 }, onLoadEnd: () => {
+                    trackMapLoad({
+                        buildingId: mall?.buildingId,
+                        mapType: mall?.mapType || "kiosk",
+                    });
                     onLoadEnd?.();
                 }, onError: () => {
                     setHasError(true);
+                    trackMapError({
+                        message: "Unable to load map",
+                        buildingId: mall?.buildingId,
+                    });
                     onError?.("Unable to load map");
                 }, onHttpError: () => {
                     setHasError(true);
+                    trackMapError({
+                        message: "Map HTTP error",
+                        buildingId: mall?.buildingId,
+                    });
                     onError?.("Map HTTP error");
-                }, onShouldStartLoadWithRequest: (request) => onNavigationRequest(request) }, `${url}-${reloadKey}`), hasError && (_jsxs(View, { style: styles.overlay, children: [_jsx(Text, { style: styles.errorText, children: "Unable to load map" }), _jsx(Pressable, { style: styles.retryButton, onPress: handleRetry, children: _jsx(Text, { style: styles.retryText, children: "Retry" }) })] }))] }));
+                }, onShouldStartLoadWithRequest: (request) => onNavigationRequest(request) }, `${resolvedUrl}-${reloadKey}`), hasError && (_jsxs(View, { style: styles.overlay, children: [_jsx(Text, { style: styles.errorText, children: "Unable to load map" }), _jsx(Pressable, { style: styles.retryButton, onPress: handleRetry, children: _jsx(Text, { style: styles.retryText, children: "Retry" }) })] }))] }));
 }
 const styles = StyleSheet.create({
     container: {

package/dist/DuonSitumMapView.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+import { type ViewStyle } from "react-native";
+import { type DuonMall } from "@dtechph/wayfinding-core";
+export interface DuonSitumMapViewProps {
+    mall: DuonMall;
+    style?: ViewStyle;
+    onLoadStart?: () => void;
+    onLoadEnd?: () => void;
+    onError?: (message: string) => void;
+}
+/**
+ * Native Situm map with automatic analytics (location, geofence, POI, search).
+ * Requires host dependency: `@situm/react-native`.
+ */
+export declare function DuonSitumMapView({ mall, style, onLoadStart, onLoadEnd, onError, }: DuonSitumMapViewProps): React.JSX.Element;

package/dist/DuonSitumMapView.js

@@ -0,0 +1,155 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef } from "react";
+import { StyleSheet, Text, View } from "react-native";
+import { trackGeofenceEnter, trackGeofenceExit, trackLocation, trackMapError, trackMapLoad, trackPoiSelect, trackSearch, } from "@dtechph/wayfinding-core";
+function loadSitum() {
+    try {
+        // Optional peer — resolved at runtime in host apps that install @situm/react-native
+        // eslint-disable-next-line @typescript-eslint/no-require-imports
+        return require("@situm/react-native");
+    }
+    catch {
+        return null;
+    }
+}
+/**
+ * Native Situm map with automatic analytics (location, geofence, POI, search).
+ * Requires host dependency: `@situm/react-native`.
+ */
+export function DuonSitumMapView({ mall, style, onLoadStart, onLoadEnd, onError, }) {
+    const situm = loadSitum();
+    const buildingId = mall.situmBuildingId || mall.buildingId;
+    const apiKey = mall.situmApiKey;
+    const startedRef = useRef(false);
+    useEffect(() => {
+        if (!situm || !apiKey)
+            return;
+        const plugin = situm.default;
+        if (!plugin)
+            return;
+        onLoadStart?.();
+        try {
+            plugin.init?.();
+            plugin.enableUserHelper?.();
+        }
+        catch {
+            // init may already have run
+        }
+        plugin.onLocationUpdate?.((location) => {
+            const cartesian = (location.cartesianCoordinate ||
+                location.position ||
+                {});
+            const coord = (location.coordinate || {});
+            trackLocation({
+                x: Number(cartesian.x ?? location.x),
+                y: Number(cartesian.y ?? location.y),
+                lat: Number(coord.latitude ?? location.latitude),
+                lng: Number(coord.longitude ?? location.longitude),
+                accuracy: Number(location.accuracy),
+                floorId: String(location.floorIdentifier ?? location.floorId ?? "") || undefined,
+                buildingId: String(location.buildingIdentifier ?? buildingId),
+            });
+        });
+        plugin.onEnterGeofences?.((result) => {
+            for (const g of result.geofences || []) {
+                trackGeofenceEnter({
+                    geofenceId: String(g.identifier ?? g.id ?? ""),
+                    geofenceName: g.name != null ? String(g.name) : undefined,
+                    buildingId: String(g.buildingIdentifier ?? buildingId),
+                    floorId: g.floorIdentifier != null ? String(g.floorIdentifier) : undefined,
+                    code: g.code != null ? String(g.code) : undefined,
+                });
+            }
+        });
+        plugin.onExitGeofences?.((result) => {
+            for (const g of result.geofences || []) {
+                trackGeofenceExit({
+                    geofenceId: String(g.identifier ?? g.id ?? ""),
+                    geofenceName: g.name != null ? String(g.name) : undefined,
+                    buildingId: String(g.buildingIdentifier ?? buildingId),
+                    floorId: g.floorIdentifier != null ? String(g.floorIdentifier) : undefined,
+                    code: g.code != null ? String(g.code) : undefined,
+                });
+            }
+        });
+        if (!startedRef.current) {
+            startedRef.current = true;
+            try {
+                plugin.requestLocationUpdates?.({});
+            }
+            catch {
+                // host may manage positioning
+            }
+        }
+        return () => {
+            try {
+                plugin.removeLocationUpdates?.();
+            }
+            catch {
+                // ignore
+            }
+            startedRef.current = false;
+        };
+    }, [situm, apiKey, buildingId, onLoadStart]);
+    if (!apiKey) {
+        return (_jsx(View, { style: [styles.center, style], children: _jsx(Text, { style: styles.errorText, children: "Situm credentials missing for this mall" }) }));
+    }
+    if (!situm?.MapView) {
+        return (_jsx(View, { style: [styles.center, style], children: _jsx(Text, { style: styles.errorText, children: "Install @situm/react-native to enable native Situm maps" }) }));
+    }
+    const MapView = situm.MapView;
+    const Provider = situm.SitumProvider;
+    const map = (_jsx(MapView, { style: StyleSheet.flatten([styles.map, style]), configuration: {
+            buildingIdentifier: buildingId,
+            situmApiKey: apiKey,
+        }, onLoad: () => {
+            trackMapLoad({ buildingId, mapType: "situm" });
+            onLoadEnd?.();
+        }, onPoiSelected: (poi) => {
+            trackPoiSelect({
+                poiId: String(poi.identifier ?? ""),
+                poiName: poi.name,
+                buildingId,
+                floorId: poi.floorIdentifier,
+            });
+            // Treat POI selection as a search result interaction
+            if (poi.name) {
+                trackSearch({
+                    query: poi.name,
+                    resultType: "poi",
+                    resultId: String(poi.identifier ?? ""),
+                    resultName: poi.name,
+                    buildingId,
+                    floorId: poi.floorIdentifier,
+                });
+            }
+        } }));
+    try {
+        if (Provider) {
+            return _jsx(Provider, { apiKey: apiKey, children: map });
+        }
+    }
+    catch (err) {
+        trackMapError({
+            message: err instanceof Error ? err.message : "Situm map error",
+            buildingId,
+        });
+        onError?.(err instanceof Error ? err.message : "Situm map error");
+    }
+    return map;
+}
+const styles = StyleSheet.create({
+    map: { flex: 1 },
+    center: {
+        flex: 1,
+        alignItems: "center",
+        justifyContent: "center",
+        padding: 16,
+    },
+    errorText: {
+        fontSize: 15,
+        fontWeight: "600",
+        color: "#374151",
+        textAlign: "center",
+    },
+});

package/dist/index.d.ts

@@ -1,7 +1,9 @@
 export { DuonMapView } from "./DuonMapView";
 export type { DuonMapViewProps } from "./DuonMapView";
+export { DuonSitumMapView } from "./DuonSitumMapView";
+export type { DuonSitumMapViewProps } from "./DuonSitumMapView";
 export { DuonMallSelector } from "./DuonMallSelector";
 export type { DuonMallSelectorProps } from "./DuonMallSelector";
 export { isAllowedMapNavigationUrl } from "./navigationGuard";
-export { DuonWayfinding, DuonAuthError, DuonConfigError, DuonForbiddenError, DuonNetworkError, } from "@dtechph/wayfinding-core";
+export { DuonWayfinding, DuonAuthError, DuonConfigError, DuonForbiddenError, DuonNetworkError, initialize, fetchMalls, getViewerUrl, setActiveMall, flush, trackSearch, trackLocation, trackGeofenceEnter, trackGeofenceExit, trackPoiSelect, } from "@dtechph/wayfinding-core";
 export type { DuonMall, DuonWayfindingConfig } from "@dtechph/wayfinding-core";

package/dist/index.js

@@ -1,4 +1,5 @@
 export { DuonMapView } from "./DuonMapView";
+export { DuonSitumMapView } from "./DuonSitumMapView";
 export { DuonMallSelector } from "./DuonMallSelector";
 export { isAllowedMapNavigationUrl } from "./navigationGuard";
-export { DuonWayfinding, DuonAuthError, DuonConfigError, DuonForbiddenError, DuonNetworkError, } from "@dtechph/wayfinding-core";
+export { DuonWayfinding, DuonAuthError, DuonConfigError, DuonForbiddenError, DuonNetworkError, initialize, fetchMalls, getViewerUrl, setActiveMall, flush, trackSearch, trackLocation, trackGeofenceEnter, trackGeofenceExit, trackPoiSelect, } from "@dtechph/wayfinding-core";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dtechph/wayfinding-react-native",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "description": "Duon Wayfinding SDK — React Native / Expo components",
   "license": "UNLICENSED",
   "author": "dtechph",
@@ -52,10 +52,11 @@
     "node": ">=18"
   },
   "dependencies": {
-    "@dtechph/wayfinding-core": "^0.1.0"
+    "@dtechph/wayfinding-core": "^0.2.0"
   },
   "peerDependencies": {
     "@react-native-picker/picker": ">=2",
+    "@situm/react-native": ">=3.15.0",
     "react": ">=18",
     "react-native": ">=0.74",
     "react-native-webview": ">=13"
@@ -64,6 +65,9 @@
     "@react-native-picker/picker": {
       "optional": true
     },
+    "@situm/react-native": {
+      "optional": true
+    },
     "react": {
       "optional": true
     },

package/src/DuonMallSelector.tsx

@@ -9,7 +9,7 @@ import {
   View,
   type ViewStyle,
 } from "react-native";
-import type { DuonMall } from "@dtechph/wayfinding-core";
+import { setActiveMall, type DuonMall } from "@dtechph/wayfinding-core";
 
 export interface DuonMallSelectorProps {
   malls: DuonMall[];
@@ -110,6 +110,7 @@ export function DuonMallSelector({
                   <Pressable
                     style={[styles.option, isSelected && styles.optionSelected]}
                     onPress={() => {
+                      setActiveMall(item);
                       onSelect(item);
                       setOpen(false);
                     }}

package/src/DuonMapView.tsx

@@ -7,10 +7,19 @@ import {
   type ViewStyle,
 } from "react-native";
 import { WebView, type WebViewNavigation } from "react-native-webview";
+import {
+  trackMapError,
+  trackMapLoad,
+  type DuonMall,
+} from "@dtechph/wayfinding-core";
+import { DuonSitumMapView } from "./DuonSitumMapView";
 import { isAllowedMapNavigationUrl } from "./navigationGuard";
 
 export interface DuonMapViewProps {
-  url: string;
+  /** Prefer passing mall — Situm malls use native map + auto analytics. */
+  mall?: DuonMall | null;
+  /** Legacy: kiosk / embed URL. Used when mall is kiosk or mall omitted. */
+  url?: string;
   style?: ViewStyle;
   onLoadStart?: () => void;
   onLoadEnd?: () => void;
@@ -18,6 +27,7 @@ export interface DuonMapViewProps {
 }
 
 export function DuonMapView({
+  mall,
   url,
   style,
   onLoadStart,
@@ -36,7 +46,21 @@ export function DuonMapView({
     return isAllowedMapNavigationUrl(request.url);
   }, []);
 
-  if (!url) {
+  if (mall?.mapType === "situm" && mall.situmApiKey) {
+    return (
+      <DuonSitumMapView
+        mall={mall}
+        style={style}
+        onLoadStart={onLoadStart}
+        onLoadEnd={onLoadEnd}
+        onError={onError}
+      />
+    );
+  }
+
+  const resolvedUrl = url || mall?.viewerUrl || "";
+
+  if (!resolvedUrl) {
     return (
       <View style={[styles.center, style]}>
         <Text style={styles.errorText}>No map URL provided</Text>
@@ -47,8 +71,8 @@ export function DuonMapView({
   return (
     <View style={[styles.container, style]}>
       <WebView
-        key={`${url}-${reloadKey}`}
-        source={{ uri: url }}
+        key={`${resolvedUrl}-${reloadKey}`}
+        source={{ uri: resolvedUrl }}
         style={styles.webview}
         javaScriptEnabled
         domStorageEnabled
@@ -57,14 +81,26 @@ export function DuonMapView({
           onLoadStart?.();
         }}
         onLoadEnd={() => {
+          trackMapLoad({
+            buildingId: mall?.buildingId,
+            mapType: mall?.mapType || "kiosk",
+          });
           onLoadEnd?.();
         }}
         onError={() => {
           setHasError(true);
+          trackMapError({
+            message: "Unable to load map",
+            buildingId: mall?.buildingId,
+          });
           onError?.("Unable to load map");
         }}
         onHttpError={() => {
           setHasError(true);
+          trackMapError({
+            message: "Map HTTP error",
+            buildingId: mall?.buildingId,
+          });
           onError?.("Map HTTP error");
         }}
         onShouldStartLoadWithRequest={(request) => onNavigationRequest(request)}

package/src/DuonSitumMapView.tsx

@@ -0,0 +1,236 @@
+import React, { useEffect, useRef } from "react";
+import { StyleSheet, Text, View, type ViewStyle } from "react-native";
+import {
+  trackGeofenceEnter,
+  trackGeofenceExit,
+  trackLocation,
+  trackMapError,
+  trackMapLoad,
+  trackPoiSelect,
+  trackSearch,
+  type DuonMall,
+} from "@dtechph/wayfinding-core";
+
+export interface DuonSitumMapViewProps {
+  mall: DuonMall;
+  style?: ViewStyle;
+  onLoadStart?: () => void;
+  onLoadEnd?: () => void;
+  onError?: (message: string) => void;
+}
+
+type SitumModule = {
+  default?: {
+    init?: () => void;
+    requestLocationUpdates?: (opts?: object) => void;
+    removeLocationUpdates?: () => void;
+    onLocationUpdate?: (cb: (location: Record<string, unknown>) => void) => void;
+    onEnterGeofences?: (cb: (result: { geofences?: Array<Record<string, unknown>> }) => void) => void;
+    onExitGeofences?: (cb: (result: { geofences?: Array<Record<string, unknown>> }) => void) => void;
+    enableUserHelper?: () => void;
+  };
+  MapView?: React.ComponentType<{
+    style?: ViewStyle;
+    configuration: {
+      buildingIdentifier: string;
+      situmApiKey: string;
+    };
+    onLoad?: () => void;
+    onPoiSelected?: (poi: { identifier?: string; name?: string; floorIdentifier?: string }) => void;
+    onFloorChanged?: (floor: { identifier?: string }) => void;
+  }>;
+  SitumProvider?: React.ComponentType<{
+    apiKey: string;
+    children: React.ReactNode;
+  }>;
+};
+
+function loadSitum(): SitumModule | null {
+  try {
+    // Optional peer — resolved at runtime in host apps that install @situm/react-native
+    // eslint-disable-next-line @typescript-eslint/no-require-imports
+    return require("@situm/react-native") as SitumModule;
+  } catch {
+    return null;
+  }
+}
+
+/**
+ * Native Situm map with automatic analytics (location, geofence, POI, search).
+ * Requires host dependency: `@situm/react-native`.
+ */
+export function DuonSitumMapView({
+  mall,
+  style,
+  onLoadStart,
+  onLoadEnd,
+  onError,
+}: DuonSitumMapViewProps) {
+  const situm = loadSitum();
+  const buildingId = mall.situmBuildingId || mall.buildingId;
+  const apiKey = mall.situmApiKey;
+  const startedRef = useRef(false);
+
+  useEffect(() => {
+    if (!situm || !apiKey) return;
+    const plugin = situm.default;
+    if (!plugin) return;
+
+    onLoadStart?.();
+    try {
+      plugin.init?.();
+      plugin.enableUserHelper?.();
+    } catch {
+      // init may already have run
+    }
+
+    plugin.onLocationUpdate?.((location) => {
+      const cartesian = (location.cartesianCoordinate ||
+        location.position ||
+        {}) as Record<string, unknown>;
+      const coord = (location.coordinate || {}) as Record<string, unknown>;
+      trackLocation({
+        x: Number(cartesian.x ?? location.x),
+        y: Number(cartesian.y ?? location.y),
+        lat: Number(coord.latitude ?? location.latitude),
+        lng: Number(coord.longitude ?? location.longitude),
+        accuracy: Number(location.accuracy),
+        floorId: String(
+          location.floorIdentifier ?? location.floorId ?? ""
+        ) || undefined,
+        buildingId: String(
+          location.buildingIdentifier ?? buildingId
+        ),
+      });
+    });
+
+    plugin.onEnterGeofences?.((result) => {
+      for (const g of result.geofences || []) {
+        trackGeofenceEnter({
+          geofenceId: String(g.identifier ?? g.id ?? ""),
+          geofenceName: g.name != null ? String(g.name) : undefined,
+          buildingId: String(g.buildingIdentifier ?? buildingId),
+          floorId:
+            g.floorIdentifier != null ? String(g.floorIdentifier) : undefined,
+          code: g.code != null ? String(g.code) : undefined,
+        });
+      }
+    });
+
+    plugin.onExitGeofences?.((result) => {
+      for (const g of result.geofences || []) {
+        trackGeofenceExit({
+          geofenceId: String(g.identifier ?? g.id ?? ""),
+          geofenceName: g.name != null ? String(g.name) : undefined,
+          buildingId: String(g.buildingIdentifier ?? buildingId),
+          floorId:
+            g.floorIdentifier != null ? String(g.floorIdentifier) : undefined,
+          code: g.code != null ? String(g.code) : undefined,
+        });
+      }
+    });
+
+    if (!startedRef.current) {
+      startedRef.current = true;
+      try {
+        plugin.requestLocationUpdates?.({});
+      } catch {
+        // host may manage positioning
+      }
+    }
+
+    return () => {
+      try {
+        plugin.removeLocationUpdates?.();
+      } catch {
+        // ignore
+      }
+      startedRef.current = false;
+    };
+  }, [situm, apiKey, buildingId, onLoadStart]);
+
+  if (!apiKey) {
+    return (
+      <View style={[styles.center, style]}>
+        <Text style={styles.errorText}>
+          Situm credentials missing for this mall
+        </Text>
+      </View>
+    );
+  }
+
+  if (!situm?.MapView) {
+    return (
+      <View style={[styles.center, style]}>
+        <Text style={styles.errorText}>
+          Install @situm/react-native to enable native Situm maps
+        </Text>
+      </View>
+    );
+  }
+
+  const MapView = situm.MapView;
+  const Provider = situm.SitumProvider;
+  const map = (
+    <MapView
+      style={StyleSheet.flatten([styles.map, style])}
+      configuration={{
+        buildingIdentifier: buildingId,
+        situmApiKey: apiKey,
+      }}
+      onLoad={() => {
+        trackMapLoad({ buildingId, mapType: "situm" });
+        onLoadEnd?.();
+      }}
+      onPoiSelected={(poi) => {
+        trackPoiSelect({
+          poiId: String(poi.identifier ?? ""),
+          poiName: poi.name,
+          buildingId,
+          floorId: poi.floorIdentifier,
+        });
+        // Treat POI selection as a search result interaction
+        if (poi.name) {
+          trackSearch({
+            query: poi.name,
+            resultType: "poi",
+            resultId: String(poi.identifier ?? ""),
+            resultName: poi.name,
+            buildingId,
+            floorId: poi.floorIdentifier,
+          });
+        }
+      }}
+    />
+  );
+
+  try {
+    if (Provider) {
+      return <Provider apiKey={apiKey}>{map}</Provider>;
+    }
+  } catch (err) {
+    trackMapError({
+      message: err instanceof Error ? err.message : "Situm map error",
+      buildingId,
+    });
+    onError?.(err instanceof Error ? err.message : "Situm map error");
+  }
+
+  return map;
+}
+
+const styles = StyleSheet.create({
+  map: { flex: 1 },
+  center: {
+    flex: 1,
+    alignItems: "center",
+    justifyContent: "center",
+    padding: 16,
+  },
+  errorText: {
+    fontSize: 15,
+    fontWeight: "600",
+    color: "#374151",
+    textAlign: "center",
+  },
+});

package/src/index.ts

@@ -1,6 +1,9 @@
 export { DuonMapView } from "./DuonMapView";
 export type { DuonMapViewProps } from "./DuonMapView";
 
+export { DuonSitumMapView } from "./DuonSitumMapView";
+export type { DuonSitumMapViewProps } from "./DuonSitumMapView";
+
 export { DuonMallSelector } from "./DuonMallSelector";
 export type { DuonMallSelectorProps } from "./DuonMallSelector";
 
@@ -12,6 +15,16 @@ export {
   DuonConfigError,
   DuonForbiddenError,
   DuonNetworkError,
+  initialize,
+  fetchMalls,
+  getViewerUrl,
+  setActiveMall,
+  flush,
+  trackSearch,
+  trackLocation,
+  trackGeofenceEnter,
+  trackGeofenceExit,
+  trackPoiSelect,
 } from "@dtechph/wayfinding-core";
 
 export type { DuonMall, DuonWayfindingConfig } from "@dtechph/wayfinding-core";