react-native-steerpath-smart-map 1.29.4 → 2.0.0-alpha.1

package/src/SmartMapView.web.tsx

@@ -1,342 +0,0 @@
-/* eslint-disable react/destructuring-assignment */
-import React, {
-  useEffect,
-  useImperativeHandle,
-  useRef,
-  forwardRef,
-} from "react";
-import { PixelRatio } from "react-native";
-import {
-  SmartMapViewProps,
-  SmartMapObject,
-  SmartMapViewMethods,
-  SmartMapUserTask,
-  SmartMapPOISelectionUserTask,
-  SmartMapCameraOptions,
-} from "./SmartMapViewProps";
-import { steerpath } from "steerpath-smart-sdk";
-
-//no longer needed as the steerpath is imported from node modules
-//instead of the window namespace
-//declare let window: any;
-
-const COMPONENT_ID_PREFIX = "map_container_id";
-
-// Implementation for the smart map reference
-interface SmartMapRef {
-  removeMap: Function;
-  getSmartMapCameraOptions: Function;
-}
-
-function runCommand<ArgsT extends Array<unknown>>(
-  handler: SmartMapRef | null,
-  name: string,
-  args: ArgsT
-) {
-  handler?.[name](...args);
-}
-
-function convertToWebSDKSmartMapObj(smartMapObj: SmartMapObject) {
-  return new steerpath.SmartMapObject(
-    smartMapObj.latitude,
-    smartMapObj.longitude,
-    smartMapObj.floorIndex,
-    smartMapObj.buildingRef,
-    smartMapObj.localRef,
-    smartMapObj.title,
-    smartMapObj.properties
-  );
-}
-
-function convertToWebUserTaskObj(userTask: SmartMapUserTask) {
-  const addMarker = (userTask.payload as SmartMapPOISelectionUserTask)
-    .shouldAddMarker;
-  const actionButtonText = (userTask.payload as SmartMapPOISelectionUserTask)
-    .actionButtonText;
-  const actionButtonIcon = (userTask.payload as SmartMapPOISelectionUserTask)
-    .actionButtonIcon;
-  const smartMapObject = (userTask.payload as SmartMapPOISelectionUserTask)
-    .smartMapObject;
-  return new steerpath.POISelectionUserTask(
-    smartMapObject,
-    addMarker,
-    actionButtonText,
-    actionButtonIcon
-  );
-}
-
-function parseJwtToken(token) {
-  try {
-    let base64Url = token.split(".")[1];
-    let base64 = base64Url.replace("-", "+").replace("_", "/");
-    return JSON.parse(window.atob(base64));
-  } catch (e) {
-    return null;
-  } finally {
-  }
-}
-
-export const SmartMapView = forwardRef<SmartMapViewMethods, SmartMapViewProps>(
-  (props, ref) => {
-    const smartMapRef = useRef<SmartMapRef>(null);
-
-    useEffect(() => {
-      let smartSDK = {};
-
-      if (parseJwtToken(props.apiKey).hasOwnProperty("client_token")) {
-        smartSDK = steerpath.sdk[parseJwtToken(props.apiKey).client_token];
-      } else {
-        if (props.apiKey) {
-          smartSDK = steerpath.sdk[props.apiKey];
-        }
-      }
-      // Allow setting the ref
-      // @ts-ignore
-      smartMapRef.current = new steerpath.SmartMapView(
-        COMPONENT_ID_PREFIX,
-        smartSDK
-      );
-      const events = [
-        {
-          sdk: "onMapClick",
-          binding: "onMapClicked",
-        },
-        {
-          sdk: "onSearchResultSelected",
-          binding: "onSearchResultSelected",
-        },
-        {
-          sdk: "steerpathLayerIndexChanged",
-          binding: "onVisibleFloorChanged",
-        },
-        {
-          sdk: "steerpathMapLoaded",
-          binding: "onMapLoaded",
-        },
-        {
-          sdk: "onSearchCategorySelected",
-          binding: "onSearchCategorySelected",
-        },
-      ];
-      //add map event listeners ("on")
-      events.forEach((event) => {
-        if (props[event.binding]) {
-          steerpath.MapEventListener.on(event.sdk, props[event.binding]);
-        }
-      });
-
-      //also add user task listener
-      steerpath.UserTaskListener.on(
-        "onUserTaskResponse",
-        props.onUserTaskResponse
-      );
-
-      return () => {
-        //remove map event listeners ("off")
-        events.forEach((event) => {
-          if (props[event.binding]) {
-            steerpath.MapEventListener.off(event.sdk, props[event.binding]);
-          }
-        });
-
-        //also remove user task listener
-        steerpath.UserTaskListener.off(
-          "onUserTaskResponse",
-          props.onUserTaskResponse
-        );
-
-        //When screen size changes and this component unmounted
-        //remove the old instance of smartMapRef.current
-        if (smartMapRef.current) {
-          smartMapRef.current?.removeMap();
-        }
-      };
-    }, [props.apiKey]);
-
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    useImperativeHandle(ref, () => ({
-      setCamera({
-        latitude,
-        longitude,
-        zoomLevel,
-        bearing,
-        pitch,
-        floorIndex,
-        buildingRef,
-      }) {
-        runCommand(smartMapRef.current, "setCamera", [
-          latitude,
-          longitude,
-          zoomLevel,
-          bearing,
-          pitch,
-          floorIndex,
-          buildingRef,
-        ]);
-      },
-      setCameraToBuildingRef(buildingRef, callback) {
-        runCommand(smartMapRef.current, "setCameraToBuilding", [
-          buildingRef,
-          18,
-          callback,
-        ]);
-      },
-      setCameraToObject(localRef, buildingRef, zoomLevel, callback) {
-        runCommand(smartMapRef.current, "setCameraToObject", [
-          localRef,
-          buildingRef,
-          zoomLevel,
-          callback,
-        ]);
-      },
-
-      addMarker(smartMapObj, layout, iconName, textColor, textHaloColor) {
-        runCommand(smartMapRef.current, "addMarker", [
-          convertToWebSDKSmartMapObj(smartMapObj),
-          layout,
-          iconName || "category_marker",
-          textColor,
-          textHaloColor,
-        ]);
-      },
-      addMarkers(mapObjectsArray, layout, iconName, textColor, textHaloColor) {
-        mapObjectsArray = mapObjectsArray.map((smartMapObject) => {
-          return convertToWebSDKSmartMapObj(smartMapObject);
-        });
-        runCommand(smartMapRef.current, "addMarkers", [
-          mapObjectsArray,
-          layout,
-          iconName || "category_marker",
-          textColor,
-          textHaloColor,
-        ]);
-      },
-      removeMarker(smartMapObj) {
-        runCommand(smartMapRef.current, "removeMarker", [
-          convertToWebSDKSmartMapObj(smartMapObj),
-        ]);
-      },
-      removeMarkers(mapObjectsArray) {
-        mapObjectsArray = mapObjectsArray.map((smartMapObject) => {
-          return convertToWebSDKSmartMapObj(smartMapObject);
-        });
-        runCommand(smartMapRef.current, "removeMarkers", [mapObjectsArray]);
-      },
-      removeAllMarkers() {
-        runCommand(smartMapRef.current, "removeAllMarkers", []);
-      },
-      animateCamera({
-        latitude,
-        longitude,
-        zoomLevel,
-        bearing,
-        pitch,
-        floorIndex,
-        buildingRef,
-      }) {
-        runCommand(smartMapRef.current, "animateCamera", [
-          latitude,
-          longitude,
-          zoomLevel,
-          bearing,
-          pitch,
-          floorIndex,
-          buildingRef,
-        ]);
-      },
-      animateCameraToBuildingRef(buildingRef, callback) {
-        runCommand(smartMapRef.current, "animateCameraToBuilding", [
-          buildingRef,
-          18,
-          callback,
-        ]);
-      },
-      animateCameraToObject(localRef, buildingRef, zoomLevel, callback) {
-        runCommand(smartMapRef.current, "animateCameraToObject", [
-          localRef,
-          buildingRef,
-          zoomLevel,
-          callback,
-        ]);
-      },
-      setMapMode(mapMode) {
-        runCommand(smartMapRef.current, "setMapMode", [mapMode]);
-      },
-      startUserTask(userTask: SmartMapUserTask) {
-        // TODO: roope fixes
-        runCommand(smartMapRef.current, "startUserTask", [
-          convertToWebUserTaskObj(userTask),
-        ]);
-      },
-      getCurrentUserTask() {
-        //TODO: does not return current task
-        return runCommand(smartMapRef.current, "getCurrentUserTask", []);
-      },
-      cancelCurrentUserTask() {
-        runCommand(smartMapRef.current, "cancelCurrentUserTask", []);
-      },
-      selectMapObject(smartMapObj: SmartMapObject) {
-        const localRef = smartMapObj.localRef;
-        const buildingRef = smartMapObj.buildingRef;
-        runCommand(smartMapRef.current, "selectMapObject", [
-          localRef,
-          buildingRef,
-        ]);
-      },
-      getMapObject(localRef, buildingRef, source, callback) {
-        runCommand(smartMapRef.current, "getMapObject", [
-          localRef,
-          buildingRef,
-          source,
-          callback,
-        ]);
-      },
-      getMapObjectByProperties(properties, callback) {
-        runCommand(smartMapRef.current, "getMapObjectByProperties", [
-          properties,
-          callback,
-        ]);
-      },
-      onBackPressed() {
-        // Web doesn't have this implementation
-      },
-      start() {
-        // No web implementation
-      },
-      stop() {
-        // No web implementation
-      },
-      getWidgetPadding() {
-        // TODO: add correct callback to getWidgetPadding on web
-        return runCommand(smartMapRef.current, "getWidgetPadding", []);
-      },
-      resetWidgetPadding() {
-        runCommand(smartMapRef.current, "resetWidgetPadding", []);
-      },
-      setWidgetPadding(left, top, right, bottom) {
-        runCommand(smartMapRef.current, "setWidgetPadding", [
-          PixelRatio.getPixelSizeForLayoutSize(left || 0),
-          PixelRatio.getPixelSizeForLayoutSize(top || 0),
-          PixelRatio.getPixelSizeForLayoutSize(right || 0),
-          PixelRatio.getPixelSizeForLayoutSize(bottom || 0),
-        ]);
-      },
-      setGeoJson(sourceId, geoJson, callback) {
-        runCommand(smartMapRef.current, "setGeoJson", [
-          sourceId,
-          geoJson,
-          callback,
-        ]);
-      },
-      getSmartMapCameraOptions(callback) {
-        const smartMapCameraOptions: SmartMapCameraOptions = smartMapRef.current ? smartMapRef.current.getSmartMapCameraOptions() : null
-        if (smartMapCameraOptions) callback(smartMapCameraOptions) 
-      },
-      stopLive() {
-        runCommand(smartMapRef.current, "stopLive", []);
-      },
-    }));
-
-    return <div id={COMPONENT_ID_PREFIX} style={{ flex: 1, height: "100%" }} />;
-  }
-);

