@twinmatrix/spatialverse-sdk-web 0.0.2 → 0.0.4

package/lib/esm/meta-atlas-sdk/meta-atlas-sdk.js

@@ -1,3 +1,8 @@
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 // const maplibregl = require('maplibre-gl');
 import * as maplibregl from 'maplibre-gl';
 import $ from "jquery";
@@ -8,16 +13,16 @@ import length from '@turf/length';
 import area from '@turf/area';
 import cloneDeep from 'lodash/cloneDeep';
 import MapboxDraw from '@mapbox/mapbox-gl-draw';
-import { customStyles, mapBoxDrawDefaultStyles } from './customStyles';
-import DrawMarker from './mapbox_draw_custom_modes/draw_marker';
-import MarkerSelect from './mapbox_draw_custom_modes/marker_select';
-import { MetaAtlasCore } from './MetaAtlasCore/meta-atlas-sdk-core';
-import MainMap from './3DMap/MainMap';
+import { customStyles, mapBoxDrawDefaultStyles } from "./customStyles.js";
+import DrawMarker from "./mapbox_draw_custom_modes/draw_marker.js";
+import MarkerSelect from "./mapbox_draw_custom_modes/marker_select.js";
+import { MetaAtlasCore } from "./MetaAtlasCore/meta-atlas-sdk-core.js";
+import MainMap from "./3DMap/MainMap.js";
 import { initializeApp } from 'firebase/app';
 import { getAnalytics, logEvent } from "firebase/analytics";
