@roomle/embedding-lib 4.33.0 → 4.34.0

package/types/index.d.ts

@@ -66,7 +66,10 @@ declare module "configurator/embedding/types" {
         ROTATE = "rotate",
         SNAPPING = "snapping",
         UNDO = "undo",
-        REDO = "redo"
+        REDO = "redo",
+        PARTLIST_PLANNER = "partlist_planner",
+        PRODUCTLIST = "productlist",
+        TWO_D_VIEW = "2dview"
     }
     interface FeatureFlags {
         realPartList?: boolean;
@@ -93,6 +96,8 @@ declare module "configurator/embedding/types" {
             [UI_BUTTON.SNAPPING]?: boolean;
             [UI_BUTTON.UNDO]?: boolean;
             [UI_BUTTON.REDO]?: boolean;
+            [UI_BUTTON.TWO_D_VIEW]?: boolean;
+            [UI_BUTTON.PARTLIST_PLANNER]?: boolean;
         };
         skin?: EmbeddingSkin;
         zIndex?: number;
@@ -261,209 +266,9 @@ declare module "common/utils/iframe" {
     export const useEmbeddingApi: () => boolean;
     export const sameOrigin: () => boolean;
 }
-declare module "configurator/embedding/utils" {
-    import { RoomleEmbeddingApiKeys } from "configurator/embedding/roomle-configurator-api";
-    import { ConfiguratorSettings, UiInitData } from "configurator/embedding/types";
-    export const NAMESPACE: {
-        [key: string]: keyof RoomleEmbeddingApiKeys | 'callbacks';
-    };
-    export const NAMESPACE_SEPARATOR = ".";
-    export const SDK_CALLBACK: string;
-    export const HANDSHAKE_MESSAGES: {
-        REQUEST_BOOT: string;
-        SETUP: string;
-        WEBSITE_READY: string;
-    };
-    export const isExposable: (name: string) => boolean;
-    export const getMethodNames: (proto: any, namespace: string, isCallback?: boolean) => string[];
-    export const getConfiguratorSettings: (configuratorId: string, initData: UiInitData) => Promise<ConfiguratorSettings>;
-}
-declare module "common/utils/browser" {
-    import { Nullable } from "common/utils/types";
-    export const BROWSER_LANGUAGE_PROPERTY_KEYS_KNOWN: string[];
-    export const getLanguage: (lang?: Nullable<string>) => any;
-}
-declare module "configurator/business-logic/roomle-sdk-wrapper" {
-    import RapiAccess from '@roomle/web-sdk/lib/definitions/common-core/src/rapi-access';
-    import { GlbViewer } from '@roomle/web-sdk/lib/definitions/glb-viewer-core/src/glb-viewer';
-    import { Configurator } from '@roomle/web-sdk/lib/definitions/configurator-core/src/configurator';
-    import { Nullable } from "common/utils/types";
-    import { UiInitData } from "configurator/embedding/types";
-    import { GlobalInitDataDefinition } from '@roomle/web-sdk/lib/definitions/common-core/src/utils/shims';
-    import { Planner } from '@roomle/web-sdk/lib/definitions/planner-core/src/planner';
-    import { GlobalCallback } from '@roomle/web-sdk/lib/definitions/common-core/src/services/global-callback';
-    /**
-     * We use this class in a plugin so we
-     * can rely on DI to change it during testing
-     */
-    export class RoomleSdkWrapper {
-        private _configuratorInstance;
-        private _viewerInstance;
-        private _plannerInstance;
-        private _currentInstance;
-        get hasPlanner(): boolean;
-        getConfigurator(element: HTMLElement, initData?: UiInitData): Promise<Configurator>;
-        getGlbViewer(element: HTMLElement, initData?: UiInitData): Promise<GlbViewer>;
-        getPlanner(element: HTMLElement, initData?: UiInitData): Promise<Planner>;
-        getRapiAccess(): Promise<RapiAccess>;
-        getGlobalCallback(): Promise<GlobalCallback>;
-        setGlobalInitData(initData: Nullable<GlobalInitDataDefinition>): void;
-    }
-}
-declare module "common/utils/init-data" {
-    import { ConfiguratorSettings, UiInitData } from "configurator/embedding/types";
-    import RapiAccess from '@roomle/web-sdk/lib/definitions/common-core/src/rapi-access';
-    import { Nullable } from "common/utils/types";
-    import type { MessageHandler } from "configurator/embedding/message-handler";
-    import { RoomleSdkWrapper } from "configurator/business-logic/roomle-sdk-wrapper";
-    export const CONFIGURATOR_IDLE = "(idle)";
-    export const getInitData: (useFallbackId?: boolean) => UiInitData;
-    export const castAndFixInitData: (initData: UiInitData) => UiInitData;
-    export const castInitData: (obj: {
-        [key: string]: any;
-    }) => void;
-    export const mergeInitData: (configuratorSettings: ConfiguratorSettings | {
-        id: string;
-        settings: UiInitData;
-    }, currentInitData: UiInitData) => UiInitData;
-    export const getEmbeddingInitData: (messageHandler: MessageHandler) => Promise<UiInitData>;
-    export const getRemoteInitData: (rapiAccess: RapiAccess, configuratorId: string) => Promise<UiInitData>;
-    export const getFallbackInitData: () => UiInitData;
-    export const LEGACY_SHARE_PLACEHOLDER = "<CONF_ID>";
-    export const SHARE_PLACEHOLDER = "#CONFIGURATIONID#";
-    /**
-     * combines init data in this order: query params > embedding > remote > fallback
-     *
-     * some exceptions to consider:
-     * - tenant: when do we need the tenant and where do we get it from?
-     *
-     * @param messageHandler
-     * @param sdkWrapper
-     * @param fallbackInitData
-     */
-    export const combineInitData: (messageHandler: Nullable<MessageHandler>, sdkWrapper: RoomleSdkWrapper, queryParamsInitData: UiInitData) => Promise<UiInitData>;
-    export const setProperty: (o: {
-        [key: string]: any;
-    }, path: string, value: any) => void;
-}
-declare module "common/utils/user-agent" {
-    import { Nullable } from "common/utils/types";
-    export const isIOs: () => boolean;
-    export const hasARQuicklook: () => Nullable<boolean>;
-    export const isInAppBrowser: () => Nullable<boolean>;
-    export const isAndroid: () => boolean;
-    export const deviceSupportsAR: () => boolean;
-}
-declare module "common/utils/dom" {
-    import { Nullable } from "common/utils/types";
-    export const isScrolledToRightEnd: (element: Nullable<HTMLElement>, threshold?: number) => boolean;
-    export const hasVerticalOverflow: (element: HTMLElement) => boolean;
-    export const hasHorizontalOverflow: (element: HTMLElement) => boolean;
-    export const lastVisibleElement: (container: HTMLElement, threshold?: number) => Element;
-    export const cssVariableToNumber: (cssVariable: string) => number;
-    export const remToPixel: (remValue: string, remBase: number) => number;
-    export const percentInStringToFloat: (percentInString: string) => number;
-    export const animationDurationInMsToFloat: (animationDuration: string) => number;
-    export const calcIsDesktop: () => boolean;
-    export const removeLoadingScreen: () => Promise<void>;
-    export const showLoadingScreen: () => Promise<void>;
-    export const copyToClipboard: (text: string) => void;
-    export const setLoadingProgress: (percent: number) => void;
-    export const hideLoadingCircle: () => void;
-}
-declare module "common/utils/script-loader" {
-    export default class ScriptLoader {
-        static fetch(url: string, options: {
-            id: string;
-        }): Promise<void>;
-    }
-}
-declare module "common/utils/google-analytics" {
-    import { Nullable } from "common/utils/types";
-    export const GA_DIMENSIONS: {
-        [key: string]: string;
-    };
-    export const GA_METRICS: {
-        RESPONSE_END_TIME: string;
-        DOM_LOAD_TIME: string;
-        WINDOW_LOAD_TIME: string;
-        TIME_TO_FIRST_BTYE: string;
-        KERNEL_IS_READY: string;
-        INIT_LOADING_SCREEN_CLOSE: string;
-    };
-    enum GA_ACTION_TYPE {
-        EXCEPTION = "exception",
-        TIMING = "timing_complete"
-    }
-    enum CUSTOM_ACTION_TYPE {
-        TRACK_TIMING = "track_timing"
-    }
-    export const GA_NULL_VALUE = "(not set)";
-    export enum GA_CATEGORY {
-        ERROR = "Error",
-        NAVIGATION_TIMING = "Navigation Timing",
-        TIMING = "Timing",
-        INTERACTION = "Interaction",
-        TRACKING = "Tracking",
-        DEPRECATION = "Deprecation"
-    }
-    export type GoogleAnalyticsCallback = (...args: any[]) => void;
-    export const MAX_QUEUE_LENGTH = 1500;
-    export default class GoogleAnalytics {
-        history: IArguments[];
-        private _settings;
-        private _queue;
-        private _trackingId;
-        private _useTracking;
-        private _callbacks;
-        private _gaReady;
-        private get _gtag();
-        constructor(configuratorId: string, useTracking?: boolean);
-        giveConsent(): void;
-        trackEvent(action: CUSTOM_ACTION_TYPE | GA_ACTION_TYPE | string, category: GA_CATEGORY, label: string, value?: Nullable<number>, fieldsObject?: object): void;
-        trackTiming(category: GA_CATEGORY, label: any, value: number, fieldsObject?: object): void;
-        setDimension(dimension: string, value: any): void;
-        setDimensions(dimensions: {
-            [key: string]: any;
-        }): void;
-        trackError(message: string, specialErrorName?: Nullable<string>): void;
-        trackContentError(message: string): void;
-        addCallback(listener: GoogleAnalyticsCallback): void;
-        removeUiCallback(listener: GoogleAnalyticsCallback): void;
-        cleanUpHistory(): void;
-        trackWrongDomain(): void;
-        trackNoActivePackage(): void;
-        private _execCommand;
-        private _loadLibScript;
-        private _send;
-        private _flushQueue;
-        private _setObjectProperties;
-        private _trackException;
-        private _trackErrors;
-        private _trackErrorEvent;
-        private _setSettings;
-        private _findDimension;
-        private _sendNavigationTimingMetrics;
-    }
-}
-declare module "common/plugins/analytics" {
-    import GoogleAnalytics from "common/utils/google-analytics";
-    export interface Analytics {
-        ga: GoogleAnalytics;
-    }
-    const AnalyticsPlugin: {
-        install(Vue: any, { configuratorId, useTracking }: {
-            configuratorId: string;
-            useTracking: boolean;
-        }): void;
-    };
-    export default AnalyticsPlugin;
-}
 declare module "common/utils/helper" {
     import { Nullable } from "common/utils/types";
     import { RapiConfiguration, RapiItem, RapiTenant } from '@roomle/web-sdk/lib/definitions/typings/rapi-types';
-    import { Analytics } from "common/plugins/analytics";
-    import { SdkConnector } from "configurator/business-logic/sdk-connector";
     export const throttle: <T extends (...args: any[]) => any>(func: T, delay?: number) => (...funcArgs: Parameters<T>) => void;
     export const round: (float: number, precision: number) => number;
     export const isIdAnItem: (id: string) => boolean;
@@ -492,22 +297,6 @@ declare module "common/utils/helper" {
     export const deepCopy: <T>(o: T) => T;
     export const toBoolean: (value: boolean | undefined, defaultValue?: boolean) => boolean;
     export const wait: (delayInMs: number) => Promise<void>;
-    /**
-     * Recursively merge properties of two objects.
-     * If a property exists in both it, property of obj2 is used.
-     * Returns a new object (copy)
-     * @param obj1
-     * @param obj2
-     */
-    export const deepMergeCopy: (obj1: any, obj2: any) => any;
-    /**
-     * Recursively merge properties of two objects.
-     * If a property exists in both it, property of obj2 is used.
-     * Warning: This returns obj1 and not a copy!
-     * @param obj1
-     * @param obj2
-     */
-    export const deepMerge: (obj1: any, obj2: any) => any;
     export const NAMES_FOR_LOCALHOST: string[];
     export const getHostname: () => string | null;
     export const isDemoHostname: (hostname: string) => boolean;
@@ -520,9 +309,7 @@ declare module "common/utils/helper" {
     export const checkForActivePackage: (tenant: RapiTenant) => boolean;
     export const oneTimeInterval: (callback: () => void, delay: number) => number;
     export const runOnIdle: any;
-    export const createShareLinkFromUrl: (url: string) => string;
     export const isLocationJestTest: () => boolean;
-    export const loadVariant: (id: string, applyCurrentGlobalParameters: boolean, sdkConnector: SdkConnector, analytics?: Analytics) => Promise<void>;
 }
 declare module "configurator/store/core-data" {
     import { Module } from 'vuex';
@@ -564,11 +351,11 @@ declare module "configurator/components/collection-view/-utils/types" {
     import { Nullable } from "common/utils/types";
     import { UiPossibleChildTag, UiKernelParameter } from '@roomle/web-sdk/lib/definitions/typings/kernel';
     import { RapiTagForUi } from '@roomle/web-sdk/lib/definitions/typings/rapi-types';
-    export type CollectionViewElementType = 'addon' | 'parameter' | 'variant' | 'object';
-    export interface CollectionViewElement {
+    export type CollectionViewElementType = 'addon' | 'parameter' | 'variant' | 'object' | 'room';
+    export interface CollectionViewElement<T = (UiPossibleChildTag | UiKernelParameter | RapiTagForUi)> {
         label: Nullable<string>;
         key: string;
-        payload: UiPossibleChildTag | UiKernelParameter | RapiTagForUi;
+        payload: T;
         type: CollectionViewElementType;
     }
 }
@@ -694,9 +481,9 @@ declare module "configurator/components/grid-view/-utils/GridViewHelper" {
     import { RapiItem, RapiMaterial } from '@roomle/web-sdk/lib/definitions/typings/rapi-types';
     import { KernelValue, UiPossibleChild } from '@roomle/web-sdk/lib/definitions/typings/kernel';
     import { Nullable } from "common/utils/types";
-    export interface GridViewElement {
+    export interface GridViewElement<T = (RapiMaterial | KernelValue | UiPossibleChild | RapiItem)> {
         key: string;
-        payload: RapiMaterial | KernelValue | UiPossibleChild | RapiItem;
+        payload: T;
     }
     export interface GridViewVariantElement extends GridViewElement {
         hash: string;
@@ -706,7 +493,7 @@ declare module "configurator/components/grid-view/-utils/GridViewHelper" {
         label: Nullable<string>;
         elements: GridViewElement[];
     }
-    export const toGridViewElements: (elements: Array<RapiMaterial | KernelValue | UiPossibleChild | RapiItem>, key: string) => GridViewElement[];
+    export const toGridViewElements: <T = RapiItem | RapiMaterial | UiPossibleChild | KernelValue>(elements: T[], key: string) => GridViewElement<T>[];
 }
 declare module "configurator/store/ui-state" {
     import { Module } from 'vuex';
@@ -729,7 +516,11 @@ declare module "configurator/store/ui-state" {
         ROTATE = 7,
         SNAPPING = 8,
         UNDO = 9,
-        REDO = 10
+        REDO = 10,
+        PARTLIST_PLANNER = 11,
+        PRODUCTLIST = 12,
+        TWO_D_VIEW = 13,
+        ADD_ROOM = 14
     }
     export interface SceneSelection {
         selectionMode: string;
@@ -762,8 +553,6 @@ declare module "configurator/store/ui-state" {
     export enum UI_STATE_MUTATIONS {
         SET_SELECTED_GROUP = "setSelectedGroup",
         SET_IS_DESKTOP = "setIsDesktop",
-        SET_ACTION_SELECTED = "setActionSelected",
-        SET_ACTION_DESELECTED = "setActionDeselected",
         SET_INTERACTIONS_EXPANDED = "setInteractionsExpanded",
         SET_IS_LANDSCAPE = "setIsLandscape",
         SET_IS_PART_LIST_SHOWN = "SET_IS_PART_LIST_SHOWN",
@@ -786,7 +575,9 @@ declare module "configurator/store/ui-state" {
         SET_UNDO = "SET_UNDO",
         SET_REDO = "SET_REDO",
         SET_UNDO_PLANNER = "SET_UNDO_PLANNER",
-        SET_REDO_PLANNER = "SET_REDO_PLANNER"
+        SET_REDO_PLANNER = "SET_REDO_PLANNER",
+        SET_TOPBAR_ACTION_SELECTED = "SET_TOPBAR_ACTION_SELECTED",
+        SET_TOPBAR_ACTION_DESELECTED = "SET_TOPBAR_ACTION_DESELECTED"
     }
     export enum UI_STATE_ACTIONS {
         SELECT_GROUP = "SELECT_GROUP",
@@ -799,7 +590,8 @@ declare module "configurator/store/ui-state" {
         USE_VIEWER = "USE_VIEWER",
         USE_PLANNER = "USE_PLANNER",
         USE_CONFIGURATOR = "USE_CONFIGURATOR",
-        SHOW_PARAMS = "SHOW_PARAMS"
+        SHOW_PARAMS = "SHOW_PARAMS",
+        SHOW_ROOMS = "SHOW_ROOMS"
     }
     export enum UI_STATE_GETTERS {
         USE_REGULAR_LAYOUT = "USE_REGULAR_LAYOUT",
@@ -807,7 +599,10 @@ declare module "configurator/store/ui-state" {
         COLLECTION_VIEW_ELEMENTS = "COLLECTION_VIEW_ELEMENTS",
         COLLECTION_VIEW_ADDON_ELEMENTS = "COLLECTION_VIEW_ADDON_ELEMENTS",
         COLLECTION_VIEW_VARIANTS = "COLLECTION_VIEW_VARIANTS",
-        SHOW_BACK_TO_WEBSITE = "SHOW_BACK_TO_WEBSITE"
+        SHOW_BACK_TO_WEBSITE = "SHOW_BACK_TO_WEBSITE",
+        PART_LIST_PLANNER_SHOWN = "PART_LIST_PLANNER_SHOWN",
+        PRODUCT_LIST_SHOWN = "PRODUCT_LIST_SHOWN",
+        SAMPLE_ROOMS_SHOWN = "SAMPLE_ROOMS_SHOWN"
     }
     export const initialState: UiState;
     export const uiState: Module<UiState, StoreState>;
@@ -817,6 +612,7 @@ declare module "planner/store/planner-ui-state" {
     import { SharedUiState, StoreState } from "common/store/index";
     import { Nullable } from "common/utils/types";
     import { SelectionPayload } from '@roomle/web-sdk/lib/definitions/planner-core/src/roomle-planner-ui-callback';
+    import { BUTTON_ACTIONS } from "configurator/store/ui-state";
     import { RapiTagForUi } from '@roomle/web-sdk/lib/definitions/typings/rapi-types';
     type SelectionType = 'static' | 'configuration';
     export interface PlannerUiState extends SharedUiState {
@@ -826,6 +622,7 @@ declare module "planner/store/planner-ui-state" {
         isDrag: boolean;
         catalogTags: Nullable<RapiTagForUi[]>;
         actionMenuExpanded: boolean;
+        selectedActions: BUTTON_ACTIONS[];
     }
     export enum PLANNER_UI_STATE_MUTATIONS {
         SET_SELECTION_PAYLOAD = "PLANNER_UI_STATE_setSelectionPayload",
@@ -838,27 +635,68 @@ declare module "planner/store/planner-ui-state" {
         SET_SHOW_CATALOG = "PLANNER_UI_STATE_SET_SHOW_CATALOG",
         SET_CATALOG_ROOT_TAG = "PLANNER_UI_STATE_SET_CATALOG_ROOT_TAG",
         SET_IS_DRAG = "SET_IS_DRAG",
-        SET_ACTION_SELECTED = "setActionSelected",
-        SET_ACTION_DESELECTED = "setActionDeselected",
-        SET_ACTION_MENU_EXPANDED = "setSelectionMenuExpanded"
+        SET_ACTION_SELECTED = "SET_ACTION_SELECTED",
+        SET_ACTION_DESELECTED = "SET_ACTION_DESELECTED",
+        SET_ACTION_MENU_EXPANDED = "SET_ACTION_MENU_EXPANDED",
+        SET_TOPBAR_ACTION_SELECTED = "SET_TOPBAR_ACTION_SELECTED",
+        SET_TOPBAR_ACTION_DESELECTED = "SET_TOPBAR_ACTION_DESELECTED"
     }
     export enum PLANNER_UI_STATE_ACTIONS {
         SELECT_VIEW_MODE = "PLANNER_UI_STATE_SELECT_VIEW_MODE",
         SET_INTERACTIONS_EXPANDED = "PLANNER_UI_STATE_SET_INTERACTIONS_EXPANDED"
     }
     export enum PLANNER_UI_STATE_GETTERS {
-        CATALOG_ROOT_TAG = "PLANNER_UI_STATE_CATALOG_ROOT_TAG"
+        CATALOG_ROOT_TAG = "PLANNER_UI_STATE_CATALOG_ROOT_TAG",
+        SELECTED_ITEM_PAYLOAD = "PLANNER_UI_STATE_SELECTED_ITEM_PAYLOAD",
+        PART_LIST_PLANNER_SHOWN = "PART_LIST_PLANNER_SHOWN",
+        PRODUCT_LIST_SHOWN = "PRODUCT_LIST_SHOWN"
     }
     export const plannerUiState: Module<PlannerUiState, StoreState>;
 }
+declare module "planner/utils/product-list" {
+    import { KernelPartList, UiPlanObject } from '@roomle/web-sdk/lib/definitions/typings/kernel';
+    import { Store } from 'vuex';
+    import { StoreState } from "common/store/index";
+    import { SdkConnector } from "configurator/business-logic/sdk-connector";
+    import { RapiConfiguration, RapiItem } from '@roomle/web-sdk/lib/definitions/typings/rapi-types';
+    export interface ProductListItem extends UiPlanObject {
+        quantity: number;
+    }
+    export const matchProductListAndQuantity: (productList: UiPlanObject[]) => ProductListItem[];
+    export const fillPartList: (data: RapiItem | RapiConfiguration, partList: KernelPartList, hash: string, sdkConnector: SdkConnector, store: Store<StoreState>) => Promise<void>;
+}
+declare module "planner/store/planner-core-data" {
+    import { StoreState } from "common/store/index";
+    import { Nullable } from "common/utils/types";
+    import { Module } from 'vuex';
+    import { ProductListItem } from "planner/utils/product-list";
+    export interface PlannerCoreData {
+        productList: ProductListItem[];
+        currencySymbol: string;
+        price: Nullable<number>;
+    }
+    export enum PLANNER_CORE_DATA_MUTATIONS {
+        UPDATE_PRODUCT_LIST = "UPDATE_PRODUCT_LIST",
+        UPDATE_PRICE_VALUE = "UPDATE_PRICE_VALUE",
+        UPDATE_CURRENCY_SYMBOL = "UPDATE_CURRENCY_SYMBOL"
+    }
+    export enum PLANNER_CORE_DATA_ACTIONS {
+        UPDATE_PRICE = "UPDATE_PRICE"
+    }
+    export enum PLANNER_CORE_DATA_GETTERS {
+        CURRENT_PRICE = "CURRENT_PRICE"
+    }
+    export const plannerCoreData: Module<PlannerCoreData, StoreState>;
+}
 declare module "common/store/index" {
     import { CORE_STATE_ACTIONS, CORE_STATE_MUTATIONS, CoreState } from "configurator/store/core-state";
-    import { CORE_DATA_ACTIONS, CORE_DATA_MUTATIONS, CoreData } from "configurator/store/core-data";
+    import { CORE_DATA_MUTATIONS, CoreData } from "configurator/store/core-data";
     import { BUTTON_ACTIONS, UI_STATE_ACTIONS, UI_STATE_MUTATIONS, UiState } from "configurator/store/ui-state";
     import { PLANNER_UI_STATE_MUTATIONS, PlannerUiState } from "planner/store/planner-ui-state";
     import { COMMON_UI_STATE_MUTATIONS, CommonUiState } from "common/store/common-ui-state";
     import { COLLECTION_VIEW_STATE_MUTATIONS, CollectionViewUiState } from "common/store/collection-view-state";
     import { Nullable } from "common/utils/types";
+    import { PLANNER_CORE_DATA_ACTIONS, PLANNER_CORE_DATA_MUTATIONS, PlannerCoreData } from "planner/store/planner-core-data";
     export interface SharedUiState {
         interactionsExpanded: boolean;
         isFullscreen: boolean;
@@ -867,9 +705,12 @@ declare module "common/store/index" {
         lastRegularViewMode: Nullable<boolean>;
         wasDesktopBefore: boolean;
         sidebar: CollectionViewUiState;
-        selectedActions: BUTTON_ACTIONS[];
+        topBarSelectedActions: BUTTON_ACTIONS[];
     }
     export const MUTATIONS: {
+        UPDATE_PRODUCT_LIST: PLANNER_CORE_DATA_MUTATIONS.UPDATE_PRODUCT_LIST;
+        UPDATE_PRICE_VALUE: PLANNER_CORE_DATA_MUTATIONS.UPDATE_PRICE_VALUE;
+        UPDATE_CURRENCY_SYMBOL: PLANNER_CORE_DATA_MUTATIONS.UPDATE_CURRENCY_SYMBOL;
         ELEMENT_EXPANDED: COLLECTION_VIEW_STATE_MUTATIONS.ELEMENT_EXPANDED;
         SET_SELECTED_ELEMENT: COLLECTION_VIEW_STATE_MUTATIONS.SET_SELECTED_ELEMENT;
         SET_IS_IN_IFRAME: COMMON_UI_STATE_MUTATIONS.SET_IS_IN_IFRAME;
@@ -888,6 +729,8 @@ declare module "common/store/index" {
         SET_ACTION_SELECTED: PLANNER_UI_STATE_MUTATIONS.SET_ACTION_SELECTED;
         SET_ACTION_DESELECTED: PLANNER_UI_STATE_MUTATIONS.SET_ACTION_DESELECTED;
         SET_ACTION_MENU_EXPANDED: PLANNER_UI_STATE_MUTATIONS.SET_ACTION_MENU_EXPANDED;
+        SET_TOPBAR_ACTION_SELECTED: PLANNER_UI_STATE_MUTATIONS.SET_TOPBAR_ACTION_SELECTED;
+        SET_TOPBAR_ACTION_DESELECTED: PLANNER_UI_STATE_MUTATIONS.SET_TOPBAR_ACTION_DESELECTED;
         SET_SELECTED_GROUP: UI_STATE_MUTATIONS.SET_SELECTED_GROUP;
         SET_IS_PART_LIST_SHOWN: UI_STATE_MUTATIONS.SET_IS_PART_LIST_SHOWN;
         SHOW_ONLY_ADDONS: UI_STATE_MUTATIONS.SHOW_ONLY_ADDONS;
@@ -914,7 +757,6 @@ declare module "common/store/index" {
         UPDATE_PART_LIST: CORE_DATA_MUTATIONS.UPDATE_PART_LIST;
         UPDATE_BOUNDS: CORE_DATA_MUTATIONS.UPDATE_BOUNDS;
         UPDATE_CURRENCY: CORE_DATA_MUTATIONS.UPDATE_CURRENCY;
-        UPDATE_PRICE_VALUE: CORE_DATA_MUTATIONS.UPDATE_PRICE_VALUE;
         SET_LABEL: CORE_STATE_MUTATIONS.SET_LABEL;
         SET_COMPONENT_HAS_CHILDREN: CORE_STATE_MUTATIONS.SET_COMPONENT_HAS_CHILDREN;
         SET_CATALOG_LABEL: CORE_STATE_MUTATIONS.SET_CATALOG_LABEL;
@@ -922,6 +764,7 @@ declare module "common/store/index" {
         SET_CURRENT_HASH: CORE_STATE_MUTATIONS.SET_CURRENT_HASH;
     };
     export const ACTIONS: {
+        UPDATE_PRICE: PLANNER_CORE_DATA_ACTIONS.UPDATE_PRICE;
         SELECT_GROUP: UI_STATE_ACTIONS.SELECT_GROUP;
         SELECT_VIEW_MODE: UI_STATE_ACTIONS.SELECT_VIEW_MODE;
         SET_INTERACTIONS_EXPANDED: UI_STATE_ACTIONS.SET_INTERACTIONS_EXPANDED;
@@ -933,7 +776,7 @@ declare module "common/store/index" {
         USE_PLANNER: UI_STATE_ACTIONS.USE_PLANNER;
         USE_CONFIGURATOR: UI_STATE_ACTIONS.USE_CONFIGURATOR;
         SHOW_PARAMS: UI_STATE_ACTIONS.SHOW_PARAMS;
-        UPDATE_PRICE: CORE_DATA_ACTIONS.UPDATE_PRICE;
+        SHOW_ROOMS: UI_STATE_ACTIONS.SHOW_ROOMS;
         SET_LABEL: CORE_STATE_ACTIONS.SET_LABEL;
         SET_COMPONENT_HAS_CHILDREN: CORE_STATE_ACTIONS.SET_COMPONENT_HAS_CHILDREN;
         UPDATE_HASH: CORE_STATE_ACTIONS.UPDATE_HASH;
@@ -943,15 +786,173 @@ declare module "common/store/index" {
         coreData: CoreData;
         uiState: UiState;
         plannerUiState: PlannerUiState;
+        plannerCoreData: PlannerCoreData;
         commonUiState: CommonUiState;
     }
     const _default: import("vuex").Store<StoreState>;
     export default _default;
 }
+declare module "common/utils/user-agent" {
+    import { Nullable } from "common/utils/types";
+    export const isIOs: () => boolean;
+    export const hasARQuicklook: () => Nullable<boolean>;
+    export const isInAppBrowser: () => Nullable<boolean>;
+    export const isAndroid: () => boolean;
+    export const deviceSupportsAR: () => boolean;
+}
+declare module "common/utils/dom" {
+    import { Nullable } from "common/utils/types";
+    export const isScrolledToRightEnd: (element: Nullable<HTMLElement>, threshold?: number) => boolean;
+    export const hasVerticalOverflow: (element: HTMLElement) => boolean;
+    export const hasHorizontalOverflow: (element: HTMLElement) => boolean;
+    export const lastVisibleElement: (container: HTMLElement, threshold?: number) => Element;
+    export const cssVariableToNumber: (cssVariable: string) => number;
+    export const remToPixel: (remValue: string, remBase: number) => number;
+    export const percentInStringToFloat: (percentInString: string) => number;
+    export const animationDurationInMsToFloat: (animationDuration: string) => number;
+    export const calcIsDesktop: () => boolean;
+    export const removeLoadingScreen: () => Promise<void>;
+    export const showLoadingScreen: () => Promise<void>;
+    export const copyToClipboard: (text: string) => void;
+    export const setLoadingProgress: (percent: number) => void;
+    export const hideLoadingCircle: () => void;
+}
+declare module "common/utils/script-loader" {
+    export default class ScriptLoader {
+        static fetch(url: string, options: {
+            id: string;
+        }): Promise<void>;
+    }
+}
+declare module "common/utils/google-analytics" {
+    import { Nullable } from "common/utils/types";
+    export const GA_DIMENSIONS: {
+        [key: string]: string;
+    };
+    export const GA_METRICS: {
+        RESPONSE_END_TIME: string;
+        DOM_LOAD_TIME: string;
+        WINDOW_LOAD_TIME: string;
+        TIME_TO_FIRST_BTYE: string;
+        KERNEL_IS_READY: string;
+        INIT_LOADING_SCREEN_CLOSE: string;
+    };
+    enum GA_ACTION_TYPE {
+        EXCEPTION = "exception",
+        TIMING = "timing_complete"
+    }
+    enum CUSTOM_ACTION_TYPE {
+        TRACK_TIMING = "track_timing"
+    }
+    export const GA_NULL_VALUE = "(not set)";
+    export enum GA_CATEGORY {
+        ERROR = "Error",
+        NAVIGATION_TIMING = "Navigation Timing",
+        TIMING = "Timing",
+        INTERACTION = "Interaction",
+        TRACKING = "Tracking",
+        DEPRECATION = "Deprecation"
+    }
+    export type GoogleAnalyticsCallback = (...args: any[]) => void;
+    export const MAX_QUEUE_LENGTH = 1500;
+    export default class GoogleAnalytics {
+        history: IArguments[];
+        private _settings;
+        private _queue;
+        private _trackingId;
+        private _useTracking;
+        private _callbacks;
+        private _gaReady;
+        private get _gtag();
+        constructor(configuratorId: string, useTracking?: boolean);
+        giveConsent(): void;
+        trackEvent(action: CUSTOM_ACTION_TYPE | GA_ACTION_TYPE | string, category: GA_CATEGORY, label: string, value?: Nullable<number>, fieldsObject?: object): void;
+        trackTiming(category: GA_CATEGORY, label: any, value: number, fieldsObject?: object): void;
+        setDimension(dimension: string, value: any): void;
+        setDimensions(dimensions: {
+            [key: string]: any;
+        }): void;
+        trackError(message: string, specialErrorName?: Nullable<string>): void;
+        trackContentError(message: string): void;
+        addCallback(listener: GoogleAnalyticsCallback): void;
+        removeUiCallback(listener: GoogleAnalyticsCallback): void;
+        cleanUpHistory(): void;
+        trackWrongDomain(): void;
+        trackNoActivePackage(): void;
+        private _execCommand;
+        private _loadLibScript;
+        private _send;
+        private _flushQueue;
+        private _setObjectProperties;
+        private _trackException;
+        private _trackErrors;
+        private _trackErrorEvent;
+        private _setSettings;
+        private _findDimension;
+        private _sendNavigationTimingMetrics;
+    }
+}
+declare module "common/plugins/analytics" {
+    import GoogleAnalytics from "common/utils/google-analytics";
+    export interface Analytics {
+        ga: GoogleAnalytics;
+    }
+    const AnalyticsPlugin: {
+        install(Vue: any, { configuratorId, useTracking }: {
+            configuratorId: string;
+            useTracking: boolean;
+        }): void;
+    };
+    export default AnalyticsPlugin;
+}
+declare module "configurator/business-logic/roomle-sdk-wrapper" {
+    import RapiAccess from '@roomle/web-sdk/lib/definitions/common-core/src/rapi-access';
+    import { GlbViewer } from '@roomle/web-sdk/lib/definitions/glb-viewer-core/src/glb-viewer';
+    import { Configurator } from '@roomle/web-sdk/lib/definitions/configurator-core/src/configurator';
+    import { Nullable } from "common/utils/types";
+    import { UiInitData } from "configurator/embedding/types";
+    import { GlobalInitDataDefinition } from '@roomle/web-sdk/lib/definitions/common-core/src/utils/shims';
+    import { Planner } from '@roomle/web-sdk/lib/definitions/planner-core/src/planner';
+    import { GlobalCallback } from '@roomle/web-sdk/lib/definitions/common-core/src/services/global-callback';
+    /**
+     * We use this class in a plugin so we
+     * can rely on DI to change it during testing
+     */
+    export class RoomleSdkWrapper {
+        private _configuratorInstance;
+        private _viewerInstance;
+        private _plannerInstance;
+        private _currentInstance;
+        get hasPlanner(): boolean;
+        getConfigurator(element: HTMLElement, initData?: UiInitData): Promise<Configurator>;
+        getGlbViewer(element: HTMLElement, initData?: UiInitData): Promise<GlbViewer>;
+        getPlanner(element: HTMLElement, initData?: UiInitData): Promise<Planner>;
+        getRapiAccess(): Promise<RapiAccess>;
+        getGlobalCallback(): Promise<GlobalCallback>;
+        setGlobalInitData(initData: Nullable<GlobalInitDataDefinition>): void;
+    }
+}
 declare module "common/utils/performance" {
     export const addLoadMark: () => void;
     export const calcTiming: () => void;
 }
+declare module "configurator/embedding/utils" {
+    import { RoomleEmbeddingApiKeys } from "configurator/embedding/roomle-configurator-api";
+    import { ConfiguratorSettings, UiInitData } from "configurator/embedding/types";
+    export const NAMESPACE: {
+        [key: string]: keyof RoomleEmbeddingApiKeys | 'callbacks';
+    };
+    export const NAMESPACE_SEPARATOR = ".";
+    export const SDK_CALLBACK: string;
+    export const HANDSHAKE_MESSAGES: {
+        REQUEST_BOOT: string;
+        SETUP: string;
+        WEBSITE_READY: string;
+    };
+    export const isExposable: (name: string) => boolean;
+    export const getMethodNames: (proto: any, namespace: string, isCallback?: boolean) => string[];
+    export const getConfiguratorSettings: (configuratorId: string, initData: UiInitData) => Promise<ConfiguratorSettings>;
+}
 declare module "configurator/business-logic/ui-callback" {
     import { KernelComponent } from '@roomle/web-sdk/lib/definitions/typings/kernel';
     export class UiCallbacks {
@@ -1287,15 +1288,74 @@ declare module "configurator/embedding/exposed-api" {
         private _forwardSdkCallbacks;
     }
 }
+declare module "common/utils/merge" {
+    /**
+     * Recursively merge properties of two objects.
+     * If a property exists in both it, property of obj2 is used.
+     * Returns a new object (copy)
+     * @param obj1
+     * @param obj2
+     */
+    export const deepMergeCopy: (obj1: any, obj2: any) => any;
+    /**
+     * Recursively merge properties of two objects.
+     * If a property exists in both it, property of obj2 is used.
+     * Warning: This returns obj1 and not a copy!
+     * @param obj1
+     * @param obj2
+     */
+    export const deepMerge: (obj1: any, obj2: any) => any;
+}
+declare module "common/utils/browser" {
+    import { Nullable } from "common/utils/types";
+    export const BROWSER_LANGUAGE_PROPERTY_KEYS_KNOWN: string[];
+    export const getLanguage: (lang?: Nullable<string>) => any;
+}
+declare module "common/utils/init-data" {
+    import { ConfiguratorSettings, UiInitData } from "configurator/embedding/types";
+    import RapiAccess from '@roomle/web-sdk/lib/definitions/common-core/src/rapi-access';
+    import { Nullable } from "common/utils/types";
+    import type { MessageHandler } from "configurator/embedding/message-handler";
+    import { RoomleSdkWrapper } from "configurator/business-logic/roomle-sdk-wrapper";
+    export const CONFIGURATOR_IDLE = "(idle)";
+    export const getInitData: (useFallbackId?: boolean) => UiInitData;
+    export const castAndFixInitData: (initData: UiInitData) => UiInitData;
+    export const castInitData: (obj: {
+        [key: string]: any;
+    }) => void;
+    export const mergeInitData: (configuratorSettings: ConfiguratorSettings | {
+        id: string;
+        settings: UiInitData;
+    }, currentInitData: UiInitData) => UiInitData;
+    export const getEmbeddingInitData: (messageHandler: MessageHandler) => Promise<UiInitData>;
+    export const getRemoteInitData: (rapiAccess: RapiAccess, configuratorId: string) => Promise<UiInitData>;
+    export const getFallbackInitData: () => UiInitData;
+    export const LEGACY_SHARE_PLACEHOLDER = "<CONF_ID>";
+    export const SHARE_PLACEHOLDER = "#CONFIGURATIONID#";
+    /**
+     * combines init data in this order: query params > embedding > remote > fallback
+     *
+     * some exceptions to consider:
+     * - tenant: when do we need the tenant and where do we get it from?
+     *
+     * @param messageHandler
+     * @param sdkWrapper
+     * @param fallbackInitData
+     */
+    export const combineInitData: (messageHandler: Nullable<MessageHandler>, sdkWrapper: RoomleSdkWrapper, queryParamsInitData: UiInitData) => Promise<UiInitData>;
+    export const setProperty: (o: {
+        [key: string]: any;
+    }, path: string, value: any) => void;
+}
 declare module "configurator/embedding/roomle-configurator-api" {
     import type { ExposedApi } from "configurator/embedding/exposed-api";
     import type { UiInitData } from "configurator/embedding/types";
-    import ConfiguratorUiCallbacks from '@roomle/web-sdk/lib/definitions/configurator-core/src/services/configurator-ui-callback';
-    import RoomleConfigurator from '@roomle/web-sdk/lib/definitions/configurator-core/src/roomle-configurator';
-    import { ExposedAnalyticsCallbacks } from "configurator/embedding/exposed-analytics-callbacks";
-    import RoomleGLBViewer from '@roomle/web-sdk/lib/definitions/glb-viewer-core/src/roomle-glb-viewer';
-    import RoomlePlanner from '@roomle/web-sdk/lib/definitions/planner-core/src/roomle-planner';
-    import { GlobalCallback } from '@roomle/web-sdk/lib/definitions/common-core/src/services/global-callback';
+    import type ConfiguratorUiCallbacks from '@roomle/web-sdk/lib/definitions/configurator-core/src/services/configurator-ui-callback';
+    import type RoomleConfigurator from '@roomle/web-sdk/lib/definitions/configurator-core/src/roomle-configurator';
+    import type { ExposedAnalyticsCallbacks } from "configurator/embedding/exposed-analytics-callbacks";
+    import type RoomleGLBViewer from '@roomle/web-sdk/lib/definitions/glb-viewer-core/src/roomle-glb-viewer';
+    import type RoomlePlanner from '@roomle/web-sdk/lib/definitions/planner-core/src/roomle-planner';
+    import type { GlobalCallback } from '@roomle/web-sdk/lib/definitions/common-core/src/services/global-callback';
     export interface RoomleEmbeddingApiKeys {
         extended: any;
         ui: any;