package/src/SmartMapViewProps.ts

@@ -1,338 +0,0 @@
-import { ViewProperties } from "react-native";
-
-export interface ConfigSDK {
-  apiKey: string;
-  configFilePath?: string | null;
-  configString?: string | null;
-}
-
-export interface SmartMapViewMethods {
-  addMarker(
-    smartMapObj: SmartMapObject,
-    layout: Layout | null,
-    iconName: string | null,
-    textColor: string | null,
-    textHaloColor: string | null
-  ): void;
-  addMarkers(
-    mapObjectsArray: SmartMapObject[],
-    layout: Layout | null,
-    iconName: string | null,
-    textColor: string | null,
-    textHaloColor: string | null
-  ): void;
-  animateCamera(arg: {
-    latitude: number;
-    longitude: number;
-    zoomLevel: number;
-    bearing?: number;
-    pitch?: number;
-    floorIndex?: number;
-    buildingRef?: string;
-  }): void;
-  animateCameraToBuildingRef(
-    buildingRef: string,
-    callback: (response: MapResponse) => void
-  ): void;
-  animateCameraToObject(
-    localRef: string,
-    buildingRef: string,
-    zoomLevel: number | null,
-    callback: (response: MapResponse) => void
-  ): void;
-  cancelCurrentUserTask(): void;
-  getCurrentUserTask(
-    callback: (userTaskResponse: SmartMapUserTaskResponse) => void
-  ): void;
-  getMapObject(
-    localRef: string,
-    buildingRef: string,
-    source: SmartObjectSource,
-    callback: (mapObject: SmartMapObject | null) => void
-  ): void;
-  getMapObjectByProperties(
-    properties: Record<string, unknown>,
-    callback: (mapObject: SmartMapObject | null) => void
-  ): void;
-  getWidgetPadding(
-    callback: (padding: {
-      left: number;
-      top: number;
-      right: number;
-      bottom: number;
-    }) => void
-  ): void;
-  onBackPressed(callback: (response: boolean) => void): void; // Android only
-  removeMarker(smartMapObj: SmartMapObject): void;
-  removeMarkers(mapObjectsArray: SmartMapObject[]): void;
-  removeAllMarkers(): void;
-  selectMapObject(mapObj: SmartMapObject): void;
-  setCamera(arg: {
-    latitude: number;
-    longitude: number;
-    zoomLevel: number;
-    bearing?: number;
-    pitch?: number;
-    floorIndex?: number;
-    buildingRef?: string;
-  }): void;
-  setCameraToBuildingRef(
-    buildingRef: string,
-    callback: (response: MapResponse) => void
-  ): void;
-  setCameraToObject(
-    localRef: string,
-    buildingRef: string,
-    zoomLevel: number,
-    callback: (response: MapResponse) => void
-  ): void;
-  setGeoJson(
-    sourceId: string,
-    geoJson: Record<string, unknown> | null,
-    callback: (response: MapResponse) => void
-  ): void;
-  setMapMode(mapMode: SmartMapMode): void;
-  setWidgetPadding(
-    left: number,
-    top: number,
-    right: number,
-    bottom: number
-  ): void;
-  start(): void; // Android only
-  startUserTask(userTask: SmartMapUserTask): void;
-  stop(): void; // Android only
-  getSmartMapCameraOptions(callback: (options: SmartMapCameraOptions) => void): void;
-}
-
-export enum SmartMapMode {
-  MAP_ONLY = "mapOnly",
-  STATIC = "static",
-  SEARCH = "search",
-}
-
-export enum SmartObjectSource {
-  STATIC = "STATIC",
-  MARKER = "MARKER",
-  LIVE = "LIVE",
-}
-
-export enum Layout {
-  TOP = "top",
-  BOTTOM = "bottom",
-  LEFT = "left",
-  RIGHT = "right",
-}
-
-export enum MapResponse {
-  SUCCESS = "success",
-  OBJECT_NOT_FOUND = "objectNotFound",
-  NETWORK_ERROR = "networkError",
-  NOT_SUPPORTED = "notSupported",
-}
-
-export enum SmartGeofenceResponse {
-  SUCCESS = "success",
-  MALFORMED_DATA = "malformedData",
-  NOT_FOUND = "notFound",
-}
-
-export enum SmartMapEvent {
-  MAP_LOADED = "SPSmartMapLoaded",
-  MAP_CLICKED = "SPSmartMapClicked",
-  SEARCH_RESULT_SELECTED = "SPSearchResultSelected",
-}
-
-export enum SmartMapViewStatus {
-  ONLY_MAP = "onlyMap",
-  CARD_VIEW = "cardView",
-  ERROR_VIEW = "errorView",
-  SETTING_VIEW = "settingView",
-  NAVIGATING_VIEW = "navigatingView",
-  SEARCH_VIEW = "searchView",
-}
-
-export enum SmartBottomSheetState {
-  HIDDEN = "hidden",
-  COLLAPSED = "collapsed",
-  HALF_EXPANDED = "halfExpanded",
-  EXPANDED = "expanded",
-}
-
-export enum NavigationError {
-  OBJECT_NOT_FOUND = "objectNotFound",
-  ROUTE_NOT_FOUND = "routeNotFound",
-  USER_LOCATION_NOT_FOUND = "userLocationNotFound",
-}
-
-export enum SmartMapUserTaskResponse {
-  STARTED = "started",
-  CANCELLED = "cancelled",
-  ERROR = "error",
-  BUSY = "busy",
-  UNSUPPORTED = "unsupported",
-  COMPLETED = "completed",
-}
-export interface LinkProperty {
-  title: string;
-  url: string;
-}; 
-
-export interface ImageProperty {
-  title: string;
-  url: string;
-};
-
-export type BookingIntegration = {
-  integrationType: string;
-  integrationRef: string;
-}
-export type OccupancyIntegrations = BookingIntegration;
-
-export interface SmartMapObjectProperties {
-  amenities?: string[];
-  bookingIntegrations?: BookingIntegration[];
-  occupancyIntegrations?: OccupancyIntegrations[];
-  buildingRef: string;
-  calendarRef?: string;
-  capacity?: number;
-  cateringEmail?: string;
-  css_class: string;
-  description?: string;
-  'description:fi'?: string;
-  'description:nb'?: string;
-  'description:sv'?: string;
-  'description:en'?: string;
-  images?: ImageProperty[];
-  'images:fi'?: ImageProperty[];
-  'images:sv'?: ImageProperty[];
-  'images:nb'?: ImageProperty[];
-  'images:en'?: ImageProperty[];
-  integrationRef?: string;
-  keywords?: string[];
-  'keywords:fi'?: string[];
-  'keywords:sv'?: string[];
-  'keywords:nb'?: string[];
-  'keywords:en'?: string[];
-  layerIndex: number;
-  links?: LinkProperty[];
-  'links:fi'?: LinkProperty[];
-  'links:sv'?: LinkProperty[];
-  'links:nb'?: LinkProperty[];
-  'links:en'?: LinkProperty[];
-  localRef?: string;
-  occupancy?: string;
-  parentRef?: string;
-  resourceType?: string;
-  sp_maximum_advance_booking_hours_normal_user?: number;
-  sp_maximum_booking_hours_normal_user?: number;
-  sp_maximum_advance_booking_hours_power_user?: number;
-  sp_maximum_booking_hours_power_user?: number;
-  subType?: string;
-  tags?: string[];
-  title: string;
-  'title:fi'?: string;
-  'title:sv'?: string;
-  'title:nb'?: string;
-  'title:en'?: string;
-  weekPlannerCapacity?: number;
-  externalFeedbackUrl?: string;
-  [key: string]: any; // Probably not the best practice, but this way we can get the access to properties that are not typed above.
-}
-
-export interface SmartMapObject {
-  latitude: number;
-  longitude: number;
-  floorIndex: number;
-  localRef: string;
-  buildingRef: string;
-  title: string;
-  properties: SmartMapObjectProperties,
-  source: SmartObjectSource;
-}
-
-export interface SmartViewWebProps {
-  apiKey?: string;
-}
-
-export interface SearchAction {
-  title: string;
-  shortTitle: string;
-  description: string;
-  iconName: string;
-  action: {
-    allTags?: string[];
-    anyTags?: string[];
-    type: string;
-  }
-}
-
-export interface SmartViewNativeProps {
-  onBottomSheetStateChanged?: (payload: {
-    state: SmartBottomSheetState;
-  }) => void;
-  onMapClicked?: (payload: { mapObjects: SmartMapObject[] }) => void;
-  onNavigationDestinationReached?: () => void;
-  onNavigationEnded?: () => void;
-  onNavigationFailed?: (payload: { error: NavigationError }) => void;
-  onNavigationPreviewAppeared?: () => void;
-  onNavigationStarted?: () => void;
-  onSearchCategorySelected?: (payload: {
-    searchAction: SearchAction;
-    searchResults: SmartMapObject[];
-  }) => void;
-  onSearchResultSelected?: (payload: { mapObject: SmartMapObject }) => void;
-  onUserFloorChanged?: (payload: {
-    floorIndex: number;
-    buildingRef?: string;
-  }) => void;
-  onUserTaskResponse?: (payload: {
-    response: SmartMapUserTaskResponse;
-    userTask: SmartMapUserTask;
-  }) => void;
-  onViewStatusChanged?: (payload: {
-    status: SmartMapViewStatus;
-    poiDetail: SmartMapObject;
-  }) => void;
-  onVisibleFloorChanged?: (payload: {
-    floorIndex: number;
-    buildingRef?: string;
-  }) => void;
-}
-
-export interface SmartMapViewProps
-  extends ViewProperties,
-    SmartViewWebProps,
-    SmartViewNativeProps {
-  /**
-   * This is a quick hack for enabling typed ref
-   */
-  ref?: any;
-  onMapLoaded?: () => void;
-}
-
-export type SmartMapNavigationUserTask = SmartMapObject;
-
-export interface SmartMapPOISelectionUserTask {
-  shouldAddMarker: boolean;
-  actionButtonText: string;
-  actionButtonIcon: string;
-  smartMapObject: SmartMapObject;
-}
-
-export enum SmartMapUserTaskType {
-  NAVIGATION = "navigation",
-  POI_SELECTION = "poiSelection",
-}
-
-export interface SmartMapUserTask {
-  type: SmartMapUserTaskType;
-  payload: SmartMapNavigationUserTask | SmartMapPOISelectionUserTask;
-}
-
-export interface SmartMapCameraOptions {
-  pitch: number;
-  bearing: number;
-  zoomLevel: number;
-  latitude: number;
-  longitude: number;
-}

package/src/internalUtils.ts

@@ -1,5 +0,0 @@
-import { PixelRatio } from "react-native";
-export function convertNativePixelToDp(input: number) {
-  const ratio = PixelRatio.get();
-  return input / ratio;
-}

package/src/typings/steerpath-smart-sdk.d.ts

@@ -1,5 +0,0 @@
-// Included the typing of steerpath-smart-sdk
-// the typeRoots in tsconfig.json
-declare module 'steerpath-smart-sdk' {
-    export const steerpath: any;
-}