@mappedin/viewer 0.2.0 → 0.4.0

package/dist/{outdoor-context-XG4VPE4D-26915a8c.js → outdoor-context-XG4VPE4D-15580f83.js}

@@ -1,4 +1,4 @@
-import { s as Bp, c as Fp } from "./index-7278efbe.js";
+import { s as Bp, c as Fp } from "./index-b7a15c36.js";
 var Op = Bp((Jl, Ql) => {
   var Lo, Is;
   Fp(), Lo = Jl, Is = function() {

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

@@ -1,9 +1,8 @@
 /// <reference types="react" />
 type TConnectionMarkerProps = {
     type?: string;
-    active?: boolean;
+    state?: 'default' | 'selection' | 'navigation';
     direction?: 'up' | 'down';
-    size?: number;
     onClick?: () => void;
 };
 declare const ConnectionMarker: React.FC<TConnectionMarkerProps>;

package/dist/types/src/components/map-controls/index.d.ts

@@ -2,6 +2,8 @@ import { ComponentProps } from 'react';
 import TiltControls from '../tilt-controls';
 import ZoomControls from '../zoom-controls';
 type TMapControlsProps = {
+    tiltControlsVisible?: boolean;
+    zoomControlsVisible?: boolean;
     onTiltChange?: ComponentProps<typeof TiltControls>['onChange'];
     onZoomInClick?: ComponentProps<typeof ZoomControls>['onZoomInClick'];
     onZoomOutClick?: ComponentProps<typeof ZoomControls>['onZoomOutClick'];

package/dist/types/src/components/open-app-button/index.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+type TOpenAppButtonProps = {
+    link: string;
+};
+declare const OpenAppButton: React.FC<TOpenAppButtonProps>;
+export default OpenAppButton;

package/dist/types/src/components/open-app-button/open-app-button.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

@@ -64,7 +64,7 @@ declare const Positioner: import("styled-components").IStyledComponent<"web", {
     'aria-colindextext'?: string | undefined;
     'aria-colspan'?: number | undefined;
     'aria-controls'?: string | undefined;
-    'aria-current'?: boolean | "time" | "location" | "step" | "true" | "false" | "page" | "date" | undefined;
+    'aria-current'?: boolean | "time" | "location" | "true" | "step" | "false" | "page" | "date" | undefined;
     'aria-describedby'?: string | undefined;
     'aria-description'?: string | undefined;
     'aria-details'?: string | undefined;

package/dist/types/src/components/tilt-controls/utils.d.ts

@@ -1,4 +1,4 @@
-export declare const HANDLE_SIZE: 18;
+export declare const HANDLE_SIZE: 12;
 export declare const HANDLE_BORDER_WIDTH: 3;
 export declare const PADDING: number;
 export declare const SIZE: number;

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

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 type TTitleProps = {
     text: string;
+    style?: React.CSSProperties;
 };
 declare const Title: React.FC<TTitleProps>;
 export default Title;

package/dist/types/src/lib/hooks/use-window.d.ts

@@ -0,0 +1,5 @@
+declare const useMobile: () => {
+    width: number;
+    isMobile: boolean;
+};
+export default useMobile;

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

@@ -6,6 +6,7 @@ export type TStartViewerCommonOptions = {
     root?: HTMLElement;
     themeOverride?: DeepPartial<TTheme>;
     overrideShareButtonHandler?: () => void;
+    disableAnalytics?: boolean;
 };
 export type TStartViewerOptions = {
     venue?: string;

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

@@ -4,6 +4,7 @@ export type TTheme = {
             primary: string;
             neutral: string;
             navigation: string;
+            success: string;
         };
         background: string;
         text: {
@@ -20,6 +21,11 @@ export type TTheme = {
         };
     };
     font: string;
+    fontSize: {
+        small: number;
+        normal: number;
+        large: number;
+    };
     map: {
         minZoom: number;
         pathSize: number;

package/dist/types/src/states/desktop.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+declare const Desktop: (() => import("react").JSX.Element) & {
+    displayName: string;
+};
+export default Desktop;

package/dist/types/src/states/mobile.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+declare const Mobile: (() => import("react").JSX.Element) & {
+    displayName: string;
+};
+export default Mobile;

package/dist/types/src/stores/analytics-store/analytics-store.test.d.ts

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

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

@@ -0,0 +1,9 @@
+import type RootStore from '../root-store';
+declare class AnalyticsStore {
+    private rootStore;
+    constructor({ rootStore }: {
+        rootStore: RootStore;
+    });
+    init(): void;
+}
+export default AnalyticsStore;

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

@@ -6,6 +6,8 @@ import { E_DEPARTURE_MODE } from '../../lib/types/directions';
 import { E_APP_STATE } from '../../lib/types/state';
 import RouterStore from '../router-store';
 import { ParsedMVF } from '@mappedin/mvf';
+import AnalyticsStore from '../analytics-store';
+import { TStartViewerOptions, TStartViewerWithLocalDataOptions } from '../../lib/types/options';
 export declare const RootStoreContext: import("react").Context<RootStore>;
 declare class RootStore {
     private reactionDisposers;
@@ -16,16 +18,20 @@ declare class RootStore {
      */
     private routerStore;
     readonly data: Mappedin;
+    private startupOptions;
     /**
      * This is only populated if the viewer is hydrated with local data (i.e. in Maker's preview).
      */
     __mvfData: ParsedMVF | undefined;
     uiStore: UIStore;
     mapStore: MapStore;
+    analyticsStore: AnalyticsStore;
     departureMode: E_DEPARTURE_MODE;
-    constructor({ router, data }: {
+    isAppMobile: boolean;
+    constructor({ router, data, startupOptions, }: {
         router: RouterStore;
         data: Mappedin;
+        startupOptions: TStartViewerOptions | TStartViewerWithLocalDataOptions;
     });
     private getInitialDepartureMode;
     private serializeCoordinate;
@@ -40,6 +46,7 @@ declare class RootStore {
     get currentMap(): MappedinMap | undefined;
     get interactivePolygons(): MappedinPolygon[];
     private syncDeparture;
+    get isAppEmbedded(): boolean;
     get state(): E_APP_STATE;
     setState(state: E_APP_STATE): void;
     isLocationOnMap(location: MappedinLocation, map: MappedinMap): boolean;
@@ -49,6 +56,7 @@ declare class RootStore {
     setDepartureCoordinate(coordinate: MappedinCoordinate): void;
     setCurrentMapId(id: string | undefined): void;
     setDepartureMode(mode: E_DEPARTURE_MODE): void;
+    setIsAppMobile(isMobile: boolean): void;
     cleanup(): void;
 }
 export default RootStore;

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

@@ -1,4 +1,8 @@
 import { History } from 'history';
+export declare const EMBED_ROUTER_PARAM = "embedded";
+type TRouterGoOptions = {
+    clearExistingParams?: boolean;
+};
 declare class RouterStore {
     private base;
     private path;
@@ -16,7 +20,7 @@ declare class RouterStore {
         path: string;
         params: Record<string, string>;
     };
-    go(state: string, params?: Record<string, string | undefined>): void;
+    go(state: string, newParams: Record<string, string | undefined>, options?: TRouterGoOptions): void;
     back(): void;
     cleanup(): void;
 }

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

@@ -27,6 +27,15 @@ declare class UIStore {
     get directionsButtonDisabled(): boolean;
     get directionsUIVisible(): boolean;
     get directionsWarningVisible(): boolean;
+    get openAppLink(): string;
+    get openAppButtonVisible(): boolean;
+    get tiltControlsVisible(): boolean;
+    get zoomControlsVisible(): boolean;
+    get shareButtonVisible(): boolean;
+    get mainUIVisible(): boolean;
+    get namePosition(): "top-left" | "bottom-left" | "bottom-center";
+    get logoPosition(): "top-left" | "bottom-left";
+    get appPadding(): 0 | 12 | 20;
     setTheme(theme: TTheme): void;
     setOverrideShareButtonHandler(handler?: () => void): void;
     setSearchQuery(query: string): void;

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

@@ -1,2 +1,3 @@
 import { TTheme } from './lib/types/theme';
 export declare const defaultTheme: TTheme;
+export declare const defaultThemeEmbedded: TTheme;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mappedin/viewer",
-  "version": "0.2.0",
+  "version": "0.4.0",
   "type": "module",
   "browser": "./dist/index.js",
   "license": "UNLICENSED",
@@ -16,10 +16,12 @@
   "volta": {
     "extends": "../../package.json"
   },
-  "dependencies": {},
+  "dependencies": {
+    "posthog-js": "^1.78.1"
+  },
   "devDependencies": {
     "@ladle/react": "^2.17.2",
-    "@mappedin/mappedin-js": "5.17.1-viewer-internal-release.5.2d961be.0",
+    "@mappedin/mappedin-js": "5.17.1-cef0746.0",
     "@mappedin/mvf": "2.0.1-1bfe7ea.0",
     "@testing-library/react-hooks": "^8.0.1",
     "@types/react": "^18.2.15",

package/dist/types/src/states/global.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-declare const Start: (() => import("react").JSX.Element) & {
-    displayName: string;
-};
-export default Start;