@dtechph/wayfinding-react-native 0.1.0

package/README.md

@@ -0,0 +1,32 @@
+# `@dtechph/wayfinding-react-native`
+
+React Native / Expo components for the Duon Wayfinding SDK (`DuonMapView`, `DuonMallSelector`).
+
+## Install
+
+```bash
+npm install @dtechph/wayfinding-react-native react-native-webview
+```
+
+Requires GitHub Packages auth — see the [root README](../../README.md).
+
+## Usage
+
+```typescript
+import {
+  DuonWayfinding,
+  DuonMallSelector,
+  DuonMapView,
+} from "@dtechph/wayfinding-react-native";
+
+DuonWayfinding.initialize({
+  apiBaseUrl: "https://your-backend.example.com",
+  apiKey: "duon_sk_live_...",
+});
+
+const malls = await DuonWayfinding.fetchMalls();
+const url = DuonWayfinding.getViewerUrl(malls[0]);
+
+// <DuonMallSelector malls={malls} onSelect={...} />
+// <DuonMapView url={url} />
+```

package/dist/DuonMallSelector.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import { type ViewStyle } from "react-native";
+import type { DuonMall } from "@dtechph/wayfinding-core";
+export interface DuonMallSelectorProps {
+    malls: DuonMall[];
+    selectedMall?: DuonMall | null;
+    onSelect: (mall: DuonMall) => void;
+    loading?: boolean;
+    error?: string | null;
+    onRetry?: () => void;
+    style?: ViewStyle;
+}
+export declare function DuonMallSelector({ malls, selectedMall, onSelect, loading, error, onRetry, style, }: DuonMallSelectorProps): React.JSX.Element;

package/dist/DuonMallSelector.js

@@ -0,0 +1,128 @@
+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";
+function mallLabel(mall) {
+    return `${mall.name} (${mall.mapType.toUpperCase()})`;
+}
+export function DuonMallSelector({ malls, selectedMall, onSelect, loading = false, error = null, onRetry, style, }) {
+    const [open, setOpen] = useState(false);
+    const selected = useMemo(() => {
+        if (selectedMall)
+            return selectedMall;
+        return malls[0] ?? null;
+    }, [malls, selectedMall]);
+    if (loading) {
+        return (_jsxs(View, { style: [styles.container, styles.center, style], children: [_jsx(ActivityIndicator, { color: "#4f46e5" }), _jsx(Text, { style: styles.hint, children: "Loading malls\u2026" })] }));
+    }
+    if (error) {
+        return (_jsxs(View, { style: [styles.container, styles.center, style], children: [_jsx(Text, { style: styles.error, children: error }), onRetry && (_jsx(Pressable, { style: styles.retryButton, onPress: onRetry, children: _jsx(Text, { style: styles.retryText, children: "Retry" }) }))] }));
+    }
+    if (malls.length === 0) {
+        return (_jsx(View, { style: [styles.container, styles.center, style], children: _jsx(Text, { style: styles.hint, children: "No malls available" }) }));
+    }
+    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: () => {
+                                                onSelect(item);
+                                                setOpen(false);
+                                            }, children: _jsx(Text, { style: [
+                                                    styles.optionText,
+                                                    isSelected && styles.optionTextSelected,
+                                                ], numberOfLines: 2, children: mallLabel(item) }) }));
+                                    } })] })] }) })] }));
+}
+const styles = StyleSheet.create({
+    container: {
+        paddingHorizontal: 16,
+        paddingVertical: 8,
+    },
+    center: {
+        alignItems: "center",
+        justifyContent: "center",
+        minHeight: 56,
+        gap: 8,
+    },
+    label: {
+        fontSize: 13,
+        fontWeight: "600",
+        color: "#374151",
+        marginBottom: 6,
+    },
+    trigger: {
+        minHeight: 44,
+        borderWidth: 1,
+        borderColor: "#e5e7eb",
+        borderRadius: 10,
+        backgroundColor: "#fff",
+        paddingHorizontal: 12,
+        flexDirection: "row",
+        alignItems: "center",
+        justifyContent: "space-between",
+        gap: 8,
+    },
+    triggerText: {
+        flex: 1,
+        fontSize: 15,
+        color: "#111827",
+    },
+    chevron: {
+        fontSize: 16,
+        color: "#4f46e5",
+        lineHeight: 18,
+    },
+    backdrop: {
+        flex: 1,
+        backgroundColor: "rgba(17, 24, 39, 0.45)",
+        justifyContent: "center",
+        paddingHorizontal: 24,
+    },
+    sheet: {
+        maxHeight: "60%",
+        backgroundColor: "#fff",
+        borderRadius: 14,
+        overflow: "hidden",
+        paddingVertical: 8,
+    },
+    sheetTitle: {
+        fontSize: 13,
+        fontWeight: "600",
+        color: "#6b7280",
+        paddingHorizontal: 16,
+        paddingTop: 8,
+        paddingBottom: 10,
+    },
+    option: {
+        paddingHorizontal: 16,
+        paddingVertical: 14,
+    },
+    optionSelected: {
+        backgroundColor: "#eef2ff",
+    },
+    optionText: {
+        fontSize: 15,
+        color: "#111827",
+    },
+    optionTextSelected: {
+        color: "#4338ca",
+        fontWeight: "600",
+    },
+    hint: {
+        fontSize: 14,
+        color: "#6b7280",
+    },
+    error: {
+        fontSize: 14,
+        color: "#b91c1c",
+        textAlign: "center",
+    },
+    retryButton: {
+        paddingHorizontal: 16,
+        paddingVertical: 8,
+        backgroundColor: "#4f46e5",
+        borderRadius: 8,
+    },
+    retryText: {
+        color: "#fff",
+        fontWeight: "600",
+    },
+});

