@mappedin/viewer 0.52.3-e96fd64.0 → 0.53.0

package/dist/types/src/stores/map-store/controllers/labels.d.ts

@@ -38,7 +38,7 @@ declare class LabelsController {
     private getVisibilityForPlaceLabel;
     private updateLabelsInAreas;
     private updateFloorStackLabels;
-    private updateLabelsFromLabelState;
+    private updateAllLabels;
     cleanup(): void;
 }
 export default LabelsController;

package/dist/types/src/stores/map-store/controllers/markers.d.ts

@@ -4,6 +4,7 @@ import { ReactNode } from 'react';
 import { Coordinate, Place, TAddMarkerOptions } from '../../../lib/sdk';
 type TMarker = {
     key: string;
+    type: string;
     text?: string;
     elementFn: () => ReactNode | Promise<ReactNode>;
     onPointerDown?: () => void;

package/dist/types/src/stores/root-store/index.d.ts

@@ -5,7 +5,7 @@ import { E_APP_STATE } from '../../lib/types/state';
 import RouterStore from '../router-store';
 import { TStartViewerOptions, TStartViewerWithLocalDataOptions } from '../../lib/types/options';
 import FeatureFlagStore from '../feature-flag-store';
-import { MapData, Place, Floor, Coordinate, Geometry, Area, LocationCategory, LocationProfile, FloorStack, Facade } from '../../lib/sdk';
+import { MapData, Place, Floor, Coordinate, Geometry, Area, LocationCategory, FloorStack, Facade } from '../../lib/sdk';
 import { processPlaces } from '../../lib/utils/process-places';
 import SearchStore from '../search-store';
 import { Feature, ParsedMVF, Point, SpaceProperties } from '@mappedin/mvf';
@@ -105,6 +105,7 @@ declare class RootStore {
     private inferDepartureMode;
     private checkForEmbeddedMode;
     private syncState;
+    private syncSelectedCategory;
     private syncCurrentFloor;
     private syncDeparture;
     private getMVFConnectionFeatureById;
@@ -138,71 +139,7 @@ declare class RootStore {
      */
     get initialBearing(): number | undefined;
     get cameraMode(): TCameraMode;
-    get exteriorDoors(): {
-        "__#17@#private": any;
-        readonly __type: "door";
-        readonly floor: Floor;
-        readonly center: Coordinate;
-        readonly isExterior: boolean;
-        readonly geoJSON: {
-            properties: null;
-            type: import("@mappedin/mvf-v2").FeatureType;
-            geometry: import("@mappedin/mvf-v2").LineString;
-        };
-        readonly focusTarget: Coordinate;
-        readonly anchorTarget: Coordinate;
-        toJSON(): {
-            __type: string;
-            id: string;
-            name: string;
-            floor: string;
-            center: {
-                __type: string;
-                latitude: number;
-                longitude: number;
-                floorId: string | undefined;
-                verticalOffset: number;
-            };
-        };
-        destroy(): void;
-        "__#61@#private": any;
-        readonly externalId: string;
-        readonly name: string;
-        readonly description: string;
-        readonly images: {
-            "__#25@#private": any;
-            readonly __type: "image";
-            readonly url: string | undefined;
-            readonly name: string | undefined;
-            readonly altText: string | undefined;
-            toJSON(): {
-                __type: string;
-                id: string;
-                url: string | undefined;
-                name: string | undefined;
-            };
-            destroy(): void;
-            readonly id: string;
-        }[];
-        readonly links: {
-            "__#24@#private": any;
-            readonly __type: "hyperlink";
-            readonly url: string;
-            readonly name: string | undefined;
-            toJSON(): {
-                __type: string;
-                id: string;
-                url: string;
-                name: string | undefined;
-            };
-            destroy(): void;
-            readonly id: string;
-        }[];
-        readonly locationProfiles: LocationProfile[];
-        "__#62@#private": any;
-        readonly id: string;
-        readonly geoJSONBoundingBox: import("geojson").BBox | undefined;
-    }[];
+    get exteriorDoors(): import("@mappedin/mappedin-js").Door[];
     get nonEmptyFloors(): Floor[];
     get nonEmptyFloorStacks(): FloorStack[];
     get currentFloorStack(): FloorStack | undefined;

package/dist/types/src/stores/ui-store/index.d.ts

@@ -33,104 +33,104 @@ declare class UIStore {
     private syncDepartureSearchQueryWithDepartureLocation;
     private syncDroppedPinNotification;
     get rootClassNames(): string;
-    get theme(): TTheme & Partial<{
-        name: string;
-        isDark: Partial<boolean>;
-        colors: Partial<{
-            accent: Partial<{
-                primary: string;
-                secondary: string;
-                neutral: string;
-                neutral2: string;
-                success: string;
-                error: string;
-            }>;
-            background: Partial<{
-                primary: string;
-                secondary: string;
-                tertiary: string;
-                inverted: string;
-            }>;
-            text: Partial<{
-                primary: string;
-                secondary: string;
-                tertiary: string;
-                quaternary: string;
-                highlight: string;
-                placeholder: string;
-                inverted: string;
-                link: string;
-                error: string;
-                error2: string;
-            }>;
-            map: Partial<{
-                labels: Partial<{
-                    background: string;
-                    default: string;
-                    connection: string;
-                    washroom: string;
-                    parking: string;
-                    point: string;
-                    door: string;
-                }>;
-                markers: Partial<{
-                    text: string;
-                    icon: string;
-                    background: string;
-                    default: string;
-                    parachute: string;
-                    highlight: string;
-                    departure: string;
-                    destination: string;
-                    youAreHere: string;
-                }>;
-                geometry: Partial<{
-                    wallTops: string;
-                    departure: string;
-                    hover: string;
-                    highlight: string;
-                }>;
-                path: string;
-                background: string;
-            }>;
-        }>;
-        font: string;
-        borderRadius: Partial<{
-            primary: number;
-            large: number;
-            small: number;
-        }>;
-        fontSize: Partial<{
-            xsmall: number;
-            small: number;
-            normal: number;
-            large: number;
-            xlarge: number;
-            title: number;
-        }>;
-        fontWeight: Partial<{
-            light: number;
-            normal: number;
-            medium: number;
-            semiBold: number;
-            bold: number;
-        }>;
-        map: Partial<{
-            tiles: string;
-            initialPitch: number;
-            initialBearing: number;
-            minZoom: number;
-            maxZoom: number;
-            pathSize: number;
-            streetMapVisible: Partial<boolean>;
-            watermarkVisible: Partial<boolean>;
-            mvfOverrides: Partial<{
-                [x: string]: Partial<{
-                    color: string;
-                }>;
-            }>;
-        }>;
-    }>;
+    get theme(): TTheme & {
+        name?: string | undefined;
+        isDark?: boolean | undefined;
+        colors?: {
+            accent?: {
+                primary?: string | undefined;
+                secondary?: string | undefined;
+                neutral?: string | undefined;
+                neutral2?: string | undefined;
+                success?: string | undefined;
+                error?: string | undefined;
+            } | undefined;
+            background?: {
+                primary?: string | undefined;
+                secondary?: string | undefined;
+                tertiary?: string | undefined;
+                inverted?: string | undefined;
+            } | undefined;
+            text?: {
+                primary?: string | undefined;
+                secondary?: string | undefined;
+                tertiary?: string | undefined;
+                quaternary?: string | undefined;
+                highlight?: string | undefined;
+                placeholder?: string | undefined;
+                inverted?: string | undefined;
+                link?: string | undefined;
+                error?: string | undefined;
+                error2?: string | undefined;
+            } | undefined;
+            map?: {
+                labels?: {
+                    background?: string | undefined;
+                    default?: string | undefined;
+                    connection?: string | undefined;
+                    washroom?: string | undefined;
+                    parking?: string | undefined;
+                    point?: string | undefined;
+                    door?: string | undefined;
+                } | undefined;
+                markers?: {
+                    text?: string | undefined;
+                    icon?: string | undefined;
+                    background?: string | undefined;
+                    default?: string | undefined;
+                    parachute?: string | undefined;
+                    highlight?: string | undefined;
+                    departure?: string | undefined;
+                    destination?: string | undefined;
+                    youAreHere?: string | undefined;
+                } | undefined;
+                geometry?: {
+                    wallTops?: string | undefined;
+                    departure?: string | undefined;
+                    hover?: string | undefined;
+                    highlight?: string | undefined;
+                } | undefined;
+                path?: string | undefined;
+                background?: string | undefined;
+            } | undefined;
+        } | undefined;
+        font?: string | undefined;
+        borderRadius?: {
+            primary?: number | undefined;
+            large?: number | undefined;
+            small?: number | undefined;
+        } | undefined;
+        fontSize?: {
+            xsmall?: number | undefined;
+            small?: number | undefined;
+            normal?: number | undefined;
+            large?: number | undefined;
+            xlarge?: number | undefined;
+            title?: number | undefined;
+        } | undefined;
+        fontWeight?: {
+            light?: number | undefined;
+            normal?: number | undefined;
+            medium?: number | undefined;
+            semiBold?: number | undefined;
+            bold?: number | undefined;
+        } | undefined;
+        map?: {
+            tiles?: string | undefined;
+            initialPitch?: number | undefined;
+            initialBearing?: number | undefined;
+            minZoom?: number | undefined;
+            maxZoom?: number | undefined;
+            pathSize?: number | undefined;
+            streetMapVisible?: boolean | undefined;
+            watermarkVisible?: boolean | undefined;
+            mvfOverrides?: {
+                [x: string]: {
+                    color?: string | undefined;
+                } | undefined;
+            } | undefined;
+        } | undefined;
+    };
     get themeId(): string;
     get defaultSearchResults(): TSearchResult[];
     get searchResults(): TSearchResult[];

package/dist/types/src/test-utils/test-mocks.d.ts

@@ -1,8 +1,9 @@
 import { DynamicFocus, DynamicFocusEventPayload, DynamicFocusEvents } from '@mappedin/dynamic-focus';
 import { type MapView } from '../lib/sdk';
-import * as SDK from '../lib/sdk';
-import { CameraTransform } from '../lib/sdk/types';
-type TPublishFn = <E extends keyof SDK.TEvents>(event: E, payload?: SDK.TEventPayload<E>) => void;
+import * as SDK from '../lib/sdk/mappedin-js';
+import type { CameraTransform } from '../lib/sdk/types';
+import { BlueDot, BlueDotEventPayloads } from '@mappedin/blue-dot';
+type TPublishFn = <E extends keyof SDK.TEvents>(event: E, payload?: SDK.TEventPayload<E> extends SDK.CameraTransform ? CameraTransform : SDK.TEventPayload<E>) => void;
 export type TMapViewWithTestUtilities = MapView & {
     __test: {
         subscribers: Record<string, ((...args: any[]) => void)[]>;
@@ -21,4 +22,11 @@ export type TDynamicFocusWithTestUtilities = DynamicFocus & {
     };
     publish: <E extends keyof DynamicFocusEvents>(event: E, payload?: DynamicFocusEventPayload<E>) => void;
 };
+export type TBlueDotWithTestUtilities = BlueDot & {
+    __test: {
+        subscribers: Record<string, ((...args: any[]) => void)[]>;
+        state: Map<any, any>;
+    };
+    publish: <E extends keyof BlueDotEventPayloads>(event: E, payload?: BlueDotEventPayloads[E]) => void;
+};
 export {};

package/dist/types/src/test-utils/test-with-map.d.ts

@@ -3,7 +3,7 @@ import RouterStore from '../stores/router-store';
 import { ParsedMVF } from '@mappedin/mvf';
 import { MapData } from '../lib/sdk';
 import { TStartViewerOptions, TStartViewerWithLocalDataOptions } from '../lib/types/options';
-import { TDynamicFocusWithTestUtilities, TMapViewWithTestUtilities } from './test-mocks';
+import { TBlueDotWithTestUtilities, TDynamicFocusWithTestUtilities, TMapViewWithTestUtilities } from './test-mocks';
 export declare const loadTestVenueData: (venueFileName?: string) => Promise<ParsedMVF>;
 export declare const hydrateTestData: (mvf: ParsedMVF) => Promise<MapData>;
 export type TTestWithMapOptions = {
@@ -17,6 +17,7 @@ type TTestWithMapResult<MV = TMapViewWithTestUtilities> = {
     history: RouterStore['history'];
     mapView: MV;
     dynamicFocus: TDynamicFocusWithTestUtilities;
+    blueDot: TBlueDotWithTestUtilities;
     mapViewTestUtilities: MV extends TMapViewWithTestUtilities ? MV['__test'] : undefined;
     mapEl: HTMLDivElement;
     data: MapData;
@@ -27,6 +28,7 @@ type TTestWithMapResult<MV = TMapViewWithTestUtilities> = {
     waitForCameraSettled: () => Promise<void>;
     setNextCameraState: TMapViewWithTestUtilities['__test']['setNextCameraState'];
     waitForPinDrop: () => Promise<void>;
+    waitForDirectionsReady: () => Promise<void>;
 };
 export declare const testWithMap: <MV = TMapViewWithTestUtilities>(venueFileName?: string, options?: TTestWithMapOptions) => Promise<TTestWithMapResult<MV>>;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mappedin/viewer",
-  "version": "0.52.3-e96fd64.0",
+  "version": "0.53.0",
   "type": "module",
   "browser": "./dist/index.js",
   "license": "UNLICENSED",
@@ -18,8 +18,9 @@
   },
   "devDependencies": {
     "@ladle/react": "^2.17.2",
-    "@mappedin/dynamic-focus": "6.0.1-canary-v6-viewer-internal-release-perf.1.819c3c5e.733",
-    "@mappedin/mappedin-js": "6.0.1-canary-v6-539c11a2.731",
+    "@mappedin/dynamic-focus": "6.0.1-canary-v6-beeafaee.0",
+    "@mappedin/mappedin-js": "6.0.1-canary-v6-beeafaee.0",
+    "@mappedin/blue-dot": "6.0.1-canary-v6-899786eb.871",
     "@mappedin/mvf": "3.0.0-69b7308.0",
     "@mappedin/self-serve-icons": "1.105.0-alpha.SRV-2719-add-bleed-kit-annotation.1754600609",
     "@testing-library/jest-dom": "^6.6.2",