@veloceapps/sdk 7.0.2-9 → 7.0.2-90

package/cms/cms.actions.d.ts

@@ -1,36 +1,127 @@
 import { IntegrationAction } from './types';
-export declare enum FlowAction {
-    FLOW_CONFIGURE_PRODUCT = "FLOW_CONFIGURE_PRODUCT",
-    FLOW_NAVIGATE_BACK = "FLOW_NAVIGATE_BACK",
-    FLOW_NAVIGATE_TO_CATALOG = "FLOW_NAVIGATE_TO_CATALOG",
-    FLOW_APPLY_PRODUCT_CONFIGURATION = "FLOW_APPLY_PRODUCT_CONFIGURATION",
-    FLOW_OPEN_DOC_GEN = "FLOW_OPEN_DOC_GEN",
-    FLOW_CLOSE_DOC_GEN = "FLOW_CLOSE_DOC_GEN",
-    FLOW_SWITCH_OBJECT = "FLOW_SWITCH_OBJECT",
-    REMOTE_APPLY = "REMOTE_APPLY",
-    REMOTE_CANCEL = "REMOTE_CANCEL"
+export declare namespace FlowAction {
+    const FLOW_CONFIGURE_PRODUCT = "[FLOW]_CONFIGURE_PRODUCT";
+    const FLOW_NAVIGATE_BACK = "[FLOW]_NAVIGATE_BACK";
+    const FLOW_NAVIGATE_TO_CATALOG = "[FLOW]_NAVIGATE_TO_CATALOG";
+    const FLOW_APPLY_PRODUCT_CONFIGURATION = "[FLOW]_APPLY_PRODUCT_CONFIGURATION";
+    const FLOW_OPEN_DOC_GEN = "[FLOW]_OPEN_DOC_GEN";
+    const FLOW_CLOSE_DOC_GEN = "[FLOW]_CLOSE_DOC_GEN";
+    const FLOW_SWITCH_OBJECT = "[FLOW]_SWITCH_OBJECT";
+    const REMOTE_APPLY = "[FLOW]_REMOTE_APPLY";
+    const REMOTE_CANCEL = "[FLOW]_REMOTE_CANCEL";
+    const OPEN_GUIDED_SELLING = "[FLOW]_OPEN_GUIDED_SELLING";
+    const SUBMIT_GUIDED_SELLING = "[FLOW]_SUBMIT_GUIDED_SELLING";
+    const CLOSE_GUIDED_SELLING = "[FLOW]_CLOSE_GUIDED_SELLING";
+    const ConfigureProductAction: ({ lineItemId, productId, }: {
+        lineItemId?: string | undefined;
+        productId?: string | undefined;
+    }) => IntegrationAction;
+    const NavigateBackAction: () => IntegrationAction;
+    const NavigateToCatalogAction: () => IntegrationAction;
+    const ApplyProductConfigurationAction: () => IntegrationAction;
+    const OpenDocGenAction: () => IntegrationAction;
+    const CloseDocGenAction: () => IntegrationAction;
+    const RemoteApplyAction: () => IntegrationAction;
+    const RemoteCancelAction: () => IntegrationAction;
+    const SwitchObjectAction: (payload: {
+        id: string;
+    }) => IntegrationAction;
+    const OpenGuidedSelling: (payload: {
+        guidedSellingId: string;
+    }) => IntegrationAction;
+    const CloseGuidedSelling: (payload?: {
+        keepState?: boolean;
+    }) => IntegrationAction;
+    const SubmitGuidedSelling: (payload: {
+        result: Record<string, any>;
+    }) => IntegrationAction;
 }
+/**
+ * @deprecated
+ * Use FlowAction namespace instead
+ */
 export declare const ConfigureProductAction: ({ lineItemId, productId, }: {
     lineItemId?: string | undefined;
     productId?: string | undefined;
 }) => IntegrationAction;
+/**
+ * @deprecated
+ * Use FlowAction namespace instead
+ */
 export declare const NavigateBackAction: () => IntegrationAction;
+/**
+ * @deprecated
+ * Use FlowAction namespace instead
+ */
 export declare const NavigateToCatalogAction: () => IntegrationAction;
+/**
+ * @deprecated
+ * Use FlowAction namespace instead
+ */
 export declare const ApplyProductConfigurationAction: () => IntegrationAction;
+/**
+ * @deprecated
+ * Use FlowAction namespace instead
+ */
 export declare const OpenDocGenAction: () => IntegrationAction;
+/**
+ * @deprecated
+ * Use FlowAction namespace instead
+ */
 export declare const CloseDocGenAction: () => IntegrationAction;
+/**
+ * @deprecated
+ * Use FlowAction namespace instead
+ */
 export declare const RemoteApplyAction: () => IntegrationAction;
+/**
+ * @deprecated
+ * Use FlowAction namespace instead
+ */
 export declare const RemoteCancelAction: () => IntegrationAction;
+/**
+ * @deprecated
+ * Use FlowAction namespace instead
+ */
 export declare const SwitchObjectAction: (payload: {
     id: string;
 }) => IntegrationAction;
 export declare namespace CmsAction {
     const GO_TO_PAGE = "[CMS]_GO_TO_PAGE";
+    const UPDATE_CUSTOMIZATION = "[CMS]_UPDATE_CUSTOMIZATION";
+    const SHOW_OVERLAY = "[CMS]_SHOW_OVERLAY";
+    const HIDE_OVERLAY = "[CMS]_HIDE_OVERLAY";
+    const HIDE_ALL_OVERLAYS = "[CMS]_HIDE_ALL_OVERLAYS";
     /**
      * Navigate UI definition to a specific page
      *
      * @param pageName name of the page
-     * @returns void
      */
     const GoToPage: (pageName: string) => IntegrationAction;
+    /**
+     * Update UI definition customization state
+     *
+     * @param pageName name of the page
+     */
+    const UpdateCustomization: (value: any) => IntegrationAction;
+    /**
+     * Show an Overlay on the selected page
+     *
+     * @param name - name of the overlay
+     * @returns void
+     */
+    const ShowOverlay: (name: string) => IntegrationAction;
+    /**
+     * Hide an Overlay on the selected page
+     *
+     * @param name - name of the overlay
+     * @returns void
+     */
+    const HideOverlay: (name: string) => IntegrationAction;
+    /**
+     * Hide all Overlays on the selected page
+     *
+     * @returns void
+     */
+    const HideAllOverlays: () => IntegrationAction;
 }

package/cms/cms.default.d.ts

@@ -1,5 +1,5 @@
-import { UIDefinitionType } from '@veloceapps/sdk/core';
+import { UIDefinitionType } from '@veloceapps/core';
 import { Plugin } from './engine/models/plugin';
 export declare const DEFAULT_PLUGINS: {
-    [key in UIDefinitionType]: typeof Plugin[];
+    [key in UIDefinitionType]: (typeof Plugin)[];
 };

package/cms/components/element-children/element-children.component.d.ts

@@ -10,11 +10,13 @@ export declare class ElementChildrenComponent implements OnDestroy {
     private runtimeService;
     private runtimeEditorService;
     private cdr;
+    filter?: (elements: ElementMetadata[]) => ElementMetadata[];
     metadata$: Observable<ElementMetadata | undefined>;
     dragMode$: Observable<boolean>;
     private destroyed$;
     constructor(elementContext: ElementContextService, runtimeService: RuntimeService, runtimeEditorService: RuntimeEditorService, cdr: ChangeDetectorRef);
     ngOnDestroy(): void;
+    getFilteredChildren(elements: ElementMetadata[]): ElementMetadata[];
     static ɵfac: i0.ɵɵFactoryDeclaration<ElementChildrenComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ElementChildrenComponent, "element-children", never, {}, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ElementChildrenComponent, "element-children", never, { "filter": "filter"; }, {}, never, never, false, never>;
 }

package/cms/components/element-tools-panel/element-tools-panel.component.d.ts

@@ -0,0 +1,14 @@
+import { RuntimeEditorService } from '../../modules/runtime';
+import * as i0 from "@angular/core";
+export declare class ElementToolsPanelComponent {
+    private readonly metadata;
+    private readonly config;
+    private readonly elementRef;
+    runtimeEditorService?: RuntimeEditorService;
+    showDeleteButton: boolean;
+    constructor();
+    deleteHandler(): void;
+    showSettingsHandler(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ElementToolsPanelComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ElementToolsPanelComponent, "ng-component", never, {}, {}, never, never, true, never>;
+}

package/cms/components/preview/preview.component.d.ts

@@ -1,6 +1,7 @@
-import { ChangeDetectorRef, OnDestroy, OnInit } from '@angular/core';
-import { ConfigurationRuntimeService, ConfigurationService, UIDefinition } from '@veloceapps/sdk/core';
-import { MessageService } from 'primeng/api';
+import { OnDestroy, OnInit } from '@angular/core';
+import { ToastService } from '@veloceapps/components';
+import { UIDefinition } from '@veloceapps/core';
+import { ConfigurationState } from '@veloceapps/sdk/core';
 import { BehaviorSubject, Observable } from 'rxjs';
 import { RuntimeService } from '../../modules/runtime/services/runtime.service';
 import { IntegrationState } from '../../services';
@@ -13,24 +14,21 @@ interface State {
 }
 export declare class PreviewComponent implements OnInit, OnDestroy {
     private runtimeService;
-    private configurationService;
-    private messageService;
-    private configurationRuntimeService;
+    private configurationState;
+    private toastService;
     private integrationState;
-    private cdr;
-    modelId?: string;
     uiDefinition?: UIDefinition;
     config?: CMSPreviewConfig;
     state$: BehaviorSubject<State>;
     elements$: Observable<ElementMetadata[]>;
     private destroy$;
-    constructor(runtimeService: RuntimeService, configurationService: ConfigurationService, messageService: MessageService, configurationRuntimeService: ConfigurationRuntimeService, integrationState: IntegrationState, cdr: ChangeDetectorRef);
+    constructor(runtimeService: RuntimeService, configurationState: ConfigurationState, toastService: ToastService, integrationState: IntegrationState);
     ngOnInit(): void;
     ngOnDestroy(): void;
-    trackBy(_: number, el: ElementMetadata): string;
-    private initializeConfiguration$;
+    trackBy(_: number, el: ElementMetadata): ElementMetadata;
     private startPreview;
+    private getPages$;
     static ɵfac: i0.ɵɵFactoryDeclaration<PreviewComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PreviewComponent, "vl-cms-preview", never, { "modelId": "modelId"; "uiDefinition": "uiDefinition"; "config": "config"; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PreviewComponent, "vl-cms-preview", never, { "uiDefinition": "uiDefinition"; "config": "config"; }, {}, never, never, false, never>;
 }
 export {};

package/cms/components/preview/preview.module.d.ts

@@ -5,8 +5,9 @@ import * as i3 from "@veloceapps/components";
 import * as i4 from "../element-renderer/element-renderer.module";
 import * as i5 from "../element-children/element-children.module";
 import * as i6 from "../element-drop-handle/element-drop-handle.module";
+import * as i7 from "../element-tools-panel/element-tools-panel.component";
 export declare class PreviewModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<PreviewModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<PreviewModule, [typeof i1.PreviewComponent], [typeof i2.CommonModule, typeof i3.LoaderModule, typeof i4.ElementRendererModule, typeof i5.ElementChildrenModule, typeof i6.ElementDropHandleModule], [typeof i1.PreviewComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<PreviewModule, [typeof i1.PreviewComponent], [typeof i2.CommonModule, typeof i3.LoaderModule, typeof i4.ElementRendererModule, typeof i5.ElementChildrenModule, typeof i6.ElementDropHandleModule, typeof i7.ElementToolsPanelComponent], [typeof i1.PreviewComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<PreviewModule>;
 }

package/cms/components/preview/preview.types.d.ts

@@ -1,3 +1,4 @@
+import { Observable } from 'rxjs';
 export interface CMSPreviewConfig {
     /**
      * When `true`, IntegrationState will be cleared on component init
@@ -8,4 +9,12 @@ export interface CMSPreviewConfig {
      * (like element hover/selection or Drag&Drop zones)
      */
     uiBuilderMode?: boolean;
+    /**
+     * When `true`, preview renders settings page (element with `type: CUSTOMIZATION_PAGE`)
+     */
+    customizationMode?: boolean;
+    /**
+     * Custom initialization function which will be executed before starting a preview
+     */
+    init$?: () => Observable<void>;
 }

package/cms/definitions/index.d.ts

@@ -0,0 +1 @@
+export * from './ui-builder.definitions';

package/cms/definitions/ui-builder.definitions.d.ts

@@ -0,0 +1,6 @@
+import { ElementMetadata, ElementStyleDeclaration, FullPageLayout, PageType } from '../types';
+export declare const DEFAULT_ELEMENT: Partial<ElementMetadata>;
+export declare const STARTING_PAGE_NAME = "Starting Page";
+export declare const STARTING_PAGE_TYPE: PageType;
+export declare const STARTING_PAGE_LAYOUT: FullPageLayout;
+export declare const STARTING_PAGE_STYLES: ElementStyleDeclaration;

package/cms/index.d.ts

@@ -1,7 +1,9 @@
 export * from './cms.actions';
+export * from './cms.layouts';
 export * from './components';
 export * from './components/preview';
 export * from './decorators';
+export * from './definitions';
 export * from './injection-tokens';
 export * from './launcher.module';
 export * from './modules/federated/export';

package/cms/injection-tokens.d.ts

@@ -1,11 +1,9 @@
 import { InjectionToken } from '@angular/core';
-import { UIDefinitionMetadata } from '@veloceapps/sdk/core';
-import { Dictionary } from 'lodash';
+import { UIDefinitionMetadata } from '@veloceapps/core';
 import { Plugin } from './engine/models/plugin';
 import { ElementConfig, ElementMetadata } from './types/common.types';
 export declare const DEFAULT_PLUGINS_TOKEN: InjectionToken<(typeof Plugin)[]>;
 export declare const UI_DEFINITION_METADATA: InjectionToken<UIDefinitionMetadata>;
 export declare const ELEMENT_METADATA: InjectionToken<ElementMetadata>;
-export declare const SHARED_ELEMENT_METADATA: InjectionToken<ElementMetadata>;
+export declare const SHARED_ELEMENT_METADATA: InjectionToken<ElementMetadata | undefined>;
 export declare const ELEMENT_CONFIG: InjectionToken<ElementConfig>;
-export declare const VENDOR_MAP: InjectionToken<Dictionary<any>>;

package/cms/modules/migrations/services/migrations.service.d.ts

@@ -1,5 +1,5 @@
 import { ToastService } from '@veloceapps/components';
-import { UIDefinition } from '@veloceapps/sdk/core';
+import { UIDefinition } from '@veloceapps/core';
 import * as i0 from "@angular/core";
 export declare class MigrationsService {
     private toastService;

package/cms/modules/migrations/types/migrations.types.d.ts

@@ -1,2 +1,2 @@
-import { UIDefinition } from '@veloceapps/sdk/core';
+import { UIDefinition } from '@veloceapps/core';
 export type UIDefinitionMigrationFn = (uiDef: UIDefinition) => UIDefinition;

package/cms/modules/runtime/index.d.ts

@@ -1,2 +1,3 @@
 export * from './runtime.module';
 export * from './services/runtime-editor.service';
+export * from './services/runtime.service';

package/cms/modules/runtime/services/compilation.service.d.ts

@@ -1,6 +1,7 @@
 import { Injector } from '@angular/core';
-import { UIDefinition } from '@veloceapps/sdk/core';
+import { UIDefinition } from '@veloceapps/core';
 import { Observable } from 'rxjs';
+import { CMSPreviewConfig } from '../../../components/preview';
 import { CompilationResult } from '../../../modules/runtime/types/compilation.types';
 import { ElementMetadata } from '../../../types/common.types';
 import * as i0 from "@angular/core";
@@ -9,7 +10,7 @@ export declare class CompilationService {
     private uiDefinitionMeta?;
     private elementsResolver?;
     constructor(injector: Injector);
-    compileUIDefinition$(uiDefinition: UIDefinition): Observable<CompilationResult>;
+    compileUIDefinition$(uiDefinition: UIDefinition, config?: CMSPreviewConfig): Observable<CompilationResult>;
     compileElement$(element: ElementMetadata): Observable<CompilationResult>;
     clear(): void;
     private getModule;

package/cms/modules/runtime/services/runtime-editor.service.d.ts

@@ -1,15 +1,17 @@
 import { Patch } from 'rfc6902';
 import { BehaviorSubject, Observable, ReplaySubject } from 'rxjs';
-import { RuntimeElementDeleted, RuntimeElementDropped } from '../types/runtime.actions';
+import { RuntimeElementDeleteEvent, RuntimeElementDropEvent, RuntimeShowSettingsEvent } from '../types/runtime.actions';
 import { RuntimeService } from './runtime.service';
 import * as i0 from "@angular/core";
 export declare class RuntimeEditorService {
     private runtimeService;
     private editorModeSubj$;
-    dragMode$: BehaviorSubject<boolean>;
-    elementDropped$: ReplaySubject<RuntimeElementDropped>;
-    elementDeleted$: ReplaySubject<RuntimeElementDeleted>;
+    onElementDropped$: ReplaySubject<RuntimeElementDropEvent>;
+    onElementDeleted$: ReplaySubject<RuntimeElementDeleteEvent>;
+    onElementSettingsToggled$: ReplaySubject<RuntimeShowSettingsEvent>;
     editorMode$: Observable<boolean>;
+    dragMode$: BehaviorSubject<boolean>;
+    selectedElementPath$: BehaviorSubject<string | null>;
     constructor(runtimeService: RuntimeService);
     applyPatch$(patch: Patch): Observable<void>;
     toggleEditorMode(): void;

package/cms/modules/runtime/services/runtime.service.d.ts

@@ -1,21 +1,25 @@
 import { Injector, NgModule, NgModuleRef, Type } from '@angular/core';
-import { UIDefinition } from '@veloceapps/sdk/core';
+import { UIDefinition } from '@veloceapps/core';
 import { Patch } from 'rfc6902';
 import { BehaviorSubject, Observable, Subject } from 'rxjs';
 import { CMSPreviewConfig } from '../../../components/preview/preview.types';
 import { Entity } from '../../../engine/models/entity';
+import { IntegrationState } from '../../../services/integration.state';
 import { ElementMetadata } from '../../../types';
 import * as i0 from "@angular/core";
 export declare class RuntimeService {
     private injector;
+    private integrationState;
     moduleRefs: NgModuleRef<NgModule>[];
     componentTypes: Record<string, Type<Entity>>;
     applicationTree: ElementMetadata[];
     config?: CMSPreviewConfig;
     isInitialized$: BehaviorSubject<boolean>;
     updated$: Subject<void>;
+    selectedPageName$: BehaviorSubject<string | null>;
+    selectedOverlayNames$: BehaviorSubject<string[]>;
     private compilationService;
-    constructor(injector: Injector);
+    constructor(injector: Injector, integrationState: IntegrationState);
     initialize$(uiDefinition?: UIDefinition, config?: CMSPreviewConfig): Observable<ElementMetadata[]>;
     applyPatch$(patch: Patch): Observable<void>;
     getCompiledElement$(path: string): Observable<ElementMetadata | undefined>;

package/cms/modules/runtime/types/runtime.actions.d.ts

@@ -1,9 +1,12 @@
 import { ElementMetadata } from '../../../types';
-export interface RuntimeElementDropped {
+export interface RuntimeElementDropEvent {
     element: ElementMetadata;
     path: string;
     index: number;
 }
-export interface RuntimeElementDeleted {
+export interface RuntimeElementDeleteEvent {
+    path: string;
+}
+export interface RuntimeShowSettingsEvent {
     path: string;
 }

package/cms/plugins/element-hover.plugin.d.ts

@@ -0,0 +1,33 @@
+import { OnDestroy } from '@angular/core';
+import { ElementComponent } from '../components/element.component';
+import { PluginComponent } from '../components/plugin.component';
+import * as i0 from "@angular/core";
+export declare class ElementHoverPlugin implements PluginComponent, OnDestroy {
+    host: ElementComponent;
+    private readonly hoverClassName;
+    private readonly metadata;
+    private readonly appRef;
+    private readonly el;
+    private readonly document;
+    private readonly runtimeEditorService;
+    private overlayEl?;
+    private isHovered$;
+    private isSelected$;
+    private destroyed$;
+    private listenersAttached;
+    private mouseOverListenerBound;
+    private mouseLeaveListenerBound;
+    private clickListenerBound;
+    constructor(host: ElementComponent);
+    ngOnDestroy(): void;
+    private attachListeners;
+    private detachListeners;
+    private mouseOverListener;
+    private clickListener;
+    private mouseLeaveListener;
+    private addHighlight;
+    private removeHighlight;
+    private updateHighlight;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ElementHoverPlugin, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ElementHoverPlugin>;
+}

package/cms/plugins/page.plugin.d.ts

@@ -0,0 +1,15 @@
+import { OnDestroy } from '@angular/core';
+import { ElementComponent } from '../components/element.component';
+import { PluginComponent } from '../components/plugin.component';
+import * as i0 from "@angular/core";
+export declare class PagePlugin implements PluginComponent, OnDestroy {
+    host: ElementComponent;
+    private metadata;
+    private el;
+    private destroy$;
+    constructor(host: ElementComponent);
+    ngOnDestroy(): void;
+    private styleFullPage;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PagePlugin, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<PagePlugin, never, never, {}, {}, never, never, false, never>;
+}

package/cms/plugins/script.plugin.d.ts

@@ -3,11 +3,8 @@ import { PluginComponent } from '../components/plugin.component';
 import * as i0 from "@angular/core";
 export declare class ScriptPlugin implements PluginComponent {
     host: ElementComponent;
-    private document;
-    private vendorMap;
     constructor(host: ElementComponent);
     private addScript;
-    private normalizeImports;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScriptPlugin, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<ScriptPlugin, never, never, {}, {}, never, never, false, never>;
 }

package/cms/services/resources.service.d.ts

@@ -3,8 +3,17 @@ import * as i0 from "@angular/core";
 export declare class ResourcesService {
     private scripts;
     private loaded$;
+    /**
+     * ngx-monaco-editor adds amd-loader library for loading resources when first time initialized
+     * Which breaks further loading of 3rd party libaries.
+     *
+     * To handle this issue, in case 'amd' is defined, we clear it, and then restore when the script is loaded
+     */
+    private amd;
     loadScript(url: string): Observable<void>;
     loadStyles(url: string): Observable<void>;
+    private persistAMDLoader;
+    private restoreAMDLoader;
     static ɵfac: i0.ɵɵFactoryDeclaration<ResourcesService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<ResourcesService>;
 }

package/cms/types/common.types.d.ts

@@ -2,7 +2,8 @@ import { Dictionary } from 'lodash';
 import { Entity } from '../engine/models/entity';
 import { Plugin } from '../engine/models/plugin';
 import { PageLayout } from './layouts.types';
-export type ELEMENT_TYPE = 'CUSTOM' | 'CONTAINER' | 'SERVICE' | 'REFERENCE' | 'PAGE' | 'REGION';
+import { PageType } from './pages.types';
+export type ELEMENT_TYPE = 'CUSTOMIZATION_PAGE' | 'CUSTOM' | 'CONTAINER' | 'SERVICE' | 'REFERENCE' | 'PAGE' | 'REGION';
 export type ElementStyleDeclaration = Partial<CSSStyleDeclaration>;
 export interface ElementConfig {
     component: typeof Entity;
@@ -10,6 +11,9 @@ export interface ElementConfig {
     defaultTemplate?: string;
     suppressTemplate?: boolean;
     suppressStyles?: boolean;
+    builder?: {
+        suppressRemovable?: boolean;
+    };
 }
 export interface ElementModel {
     /**
@@ -104,6 +108,12 @@ export interface ElementDefaultMetadata {
      * Used only when `type === PAGE`
      */
     layout?: PageLayout;
+    /**
+     * Page Type
+     *
+     * Used only when `type === PAGE`
+     */
+    pageType?: PageType;
 }
 export interface ElementMetadata extends Omit<ElementDefaultMetadata, 'children'> {
     path: string;

package/cms/types/index.d.ts

@@ -3,4 +3,6 @@ export * from './common.types';
 export * from './configuration.types';
 export * from './elements.types';
 export * from './integration.types';
+export * from './layouts.types';
+export * from './pages.types';
 export * from './path.types';

package/cms/types/integration.types.d.ts

@@ -4,6 +4,7 @@ export interface IntegrationAction<T = any> {
     payload?: T;
 }
 export type IntegrationStateModel = {
+    guidedSelling?: Dictionary<any>;
     modifiedAssets: Dictionary<boolean>;
     flowPath: string;
 } & Dictionary<any>;

package/cms/types/layouts.types.d.ts

@@ -1,5 +1,5 @@
 /**
- * List of available layouts:
+ * List of available layouts for Full Page Type:
  *
         LAYOUT_1
         +-------------------------+
@@ -66,9 +66,37 @@
         |                         |
         |                         |
         +-------------------------+
+ */
+/**
+ * List of available layouts for Sidepanel Page Type:
+ *
+        LAYOUT_7
+        +-------------------------+
+        |       |                 |
+        |       |                 |
+        | LEFT  |    DISABLED     |
+        | SIDE  |    PAGE         |
+        | PANEL |                 |
+        |       |                 |
+        |       |                 |
+        +-------------------------+
 
+        LAYOUT_8
+        +-------------------------+
+        |                 |       |
+        |                 |       |
+        |     DISABLED    | RIGHT |
+        |     PAGE        | SIDE  |
+        |                 | PANEL |
+        |                 |       |
+        |                 |       |
+        +-------------------------+
  */
-export type PageLayout = 'LAYOUT_1' | 'LAYOUT_2' | 'LAYOUT_3' | 'LAYOUT_4' | 'LAYOUT_5' | 'LAYOUT_6';
+export type FullPageLayout = 'LAYOUT_1' | 'LAYOUT_2' | 'LAYOUT_3' | 'LAYOUT_4' | 'LAYOUT_5' | 'LAYOUT_6';
+export type SidepanelPageLayout = 'LAYOUT_7' | 'LAYOUT_8';
+export type PageLayout = FullPageLayout | SidepanelPageLayout;
 export interface PageLayoutConfig {
+    hasHeader: boolean;
+    hasFooter: boolean;
     styles?: string;
 }

package/cms/types/pages.types.d.ts

@@ -0,0 +1 @@
+export type PageType = 'FULL_PAGE' | 'SIDEPANEL';

package/cms/utils/element.utils.d.ts

@@ -1,4 +1,4 @@
-import { UIElement } from '@veloceapps/sdk/core';
+import { UIElement } from '@veloceapps/core';
 import { ELEMENT_TYPE, ElementConfig, ElementDefaultMetadata, ElementMetadata } from '../types';
 export declare class UiBuildError extends Error {
     affectedMetadata: ElementMetadata;

package/cms/utils/elements-resolver.d.ts

@@ -1,13 +1,16 @@
 import { Type } from '@angular/core';
-import { UIDefinitionMetadata } from '@veloceapps/sdk/core';
+import { UIDefinitionMetadata } from '@veloceapps/core';
+import { CMSPreviewConfig } from '../components/preview';
 import { Entity } from '../engine/models/entity';
 import { ElementMetadata } from '../types';
 export declare class ElementsResolver {
     private uiDef;
+    private config?;
     elements: ElementMetadata[];
     private renderableElements;
     private sharedElements;
-    constructor(uiDef: UIDefinitionMetadata, elements: ElementMetadata[], sharedElements?: ElementMetadata[]);
+    private uiDefMetadata;
+    constructor(uiDef: UIDefinitionMetadata, elements: ElementMetadata[], sharedElements?: ElementMetadata[], config?: CMSPreviewConfig | undefined);
     addElement(element: ElementMetadata): void;
     getNgComponents(): Record<string, Type<Entity>>;
     private transpile;
@@ -23,4 +26,5 @@ export declare class ElementsResolver {
     private resolveElement;
     private getElementStyles;
     private convertInlineStylesToCSS;
+    private getDefaultCustomizationState;
 }

package/cms/utils/encoding.utils.d.ts

@@ -0,0 +1,2 @@
+export declare function btoaSafe(str?: string): string;
+export declare function atobSafe(str?: string): string;

package/cms/utils/index.d.ts

@@ -1,4 +1,5 @@
 export * from './element.utils';
 export * from './elements-resolver';
 export * from './path.utils';
+export * from './ui-builder-layout.utils';
 export * from './ui-definition.utils';

package/cms/utils/script.utils.d.ts

@@ -0,0 +1,2 @@
+import { ElementMetadata } from '../types';
+export declare const getScriptClass: (metadata?: ElementMetadata) => object | undefined;

package/cms/utils/ui-builder-layout.utils.d.ts

@@ -0,0 +1,4 @@
+import { ElementMetadata, ElementStyleDeclaration, PageLayout, PageType } from '../types';
+export declare const constructPageChildren: (path: string, layout: PageLayout) => ElementMetadata[];
+export declare const constructRegion: (name: string, parentPath: string) => ElementMetadata;
+export declare const constructPage: (name: string, pageType: PageType, layout: PageLayout, configuredStyles?: ElementStyleDeclaration) => ElementMetadata;