@roomle/embedding-lib 4.33.0 → 4.36.0

package/types/src/common/business-logic/event-bus.d.ts

@@ -0,0 +1,5 @@
+export declare class EventBus<ListenerType> {
+    listeners: ListenerType[];
+    addListener(listener: ListenerType): void;
+    removeListener(listener: ListenerType): void;
+}

package/types/src/{configurator → common}/components/collection-view/-utils/types.d.ts

@@ -1,10 +1,10 @@
 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 declare type CollectionViewElementType = 'addon' | 'parameter' | 'variant' | 'object';
-export interface CollectionViewElement {
+export declare 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;
 }

package/types/src/common/store/collection-view-state.d.ts

@@ -1,6 +1,6 @@
 import { Module } from 'vuex';
 import { Nullable } from '@/common/utils/types';
-import { CollectionViewElement } from '@/configurator/components/collection-view/-utils/types';
+import { CollectionViewElement } from '@/common/components/collection-view/-utils/types';
 import { StoreState } from '@/common/store';
 export interface GridViewUiState {
     filter: string[];
@@ -16,7 +16,8 @@ export interface CollectionViewUiState {
 export declare const getInitialCollectionViewState: () => CollectionViewUiState;
 export declare enum COLLECTION_VIEW_STATE_MUTATIONS {
     ELEMENT_EXPANDED = "CV_ELEMENT_EXPANDED",
-    SET_SELECTED_ELEMENT = "CV_SET_SELECTED_ELEMENT"
+    SET_SELECTED_ELEMENT = "CV_SET_SELECTED_ELEMENT",
+    RESET_COLLECTION_VIEW = "RESET_COLLECTION_VIEW"
 }
 export declare enum GRID_VIEW_STATE_MUTATIONS {
     SET_SEARCH = "GV_SET_SEARCH",

package/types/src/common/store/index.d.ts

@@ -1,10 +1,11 @@
 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;
@@ -13,11 +14,15 @@ export interface SharedUiState {
     lastRegularViewMode: Nullable<boolean>;
     wasDesktopBefore: boolean;
     sidebar: CollectionViewUiState;
-    selectedActions: BUTTON_ACTIONS[];
+    topBarSelectedActions: BUTTON_ACTIONS[];
 }
 export declare 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;
+    RESET_COLLECTION_VIEW: COLLECTION_VIEW_STATE_MUTATIONS.RESET_COLLECTION_VIEW;
     SET_IS_IN_IFRAME: COMMON_UI_STATE_MUTATIONS.SET_IS_IN_IFRAME;
     SET_IS_VIEW_ONLY: COMMON_UI_STATE_MUTATIONS.SET_IS_VIEW_ONLY;
     SET_LAST_REQUESTED_ID: COMMON_UI_STATE_MUTATIONS.SET_LAST_REQUESTED_ID;
@@ -28,12 +33,17 @@ export declare const MUTATIONS: {
     SET_IS_FULLSCREEN: PLANNER_UI_STATE_MUTATIONS.SET_IS_FULLSCREEN;
     SET_IS_DESKTOP: PLANNER_UI_STATE_MUTATIONS.SET_IS_DESKTOP;
     SET_LAST_REGULAR_VIEW_MODE: PLANNER_UI_STATE_MUTATIONS.SET_LAST_REGULAR_VIEW_MODE;
-    SET_SHOW_CATALOG: PLANNER_UI_STATE_MUTATIONS.SET_SHOW_CATALOG;
     SET_CATALOG_ROOT_TAG: PLANNER_UI_STATE_MUTATIONS.SET_CATALOG_ROOT_TAG;
     SET_IS_DRAG: PLANNER_UI_STATE_MUTATIONS.SET_IS_DRAG;
     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;
+    PUSH_SIDEBAR_VIEW: PLANNER_UI_STATE_MUTATIONS.PUSH_SIDEBAR_VIEW;
+    POP_SIDEBAR_VIEW: PLANNER_UI_STATE_MUTATIONS.POP_SIDEBAR_VIEW;
+    CLEAR_SIDEBAR: PLANNER_UI_STATE_MUTATIONS.CLEAR_SIDEBAR;
+    SET_LAST_WALLS: PLANNER_UI_STATE_MUTATIONS.SET_LAST_WALLS;
     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;
@@ -60,7 +70,6 @@ export declare const MUTATIONS: {
     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;
@@ -68,6 +77,7 @@ export declare const MUTATIONS: {
     SET_CURRENT_HASH: CORE_STATE_MUTATIONS.SET_CURRENT_HASH;
 };
 export declare 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;
@@ -79,7 +89,7 @@ export declare const ACTIONS: {
     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;
@@ -89,6 +99,7 @@ export interface StoreState {
     coreData: CoreData;
     uiState: UiState;
     plannerUiState: PlannerUiState;
+    plannerCoreData: PlannerCoreData;
     commonUiState: CommonUiState;
 }
 declare const _default: import("vuex").Store<StoreState>;

package/types/src/common/utils/helper.d.ts

@@ -1,7 +1,5 @@
 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 declare const throttle: <T extends (...args: any[]) => any>(func: T, delay?: number) => (...funcArgs: Parameters<T>) => void;
 export declare const round: (float: number, precision: number) => number;
 export declare const isIdAnItem: (id: string) => boolean;
@@ -30,22 +28,6 @@ export interface KernelBoundsFormatted {
 export declare const deepCopy: <T>(o: T) => T;
 export declare const toBoolean: (value: boolean | undefined, defaultValue?: boolean) => boolean;
 export declare 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 declare 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 declare const deepMerge: (obj1: any, obj2: any) => any;
 export declare const NAMES_FOR_LOCALHOST: string[];
 export declare const getHostname: () => string | null;
 export declare const isDemoHostname: (hostname: string) => boolean;
@@ -58,6 +40,4 @@ export declare const normalizeFloatingNumber: (num: number, decimals?: number) =
 export declare const checkForActivePackage: (tenant: RapiTenant) => boolean;
 export declare const oneTimeInterval: (callback: () => void, delay: number) => number;
 export declare const runOnIdle: any;
-export declare const createShareLinkFromUrl: (url: string) => string;
 export declare const isLocationJestTest: () => boolean;
-export declare const loadVariant: (id: string, applyCurrentGlobalParameters: boolean, sdkConnector: SdkConnector, analytics?: Analytics | undefined) => Promise<void>;

package/types/src/common/utils/merge.d.ts

@@ -0,0 +1,16 @@
+/**
+ * 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 declare 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 declare const deepMerge: (obj1: any, obj2: any) => any;

package/types/src/common/utils/parameters.d.ts

@@ -1,6 +1,6 @@
-import { RapiMaterial, RapiMaterialGroup, RapiTexture, RapiTagForUi } from '@roomle/web-sdk/lib/definitions/typings/rapi-types';
+import { RapiMaterial, RapiMaterialGroup, RapiTagForUi, RapiTexture } from '@roomle/web-sdk/lib/definitions/typings/rapi-types';
 import { KernelPartListParameter, UiPossibleChildTag } from '@roomle/web-sdk/lib/definitions/typings/kernel';
-import { CollectionViewElement } from '@/configurator/components/collection-view/-utils/types';
+import { CollectionViewElement } from '@/common/components/collection-view/-utils/types';
 import { VariantsMap } from '@/configurator/embedding/types';
 import RoomleConfigurator from '@roomle/web-sdk/lib/definitions/configurator-core/src/roomle-configurator';
 export interface RapiMaterialEmbeddedTextures extends RapiMaterial {

package/types/src/common/utils/share.d.ts

@@ -0,0 +1 @@
+export declare const createShareLinkFromUrl: (url: string) => string;

package/types/src/common/utils/touch-drag.d.ts

@@ -1,20 +1,19 @@
 import { Nullable } from '@/common/utils/types';
-export declare const TOUCH_DRAG_DELAY = 75;
-export declare const TOUCH_DRAG_EPSILON = 10;
+export declare const TOUCH_DRAG_TIMEOUT = 500;
 export interface TouchDragCallbacks {
     onTouchDragStart: (payload: Nullable<any>, event: TouchEvent) => void;
 }
 export declare class TouchDrag<Payload> {
-    private _detectTouchDragInterval;
-    private _firstTouch;
-    private _lastTouch;
+    private _touchDragTimeOut;
     private _onTouchDragStart;
     private _payload;
-    constructor(payload: Payload, { onTouchDragStart }: TouchDragCallbacks);
+    private _delay;
+    constructor(payload: Payload, { onTouchDragStart }: TouchDragCallbacks, options?: {
+        delay?: number;
+    });
     onTouchStart(event: TouchEvent): void;
     onTouchEnd(): void;
-    onTouchMove(event: TouchEvent): void;
-    private _clearInterval;
+    onTouchMove(_event: TouchEvent): void;
+    private _clearTimeout;
     private _resetTouches;
-    private _detectTouchDrag;
 }

package/types/src/common/utils/types.d.ts

@@ -11,3 +11,5 @@ export declare enum USER_ACTION {
     SHARE_AR = 301,
     SAVE_DRAFT = 302
 }
+export declare type ToggleCallback = (isExpanded: boolean) => void;
+export declare type CloseReason = 'toggle';

package/types/src/common/utils/variants.d.ts

@@ -0,0 +1,3 @@
+import { Analytics } from '@/common/plugins/analytics';
+import { SdkConnector } from '@/configurator/business-logic/sdk-connector';
+export declare const loadVariant: (id: string, applyCurrentGlobalParameters: boolean, sdkConnector: SdkConnector, analytics?: Analytics | undefined) => Promise<void>;

package/types/src/configurator/components/grid-view/-utils/GridViewHelper.d.ts

@@ -1,9 +1,9 @@
 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;
@@ -13,4 +13,4 @@ export interface GridViewGroup {
     label: Nullable<string>;
     elements: GridViewElement[];
 }
-export declare const toGridViewElements: (elements: Array<RapiMaterial | KernelValue | UiPossibleChild | RapiItem>, key: string) => GridViewElement[];
+export declare const toGridViewElements: <T = RapiItem | RapiMaterial | UiPossibleChild | KernelValue>(elements: T[], key: string) => GridViewElement<T>[];

package/types/src/configurator/embedding/roomle-configurator-api.d.ts

@@ -1,11 +1,11 @@
 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;

package/types/src/configurator/embedding/types.d.ts

@@ -18,7 +18,11 @@ export declare enum UI_BUTTON {
     ROTATE = "rotate",
     SNAPPING = "snapping",
     UNDO = "undo",
-    REDO = "redo"
+    REDO = "redo",
+    PARTLIST_PLANNER = "partlist_planner",
+    PRODUCTLIST = "productlist",
+    TWO_D_VIEW = "2dview",
+    ADD_ROOM = "add_room"
 }
 interface FeatureFlags {
     realPartList?: boolean;
@@ -45,6 +49,9 @@ export interface UiInitData extends InitDataDefinition, GlobalInitDataDefinition
         [UI_BUTTON.SNAPPING]?: boolean;
         [UI_BUTTON.UNDO]?: boolean;
         [UI_BUTTON.REDO]?: boolean;
+        [UI_BUTTON.TWO_D_VIEW]?: boolean;
+        [UI_BUTTON.PARTLIST_PLANNER]?: boolean;
+        [UI_BUTTON.ADD_ROOM]?: boolean;
     };
     skin?: EmbeddingSkin;
     zIndex?: number;

package/types/src/configurator/store/ui-state.d.ts

@@ -18,7 +18,11 @@ export declare enum BUTTON_ACTIONS {
     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;
@@ -51,8 +55,6 @@ export interface UiState extends SharedUiState {
 export declare 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",
@@ -75,7 +77,9 @@ export declare enum UI_STATE_MUTATIONS {
     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 declare enum UI_STATE_ACTIONS {
     SELECT_GROUP = "SELECT_GROUP",
@@ -88,7 +92,8 @@ export declare enum UI_STATE_ACTIONS {
     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 declare enum UI_STATE_GETTERS {
     USE_REGULAR_LAYOUT = "USE_REGULAR_LAYOUT",
@@ -96,7 +101,10 @@ export declare enum UI_STATE_GETTERS {
     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 declare const initialState: UiState;
 export declare const uiState: Module<UiState, StoreState>;

package/types/src/planner/business-logic/pre-defined-rooms.d.ts

@@ -0,0 +1,2 @@
+import { SampleRoomsCollectionView } from '@/planner/business-logic/rooms';
+export declare const getPreDefinedRooms: (translate: (key: string) => string) => SampleRoomsCollectionView;

package/types/src/planner/business-logic/rooms.d.ts

@@ -0,0 +1,12 @@
+import { CollectionViewElement } from '@/common/components/collection-view/-utils/types';
+import { WallDefinition } from '@roomle/web-sdk/lib/definitions/planner-core/src/roomle-planner';
+import { PlanOverview } from '@roomle/web-sdk/lib/definitions/typings/planner';
+export declare type RoomType = 'wall' | 'corner' | 'square' | 'L';
+export interface SampleRoom {
+    id: string;
+    roomSketch: string;
+    label: string;
+    type: RoomType;
+}
+export declare type SampleRoomsCollectionView = Array<CollectionViewElement<SampleRoom[]>>;
+export declare const getRoomDefinition: (type: RoomType, planOverview: PlanOverview) => WallDefinition[];

package/types/src/planner/store/planner-core-data.d.ts

@@ -0,0 +1,21 @@
+import { StoreState } from '@/common/store';
+import { Nullable } from '@/common/utils/types';
+import { Module } from 'vuex';
+import { ProductListItem } from '@/planner/utils/planner-sidebar';
+export interface PlannerCoreData {
+    productList: ProductListItem[];
+    currencySymbol: string;
+    price: Nullable<number>;
+}
+export declare enum PLANNER_CORE_DATA_MUTATIONS {
+    UPDATE_PRODUCT_LIST = "UPDATE_PRODUCT_LIST",
+    UPDATE_PRICE_VALUE = "UPDATE_PRICE_VALUE",
+    UPDATE_CURRENCY_SYMBOL = "UPDATE_CURRENCY_SYMBOL"
+}
+export declare enum PLANNER_CORE_DATA_ACTIONS {
+    UPDATE_PRICE = "UPDATE_PRICE"
+}
+export declare enum PLANNER_CORE_DATA_GETTERS {
+    CURRENT_PRICE = "CURRENT_PRICE"
+}
+export declare const plannerCoreData: Module<PlannerCoreData, StoreState>;

package/types/src/planner/store/planner-ui-state.d.ts

@@ -2,15 +2,20 @@ import { Module } from 'vuex';
 import { SharedUiState, StoreState } from '@/common/store';
 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';
+import { PlannerSidebarState } from '@/planner/utils/planner-sidebar';
+import { KernelWall } from '@roomle/web-sdk/lib/definitions/typings/planner';
 declare type SelectionType = 'static' | 'configuration';
 export interface PlannerUiState extends SharedUiState {
     selection: Nullable<SelectionType>;
     selectionPayload: Nullable<SelectionPayload>;
-    showCatalog: boolean;
     isDrag: boolean;
     catalogTags: Nullable<RapiTagForUi[]>;
     actionMenuExpanded: boolean;
+    selectedActions: BUTTON_ACTIONS[];
+    stackViewStack: PlannerSidebarState[];
+    lastWalls: KernelWall[];
 }
 export declare enum PLANNER_UI_STATE_MUTATIONS {
     SET_SELECTION_PAYLOAD = "PLANNER_UI_STATE_setSelectionPayload",
@@ -20,19 +25,29 @@ export declare enum PLANNER_UI_STATE_MUTATIONS {
     SET_IS_FULLSCREEN = "PLANNER_UI_STATE_setIsFullscreen",
     SET_IS_DESKTOP = "PLANNER_UI_STATE_setIsDesktop",
     SET_LAST_REGULAR_VIEW_MODE = "PLANNER_UI_STATE_SET_LAST_REGULAR_VIEW_MODE",
-    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",
+    PUSH_SIDEBAR_VIEW = "PUSH_SIDEBAR_VIEW",
+    POP_SIDEBAR_VIEW = "POP_SIDEBAR_VIEW",
+    CLEAR_SIDEBAR = "CLEAR_SIDEBAR",
+    SET_LAST_WALLS = "SET_LAST_WALLS"
 }
 export declare enum PLANNER_UI_STATE_ACTIONS {
     SELECT_VIEW_MODE = "PLANNER_UI_STATE_SELECT_VIEW_MODE",
-    SET_INTERACTIONS_EXPANDED = "PLANNER_UI_STATE_SET_INTERACTIONS_EXPANDED"
+    SET_INTERACTIONS_EXPANDED = "PLANNER_UI_STATE_SET_INTERACTIONS_EXPANDED",
+    DESELECT_SIDEBAR_ACTION_BUTTONS = "DESELECT_SIDEBAR_ACTION_BUTTONS"
 }
 export declare 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",
+    LAST_OF_STACK_VIEW_STACK = "LAST_OF_STACK_VIEW_STACK"
 }
 export declare const plannerUiState: Module<PlannerUiState, StoreState>;
 export {};

package/types/src/planner/utils/planner-sidebar.d.ts

@@ -0,0 +1,21 @@
+import { KernelPartList, UiPlanObject } from '@roomle/web-sdk/lib/definitions/typings/kernel';
+import { Store } from 'vuex';
+import { StoreState } from '@/common/store';
+import { SdkConnector } from '@/configurator/business-logic/sdk-connector';
+import { RapiConfiguration, RapiItem } from '@roomle/web-sdk/lib/definitions/typings/rapi-types';
+export interface PlannerSidebarState {
+    welcome: boolean;
+    catalog: boolean;
+    productList: boolean;
+    partList: boolean;
+    sampleRooms: boolean;
+    selectionDetail: boolean;
+    mobileExpanded: boolean;
+    [key: string]: boolean;
+}
+export interface ProductListItem extends UiPlanObject {
+    quantity: number;
+}
+export declare const initialPlannerSidebarState: PlannerSidebarState;
+export declare const matchProductListAndQuantity: (productList: UiPlanObject[]) => ProductListItem[];
+export declare const fillPartList: (data: RapiItem | RapiConfiguration, partList: KernelPartList, hash: string, sdkConnector: SdkConnector, store: Store<StoreState>) => Promise<void>;

package/types/tests/helpers/data/items.d.ts

@@ -87,6 +87,96 @@ export declare const MOCK_RAPI_ITEM: {
         version: number;
     };
 };
+export declare const MOCK_RAPI_ITEM_CONFIGURATION: {
+    item: {
+        height: number;
+        width: number;
+        depth: number;
+        displayedHeight: number;
+        displayedWidth: number;
+        displayedDepth: number;
+        perspectiveImage: string;
+        perspectiveImageHD: string;
+        topImage: string;
+        threeDimensionalAssetWeb: string;
+        threeDimensionalAssetIOS: string;
+        threeDimensionalAsset: string;
+        configuration: string;
+        assets: {
+            'unity-13-web': {
+                format: string;
+                url: string;
+            };
+            usdz: {
+                format: string;
+                url: string;
+            };
+            'glb2_draft-ios': {
+                format: string;
+                url: string;
+            };
+            'unity-13-mac': {
+                format: string;
+                url: string;
+            };
+            'glb2_draft-and': {
+                format: string;
+                url: string;
+            };
+            src: {
+                format: string;
+                url: string;
+            };
+            'unity-13-ios': {
+                format: string;
+                url: string;
+            };
+            blend: {
+                format: string;
+                url: string;
+            };
+            'glb2_draft-web': {
+                format: string;
+                url: string;
+            };
+            'unity-13-and': {
+                format: string;
+                url: string;
+            };
+            glb: {
+                format: string;
+                url: string;
+            };
+        };
+        externalIdentifier: string;
+        manufacturerSKU: string;
+        hidden: boolean;
+        visibilityStatus: number;
+        created: string;
+        updated: string;
+        flipable: boolean;
+        scaleable: boolean;
+        colorable: boolean;
+        layer: number;
+        sort: number;
+        basecolor: string;
+        orderable: boolean;
+        requestable: boolean;
+        retailPriceAllowed: boolean;
+        label: string;
+        language: string;
+        catalog: string;
+        id: string;
+        links: {
+            tags: string;
+            similarItems: string;
+            perfectFit: string;
+            additionalContents: string;
+        };
+        attributes: never[];
+        version: number;
+    };
+};
 export declare const MOCK_RAPI_CONFIGURATION: {
     configuration: {
         assets: {