-import { RoutingVisualizer } from './utils/routing-visualizer';
-import CustomerLayer from './customerLayer';
-import CustomerLayerVariant from './customerLayerVariant';
+import { RoutingVisualizer } from "./utils/routing-visualizer/index.js";
+import CustomerLayer from "./customerLayer.js";
+import CustomerLayerVariant from "./customerLayerVariant.js";
 import booleanPointInPolygon from '@turf/boolean-point-in-polygon';
 var FilterType = /*#__PURE__*/function (FilterType) {
   FilterType["Name"] = "title";
@@ -39,30 +44,6 @@ export let EventSource = /*#__PURE__*/function (EventSource) {
 }({});
 export const DEFAULT_MAP_STYLE = 'https://api.maptiler.com/maps/01985ac8-56d2-707b-afa8-68abfe8f18be/style.json?key=12H5hrITUbJ1sDrVPqkq';
 export class MetaAtlasSdk {
-  onLoadCallback = undefined;
-  onLoadFailCallback = undefined;
-  mapLoaded = false;
-  onFailCallbackSent = false;
-  UserLayers = [];
-  defaultFocusedTaxonomy = 'where.gbtb';
-  currentFocus = this.defaultFocusedTaxonomy;
-  apiAuthenticationCallbackReceived = false;
-  routingVisualizer = new RoutingVisualizer(this);
-  // When token middleware is online that will check the tokens.
-  tileServer = 'https://atoms-map-tiles-middleware.sandbox.spatialverse.online';
-  // HOST = 'https://atoms-sdk.qa.cag.spatialverse.online/2.0.0/';
-  HOST = 'https://atoms-sdk.sandbox.spatialverse.online/';
-  //empApiURL = 'https://atoms-api.changiairport.com';
-  empApiURL = 'https://atoms-api.sandbox.spatialverse.online';
-  // empApiURL = 'https://atoms-api.dev.cag.spatialverse.online';
-
-  mapBoxDrawSourceID = 'drawnDataSource';
-  drawGeojsonData = {
-    type: 'FeatureCollection',
-    features: []
-  };
-  popups = [];
-  markers = [];
   setupFirebase() {
     const firebaseConfig = {
       apiKey: "AIzaSyBDWO2wNkotbgjbkyqVrC_OEAJ3mbvlheI",
@@ -119,7 +100,68 @@ export class MetaAtlasSdk {
       }
     });
   }
-  constructor(accessToken, secretKey, onLoad = () => {}, onLoadFail = errorMessage => {}, onRoutingStatusUpdate = () => {}, onSearchStatusUpdate = () => {}) {
+  constructor(accessToken, secretKey) {
+    let onLoad = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : () => {};
+    let onLoadFail = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : errorMessage => {};
+    let onRoutingStatusUpdate = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : () => {};
+    let onSearchStatusUpdate = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : () => {};
+    _defineProperty(this, "onLoadCallback", undefined);
+    _defineProperty(this, "onLoadFailCallback", undefined);
+    _defineProperty(this, "mapLoaded", false);
+    _defineProperty(this, "onFailCallbackSent", false);
+    _defineProperty(this, "UserLayers", []);
+    _defineProperty(this, "defaultFocusedTaxonomy", 'where.gbtb');
+    _defineProperty(this, "currentFocus", this.defaultFocusedTaxonomy);
+    _defineProperty(this, "apiAuthenticationCallbackReceived", false);
+    _defineProperty(this, "routingVisualizer", new RoutingVisualizer(this));
+    // When token middleware is online that will check the tokens.
+    _defineProperty(this, "tileServer", 'https://atoms-map-tiles-middleware.sandbox.spatialverse.online');
+    // HOST = 'https://atoms-sdk.qa.cag.spatialverse.online/2.0.0/';
+    _defineProperty(this, "HOST", 'https://atoms-sdk.sandbox.spatialverse.online/');
+    //empApiURL = 'https://atoms-api.changiairport.com';
+    _defineProperty(this, "empApiURL", 'https://atoms-api.sandbox.spatialverse.online');
+    // empApiURL = 'https://atoms-api.dev.cag.spatialverse.online';
+    _defineProperty(this, "mapBoxDrawSourceID", 'drawnDataSource');
+    _defineProperty(this, "drawGeojsonData", {
+      type: 'FeatureCollection',
+      features: []
+    });
+    _defineProperty(this, "popups", []);
+    _defineProperty(this, "markers", []);
+    _defineProperty(this, "addCustomerLayer", (map, jsonToPass, onLoaded) => {
+      let customerLayerUrl = jsonToPass.customerLayerUrl;
+      let sourceLayer = jsonToPass.sourceLayer;
+      $.getJSON(customerLayerUrl, customerLayers => {
+        this.CustomerLayers = customerLayers;
+        for (const layer of this.CustomerLayers) {
+          layer["source-layer"] = sourceLayer;
+          map.addLayer(layer);
+          this.map.on('click', layer.id, e => {
+            //setup new clicked feature
+            const clickedFeature = e.features[0];
+            this.overRideSelectionOfDrawnPointGeometry(clickedFeature);
+            console.log('clickedFeature: ', clickedFeature);
+            this.logAnalyticsEvent('feature_clicked', {
+              feature_clicked: clickedFeature.properties.title
+            });
+            if (clickedFeature.properties.isSearchable && clickedFeature.properties.title != 'Transit' && clickedFeature.properties.title != 'Public') {
+              const coords = clickedFeature.geometry.type === "Polygon" ? JSON.parse(clickedFeature.properties.center) : clickedFeature.geometry.coordinates;
+              this.metaAtlasCore.setLastClickedFeature({
+                mapObjectId: clickedFeature.properties.myMapObjectId,
+                coordinates: coords,
+                name: clickedFeature.properties.title,
+                whatDimension: clickedFeature.properties.dimension_what,
+                whereDimension: clickedFeature.properties.dimension_where,
+                geometry: clickedFeature.geometry,
+                properties: clickedFeature.properties,
+                clickEvent: e
+              });
+            }
+          });
+        }
+        onLoaded();
+      });
+    });
     this.accessToken = accessToken;
     this.secretKey = secretKey;
     this.onLoadCallback = onLoad;
@@ -229,11 +271,10 @@ export class MetaAtlasSdk {
     this.mapBoxDraw = new MapboxDraw({
       displayControlsDefault: false,
       userProperties: true,
-      modes: {
-        ...MapboxDraw.modes,
+      modes: _objectSpread(_objectSpread({}, MapboxDraw.modes), {}, {
         draw_marker: DrawMarker,
         marker_select: MarkerSelect
-      },
+      }),
       styles: mapBoxDrawDefaultStyles
     });
     this.map.addControl(this.mapBoxDraw);
@@ -264,40 +305,6 @@ export class MetaAtlasSdk {
     this.mapLoaded = true;
     this.onLoad();
   }
-  addCustomerLayer = (map, jsonToPass, onLoaded) => {
-    let customerLayerUrl = jsonToPass.customerLayerUrl;
-    let sourceLayer = jsonToPass.sourceLayer;
-    $.getJSON(customerLayerUrl, customerLayers => {
-      this.CustomerLayers = customerLayers;
-      for (const layer of this.CustomerLayers) {
-        layer["source-layer"] = sourceLayer;
-        map.addLayer(layer);
-        this.map.on('click', layer.id, e => {
-          //setup new clicked feature
-          const clickedFeature = e.features[0];
-          this.overRideSelectionOfDrawnPointGeometry(clickedFeature);
-          console.log('clickedFeature: ', clickedFeature);
-          this.logAnalyticsEvent('feature_clicked', {
-            feature_clicked: clickedFeature.properties.title
-          });
-          if (clickedFeature.properties.isSearchable && clickedFeature.properties.title != 'Transit' && clickedFeature.properties.title != 'Public') {
-            const coords = clickedFeature.geometry.type === "Polygon" ? JSON.parse(clickedFeature.properties.center) : clickedFeature.geometry.coordinates;
-            this.metaAtlasCore.setLastClickedFeature({
-              mapObjectId: clickedFeature.properties.myMapObjectId,
-              coordinates: coords,
-              name: clickedFeature.properties.title,
-              whatDimension: clickedFeature.properties.dimension_what,
-              whereDimension: clickedFeature.properties.dimension_where,
-              geometry: clickedFeature.geometry,
-              properties: clickedFeature.properties,
-              clickEvent: e
-            });
-          }
-        });
-      }
-      onLoaded();
-    });
-  };
   overRideSelectionOfDrawnPointGeometry(feature) {
     // Check if a drawn point geometry is currently selected, it will be consider selected both in highlighted & non-highlighted state.
     if (this.mapBoxDraw && this.mapBoxDraw.getMode() === 'simple_select' && this.mapBoxDraw.getAll().features.length === 1) {
@@ -318,7 +325,11 @@ export class MetaAtlasSdk {
   getFocusTree() {
     return this.metaAtlasCore.getFocusTree();
   }
-  setDrawing(id = null, where = null, geom = null, props = null) {
+  setDrawing() {
+    let id = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+    let where = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+    let geom = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+    let props = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
     const clickedFeature = {
       "id": id,
       "where": where,
@@ -340,7 +351,8 @@ export class MetaAtlasSdk {
   getMidPointOfFeature(feature) {
     return this.metaAtlasCore.getMidPointOfFeature(feature);
   }
-  dropPin(mapItemSelected, popupStyle, replaceLast = true) {
+  dropPin(mapItemSelected, popupStyle) {
+    let replaceLast = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
     const pinObj = {
       feature: mapItemSelected,
       popupStyle: popupStyle
@@ -372,8 +384,9 @@ export class MetaAtlasSdk {
   }
   dropMarkerForRouting(destinations) {
     destinations.forEach(destination => {
+      var _destination$selected, _destination$selected2;
       console.log(destination.selectedLocation, 'destination.selectedLocation');
-      const coordinates = destination.selectedLocation?.coordinates ? destination.selectedLocation.coordinates : destination.selectedLocation?.geometry?.coordinates;
+      const coordinates = (_destination$selected = destination.selectedLocation) !== null && _destination$selected !== void 0 && _destination$selected.coordinates ? destination.selectedLocation.coordinates : (_destination$selected2 = destination.selectedLocation) === null || _destination$selected2 === void 0 || (_destination$selected2 = _destination$selected2.geometry) === null || _destination$selected2 === void 0 ? void 0 : _destination$selected2.coordinates;
       console.log(coordinates, 'Coordinates'); // Debugging line
 
       if (coordinates && coordinates.length === 2) {
@@ -399,7 +412,8 @@ export class MetaAtlasSdk {
     const match = text.match(/^(?:[^_]*_){3}([^_]*)/);
     return match ? match[1] : null;
   }
-  hidePin(pinId = '-1') {
+  hidePin() {
+    let pinId = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '-1';
     let targetPinId;
     if (pinId === '-1') {
       const lastPin = this.popups[this.popups.length - 1];
@@ -417,9 +431,9 @@ export class MetaAtlasSdk {
       if (popupElem) {
         popupElem.style.display = 'none';
       }
-      console.log(`Pin with ID: ${targetPinId} is now hidden.`);
+      console.log("Pin with ID: ".concat(targetPinId, " is now hidden."));
     } else {
-      console.warn(`Pin with ID: ${targetPinId} not found.`);
+      console.warn("Pin with ID: ".concat(targetPinId, " not found."));
     }
   }
   hidePins() {
@@ -433,7 +447,8 @@ export class MetaAtlasSdk {
       });
     }
   }
-  showPin(pinId = '-1') {
+  showPin() {
+    let pinId = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '-1';
     let targetPinId;
     if (pinId === '-1') {
       const lastPin = this.popups[this.popups.length - 1];
@@ -451,9 +466,9 @@ export class MetaAtlasSdk {
       if (popupElem) {
         popupElem.style.display = 'flex';
       }
-      console.log(`Pin with ID: ${targetPinId} is now visible.`);
+      console.log("Pin with ID: ".concat(targetPinId, " is now visible."));
     } else {
-      console.warn(`Pin with ID: ${targetPinId} not found.`);
+      console.warn("Pin with ID: ".concat(targetPinId, " not found."));
     }
   }
   showPins() {
@@ -466,7 +481,8 @@ export class MetaAtlasSdk {
       });
     }
   }
-  clearPin(pinId = '-1') {
+  clearPin() {
+    let pinId = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '-1';
     let targetPinIndex;
     if (pinId === '-1') {
       targetPinIndex = this.popups.length - 1;
@@ -477,7 +493,7 @@ export class MetaAtlasSdk {
     } else {
       targetPinIndex = this.popups.findIndex(pin => pin.id === pinId);
       if (targetPinIndex === -1) {
-        console.warn(`Pin with ID: ${pinId} not found.`);
+        console.warn("Pin with ID: ".concat(pinId, " not found."));
         return;
       }
     }
@@ -570,7 +586,8 @@ export class MetaAtlasSdk {
     //   const layerFilter = updatedLayersData[index].filter;
     // }
   }
-  focusTo(whereTaxonomyPath, moveCamera = true) {
+  focusTo(whereTaxonomyPath) {
+    let moveCamera = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
     const map = this.map;
     let dimensionWhere = whereTaxonomyPath;
     if (!dimensionWhere || !map) return;
@@ -606,7 +623,8 @@ export class MetaAtlasSdk {
       this.map.setFilter(layerID, layerFilter);
     }
   }
-  filterLayersByType(filterType, filterValues, geomType = '') {
+  filterLayersByType(filterType, filterValues) {
+    let geomType = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
     const map = this.map;
     if (!filterValues || !map) return;
     let userLayers = cloneDeep(this.UserLayers);
@@ -652,7 +670,8 @@ export class MetaAtlasSdk {
       }
     }
   }
-  changeTerminalInFocusToUserViewpoint(defaultFloor = {}) {
+  changeTerminalInFocusToUserViewpoint() {
+    let defaultFloor = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     let center = this.map.getCenter().wrap();
     const centerArray = [center.lng, center.lat];
     // console.log('center: ', center);
@@ -688,55 +707,58 @@ export class MetaAtlasSdk {
     const isInside = booleanPointInPolygon(point, polygon);
     return isInside;
   }
-  getMapObjectsByFilteredLocalRef(...args) {
-    return this.metaAtlasCore.getMapObjectsByFilteredLocalRef(...args);
+  getMapObjectsByFilteredLocalRef() {
+    return this.metaAtlasCore.getMapObjectsByFilteredLocalRef(...arguments);
   }
-  getMapObjectsByName(...args) {
-    return this.metaAtlasCore.getMapObjectsByName(...args);
+  getMapObjectsByName() {
+    return this.metaAtlasCore.getMapObjectsByName(...arguments);
   }
-  getMapObjectById(...args) {
-    return this.metaAtlasCore.getMapObjectById(...args);
+  getMapObjectById() {
+    return this.metaAtlasCore.getMapObjectById(...arguments);
   }
-  getMapObjectByLocalRef(...args) {
-    return this.metaAtlasCore.getMapObjectByLocalRef(...args);
+  getMapObjectByLocalRef() {
+    return this.metaAtlasCore.getMapObjectByLocalRef(...arguments);
   }
-  getMapObjectMatchingLocalRef(...args) {
-    return this.metaAtlasCore.getMapObjectMatchingLocalRef(...args);
+  getMapObjectMatchingLocalRef() {
+    return this.metaAtlasCore.getMapObjectMatchingLocalRef(...arguments);
   }
-  getMapObjectsMatchingLocalRefs(...args) {
-    return this.metaAtlasCore.getMapObjectsMatchingLocalRefs(...args);
+  getMapObjectsMatchingLocalRefs() {
+    return this.metaAtlasCore.getMapObjectsMatchingLocalRefs(...arguments);
   }
-  getMapObjectsByWhatTaxonomy(...args) {
-    return this.metaAtlasCore.getMapObjectsByWhatTaxonomy(...args);
+  getMapObjectsByWhatTaxonomy() {
+    return this.metaAtlasCore.getMapObjectsByWhatTaxonomy(...arguments);
   }
-  getMapObjectsByWhatTaxonomyAPI(...args) {
-    return this.metaAtlasCore.getMapObjectsByWhatTaxonomyAPI(...args);
+  getMapObjectsByWhatTaxonomyAPI() {
+    return this.metaAtlasCore.getMapObjectsByWhatTaxonomyAPI(...arguments);
   }
-  getMapObjectsByWhereTaxonomy(...args) {
-    return this.metaAtlasCore.getMapObjectsByWhereTaxonomy(...args);
+  getMapObjectsByWhereTaxonomy() {
+    return this.metaAtlasCore.getMapObjectsByWhereTaxonomy(...arguments);
   }
-  getMapObjectsByWhatAndWhereTaxonomy(...args) {
-    return this.metaAtlasCore.getMapObjectsByWhatAndWhereTaxonomy(...args);
+  getMapObjectsByWhatAndWhereTaxonomy() {
+    return this.metaAtlasCore.getMapObjectsByWhatAndWhereTaxonomy(...arguments);
   }
-  getMapObjectsInWhatTaxonomy(...args) {
-    return this.metaAtlasCore.getMapObjectsInWhatTaxonomy(...args);
+  getMapObjectsInWhatTaxonomy() {
+    return this.metaAtlasCore.getMapObjectsInWhatTaxonomy(...arguments);
   }
-  getMapObjectsInWhereTaxonomy(...args) {
-    return this.metaAtlasCore.getMapObjectsInWhereTaxonomy(...args);
+  getMapObjectsInWhereTaxonomy() {
+    return this.metaAtlasCore.getMapObjectsInWhereTaxonomy(...arguments);
   }
 
   // Routing
-  computeRoute(...args) {
-    return this.routingVisualizer.computeRoute(...args);
+  computeRoute() {
+    return this.routingVisualizer.computeRoute(...arguments);
   }
-  computeRoutes(mapObjectIds, wheelChairAccessibleRouteOnly = false, source) {
+  computeRoutes(mapObjectIds) {
+    let wheelChairAccessibleRouteOnly = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+    let source = arguments.length > 2 ? arguments[2] : undefined;
     const ref = this;
     const logRouteEvent = async () => {
       const getNameByIdAsync = id => {
         return new Promise(resolve => {
           if (typeof id !== 'string') resolve('User GPS Location');
           ref.getMapObjectById(id, mapObj => {
-            resolve(mapObj[0]?.name);
+            var _mapObj$;
+            resolve((_mapObj$ = mapObj[0]) === null || _mapObj$ === void 0 ? void 0 : _mapObj$.name);
           });
         });
       };
@@ -759,21 +781,22 @@ export class MetaAtlasSdk {
     logRouteEvent();
     return this.routingVisualizer.computeRoutes(mapObjectIds, wheelChairAccessibleRouteOnly);
   }
-  setActiveRoute(...args) {
-    return this.routingVisualizer.setActiveRoute(...args);
+  setActiveRoute() {
+    return this.routingVisualizer.setActiveRoute(...arguments);
   }
-  getActiveRoute(...args) {
-    return this.routingVisualizer.getActiveRoute(...args);
+  getActiveRoute() {
+    return this.routingVisualizer.getActiveRoute(...arguments);
   }
-  highlightRouteSegment(...args) {
-    return this.routingVisualizer.highlightRouteSegment(...args);
+  highlightRouteSegment() {
+    return this.routingVisualizer.highlightRouteSegment(...arguments);
   }
-  clearRoute(...args) {
-    return this.routingVisualizer.clearRoute(...args);
+  clearRoute() {
+    return this.routingVisualizer.clearRoute(...arguments);
   }
 
   // Drawing
-  drawGeometryOnMap(type, onDrawEnd, onlyVisibleAtCurrentFocus = false) {
+  drawGeometryOnMap(type, onDrawEnd) {
+    let onlyVisibleAtCurrentFocus = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
     //if already in edit mode
     if (this.mapBoxDraw.getMode() !== 'simple_select') return false;
     let modeChanged = false;
@@ -913,9 +936,10 @@ export class MetaAtlasSdk {
   getCoordinates(feature) {
     return getCoords(feature);
   }
-  getLength(feature, options = {
-    units: 'kilometers'
-  }) {
+  getLength(feature) {
+    let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
+      units: 'kilometers'
+    };
     if (feature.geometry && feature.geometry.type) {
       const type = feature.geometry.type;
       if (type === 'LineString' || type === 'MultiLineString') {