@situm/react-native 3.16.3 → 3.17.0

package/lib/typescript/wayfinding/store/index.d.ts

@@ -9,6 +9,7 @@ export interface State {
     webViewRef: MutableRefObject<undefined> | undefined;
     sdkInitialized: boolean;
     user?: User;
+    apiDomain?: string;
     location?: Location;
     locationStatus?: LocationStatusName;
     buildings: Building[] | null;
@@ -28,6 +29,7 @@ export declare const SitumContext: React.Context<{
 export declare const selectWebViewRef: (state: State) => React.MutableRefObject<undefined> | undefined;
 export declare const selectIsSDKInitialized: (state: State) => boolean;
 export declare const selectUser: (state: State) => User | undefined;
+export declare const selectApiDomain: (state: State) => string | undefined;
 export declare const selectLocation: (state: State) => Location | undefined;
 export declare const selectLocationStatus: (state: State) => LocationStatusName | undefined;
 export declare const selectBuildings: (state: State) => Building[] | null;
@@ -46,11 +48,29 @@ export declare const UseSitumContext: React.Context<{
     useSitum: any;
 } | undefined>;
 /**
- * Main context of the application, stores the plugins' state.
+ * Main context of the application, stores the plugin's state.
  */
 declare const SitumProvider: React.FC<React.PropsWithChildren<{
+    /**
+     * Your Situm email account.
+     */
     email?: string;
-    apiKey?: string;
+    /**
+     * Your Situm API key. Find your API key at your [Situm dashboard's profile](https://dashboard.situm.com/accounts/profile)
+     *
+     * When specifying a valid situm API key in this parameter, you won't need to call later on the `SitumPlugin.init()` & `SitumPlugin.setApiKey()` methods,
+     * and also you won't need to specify `MapViewConfiguration.situmApiKey` when configuring your MapView.
+     */
+    apiKey: string;
+    /**
+     * Set the API domain that will be used by the native SDKs and MapView to obtain the situm's data.
+     *
+     * When specifying a valid domain in this parameter, you won't need to call later on the `SitumPlugin.setDashboardURL()` method,
+     * and also you won't need to specify `MapViewConfiguration.apiDomain` when configuring your MapView.
+     *
+     * Defaults to "api.situm.com"
+     */
+    apiDomain?: string;
 }>>;
 export default SitumProvider;
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/wayfinding/store/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/wayfinding/store/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAiB,KAAK,gBAAgB,EAAc,MAAM,OAAO,CAAC;AAEhF,OAAO,EACL,KAAK,QAAQ,EACb,KAAK,UAAU,EACf,KAAK,KAAK,EACV,KAAK,QAAQ,EACb,KAAK,kBAAkB,EACvB,KAAK,GAAG,EACT,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAI/D,UAAU,IAAI;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,KAAK;IACpB,UAAU,EAAE,gBAAgB,CAAC,SAAS,CAAC,GAAG,SAAS,CAAC;IACpD,cAAc,EAAE,OAAO,CAAC;IACxB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,cAAc,CAAC,EAAE,kBAAkB,CAAC;IACpC,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC;IAC7B,eAAe,EAAE,QAAQ,GAAG,SAAS,CAAC;IACtC,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,UAAU,CAAC,EAAE,kBAAkB,CAAC;IAChC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,kBAAkB,EAAE,MAAM,CAAC;CAC5B;AAED,eAAO,MAAM,YAAY,EAAE,KAc1B,CAAC;AAEF,eAAO,MAAM,YAAY;WACd,KAAK;cAAY,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,KAAK,KAAK,KAAK,CAAC;cACnD,CAAC;AAwDb,eAAO,MAAM,gBAAgB,GAAI,OAAO,KAAK,kDAE5C,CAAC;AAEF,eAAO,MAAM,sBAAsB,GAAI,OAAO,KAAK,YAElD,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,OAAO,KAAK,qBAEtC,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,OAAO,KAAK,yBAE1C,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,OAAO,KAAK,mCAEhD,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,OAAO,KAAK,sBAE3C,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAAI,OAAO,KAAK,yBAEjD,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,OAAO,KAAK,UAEtC,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,OAAO,KAAK,QAE5C,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,OAAO,KAAK,mCAE5C,CAAC;AAEF,eAAO,MAAM,sBAAsB,GAAI,OAAO,KAAK,uBAElD,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,OAAO,KAAK,sBAEvC,CAAC;AAEF,eAAO,MAAM,wBAAwB,GAAI,OAAO,KAAK,WAEpD,CAAC;AAEF,eAAO,MACL,aAAa,8CACb,iBAAiB,8CACjB,OAAO,8CACP,WAAW,8CACX,iBAAiB,8CACjB,aAAa,8CACb,YAAY,8CACZ,kBAAkB,8CAClB,OAAO,8CACP,aAAa,8CACb,aAAa,8CACb,mBAAmB,8CACnB,QAAQ,8CACR,qBAAqB,4CACN,CAAC;AAElB;;GAEG;AACH,eAAO,MAAM,eAAe;cAA6B,GAAG;cAE3D,CAAC;AAgBF;;GAEG;AACH,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAC3B,KAAK,CAAC,iBAAiB,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC,CAiBH,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/wayfinding/store/index.tsx"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@situm/react-native",
-  "version": "3.16.3",
+  "version": "3.17.0",
   "description": "Situm Wayfinding for React Native. Integrate plug&play navigation experience with indoor maps, routes and turn-by-turn directions in no time. With the power of Situm.",
   "repository": "https://github.com/situmtech/react-native",
   "author": "Situm Technologies <mobile@situm.com>",
@@ -156,7 +156,7 @@
     "lib/"
   ],
   "sdkVersions": {
-    "android": "3.33.1@aar",
+    "android": "3.33.2@aar",
     "ios": "3.34.9"
   }
 }

