@roomle/embedding-lib 4.34.0 → 4.37.0

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

@@ -4,15 +4,18 @@ 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",
@@ -22,24 +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 = "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"
+    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",
     SELECTED_ITEM_PAYLOAD = "PLANNER_UI_STATE_SELECTED_ITEM_PAYLOAD",
     PART_LIST_PLANNER_SHOWN = "PART_LIST_PLANNER_SHOWN",
-    PRODUCT_LIST_SHOWN = "PRODUCT_LIST_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/{product-list.d.ts → planner-sidebar.d.ts}

@@ -3,8 +3,19 @@ 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: {

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

@@ -0,0 +1,224 @@
+export declare const PLAN_OVERVIEW: {
+    area: number;
+    bounds: {
+        origin: {
+            x: number;
+            y: number;
+            z: number;
+        };
+        size: {
+            x: number;
+            y: number;
+            z: number;
+        };
+    };
+    outsideWalls: never[];
+    rooms: never[];
+    objects: {
+        dimensions: {
+            x: number;
+            y: number;
+            z: number;
+        };
+        center: {
+            x: number;
+            y: number;
+            z: number;
+        };
+        customColor: number;
+        rotation: number;
+        customLabel: null;
+        catalogItemId: string;
+        configuration: string;
+        configurationHash: string;
+        parts: {
+            fullList: ({
+                articleNr: string;
+                componentId: string;
+                componentRuntimeIds: number[];
+                subpartId: number;
+                hasGeometry: boolean;
+                label: string;
+                labelIsCalculated: boolean;
+                count: number;
+                packageSize: number;
+                valid: boolean;
+                price: number;
+                retailerPrice: number;
+                currencySymbol: string;
+                parameters: ({
+                    key: string;
+                    label: string;
+                    type: string;
+                    unitType: string;
+                    value: string;
+                    valueLabel: string;
+                    valueThumbnail: null;
+                    sort: number;
+                } | {
+                    key: string;
+                    label: string;
+                    type: string;
+                    unitType: null;
+                    value: string;
+                    valueLabel: null;
+                    valueThumbnail: null;
+                    sort: number;
+                } | {
+                    key: string;
+                    label: null;
+                    type: string;
+                    unitType: null;
+                    value: string;
+                    valueLabel: null;
+                    valueThumbnail: null;
+                    sort: number;
+                })[];
+            } | {
+                articleNr: string;
+                componentId: string;
+                componentRuntimeIds: number[];
+                subpartId: number;
+                hasGeometry: boolean;
+                label: string;
+                labelIsCalculated: boolean;
+                count: number;
+                packageSize: number;
+                valid: boolean;
+                price: number;
+                retailerPrice: number;
+                currencySymbol: null;
+                parameters: never[];
+            })[];
+            perMainComponent: {
+                fullList: ({
+                    articleNr: string;
+                    componentId: string;
+                    componentRuntimeIds: number[];
+                    subpartId: number;
+                    hasGeometry: boolean;
+                    label: string;
+                    labelIsCalculated: boolean;
+                    count: number;
+                    packageSize: number;
+                    valid: boolean;
+                    price: number;
+                    retailerPrice: number;
+                    currencySymbol: string;
+                    parameters: ({
+                        key: string;
+                        label: string;
+                        type: string;
+                        unitType: string;
+                        value: string;
+                        valueLabel: string;
+                        valueThumbnail: null;
+                        sort: number;
+                    } | {
+                        key: string;
+                        label: string;
+                        type: string;
+                        unitType: null;
+                        value: string;
+                        valueLabel: null;
+                        valueThumbnail: null;
+                        sort: number;
+                    } | {
+                        key: string;
+                        label: null;
+                        type: string;
+                        unitType: null;
+                        value: string;
+                        valueLabel: null;
+                        valueThumbnail: null;
+                        sort: number;
+                    })[];
+                } | {
+                    articleNr: string;
+                    componentId: string;
+                    componentRuntimeIds: number[];
+                    subpartId: number;
+                    hasGeometry: boolean;
+                    label: string;
+                    labelIsCalculated: boolean;
+                    count: number;
+                    packageSize: number;
+                    valid: boolean;
+                    price: number;
+                    retailerPrice: number;
+                    currencySymbol: null;
+                    parameters: never[];
+                })[];
+                perMainComponent: never[];
+                originPart: {
+                    articleNr: null;
+                    componentId: string;
+                    componentRuntimeIds: number[];
+                    subpartId: number;
+                    hasGeometry: boolean;
+                    label: string;
+                    labelIsCalculated: boolean;
+                    count: number;
+                    packageSize: number;
+                    valid: boolean;
+                    price: number;
+                    retailerPrice: number;
+                    currencySymbol: null;
+                    parameters: ({
+                        key: string;
+                        label: string;
+                        type: string;
+                        unitType: null;
+                        value: string;
+                        valueLabel: string;
+                        valueThumbnail: string;
+                        sort: number;
+                    } | {
+                        key: string;
+                        label: string;
+                        type: string;
+                        unitType: string;
+                        value: string;
+                        valueLabel: string;
+                        valueThumbnail: null;
+                        sort: number;
+                    } | {
+                        key: string;
+                        label: string;
+                        type: string;
+                        unitType: null;
+                        value: string;
+                        valueLabel: string;
+                        valueThumbnail: null;
+                        sort: number;
+                    } | {
+                        key: string;
+                        label: string;
+                        type: string;
+                        unitType: null;
+                        value: string;
+                        valueLabel: null;
+                        valueThumbnail: null;
+                        sort: number;
+                    })[];
+                };
+            }[];
+            originPart: {
+                articleNr: null;
+                componentId: null;
+                componentRuntimeIds: never[];
+                subpartId: number;
+                hasGeometry: boolean;
+                label: null;
+                labelIsCalculated: boolean;
+                count: number;
+                packageSize: number;
+                valid: boolean;
+                price: number;
+                retailerPrice: number;
+                currencySymbol: null;
+                parameters: never[];
+            };
+        };
+    }[];
+};

package/types/tests/helpers/mocks/store.d.ts

@@ -1,6 +1,7 @@
-export declare const getStoreMock: ({ uiState, plannerUiState, coreData, coreState, commonUiState, }: {
+export declare const getStoreMock: ({ uiState, plannerUiState, plannerCoreData, coreData, coreState, commonUiState, }: {
     uiState?: object | undefined;
     plannerUiState?: object | undefined;
+    plannerCoreData?: object | undefined;
     coreData?: object | undefined;
     coreState?: object | undefined;
     commonUiState?: object | undefined;

package/types/tests/integration/configurator/components/overlays/PartList.spec.d.ts

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

package/types/tests/integration/planner/components/SelectionPreview.spec.d.ts

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

package/types/tests/unit/common/business-logic/event-bus.spec.d.ts

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