@mappedin/viewer 0.12.2 → 0.12.3-270e1ca.0

package/dist/types/src/components/button/index.d.ts

@@ -13,31 +13,31 @@ declare const Button: import("styled-components").IStyledComponent<"web", import
     style?: import("react").CSSProperties | undefined;
     title?: string | undefined;
     key?: import("react").Key | null | undefined;
+    className?: string | undefined;
     id?: string | undefined;
+    prefix?: string | undefined;
+    role?: import("react").AriaRole | undefined;
+    nonce?: string | undefined;
+    tabIndex?: number | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
     suppressContentEditableWarning?: boolean | undefined;
     suppressHydrationWarning?: boolean | undefined;
     accessKey?: string | undefined;
     autoFocus?: boolean | undefined;
-    className?: string | undefined;
     contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
     contextMenu?: string | undefined;
     dir?: string | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
     lang?: string | undefined;
-    nonce?: string | undefined;
     placeholder?: string | undefined;
     spellCheck?: (boolean | "true" | "false") | undefined;
-    tabIndex?: number | undefined;
     translate?: "yes" | "no" | undefined;
     radioGroup?: string | undefined;
-    role?: import("react").AriaRole | undefined;
     about?: string | undefined;
     content?: string | undefined;
     datatype?: string | undefined;
     inlist?: any;
-    prefix?: string | undefined;
     property?: string | undefined;
     rel?: string | undefined;
     resource?: string | undefined;
@@ -60,7 +60,7 @@ declare const Button: import("styled-components").IStyledComponent<"web", import
     is?: string | undefined;
     'aria-activedescendant'?: string | undefined;
     'aria-atomic'?: (boolean | "true" | "false") | undefined;
-    'aria-autocomplete'?: "none" | "list" | "inline" | "both" | undefined;
+    'aria-autocomplete'?: "none" | "both" | "list" | "inline" | undefined;
     'aria-braillelabel'?: string | undefined;
     'aria-brailleroledescription'?: string | undefined;
     'aria-busy'?: (boolean | "true" | "false") | undefined;
@@ -80,7 +80,7 @@ declare const Button: import("styled-components").IStyledComponent<"web", import
     'aria-expanded'?: (boolean | "true" | "false") | undefined;
     'aria-flowto'?: string | undefined;
     'aria-grabbed'?: (boolean | "true" | "false") | undefined;
-    'aria-haspopup'?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
+    'aria-haspopup'?: boolean | "dialog" | "menu" | "listbox" | "grid" | "tree" | "true" | "false" | undefined;
     'aria-hidden'?: (boolean | "true" | "false") | undefined;
     'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
     'aria-keyshortcuts'?: string | undefined;

package/dist/types/src/components/location-marker/index.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+type TLocationMarkerProps = {
+    text: string;
+    icon?: string;
+    color?: string;
+};
+declare const LocationMarker: React.FC<TLocationMarkerProps>;
+export default LocationMarker;

package/dist/types/src/components/location-marker/location-marker.stories.d.ts

@@ -0,0 +1,2 @@
+import type { Story } from '@ladle/react';
+export declare const Default: Story;

package/dist/types/src/components/positioner/index.d.ts