package/dist/DuonMapView.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { type ViewStyle } from "react-native";
+export interface DuonMapViewProps {
+    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;

package/dist/DuonMapView.js

@@ -0,0 +1,71 @@
+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 { isAllowedMapNavigationUrl } from "./navigationGuard";
+export function DuonMapView({ url, style, onLoadStart, onLoadEnd, onError, }) {
+    const [hasError, setHasError] = useState(false);
+    const [reloadKey, setReloadKey] = useState(0);
+    const handleRetry = useCallback(() => {
+        setHasError(false);
+        setReloadKey((k) => k + 1);
+    }, []);
+    const onNavigationRequest = useCallback((request) => {
+        return isAllowedMapNavigationUrl(request.url);
+    }, []);
+    if (!url) {
+        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: () => {
+                    setHasError(false);
+                    onLoadStart?.();
+                }, onLoadEnd: () => {
+                    onLoadEnd?.();
+                }, onError: () => {
+                    setHasError(true);
+                    onError?.("Unable to load map");
+                }, onHttpError: () => {
+                    setHasError(true);
+                    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" }) })] }))] }));
+}
+const styles = StyleSheet.create({
+    container: {
+        flex: 1,
+        backgroundColor: "#f3f4f6",
+    },
+    webview: {
+        flex: 1,
+    },
+    center: {
+        flex: 1,
+        alignItems: "center",
+        justifyContent: "center",
+    },
+    overlay: {
+        position: "absolute",
+        top: 0,
+        left: 0,
+        right: 0,
+        bottom: 0,
+        alignItems: "center",
+        justifyContent: "center",
+        backgroundColor: "rgba(255,255,255,0.92)",
+        gap: 12,
+    },
+    errorText: {
+        fontSize: 16,
+        fontWeight: "600",
+        color: "#374151",
+    },
+    retryButton: {
+        paddingHorizontal: 20,
+        paddingVertical: 10,
+        backgroundColor: "#4f46e5",
+        borderRadius: 8,
+    },
+    retryText: {
+        color: "#fff",
+        fontWeight: "600",
+    },
+});

package/dist/index.d.ts

@@ -0,0 +1,7 @@
+export { DuonMapView } from "./DuonMapView";
+export type { DuonMapViewProps } from "./DuonMapView";
+export { DuonMallSelector } from "./DuonMallSelector";
+export type { DuonMallSelectorProps } from "./DuonMallSelector";
+export { isAllowedMapNavigationUrl } from "./navigationGuard";
+export { DuonWayfinding, DuonAuthError, DuonConfigError, DuonForbiddenError, DuonNetworkError, } from "@dtechph/wayfinding-core";
+export type { DuonMall, DuonWayfindingConfig } from "@dtechph/wayfinding-core";

package/dist/index.js

@@ -0,0 +1,4 @@
+export { DuonMapView } from "./DuonMapView";
+export { DuonMallSelector } from "./DuonMallSelector";
+export { isAllowedMapNavigationUrl } from "./navigationGuard";
+export { DuonWayfinding, DuonAuthError, DuonConfigError, DuonForbiddenError, DuonNetworkError, } from "@dtechph/wayfinding-core";

package/dist/navigationGuard.d.ts

@@ -0,0 +1 @@
+export declare const isAllowedMapNavigationUrl: (url: string) => boolean;

package/dist/navigationGuard.js

@@ -0,0 +1,19 @@
+const ALLOWED_HOSTS = [
+    "kiosk.duon.ph",
+    "maps.situm.com",
+    "api.situm.com",
+];
+export const isAllowedMapNavigationUrl = (url) => {
+    try {
+        const uri = new URL(url);
+        if (uri.protocol === "about:")
+            return true;
+        if (uri.hostname === "kiosk.duon.ph" || uri.hostname.endsWith(".duon.ph")) {
+            return true;
+        }
+        return ALLOWED_HOSTS.some((host) => uri.hostname === host || uri.hostname.endsWith(`.${host}`));
+    }
+    catch {
+        return false;
+    }
+};

package/package.json

@@ -0,0 +1,85 @@
+{
+  "name": "@dtechph/wayfinding-react-native",
+  "version": "0.1.0",
+  "description": "Duon Wayfinding SDK — React Native / Expo components",
+  "license": "UNLICENSED",
+  "author": "dtechph",
+  "homepage": "https://github.com/dtechph/DuonSDK/tree/main/packages/react-native#readme",
+  "bugs": {
+    "url": "https://github.com/dtechph/DuonSDK/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/dtechph/DuonSDK.git",
+    "directory": "packages/react-native"
+  },
+  "keywords": [
+    "duon",
+    "wayfinding",
+    "react-native",
+    "expo",
+    "indoor-maps",
+    "situm",
+    "sdk"
+  ],
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "react-native": "src/index.ts",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "react-native": "./src/index.ts",
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.js",
+      "default": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist",
+    "src",
+    "README.md"
+  ],
+  "scripts": {
+    "build": "tsc -p tsconfig.json",
+    "prepublishOnly": "npm run build"
+  },
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org",
+    "access": "public"
+  },
+  "engines": {
+    "node": ">=18"
+  },
+  "dependencies": {
+    "@dtechph/wayfinding-core": "^0.1.0"
+  },
+  "peerDependencies": {
+    "@react-native-picker/picker": ">=2",
+    "react": ">=18",
+    "react-native": ">=0.74",
+    "react-native-webview": ">=13"
+  },
+  "peerDependenciesMeta": {
+    "@react-native-picker/picker": {
+      "optional": true
+    },
+    "react": {
+      "optional": true
+    },
+    "react-native": {
+      "optional": true
+    },
+    "react-native-webview": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@react-native-picker/picker": "2.11.4",
+    "@types/react": "~19.2.2",
+    "react": "19.2.3",
+    "react-native": "0.86.0",
+    "react-native-webview": "13.16.1",
+    "typescript": "~5.9.2"
+  }
+}

package/src/DuonMallSelector.tsx

@@ -0,0 +1,231 @@
+import React, { useMemo, useState } from "react";
+import {
+  ActivityIndicator,
+  FlatList,
+  Modal,
+  Pressable,
+  StyleSheet,
+  Text,
+  View,
+  type ViewStyle,
+} from "react-native";
+import type { DuonMall } from "@dtechph/wayfinding-core";
+
+export interface DuonMallSelectorProps {
+  malls: DuonMall[];
+  selectedMall?: DuonMall | null;
+  onSelect: (mall: DuonMall) => void;
+  loading?: boolean;
+  error?: string | null;
+  onRetry?: () => void;
+  style?: ViewStyle;
+}
+
+function mallLabel(mall: DuonMall): string {
+  return `${mall.name} (${mall.mapType.toUpperCase()})`;
+}
+
+export function DuonMallSelector({
+  malls,
+  selectedMall,
+  onSelect,
+  loading = false,
+  error = null,
+  onRetry,
+  style,
+}: DuonMallSelectorProps) {
+  const [open, setOpen] = useState(false);
+
+  const selected = useMemo(() => {
+    if (selectedMall) return selectedMall;
+    return malls[0] ?? null;
+  }, [malls, selectedMall]);
+
+  if (loading) {
+    return (
+      <View style={[styles.container, styles.center, style]}>
+        <ActivityIndicator color="#4f46e5" />
+        <Text style={styles.hint}>Loading malls…</Text>
+      </View>
+    );
+  }
+
+  if (error) {
+    return (
+      <View style={[styles.container, styles.center, style]}>
+        <Text style={styles.error}>{error}</Text>
+        {onRetry && (
+          <Pressable style={styles.retryButton} onPress={onRetry}>
+            <Text style={styles.retryText}>Retry</Text>
+          </Pressable>
+        )}
+      </View>
+    );
+  }
+
+  if (malls.length === 0) {
+    return (
+      <View style={[styles.container, styles.center, style]}>
+        <Text style={styles.hint}>No malls available</Text>
+      </View>
+    );
+  }
+
+  return (
+    <View style={[styles.container, style]}>
+      <Text style={styles.label}>Select mall</Text>
+      <Pressable
+        accessibilityRole="button"
+        accessibilityState={{ expanded: open }}
+        style={styles.trigger}
+        onPress={() => setOpen(true)}
+      >
+        <Text style={styles.triggerText} numberOfLines={1}>
+          {selected ? mallLabel(selected) : "Select a mall"}
+        </Text>
+        <Text style={styles.chevron}>▾</Text>
+      </Pressable>
+
+      <Modal
+        visible={open}
+        transparent
+        animationType="fade"
+        onRequestClose={() => setOpen(false)}
+      >
+        <View style={styles.backdrop}>
+          <Pressable
+            style={StyleSheet.absoluteFill}
+            onPress={() => setOpen(false)}
+            accessibilityLabel="Dismiss mall selector"
+          />
+          <View style={styles.sheet}>
+            <Text style={styles.sheetTitle}>Select mall</Text>
+            <FlatList
+              data={malls}
+              keyExtractor={(mall) => `${mall.buildingId}-${mall.name}`}
+              keyboardShouldPersistTaps="handled"
+              renderItem={({ item }) => {
+                const isSelected = item.buildingId === selected?.buildingId;
+                return (
+                  <Pressable
+                    style={[styles.option, isSelected && styles.optionSelected]}
+                    onPress={() => {
+                      onSelect(item);
+                      setOpen(false);
+                    }}
+                  >
+                    <Text
+                      style={[
+                        styles.optionText,
+                        isSelected && styles.optionTextSelected,
+                      ]}
+                      numberOfLines={2}
+                    >
+                      {mallLabel(item)}
+                    </Text>
+                  </Pressable>
+                );
+              }}
+            />
+          </View>
+        </View>
+      </Modal>
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    paddingHorizontal: 16,
+    paddingVertical: 8,
+  },
+  center: {
+    alignItems: "center",
+    justifyContent: "center",
+    minHeight: 56,
+    gap: 8,
+  },
+  label: {
+    fontSize: 13,
+    fontWeight: "600",
+    color: "#374151",
+    marginBottom: 6,
+  },
+  trigger: {
+    minHeight: 44,
+    borderWidth: 1,
+    borderColor: "#e5e7eb",
+    borderRadius: 10,
+    backgroundColor: "#fff",
+    paddingHorizontal: 12,
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-between",
+    gap: 8,
+  },
+  triggerText: {
+    flex: 1,
+    fontSize: 15,
+    color: "#111827",
+  },
+  chevron: {
+    fontSize: 16,
+    color: "#4f46e5",
+    lineHeight: 18,
+  },
+  backdrop: {
+    flex: 1,
+    backgroundColor: "rgba(17, 24, 39, 0.45)",
+    justifyContent: "center",
+    paddingHorizontal: 24,
+  },
+  sheet: {
+    maxHeight: "60%",
+    backgroundColor: "#fff",
+    borderRadius: 14,
+    overflow: "hidden",
+    paddingVertical: 8,
+  },
+  sheetTitle: {
+    fontSize: 13,
+    fontWeight: "600",
+    color: "#6b7280",
+    paddingHorizontal: 16,
+    paddingTop: 8,
+    paddingBottom: 10,
+  },
+  option: {
+    paddingHorizontal: 16,
+    paddingVertical: 14,
+  },
+  optionSelected: {
+    backgroundColor: "#eef2ff",
+  },
+  optionText: {
+    fontSize: 15,
+    color: "#111827",
+  },
+  optionTextSelected: {
+    color: "#4338ca",
+    fontWeight: "600",
+  },
+  hint: {
+    fontSize: 14,
+    color: "#6b7280",
+  },
+  error: {
+    fontSize: 14,
+    color: "#b91c1c",
+    textAlign: "center",
+  },
+  retryButton: {
+    paddingHorizontal: 16,
+    paddingVertical: 8,
+    backgroundColor: "#4f46e5",
+    borderRadius: 8,
+  },
+  retryText: {
+    color: "#fff",
+    fontWeight: "600",
+  },
+});

