proximiio-js-library 1.15.2 → 1.16.1

package/README.md

@@ -863,7 +863,7 @@ Update existing map feature.
 // @param floorId {string} feature floor_id, optional
 // @param properties {object} feature properties, optional
 // @param isTemporary {boolean} will update feature just temporary, it's not saved to db, optional, default
-// @return <Promise>{Feature} newly added feature
+// @return <Promise>{Feature} updated feature
 
 map.getMapReadyListener().subscribe((ready) => {
   console.log('map ready', ready);
@@ -877,6 +877,47 @@ map.getMapReadyListener().subscribe((ready) => {
 });
 ```
 
+##### Update Features
+
+Update existing map features in batch.
+
+```javascript
+// @param features {array} Array of feature objects
+// @param feature.id {string} feature id
+// @param feature.title {string} feature title, optional
+// @param feature.level {number} feature floor level, optional
+// @param feature.lat {number} feature latitude coordinate, optional
+// @param feature.lng {number} feature longitude coordinate, optional
+// @param feature.icon {string} feature icon image in base64 format, optional
+// @param feature.placeId {string} feature place_id, optional
+// @param feature.floorId {string} feature floor_id, optional
+// @param feature.properties {object} feature properties, optional
+// @param isTemporary {boolean} will update feature just temporary, it's not saved to db, optional, default
+// @return <Promise>{Feature} updates features
+
+map.getMapReadyListener().subscribe((ready) => {
+  console.log('map ready', ready);
+  const myFeature = map.updateFeatures({
+    features: [
+      {
+        id: 'poiId',
+        title: 'myPOI',
+        level: 0,
+        lat: 48.606703739771774,
+        lng: 17.8330923845066,
+      },
+      {
+        id: 'poiId 2',
+        title: 'myPOI 2',
+        level: 0,
+        lat: 48.606705739771774,
+        lng: 17.8330933845066,
+      },
+    ],
+  });
+});
+```
+
 ##### Delete Feature
 
 Delete existing map feature.

package/lib/components/map/main.d.ts

@@ -112,6 +112,7 @@ export interface Options {
         pointColor?: string;
         pointOutline?: boolean;
         labelFont?: string | string[];
+        parkingKiosk?: boolean;
     };
     initPolygons?: boolean;
     polygonsOptions?: PolygonOptions;
@@ -328,7 +329,9 @@ export declare class Map {
     private initUrlParams;
     private featureDialog;
     private onAddNewFeature;
+    private onUpdateFeaturesBatch;
     private onUpdateFeature;
+    private updateFeatureData;
     private onDeleteFeature;
     private onFeaturesChange;
     private onSetFeatureFilter;
@@ -1009,6 +1012,46 @@ export declare class Map {
     }, title?: string, level?: number, lat?: number, lng?: number, icon?: string, placeId?: string, floorId?: string, properties?: {
         [key: string]: string | number | boolean | null | undefined;
     }, isTemporary?: boolean): Promise<Feature>;
+    /**
+     * Update existing map features in batch.
+     *  @memberof Map
+     *  @name updateFeatures
+     *  @param features { array } Array of feature objects
+     *  @param feature.id { string } Feature ID (string)
+     *  @param feature.title {string} feature title, optional
+     *  @param feature.level {number} feature floor level, optional
+     *  @param feature.lat {number} feature latitude coordinate, optional
+     *  @param feature.lng {number} feature longitude coordinate, optional
+     *  @param feature.icon {string} feature icon image in base64 format, optional
+     *  @param feature.placeId {string} feature place_id, optional
+     *  @param feature.floorId {string} feature floor_id, optional
+     *  @param feature.properties {object} feature properties, optional
+     *  @param isTemporary {boolean} will update feature just temporary, it's not saved to db, optional, default
+     *  @return <Promise>{Feature} newly added feature
+     *  @example
+     *  const map = new Proximiio.Map();
+     *  map.getMapReadyListener().subscribe(ready => {
+     *    console.log('map ready', ready);
+     *
+     *    map.updateFeatures({features: [{id: 'poiId', title: 'myPOI', level: 0, lat: 48.606703739771774, lng:17.833092384506614}, {id: 'poiId2', title: 'myPOI 2', level: 0, lat: 48.606803739771774, lng:17.833022384506614}], isTemporary: true});
+     *  });
+     */
+    updateFeatures(options: {
+        features: {
+            id: string;
+            title?: string;
+            level?: number;
+            lat?: number;
+            lng?: number;
+            icon?: string;
+            placeId?: string;
+            floorId?: string;
+            properties?: {
+                [key: string]: string | number | boolean | null | undefined;
+            };
+        }[];
+        isTemporary?: boolean;
+    }): Promise<Feature[]>;
     /**
      * Delete existing map feature.
      *  @memberof Map
@@ -1057,7 +1100,7 @@ export declare class Map {
      *    console.log('feature updated', feature);
      *  });
      */
-    getFeatureUpdateListener(): CustomSubject<Feature>;
+    getFeatureUpdateListener(): CustomSubject<Feature | Feature[]>;
     /**
      *  @memberof Map
      *  @name getFeatureDeleteListener
@@ -1089,7 +1132,7 @@ export declare class Map {
      *    map.setKiosk(48.606703739771774, 17.833092384506614, 0);
      *  });
      */
-    setKiosk(lat: number, lng: number, level: number): void;
+    setKiosk(lat: number, lng: number, level: number, parkingKiosk?: boolean): void;
     /**
      * This method will stop kiosk behaviour.
      *  @memberof Map

package/lib/components/map/main.js

@@ -1129,9 +1129,10 @@ export class Map {
             }
         }
     }
-    onSetKiosk(lat, lng, level) {
+    onSetKiosk(lat, lng, level, parkingKiosk = false) {
         if (this.map && this.defaultOptions.isKiosk) {
-            this.defaultOptions.kioskSettings = Object.assign(Object.assign({}, this.defaultOptions.kioskSettings), { coordinates: [lng, lat], level });
+            this.defaultOptions.kioskSettings = Object.assign(Object.assign({}, this.defaultOptions.kioskSettings), { coordinates: [lng, lat], level,
+                parkingKiosk });
             this.startPoint = point(this.defaultOptions.kioskSettings.coordinates, {
                 level: this.defaultOptions.kioskSettings.level,
             });
@@ -1894,6 +1895,9 @@ export class Map {
     }
     onShopClick(e) {
         var _a, _b, _c;
+        if (this.defaultOptions.isKiosk && this.defaultOptions.kioskSettings.parkingKiosk) {
+            return;
+        }
         if (!this.defaultOptions.blockFeatureClickWhileRouting ||
             (this.defaultOptions.blockFeatureClickWhileRouting &&
                 !this.routingSource.route &&
@@ -2314,7 +2318,66 @@ export class Map {
             return featureVar;
         });
     }
+    onUpdateFeaturesBatch({ features, isTemporary = true, }) {
+        var _a;
+        return __awaiter(this, void 0, void 0, function* () {
+            const featureVars = yield Promise.all(features.map((f) => this.updateFeatureData(Object.assign(Object.assign({}, f), { isTemporary }))));
+            for (const featureVar of featureVars) {
+                const newIcon = (_a = features.find((f) => f.id === featureVar.id)) === null || _a === void 0 ? void 0 : _a.icon;
+                if (newIcon && newIcon.length > 0) {
+                    const decodedIcon = yield getImageFromBase64(newIcon);
+                    this.map.addImage(featureVar.id, decodedIcon);
+                    this.amenityIds.push(featureVar.id);
+                    this.filteredAmenities.push(featureVar.id);
+                }
+                this.filterOutFeatures();
+                this.geojsonSource.update(featureVar);
+            }
+            if (!isTemporary) {
+                yield addFeatures({
+                    type: 'FeatureCollection',
+                    features: featureVars.map((f) => f.JsonDynamicStrip),
+                });
+            }
+            this.onFeaturesChange();
+            this.onFeatureUpdateListener.next(featureVars);
+            return featureVars;
+        });
+    }
     onUpdateFeature({ id, title, level, lat, lng, icon, placeId, floorId, properties, isTemporary = true, }) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const featureVar = yield this.updateFeatureData({
+                id,
+                title,
+                level,
+                lat,
+                lng,
+                icon,
+                placeId,
+                floorId,
+                properties,
+                isTemporary,
+            });
+            if (icon && icon.length > 0) {
+                const decodedIcon = yield getImageFromBase64(icon);
+                this.map.addImage(id, decodedIcon);
+                this.amenityIds.push(id);
+                this.filteredAmenities.push(id);
+                this.filterOutFeatures();
+            }
+            if (!isTemporary) {
+                yield addFeatures({
+                    type: 'FeatureCollection',
+                    features: [featureVar.JsonDynamicStrip],
+                });
+            }
+            this.geojsonSource.update(featureVar);
+            this.onFeaturesChange();
+            this.onFeatureUpdateListener.next(featureVar);
+            return featureVar;
+        });
+    }
+    updateFeatureData({ id, title, level, lat, lng, icon, placeId, floorId, properties, isTemporary = true, }) {
         return __awaiter(this, void 0, void 0, function* () {
             const foundFeature = this.state.allFeatures.features.find((f) => f.id === id || f.properties.id === id);
             const polygonLayer = this.defaultOptions.polygonLayers.find((l) => l.featureType === (properties === null || properties === void 0 ? void 0 : properties.type));
@@ -2333,43 +2396,17 @@ export class Map {
             if (polygonLayer) {
                 featureVar.properties = Object.assign(Object.assign({}, featureVar.properties), { dynamic_minZoom: polygonLayer.minZoom, dynamic_maxZoom: polygonLayer.maxZoom, dynamic_selectedHeight: polygonLayer.selectedPolygonHeight, dynamic_hoverHeight: polygonLayer.hoverPolygonHeight, dynamic_activeHeight: polygonLayer.activePolygonHeight || polygonLayer.hoverPolygonHeight, dynamic_disabledHeight: polygonLayer.disabledPolygonHeight, dynamic_defaultHeight: polygonLayer.defaultPolygonHeight, dynamic_base: polygonLayer.base, dynamic_selectedColor: polygonLayer.selectedPolygonColor, dynamic_hoverColor: polygonLayer.hoverPolygonColor, dynamic_activeColor: polygonLayer.activePolygonColor || polygonLayer.hoverPolygonColor, dynamic_disabledColor: polygonLayer.disabledPolygonColor, dynamic_defaultColor: polygonLayer.defaultPolygonColor });
             }
-            if (icon && icon.length > 0) {
-                const decodedIcon = yield getImageFromBase64(icon);
-                this.map.addImage(id, decodedIcon);
-                this.amenityIds.push(id);
-                this.filteredAmenities.push(id);
-                this.filterOutFeatures();
-            }
-            if (!isTemporary) {
-                const featureIndex = this.state.features.features.findIndex((x) => x.id === featureVar.id || x.properties.id === featureVar.id);
-                const optimizedFeatureIndex = this.state.optimizedFeatures.features.findIndex((x) => x.id === featureVar.id || x.properties.id === featureVar.id);
-                if (featureIndex)
-                    this.state.features.features[featureIndex] = featureVar;
-                if (optimizedFeatureIndex)
-                    this.state.optimizedFeatures.features[optimizedFeatureIndex] = featureVar;
-                yield addFeatures({
-                    type: 'FeatureCollection',
-                    features: [featureVar.JsonDynamicStrip],
-                });
-            }
-            else {
-                const featureIndex = this.state.features.features.findIndex((x) => x.id === featureVar.id || x.properties.id === featureVar.id);
-                const optimizedFeatureIndex = this.state.optimizedFeatures.features.findIndex((x) => x.id === featureVar.id || x.properties.id === featureVar.id);
+            const featureIndex = this.state.features.features.findIndex((x) => x.id === featureVar.id || x.properties.id === featureVar.id);
+            const optimizedFeatureIndex = this.state.optimizedFeatures.features.findIndex((x) => x.id === featureVar.id || x.properties.id === featureVar.id);
+            if (featureIndex !== -1)
+                this.state.features.features[featureIndex] = featureVar;
+            if (optimizedFeatureIndex !== -1)
+                this.state.optimizedFeatures.features[optimizedFeatureIndex] = featureVar;
+            if (isTemporary) {
                 const dynamicIndex = this.state.dynamicFeatures.features.findIndex((x) => x.id === featureVar.id || x.properties.id === featureVar.id);
-                if (featureIndex !== -1)
-                    this.state.features.features[featureIndex] = featureVar;
-                if (optimizedFeatureIndex !== -1)
-                    this.state.optimizedFeatures.features[optimizedFeatureIndex] = featureVar;
                 if (dynamicIndex !== -1)
                     this.state.dynamicFeatures.features[dynamicIndex] = featureVar;
             }
-            // this.state.allFeatures.features = [...this.state.features.features, ...this.state.dynamicFeatures.features]; // this is not probably updated with non dynamic feature update TODO
-            this.geojsonSource.update(featureVar);
-            // this.onSourceChange();
-            // this.routingSource.routing.setData(this.state.allFeatures);
-            // this.updateMapSource(this.routingSource);
-            this.onFeaturesChange();
-            this.onFeatureUpdateListener.next(featureVar);
             return featureVar;
         });
     }
@@ -5295,6 +5332,35 @@ export class Map {
             return yield this.onUpdateFeature(opts);
         });
     }
+    /**
+     * Update existing map features in batch.
+     *  @memberof Map
+     *  @name updateFeatures
+     *  @param features { array } Array of feature objects
+     *  @param feature.id { string } Feature ID (string)
+     *  @param feature.title {string} feature title, optional
+     *  @param feature.level {number} feature floor level, optional
+     *  @param feature.lat {number} feature latitude coordinate, optional
+     *  @param feature.lng {number} feature longitude coordinate, optional
+     *  @param feature.icon {string} feature icon image in base64 format, optional
+     *  @param feature.placeId {string} feature place_id, optional
+     *  @param feature.floorId {string} feature floor_id, optional
+     *  @param feature.properties {object} feature properties, optional
+     *  @param isTemporary {boolean} will update feature just temporary, it's not saved to db, optional, default
+     *  @return <Promise>{Feature} newly added feature
+     *  @example
+     *  const map = new Proximiio.Map();
+     *  map.getMapReadyListener().subscribe(ready => {
+     *    console.log('map ready', ready);
+     *
+     *    map.updateFeatures({features: [{id: 'poiId', title: 'myPOI', level: 0, lat: 48.606703739771774, lng:17.833092384506614}, {id: 'poiId2', title: 'myPOI 2', level: 0, lat: 48.606803739771774, lng:17.833022384506614}], isTemporary: true});
+     *  });
+     */
+    updateFeatures(options) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return yield this.onUpdateFeaturesBatch(options);
+        });
+    }
     /**
      * Delete existing map feature.
      *  @memberof Map
@@ -5385,13 +5451,13 @@ export class Map {
      *    map.setKiosk(48.606703739771774, 17.833092384506614, 0);
      *  });
      */
-    setKiosk(lat, lng, level) {
+    setKiosk(lat, lng, level, parkingKiosk = false) {
         if (!this.defaultOptions.isKiosk) {
             this.defaultOptions.isKiosk = true;
             this.initKiosk();
         }
         if (this.defaultOptions.isKiosk) {
-            this.onSetKiosk(lat, lng, level);
+            this.onSetKiosk(lat, lng, level, parkingKiosk);
         }
         else {
             throw new Error(`Map is not initiated as kiosk`);

package/lib/models/kiosk.d.ts

@@ -11,6 +11,8 @@ export declare class KioskModel extends BaseModel {
     pitch?: number;
     bounds?: [[number, number], [number, number]];
     floor_id?: string;
+    parkingKiosk?: boolean;
     constructor(data: any);
     get hasLocation(): boolean;
+    get isParkingKiosk(): boolean;
 }

package/lib/models/kiosk.js

@@ -10,8 +10,12 @@ export class KioskModel extends BaseModel {
         this.pitch = data.pitch;
         this.bounds = data.bounds;
         this.floor_id = data.floor_id;
+        this.parkingKiosk = data.parkingKiosk ? data.parkingKiosk : false;
     }
     get hasLocation() {
         return !isNaN(this.coordinates.lat) && !isNaN(this.coordinates.lng);
     }
+    get isParkingKiosk() {
+        return this.parkingKiosk;
+    }
 }