@@ -54,7 +54,7 @@ declare const Positioner: import("styled-components").IStyledComponent<"web", {
     children?: import("react").ReactNode;
     'aria-activedescendant'?: string | undefined;
     'aria-atomic'?: (boolean | "true" | "false") | undefined;
-    'aria-autocomplete'?: "none" | "list" | "inline" | "both" | undefined;
+    'aria-autocomplete'?: "none" | "both" | "list" | "inline" | undefined;
     'aria-braillelabel'?: string | undefined;
     'aria-brailleroledescription'?: string | undefined;
     'aria-busy'?: (boolean | "true" | "false") | undefined;
@@ -74,7 +74,7 @@ declare const Positioner: import("styled-components").IStyledComponent<"web", {
     'aria-expanded'?: (boolean | "true" | "false") | undefined;
     'aria-flowto'?: string | undefined;
     'aria-grabbed'?: (boolean | "true" | "false") | undefined;
-    'aria-haspopup'?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
+    'aria-haspopup'?: boolean | "dialog" | "menu" | "listbox" | "grid" | "tree" | "true" | "false" | undefined;
     'aria-hidden'?: (boolean | "true" | "false") | undefined;
     'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
     'aria-keyshortcuts'?: string | undefined;

package/dist/types/src/lib/types/options.d.ts

@@ -2,6 +2,7 @@
 import { TTheme } from 'lib/types/theme';
 import { DeepPartial } from './utils';
 import type { hydrateVenueMVF } from '@mappedin/mappedin-js/get-venue';
+import type { PostHog } from 'posthog-js';
 type ParsedMVF = Parameters<typeof hydrateVenueMVF>[0];
 export type TStartViewerCommonOptions = {
     root?: HTMLElement;
@@ -19,5 +20,6 @@ export type TStartViewerOptions = {
 export type TStartViewerWithLocalDataOptions = {
     data: ParsedMVF | Record<string, unknown>;
     format?: 'mvf' | 'json';
+    posthog?: PostHog;
 } & TStartViewerCommonOptions;
 export {};

package/dist/types/src/lib/types/theme.d.ts

@@ -15,6 +15,8 @@ export type TTheme = {
             labels: {
                 default: string;
                 connection: string;
+                washroom: string;
+                point: string;
             };
             markers: {
                 default: string;

package/dist/types/src/lib/utils/location-utils.d.ts

@@ -0,0 +1,3 @@
+import type { MappedinLocation } from '@mappedin/mappedin-js';
+export declare const isWashroom: (location: MappedinLocation) => boolean;
+export declare const isPointOfInterest: (location: MappedinLocation) => boolean;

package/dist/types/src/lib/utils/location-utils.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/lib/utils/posthog-utils.d.ts

@@ -0,0 +1,15 @@
+import { type PostHog } from 'posthog-js';
+/**
+ * We allow setting an external posthog instance to be used by the viewer. This is mostly
+ * to support Maker, which has its own posthog instance.
+ */
+export declare const setPosthog: (posthog: PostHog) => void;
+/**
+ * Get the current posthog instance. This should be used over importing the posthog-js, since
+ * an external posthog instance may have been set.
+ */
+export declare const getPosthog: () => PostHog;
+/**
+ * Check if the current posthog instance is the default instance.
+ */
+export declare const isDefaultPosthogInstance: () => boolean;

package/dist/types/src/lib/utils/posthog-utils.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -10,6 +10,7 @@ declare class CameraController {
     private reactionDisposers;
     private firstLoad;
     zoom: number;
+    isUserInteracting: boolean;
     constructor({ rootStore, mapStore }: {
         rootStore: RootStore;
         mapStore: MapStore;
@@ -17,6 +18,8 @@ declare class CameraController {
     private getPadding;
     private updatePadding;
     handleCameraChange({ zoom }: CAMERA_EVENT_PAYLOAD[E_CAMERA_EVENT.CHANGED]): void;
+    handleUserInteractionStart(): void;
+    handleUserInteractionEnd(): void;
     focusOn(targets: Parameters<MapView['Camera']['focusOn']>[0], options?: Parameters<MapView['Camera']['focusOn']>[1]): Promise<void>;
     zoomIn(): Promise<void>;
     zoomOut(): Promise<void>;

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

@@ -0,0 +1 @@
+export {};

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

@@ -9,11 +9,11 @@ declare class LabelsController {
         rootStore: RootStore;
         mapStore: MapStore;
     });
-    private attemptIconForConnection;
     private labelPolygon;
     private labelLocationsOfCategory;
     private labelConnections;
     private updateLabelPriorityForPolygon;
+    private resetLabelPriorities;
     private handleZoomChange;
     private updateVenueNameLabel;
     private updateLocationLabels;

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

@@ -5,6 +5,7 @@ declare class MarkersController {
     private mapStore;
     private reactionDisposers;
     markersVisible: boolean;
+    private sdkMarkersByKey;
     constructor({ rootStore, mapStore }: {
         rootStore: RootStore;
         mapStore: MapStore;
@@ -13,6 +14,7 @@ declare class MarkersController {
     private getActionDirection;
     private get directionsConnectionMarkers();
     private get annotationMarkers();
+    private get selectedLocationMarkers();
     private get markers();
     private handleZoomChange;
     private attemptUpdatingMarkerDimensions;

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

@@ -23,13 +23,15 @@ declare class MapStore {
     constructor({ rootStore }: {
         rootStore: RootStore;
     });
+    private handleClickEventForLocation;
     private handlePolygonsClicked;
+    private handleLabelsClicked;
     private getAOSettings;
     private showWatermark;
     get interactionMode(): E_MAP_INTERACTION_MODE;
     init(container: HTMLElement): Promise<void>;
     handleResize(): void;
-    handleMapClick({ polygons }: E_SDK_EVENT_PAYLOAD[E_SDK_EVENT.CLICK]): void;
+    handleMapClick({ polygons, floatingLabels }: E_SDK_EVENT_PAYLOAD[E_SDK_EVENT.CLICK]): void;
     cleanup(): void;
 }
 export default MapStore;

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

@@ -36,23 +36,23 @@ declare class RootStore {
         startupOptions: TStartViewerOptions | TStartViewerWithLocalDataOptions;
     });
     private getInitialDepartureMode;
-    private getCoordinateForUrl;
-    private getCoordinateFromUrl;
     private syncState;
     private syncCurrentMap;
+    get locationsByName(): Record<string, MappedinLocation>;
     get mvfFeaturesByExternalId(): Record<string, import("@mappedin/mvf").Feature<import("@mappedin/mvf").Polygon | import("@mappedin/mvf").LineString | import("@mappedin/mvf").Point, import("@mappedin/mvf").SpaceProperties> | import("@mappedin/mvf").Feature<import("@mappedin/mvf").Polygon | import("@mappedin/mvf").LineString, import("@mappedin/mvf").ObstructionProperties>>;
     get isMakerPreview(): boolean;
     get mapClosestToGroundLevel(): MappedinMap;
     get mapsSortedByElevation(): MappedinMap[];
     get areNodesAvailable(): boolean;
-    get exteriorEntrancesLocation(): MappedinLocation | undefined;
+    get exteriorEntrancesLocation(): MappedinLocation | null;
     get selectedLocation(): MappedinLocation | undefined;
-    get departure(): MappedinLocation | MappedinCoordinate | undefined;
+    get departure(): MappedinLocation | MappedinCoordinate | null | undefined;
     get me(): MappedinCoordinate | undefined;
     get currentMapName(): string | undefined;
     get currentMap(): MappedinMap | undefined;
     get interactivePolygons(): MappedinPolygon[];
     get departureAndSelectedLocationSharedNodes(): MappedinNode[];
+    get poiLocations(): MappedinLocation[];
     get annotationsById(): never[] | {
         [id: string]: MappedinAnnotation;
     };
@@ -60,6 +60,8 @@ declare class RootStore {
     private syncDeparture;
     get isAppEmbedded(): boolean;
     get state(): E_APP_STATE;
+    serializeCoordinate(coordinate: MappedinCoordinate): string[];
+    deserializeCoordinate(urlCoordinate: string[]): MappedinCoordinate | undefined;
     setMe(coordinate: MappedinCoordinate | undefined): void;
     setState(state: E_APP_STATE): void;
     isLocationOnMap(location: MappedinLocation, map: MappedinMap): boolean;

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

@@ -3,6 +3,7 @@ import { TCategory, TSearchResult } from 'lib/types/search';
 import { TLevelSelectorLevel } from '../../components/level-selector/utils';
 import { TTheme } from 'lib/types/theme';
 import { E_DEPARTURE_MODE } from '../../lib/types/directions';
+import { MappedinLocation, MappedinVortex } from '@mappedin/mappedin-js';
 declare class UIStore {
     private rootStore;
     private reactionDisposers;
@@ -40,6 +41,11 @@ declare class UIStore {
     get logoPosition(): "bottom-left" | "top-left";
     get appPadding(): 0 | 12 | 20;
     get makerPopUpVisible(): boolean;
+    attemptIconNameForConnection(connection: MappedinVortex): string;
+    attemptIconForConnection(connection: MappedinVortex): string | undefined;
+    attemptIconNameForLocation(location: MappedinLocation): "" | "washroom-14x14" | "point-of-interest-12x12";
+    attemptIconForLocation(location: MappedinLocation): string | undefined;
+    getLabelColor(target: MappedinVortex | MappedinLocation): string;
     dismissMakerPopUp(): void;
     setTheme(theme: TTheme): void;
     setOverrideShareButtonHandler(handler?: () => void): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mappedin/viewer",
-  "version": "0.12.2",
+  "version": "0.12.3-270e1ca.0",
   "type": "module",
   "browser": "./dist/index.js",
   "license": "UNLICENSED",
@@ -19,8 +19,8 @@
   "devDependencies": {
     "@ladle/react": "^2.17.2",
     "@mappedin/maker-icons": "1.0.0-fe4ca2f",
-    "@mappedin/mappedin-js": "5.23.1-viewer-internal-release.25.acec9db.0",
-    "@mappedin/mvf": "2.0.1-1bfe7ea.0",
+    "@mappedin/mappedin-js": "5.23.1-viewer-internal-release.27.ad1e646.0",
+    "@mappedin/mvf": "2.0.1-c7526c3.0",
     "@testing-library/react-hooks": "^8.0.1",
     "@types/react": "^18.2.15",
     "@types/react-dom": "^18.2.7",