package/src/DuonMapView.tsx

@@ -0,0 +1,123 @@
+import React, { useCallback, useState } from "react";
+import {
+  Pressable,
+  StyleSheet,
+  Text,
+  View,
+  type ViewStyle,
+} from "react-native";
+import { WebView, type WebViewNavigation } from "react-native-webview";
+import { isAllowedMapNavigationUrl } from "./navigationGuard";
+
+export interface DuonMapViewProps {
+  url: string;
+  style?: ViewStyle;
+  onLoadStart?: () => void;
+  onLoadEnd?: () => void;
+  onError?: (message: string) => void;
+}
+
+export function DuonMapView({
+  url,
+  style,
+  onLoadStart,
+  onLoadEnd,
+  onError,
+}: DuonMapViewProps) {
+  const [hasError, setHasError] = useState(false);
+  const [reloadKey, setReloadKey] = useState(0);
+
+  const handleRetry = useCallback(() => {
+    setHasError(false);
+    setReloadKey((k) => k + 1);
+  }, []);
+
+  const onNavigationRequest = useCallback((request: WebViewNavigation) => {
+    return isAllowedMapNavigationUrl(request.url);
+  }, []);
+
+  if (!url) {
+    return (
+      <View style={[styles.center, style]}>
+        <Text style={styles.errorText}>No map URL provided</Text>
+      </View>
+    );
+  }
+
+  return (
+    <View style={[styles.container, style]}>
+      <WebView
+        key={`${url}-${reloadKey}`}
+        source={{ uri: url }}
+        style={styles.webview}
+        javaScriptEnabled
+        domStorageEnabled
+        onLoadStart={() => {
+          setHasError(false);
+          onLoadStart?.();
+        }}
+        onLoadEnd={() => {
+          onLoadEnd?.();
+        }}
+        onError={() => {
+          setHasError(true);
+          onError?.("Unable to load map");
+        }}
+        onHttpError={() => {
+          setHasError(true);
+          onError?.("Map HTTP error");
+        }}
+        onShouldStartLoadWithRequest={(request) => onNavigationRequest(request)}
+      />
+      {hasError && (
+        <View style={styles.overlay}>
+          <Text style={styles.errorText}>Unable to load map</Text>
+          <Pressable style={styles.retryButton} onPress={handleRetry}>
+            <Text style={styles.retryText}>Retry</Text>
+          </Pressable>
+        </View>
+      )}
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: "#f3f4f6",
+  },
+  webview: {
+    flex: 1,
+  },
+  center: {
+    flex: 1,
+    alignItems: "center",
+    justifyContent: "center",
+  },
+  overlay: {
+    position: "absolute",
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    alignItems: "center",
+    justifyContent: "center",
+    backgroundColor: "rgba(255,255,255,0.92)",
+    gap: 12,
+  },
+  errorText: {
+    fontSize: 16,
+    fontWeight: "600",
+    color: "#374151",
+  },
+  retryButton: {
+    paddingHorizontal: 20,
+    paddingVertical: 10,
+    backgroundColor: "#4f46e5",
+    borderRadius: 8,
+  },
+  retryText: {
+    color: "#fff",
+    fontWeight: "600",
+  },
+});