package/src/sdk/index.ts

@@ -315,6 +315,13 @@ export default class SitumPlugin {
    */
 
   static setDashboardURL = (url: string) => {
+    if (!url.startsWith("https://")) {
+      url = "https://" + url;
+    }
+    if (url.endsWith("/")) {
+      url = url.substring(0, url.length - 1);
+    }
+
     return exceptionWrapper<void>(({ onCallback }) => {
       RNCSitumPlugin.setDashboardURL(url, (response: { success: boolean }) => {
         onCallback(response, "Failed to set dashboard URL.");

package/src/wayfinding/components/MapView.tsx

@@ -4,6 +4,7 @@ import React, {
   useCallback,
   useEffect,
   useImperativeHandle,
+  useMemo,
   useRef,
   useState,
 } from "react";
@@ -22,7 +23,13 @@ import type {
 
 import SitumPlugin from "../../sdk";
 import useSitum from "../hooks";
-import { setError, setLocationStatus } from "../store";
+import {
+  selectApiDomain,
+  selectUser,
+  setError,
+  setLocationStatus,
+} from "../store";
+import { useSelector } from "../store/utils";
 import {
   type CartographySelectionOptions,
   type MapViewDirectionsOptions,
@@ -65,10 +72,14 @@ export type MapViewConfiguration = {
    */
   viewerDomain?: string;
   /**
-   * ** Required **
-   * Your Situm API key. Find your API key at your [situm profile](https://dashboard.situm.com/accounts/profile)
+   * Your Situm API key. Find your API key at your [Situm dashboard's profile](https://dashboard.situm.com/accounts/profile)
+   *
+   * Since X.YY.ZZ version this parameter is not required. Instead, you should specify your apiKey
+   * at the root of your app with `SitumProvider.apiKey` for the correct usage of the plugin.
+   * If {@param situmApiKey} is specified, `SitumProvider.apiKey` will be ignored.
    */
-  situmApiKey: string;
+  // TODO: set the version on the doc right before releasing this version.
+  situmApiKey?: string;
   /**
    * @deprecated Use `profile` instead.
    * A String identifier that allows you to remotely configure all map settings.
@@ -169,6 +180,9 @@ const MapView = React.forwardRef<MapViewRef, MapViewProps>(
     const [buildingIdentifier, setBuildingIdentifier] = useState<string>(
       configuration.buildingIdentifier,
     );
+
+    const user = useSelector(selectUser);
+    const apiDomain = useSelector(selectApiDomain);
     const {
       init,
       location,
@@ -586,8 +600,31 @@ const MapView = React.forwardRef<MapViewRef, MapViewProps>(
       return true;
     };
 
-    const _effectiveProfile = () => {
-      let effectiveProfile = configuration.profile;
+    const _effectiveApiKey = useMemo(() => {
+      const internalApiKey = user?.apiKey;
+      const configApiKey = configuration.situmApiKey;
+
+      if (!configApiKey && !internalApiKey) {
+        console.error(
+          "No apiKey was specified. Make sure to be authenticated either by specifying the SitumProvider.apiKey or by specifying the MapViewConfiguration.situmApiKey.",
+        );
+      }
+
+      return configApiKey ?? internalApiKey;
+    }, [user?.apiKey, configuration.situmApiKey]);
+
+    const _effectiveProfile = useMemo(() => {
+      let effectiveProfile: any = "";
+
+      if (
+        configuration.profile?.length === 0 &&
+        configuration.remoteIdentifier?.length === 0
+      ) {
+        effectiveProfile = "";
+      }
+
+      effectiveProfile = configuration.profile;
+
       if (
         configuration.remoteIdentifier &&
         configuration.remoteIdentifier.length > 0
@@ -599,8 +636,31 @@ const MapView = React.forwardRef<MapViewRef, MapViewProps>(
           effectiveProfile = configuration.remoteIdentifier;
         }
       }
+
       return effectiveProfile;
-    };
+    }, [configuration.profile, configuration.remoteIdentifier]);
+
+    const _effectiveApiDomain = useMemo(() => {
+      let finalApiDomain = configuration.apiDomain ?? apiDomain;
+
+      if (!finalApiDomain) return "";
+
+      finalApiDomain = finalApiDomain.replace("https://", "");
+      finalApiDomain = finalApiDomain.replace("/", "");
+
+      return `&domain=${finalApiDomain}`;
+    }, [apiDomain, configuration.apiDomain]);
+
+    const _effectiveBuildingId = useMemo(() => {
+      let finalBuildingIdentifier = "";
+      const buildingId = configuration.buildingIdentifier;
+
+      if (buildingId && buildingId.length > 0) {
+        finalBuildingIdentifier = `&buildingid=${buildingId}`;
+      }
+
+      return finalBuildingIdentifier;
+    }, [configuration.buildingIdentifier]);
 
     const _disableInternalWebViewTTSEngine = () => {
       sendMessageToViewer(
@@ -615,15 +675,9 @@ const MapView = React.forwardRef<MapViewRef, MapViewProps>(
       <WebView
         ref={webViewRef}
         source={{
-          uri: `${configuration.viewerDomain || SITUM_BASE_DOMAIN}/${
-            _effectiveProfile() ? `id/${_effectiveProfile()}` : ""
-          }?&apikey=${
-            configuration.situmApiKey
-          }&wl=true&global=true&mode=embed${
-            configuration.buildingIdentifier
-              ? `&buildingid=${configuration.buildingIdentifier}`
-              : ""
-          }&show=rts`,
+          uri: `${configuration.viewerDomain || SITUM_BASE_DOMAIN}/${_effectiveProfile}?apikey=${
+            _effectiveApiKey
+          }${_effectiveApiDomain}${_effectiveBuildingId}&mode=embed`,
         }}
         style={StyleSheet.flatten([viewerStyles.webview, style])}
         limitsNavigationsToAppBoundDomains={true}

package/src/wayfinding/hooks/index.ts

@@ -1,3 +1,4 @@
+/* eslint-disable no-case-declarations */
 /* eslint-disable @typescript-eslint/no-explicit-any */
 import { useContext, useState } from "react";
 
@@ -66,15 +67,15 @@ export const useSitumInternal = () => {
       (internalCall: InternalCall) => {
         switch (internalCall.type) {
           case InternalCallType.LOCATION:
-            let location = internalCall.get<Location>();
+            const receivedLocation = internalCall.get<Location>();
             dispatch(
               setLocation({
-                ...location,
+                ...receivedLocation,
               }),
             );
             break;
           case InternalCallType.LOCATION_STATUS:
-            let statusName = internalCall.get<string>();
+            const statusName = internalCall.get<string>();
             if (statusName in LocationStatusName) {
               dispatch(setLocationStatus(statusName));
             }
@@ -84,8 +85,8 @@ export const useSitumInternal = () => {
             dispatch(resetLocation());
             break;
           case InternalCallType.LOCATION_ERROR:
-            let error = internalCall.get<Error>();
-            dispatch(setError(error));
+            const receivedError = internalCall.get<Error>();
+            dispatch(setError(receivedError));
             break;
           case InternalCallType.NAVIGATION_START:
             dispatch(
@@ -104,7 +105,7 @@ export const useSitumInternal = () => {
             );
             break;
           case InternalCallType.NAVIGATION_PROGRESS:
-            let progress = internalCall.get<NavigationProgress>();
+            const progress = internalCall.get<NavigationProgress>();
             dispatch(
               setNavigation({
                 currentIndication: progress?.currentIndication,

package/src/wayfinding/store/index.tsx

@@ -1,6 +1,13 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
-import React, { createContext, type MutableRefObject, useReducer } from "react";
+import React, {
+  createContext,
+  type MutableRefObject,
+  useEffect,
+  useReducer,
+  useState,
+} from "react";
 
+import SitumPlugin from "../../sdk";
 import {
   type Building,
   type Directions,
@@ -22,6 +29,7 @@ export interface State {
   webViewRef: MutableRefObject<undefined> | undefined;
   sdkInitialized: boolean;
   user?: User;
+  apiDomain?: string;
   location?: Location;
   locationStatus?: LocationStatusName;
   buildings: Building[] | null;
@@ -38,6 +46,7 @@ export const initialState: State = {
   webViewRef: undefined,
   sdkInitialized: false,
   user: undefined,
+  apiDomain: undefined,
   location: undefined,
   locationStatus: undefined,
   buildings: null,
@@ -101,7 +110,7 @@ const store = createStore<State>({
     },
     setBuildingIdentifier: (
       state: State,
-      payload: State["buildingIdentifier"]
+      payload: State["buildingIdentifier"],
     ) => {
       return { ...state, buildingIdentifier: payload };
     },
@@ -120,6 +129,10 @@ export const selectUser = (state: State) => {
   return state.user;
 };
 
+export const selectApiDomain = (state: State) => {
+  return state.apiDomain;
+};
+
 export const selectLocation = (state: State) => {
   return state.location;
 };
@@ -181,7 +194,7 @@ export const {
  * Context specifically to store the only instance of our hook.
  */
 export const UseSitumContext = createContext<{ useSitum: any } | undefined>(
-  undefined
+  undefined,
 );
 
 const UseSitumProvider: React.FC<{ children: React.ReactNode }> = ({
@@ -199,19 +212,56 @@ const UseSitumProvider: React.FC<{ children: React.ReactNode }> = ({
 };
 
 /**
- * Main context of the application, stores the plugins' state.
+ * Main context of the application, stores the plugin's state.
  */
 const SitumProvider: React.FC<
   React.PropsWithChildren<{
+    /**
+     * Your Situm email account.
+     */
     email?: string;
-    apiKey?: string;
+    /**
+     * Your Situm API key. Find your API key at your [Situm dashboard's profile](https://dashboard.situm.com/accounts/profile)
+     *
+     * When specifying a valid situm API key in this parameter, you won't need to call later on the `SitumPlugin.init()` & `SitumPlugin.setApiKey()` methods,
+     * and also you won't need to specify `MapViewConfiguration.situmApiKey` when configuring your MapView.
+     */
+    apiKey: string;
+    /**
+     * Set the API domain that will be used by the native SDKs and MapView to obtain the situm's data.
+     *
+     * When specifying a valid domain in this parameter, you won't need to call later on the `SitumPlugin.setDashboardURL()` method,
+     * and also you won't need to specify `MapViewConfiguration.apiDomain` when configuring your MapView.
+     *
+     * Defaults to "api.situm.com"
+     */
+    apiDomain?: string;
   }>
-> = ({ email, apiKey, children }) => {
+> = ({ email, apiKey, apiDomain, children }) => {
   const [state, dispatch] = useReducer(store.reducer, {
     ...store.initialState,
     user: { email, apiKey },
+    apiDomain: apiDomain,
   });
 
+  const [isInitialized, setIsInitialized] = useState(false);
+
+  useEffect(() => {
+    try {
+      SitumPlugin.init();
+      apiDomain && SitumPlugin.setDashboardURL(apiDomain);
+      if (!apiKey) {
+        throw new Error(
+          "Please specify SitumProvider.apiKey to be able to successfully use SitumPlugin and MapView.",
+        );
+      }
+      SitumPlugin.setApiKey(apiKey);
+    } catch (e) {
+      console.error(`SitumProvider > Could not initialize ${e}`);
+    }
+    setIsInitialized(true);
+  }, [apiKey, apiDomain]);
+
   return (
     <SitumContext.Provider
       value={{
@@ -219,7 +269,14 @@ const SitumProvider: React.FC<
         dispatch,
       }}
     >
-      <UseSitumProvider>{children}</UseSitumProvider>
+      {/**
+       * Make sure to execute first SitumProvider's initialization & authentication useEffect(),
+       * before letting children components rendering MapView or calling SitumPlugin methods.
+       *
+       * If we directly let the `children` render, the children's useEffect() will execute before SitumProvider's useEffect().
+       * This causes a crash when the children wants to access SitumPlugin before it is initialized.
+       */}
+      <UseSitumProvider>{isInitialized ? children : <></>}</UseSitumProvider>
     </SitumContext.Provider>
   );
 };