@roomle/embedding-lib 5.13.0-alpha.1 → 5.13.0-alpha.3

package/src/common/components/overlays/PartList.vue.d.ts

@@ -1,8 +1,7 @@
 import { PropType } from 'vue';
 import { EventBus } from '../../business-logic/event-bus';
-import { CloseReason, ToggleCallback } from '../../utils/types';
+import { CloseReason, RoomlePlannerWithExtObjs, ToggleCallback } from '../../utils/types';
 import { SelectionPayload } from '@roomle/web-sdk/lib/definitions/planner-core/src/roomle-planner-ui-callback';
-import { default as RoomlePlanner } from '@roomle/web-sdk/lib/definitions/planner-core/src/roomle-planner';
 import { default as RoomleConfigurator } from '@roomle/web-sdk/lib/definitions/configurator-core/src/roomle-configurator';
 
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
@@ -12,7 +11,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     };
     icToggleEvent: PropType<EventBus<ToggleCallback>>;
     api: {
-        type: PropType<RoomleConfigurator | RoomlePlanner>;
+        type: PropType<RoomlePlannerWithExtObjs | RoomleConfigurator<readonly []>>;
         required: true;
     };
 }>, {
@@ -39,7 +38,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     };
     icToggleEvent: PropType<EventBus<ToggleCallback>>;
     api: {
-        type: PropType<RoomleConfigurator | RoomlePlanner>;
+        type: PropType<RoomlePlannerWithExtObjs | RoomleConfigurator<readonly []>>;
         required: true;
     };
 }>> & Readonly<{}>, {}, {}, {

package/src/common/components/overlays/part-list/partlist-setup.d.ts

@@ -1,12 +1,11 @@
 import { KernelPartList, KernelPartListPrice, KernelPlanObject } from '@roomle/web-sdk/lib/definitions/typings/kernel';
-import { default as RoomlePlanner } from '@roomle/web-sdk/lib/definitions/planner-core/src/roomle-planner';
 import { Store } from 'vuex';
 import { default as RoomleConfigurator } from '@roomle/web-sdk/lib/definitions/configurator-core/src/roomle-configurator';
-import { Nullable } from '../../../utils/types';
+import { Nullable, RoomlePlannerWithExtObjs } from '../../../utils/types';
 import { StoreState } from '../../../store';
 
-export default function setupPartList(api: Nullable<RoomlePlanner> | Nullable<RoomleConfigurator>, storeIn?: Store<StoreState>, plannerCoreInstance?: {
-    api: Nullable<RoomlePlanner>;
+export default function setupPartList(api: Nullable<RoomlePlannerWithExtObjs> | Nullable<RoomleConfigurator>, storeIn?: Store<StoreState>, plannerCoreInstance?: {
+    api: Nullable<RoomlePlannerWithExtObjs>;
 }, planObject?: KernelPlanObject): () => {
     store: any;
     label: import('vue').ComputedRef<any>;

package/src/common/composables/use-configurator-api.d.ts

@@ -1,6 +1,6 @@
 import { ShallowRef } from 'vue';
-import { default as RoomleConfigurator } from '@roomle/web-sdk/lib/definitions/configurator-core/src/roomle-configurator';
+import { RoomleConfiguratorType } from '../utils/types';
 
 export declare const useConfiguratorApi: () => {
-    configuratorApi: ShallowRef<RoomleConfigurator>;
+    configuratorApi: ShallowRef<RoomleConfiguratorType>;
 };

package/src/common/composables/use-core-instances.d.ts

@@ -1,8 +1,8 @@
 import { ShallowRef } from 'vue';
-import { default as RoomlePlanner } from '@roomle/web-sdk/lib/definitions/planner-core/src/roomle-planner';
 import { PlanInteractionHandler } from '@roomle/web-sdk/lib/definitions/typings/planner';
+import { RoomlePlannerWithExtObjs } from '../utils/types';
 
 export declare const useCoreInstances: () => {
-    api: ShallowRef<RoomlePlanner>;
+    api: ShallowRef<RoomlePlannerWithExtObjs>;
     planInteractionHandler: ShallowRef<PlanInteractionHandler>;
 };

package/src/common/composables/use-event-emitter-listener.d.ts

@@ -39,9 +39,11 @@ export interface NotificationEventTypes {
 }
 export declare const UPDATE_EVENTS: {
     readonly WALL_LENGTH: "update-wall-length";
+    readonly WALL_HEIGHT: "update-wall-height";
 };
 export interface UpdateEventTypes {
     [UPDATE_EVENTS.WALL_LENGTH]: void;
+    [UPDATE_EVENTS.WALL_HEIGHT]: void;
 }
 export declare const CUSTOM_VIEW_EVENTS: {
     readonly SHOW: "show-custom-view";

package/src/common/composables/use-open-close-anim.d.ts

@@ -0,0 +1,9 @@
+import { CollectionViewElement as CollectionViewElementType } from '../components/collection-view/-utils/types';
+import { UiKernelParameter } from '@roomle/web-sdk/lib/definitions/typings/kernel';
+
+export declare const OPEN_CLOSE_ANIMATION_PARAM_KEY = "animation:openClose";
+export declare const useOpenCloseAnim: () => {
+    openCloseAnimationParameter: import('vue').ComputedRef<CollectionViewElementType<UiKernelParameter>>;
+    isAnimationToggled: import('vue').ComputedRef<boolean>;
+    toggleOpenCloseAnimation: () => Promise<void>;
+};

package/src/common/composables/use-static-item-parameters.d.ts

@@ -1,8 +1,8 @@
 import { GridViewElement } from '../../configurator/components/grid-view/-utils/GridViewHelper';
-import { default as RoomlePlanner } from '@roomle/web-sdk/lib/definitions/planner-core/src/roomle-planner';
 import { MaterialsForObjects } from '../../planner/business-logic/rooms';
+import { RoomlePlannerWithExtObjs } from '../utils/types';
 
-export declare const useStaticItemParameters: (api: RoomlePlanner, materialRootTag?: string[] | string) => {
+export declare const useStaticItemParameters: (api: RoomlePlannerWithExtObjs, materialRootTag?: string[] | string) => {
     show: {
         sizeControls: boolean;
         colorControls: boolean;

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

@@ -1,12 +1,11 @@
-import { Enumify, CATALOG_INFOS_TYPES, ExtendedKernelVector3, GroupedCollection, Nullable } from './types';
+import { Enumify, CATALOG_INFOS_TYPES, RoomlePlannerWithExtObjs, RoomleConfiguratorType, ExtendedKernelVector3, GroupedCollection, Nullable } from './types';
 import { RapiConfiguration, RapiItem, RapiTenant, AdditionalInfo, RapiMaterial, RapiComponent, RapiPlanSnapshotGetData } from '@roomle/web-sdk/lib/definitions/typings/rapi-types';
 import { StoreState } from '../store';
 import { UiInitData } from '../../configurator/embedding/types';
 import { BUTTON_ACTIONS } from '../../configurator/store/ui-state';
-import { default as RoomlePlanner } from '@roomle/web-sdk/lib/definitions/planner-core/src/roomle-planner';
-import { default as RoomleConfigurator } from '@roomle/web-sdk/lib/definitions/configurator-core/src/roomle-configurator';
 import { KernelVector3 } from '@roomle/web-sdk/lib/definitions/typings/kernel';
 import { PlannerUiState } from '../../planner/store/planner-ui-state';
+import { ExternalConfiguration } from '@roomle/web-sdk/lib/definitions/typings/external-objects';
 
 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;
@@ -34,8 +33,8 @@ export interface KernelBoundsFormatted {
 export declare const deepCopy: <T>(o: T) => T;
 export declare const toBoolean: (value: boolean | undefined, defaultValue?: boolean) => boolean;
 export declare const scriptInfo: (...args: any[]) => void;
-export declare const getGlbAssetUrl: (obj: RapiItem | RapiConfiguration | RapiPlanSnapshotGetData) => Nullable<string>;
-export declare const getUsdzAssetUrl: (obj: RapiItem | RapiConfiguration | RapiPlanSnapshotGetData) => Nullable<string>;
+export declare const getGlbAssetUrl: (obj: RapiItem | RapiConfiguration | RapiPlanSnapshotGetData | ExternalConfiguration) => Nullable<string>;
+export declare const getUsdzAssetUrl: (obj: RapiItem | RapiConfiguration | RapiPlanSnapshotGetData | ExternalConfiguration) => Nullable<string>;
 export declare const hasArAssets: (item: RapiItem) => boolean;
 export declare const formatPrice: (currencySymbol: Nullable<string>, price: Nullable<number>) => Nullable<string>;
 export declare const normalizeFloatingNumber: (num: number, decimals?: number) => number;
@@ -49,7 +48,7 @@ export declare const parseColorToHexDecimalString: (color: string) => string;
 export declare const groupArrayBy: <T>(collection: T[], key: keyof T) => GroupedCollection<T>;
 export declare const setupStoreWithInitData: (initData: UiInitData, store: Store<StoreState>) => void;
 export declare const isActionActive: (state: PlannerUiState, action: BUTTON_ACTIONS) => boolean;
-export declare const setMeasurementUnit: (sdkConnector: RoomlePlanner | RoomleConfigurator, store: Store<StoreState>) => void;
+export declare const setMeasurementUnit: (sdkConnector: RoomlePlannerWithExtObjs | RoomleConfiguratorType, store: Store<StoreState>) => void;
 export declare const getStartConfiguringOrViewingIcon: (store: Store<StoreState>) => string;
 export interface Tooltip {
     [key: string]: string;
@@ -67,7 +66,7 @@ export type WithRequired<T, K extends keyof T> = T & {
 };
 export declare const radToDeg: (rad: number) => number;
 export declare const isValidPlanID: (planId: string) => boolean;
-export declare const convertToUIValuesHelper: (valuesMM: KernelVector3, api: Nullable<RoomlePlanner>) => {
+export declare const convertToUIValuesHelper: (valuesMM: KernelVector3, api: Nullable<RoomlePlannerWithExtObjs>) => {
     x: string;
     y: string;
     z: string;

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

@@ -2,7 +2,7 @@ import { RapiMaterial, RapiMaterialGroup, RapiTagForUi, RapiTexture } from '@roo
 import { KernelPartListParameter, UiPossibleChildTag } from '@roomle/web-sdk/lib/definitions/typings/kernel';
 import { CollectionViewElement, TabCategory } from '../components/collection-view/-utils/types';
 import { VariantsMap } from '../../configurator/embedding/types';
-import { default as RoomleConfigurator } from '@roomle/web-sdk/lib/definitions/configurator-core/src/roomle-configurator';
+import { RoomleConfiguratorType } from './types';
 
 export interface RapiMaterialEmbeddedTextures extends RapiMaterial {
     embeddedTextures?: RapiTexture[];
@@ -15,5 +15,5 @@ export declare const mapRootTagToCollectionViewArray: (tags: RapiTagForUi[], tab
 export declare const filterAndMapAddons: (addons: UiPossibleChildTag[], selectedGroup: string | undefined) => CollectionViewElement[];
 export declare const addonsHaveGroups: (addons: UiPossibleChildTag[]) => boolean;
 export declare const extractRootComponentId: (id: string) => string;
-export declare const getCurrentVariants: (api: RoomleConfigurator, id: string, variantChangeMap?: VariantsMap) => Promise<RapiTagForUi>;
+export declare const getCurrentVariants: (api: RoomleConfiguratorType, id: string, variantChangeMap?: VariantsMap) => Promise<RapiTagForUi>;
 export declare const prepareParametersForUi: (parameters: KernelPartListParameter[]) => KernelPartListParameter[];

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

@@ -1,3 +1,6 @@
+import { default as RoomleConfigurator } from '@roomle/web-sdk/lib/definitions/configurator-core/src/roomle-configurator';
+import { default as RoomlePlanner } from '@roomle/web-sdk/lib/definitions/planner-core/src/roomle-planner';
+import { ExternalConfiguration } from '@roomle/web-sdk/lib/definitions/typings/external-objects';
 import { KernelVector3 } from '@roomle/web-sdk/lib/definitions/typings/kernel';
 import { RapiConfigurationEnhanced, RapiPlanSnapshotGetData, RapiPlan } from '@roomle/web-sdk/lib/definitions/typings/rapi-types';
 import { ComponentPublicInstance } from 'vue';
@@ -120,7 +123,7 @@ export interface MessageEventData {
 export type DraftTypes = 'plan' | 'configuration';
 export interface SaveDraftPayload {
     type: Nullable<DraftTypes>;
-    payload: Nullable<RapiConfigurationEnhanced | RapiPlanSnapshotGetData | RapiPlan>;
+    payload: Nullable<RapiConfigurationEnhanced | RapiPlanSnapshotGetData | RapiPlan | ExternalConfiguration>;
 }
 export interface SaveDraft {
     id: string;
@@ -144,3 +147,8 @@ export type TutorialData = {
     [key: string]: CustomTutorialTranslation | CustomTutorialPlatform | CustomTutorialScope;
 };
 export type TooltipTarget<T> = ComponentPublicInstance<T>;
+export type RoomlePlannerWithExtObjs = RoomlePlanner<['external-objects']>;
+export type RoomleConfiguratorWithExtObjs = RoomleConfigurator<[
+    'external-objects'
+]>;
+export type RoomleConfiguratorType = RoomleConfigurator | RoomleConfiguratorWithExtObjs;

package/src/common/utils/ui-actions.d.ts

@@ -2,9 +2,8 @@ import { SdkConnector } from '../../configurator/business-logic/sdk-connector';
 import { StoreState } from '../store';
 import { Store } from 'vuex';
 import { ExposedCallbacks } from '../../configurator/embedding/exposed-callbacks';
-import { Nullable } from './types';
+import { Nullable, RoomlePlannerWithExtObjs } from './types';
 import { default as PlanElementViewModel } from '@roomle/web-sdk/lib/definitions/common-core/src/view-model/plan-element-view-model';
-import { default as RoomlePlanner } from '@roomle/web-sdk/lib/definitions/planner-core/src/roomle-planner';
 import { SidebarType } from '../composables/use-event-emitter-listener';
 import { default as EventEmitter } from '../business-logic/event-emitter';
 
@@ -33,6 +32,6 @@ export default class UiActions {
     preparePartList(buttonAction: number): Promise<void>;
     private _toggleAction;
     switchProduct(): Promise<void>;
-    swapObject(api: RoomlePlanner, planElement: PlanElementViewModel, itemId: string): Promise<Nullable<number>>;
+    swapObject(api: RoomlePlannerWithExtObjs, planElement: PlanElementViewModel, itemId: string): Promise<Nullable<number>>;
     popSidebar(): void;
 }

package/src/configurator/business-logic/roomle-sdk-wrapper.d.ts

@@ -1,12 +1,11 @@
 import { default as 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 { Nullable, RoomleConfiguratorType } from '../../common/utils/types';
 import { UiInitData } from '../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';
-import { default as RoomleConfigurator } from '@roomle/web-sdk/lib/definitions/configurator-core/src/roomle-configurator';
 import { default as IdbManager } from '@roomle/web-sdk/lib/definitions/common-core/src/services/idb-manager';
 
 /**
@@ -20,9 +19,9 @@ export declare class RoomleSdkWrapper {
     private _currentInstance;
     get hasPlanner(): boolean;
     getConfigurator(element: HTMLElement, initData?: UiInitData): Promise<Configurator>;
-    getConfiguratorApi(element: HTMLElement, initData?: UiInitData): Promise<RoomleConfigurator>;
+    getConfiguratorApi(element: HTMLElement, initData?: UiInitData): Promise<RoomleConfiguratorType>;
     getGlbViewer(element: HTMLElement, initData?: UiInitData): Promise<GlbViewer>;
-    getPlanner(element: HTMLElement, initData?: UiInitData): Promise<Planner>;
+    getPlanner(element: HTMLElement, initData?: UiInitData): Promise<Planner<['external-objects']>>;
     getRapiAccess(): Promise<RapiAccess>;
     getGlobalCallback(): Promise<GlobalCallback>;
     getStorage(): Nullable<IdbManager>;

package/src/configurator/business-logic/sdk-connector-configurator.d.ts

@@ -1,5 +1,4 @@
-import { default as RoomleConfigurator } from '@roomle/web-sdk/lib/definitions/configurator-core/src/roomle-configurator';
-import { Nullable } from '../../common/utils/types';
+import { Nullable, RoomleConfiguratorType } from '../../common/utils/types';
 import { UiInitData } from '../embedding/types';
 import { StoreState } from '../../common/store';
 import { KernelParameter } from '@roomle/web-sdk/lib/definitions/typings/kernel';
@@ -20,9 +19,9 @@ export declare class SdkConnectorConfigurator extends Connector {
     private _previousParameters;
     private _uiCallbacks;
     constructor(store: Store<StoreState>, analytics: Nullable<Analytics>, eventEmitter: EventEmitter);
-    get api(): Promise<RoomleConfigurator>;
+    get api(): Promise<RoomleConfiguratorType>;
     init(sdkWrapper: RoomleSdkWrapper, element: HTMLElement, initData: UiInitData): Promise<void>;
-    initConfigurator(configurator: RoomleConfigurator): Promise<void>;
+    initConfigurator(configurator: RoomleConfiguratorType): Promise<void>;
     setParameter(parameter: KernelParameter, value: string, isRaw?: boolean): Promise<void>;
     setPrice(currencySymbol: string, price: number): void;
     addUiCallback(listener: UiCallbacks): void;

package/src/configurator/business-logic/sdk-connector.d.ts

@@ -1,6 +1,6 @@
 import { Store } from 'vuex';
 import { StoreState } from '../../common/store';
-import { Nullable } from '../../common/utils/types';
+import { Nullable, RoomleConfiguratorType, RoomlePlannerWithExtObjs } from '../../common/utils/types';
 import { KernelParameter, KernelPartList, RuntimeId, UiPossibleChildTag } from '@roomle/web-sdk/lib/definitions/typings/kernel';
 import { default as ConfiguratorUiCallbacks } from '@roomle/web-sdk/lib/definitions/configurator-core/src/services/configurator-ui-callback';
 import { Analytics } from '../../common/plugins/analytics';
@@ -10,12 +10,10 @@ import { default as RapiAccess } from '@roomle/web-sdk/lib/definitions/common-co
 import { MessageHandler } from '../../../packages/common/src/utils/message-handler';
 import { ExposedCallbacks } from '../embedding/exposed-callbacks';
 import { UiInitData } from '../embedding/types';
-import { default as RoomlePlanner } from '@roomle/web-sdk/lib/definitions/planner-core/src/roomle-planner';
 import { SdkConnectorConfigurator } from './sdk-connector-configurator';
 import { SdkConnectorViewer } from '../../viewer/business-logic/sdk-connector-viewer';
 import { SdkConnectorPlanner } from '../../planner/business-logic/sdk-connector-planner';
 import { RapiConfigurationEnhanced, RapiPlan, RapiPlanSnapshotGetData } from '@roomle/web-sdk/lib/definitions/typings/rapi-types';
-import { default as RoomleConfigurator } from '@roomle/web-sdk/lib/definitions/configurator-core/src/roomle-configurator';
 import { UiCallbacks } from './ui-callback';
 import { Base64Image } from '@roomle/web-sdk/lib/definitions/common-core/src/common-interfaces';
 import { default as RoomlePlannerUiCallback } from '@roomle/web-sdk/lib/definitions/planner-core/src/roomle-planner-ui-callback';
@@ -23,6 +21,7 @@ import { default as AsyncGuard } from '../../common/utils/async-guard';
 import { default as EventEmitter } from '../../common/business-logic/event-emitter';
 import { Translator } from '../../common/composables/use-intl';
 import { Libs } from '../plugins/libs-plugin';
+import { ExternalConfiguration } from '@roomle/web-sdk/lib/definitions/typings/external-objects';
 
 export declare enum SDK_MODULES {
     VIEWER = 0,
@@ -68,8 +67,8 @@ export declare class SdkConnector {
     get configuratorConnector(): Promise<SdkConnectorConfigurator>;
     get viewerConnector(): Promise<SdkConnectorViewer>;
     get plannerConnector(): Promise<SdkConnectorPlanner>;
-    get configuratorApi(): Promise<RoomleConfigurator>;
-    get plannerApi(): Promise<RoomlePlanner>;
+    get configuratorApi(): Promise<RoomleConfiguratorType>;
+    get plannerApi(): Promise<RoomlePlannerWithExtObjs>;
     get viewerApi(): Promise<RoomleGLBViewer>;
     constructor(sdkWrapper: RoomleSdkWrapper, store: Store<StoreState>, analytics: Analytics, embeddingCallbacks: ExposedCallbacks, eventEmitter: EventEmitter, intl: Translator, libs: Libs);
     createExposedApi(module: SDK_MODULES, mainMessageHandler: MessageHandler, eventEmitter: EventEmitter): Promise<void>;
@@ -121,11 +120,11 @@ export declare class SdkConnector {
     initCanvasElement(module: SDK_MODULES): Promise<void>;
     initConfigurator(): Promise<void>;
     getTenant(): Promise<import('@roomle/web-sdk/lib/definitions/typings/rapi-types').RapiTenant>;
-    saveCurrentConfiguration(): Promise<RapiConfigurationEnhanced>;
-    saveCurrentPlanOrConfiguration(): Promise<RapiConfigurationEnhanced | RapiPlanSnapshotGetData>;
+    saveCurrentConfiguration(): Promise<RapiConfigurationEnhanced | ExternalConfiguration>;
+    saveCurrentPlanOrConfiguration(): Promise<RapiConfigurationEnhanced | RapiPlanSnapshotGetData | ExternalConfiguration>;
     giveGaConsent(): void;
     get hasPlanner(): boolean;
-    saveCurrentObject(): Promise<RapiPlan | RapiPlanSnapshotGetData | RapiConfigurationEnhanced>;
+    saveCurrentObject(): Promise<RapiPlan | RapiPlanSnapshotGetData | RapiConfigurationEnhanced | ExternalConfiguration>;
     preparePerspectiveImage(): Promise<Base64Image>;
     private _finishLoading;
     private _waitForCanvasElement;

package/src/configurator/components/grid-view/-utils/ExpandedView.vue.d.ts

@@ -10,7 +10,7 @@ declare const _default: import('vue').DefineComponent<{
     onTouchStart: (element: GridViewElement<import('./GridViewHelper').GridViewElementPossiblePayload>, event: TouchEvent) => void;
     onTouchEnd: (element: GridViewElement<import('./GridViewHelper').GridViewElementPossiblePayload>, event: TouchEvent) => void;
     onTouchMove: (element: GridViewElement<import('./GridViewHelper').GridViewElementPossiblePayload>, event: TouchEvent) => void;
-    onCollapse?: (_payload: MouseEvent) => void;
+    onCollapse?: (mouseEvent: MouseEvent) => void;
     state: GridViewUiState;
     isDesktop?: boolean;
     isDraggable?: boolean;
@@ -23,7 +23,7 @@ declare const _default: import('vue').DefineComponent<{
     onTouchStart: (element: GridViewElement<import('./GridViewHelper').GridViewElementPossiblePayload>, event: TouchEvent) => void;
     onTouchEnd: (element: GridViewElement<import('./GridViewHelper').GridViewElementPossiblePayload>, event: TouchEvent) => void;
     onTouchMove: (element: GridViewElement<import('./GridViewHelper').GridViewElementPossiblePayload>, event: TouchEvent) => void;
-    onCollapse?: (_payload: MouseEvent) => void;
+    onCollapse?: (mouseEvent: MouseEvent) => void;
     state: GridViewUiState;
     isDesktop?: boolean;
     isDraggable?: boolean;

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

@@ -1,11 +1,11 @@
 import { RapiComponent, RapiItem, RapiMaterial } from '@roomle/web-sdk/lib/definitions/typings/rapi-types';
 import { KernelValue, UiPossibleChild, UiPossibleChildTag } from '@roomle/web-sdk/lib/definitions/typings/kernel';
 import { Nullable } from '../../../../common/utils/types';
-import { SampleRoom } from '../../../../planner/business-logic/rooms';
+import { MaterialsForObjects, SampleRoom } from '../../../../planner/business-logic/rooms';
 import { SampleMaterial } from '../../../../planner/components/overlays/rooms/utils/ral-colors';
 import { CollectionViewElement } from '../../../../common/components/collection-view/-utils/types';
 
-export type GridViewElementPossiblePayload = RapiMaterial | KernelValue | UiPossibleChild | RapiItem | SampleRoom | SampleMaterial | RapiComponent;
+export type GridViewElementPossiblePayload = RapiMaterial | KernelValue | UiPossibleChild | RapiItem | SampleRoom | SampleMaterial | RapiComponent | MaterialsForObjects;
 export interface GridViewElement<T = GridViewElementPossiblePayload> {
     key: string;
     payload: T;