package/src/index.ts

@@ -0,0 +1,17 @@
+export { DuonMapView } from "./DuonMapView";
+export type { DuonMapViewProps } from "./DuonMapView";
+
+export { DuonMallSelector } from "./DuonMallSelector";
+export type { DuonMallSelectorProps } from "./DuonMallSelector";
+
+export { isAllowedMapNavigationUrl } from "./navigationGuard";
+
+export {
+  DuonWayfinding,
+  DuonAuthError,
+  DuonConfigError,
+  DuonForbiddenError,
+  DuonNetworkError,
+} from "@dtechph/wayfinding-core";
+
+export type { DuonMall, DuonWayfindingConfig } from "@dtechph/wayfinding-core";

package/src/navigationGuard.ts

@@ -0,0 +1,18 @@
+const ALLOWED_HOSTS = [
+  "kiosk.duon.ph",
+  "maps.situm.com",
+  "api.situm.com",
+];
+
+export const isAllowedMapNavigationUrl = (url: string): boolean => {
+  try {
+    const uri = new URL(url);
+    if (uri.protocol === "about:") return true;
+    if (uri.hostname === "kiosk.duon.ph" || uri.hostname.endsWith(".duon.ph")) {
+      return true;
+    }
+    return ALLOWED_HOSTS.some((host) => uri.hostname === host || uri.hostname.endsWith(`.${host}`));
+  } catch {
+    return false;
+  }
+};