@veloceapps/sdk 11.0.0-5 → 11.0.0-51

package/fesm2015/veloceapps-sdk-cms.mjs

@@ -1,27 +1,28 @@
 import * as i2 from '@veloceapps/sdk/core';
-import { IntegrationState, ConfigurationService, ConfigurationStateService, QuoteDraftService, FlowConfigurationService, FlowStateService, FlowStateConfigurationService, LineItemWorker, ProductImagesService, ContextService, RuntimeSettingsService, ActionCodePipe, DatePipe, NumberPipe, PricePipe, lineItemUtils, generateLineItem, getAttributeValue, SdkPipesModule, SdkCoreModule, UI_DEFINITION_VERSION } from '@veloceapps/sdk/core';
+import { IntegrationState, ConfigurationService, ConfigurationStateService, filterSuccessfulExecute, FlowInfoService, FlowConfigurationService, FlowStateService, FlowStateConfigurationService, TransactionItemWorker, ProductImagesService, RuntimeSettingsService, ActionCodePipe, DatePipe, NumberPipe, PricePipe, SalesTransactionService, SdkPipesModule, SdkCoreModule, UI_DEFINITION_VERSION } from '@veloceapps/sdk/core';
 export { IntegrationState } from '@veloceapps/sdk/core';
 import { __decorate, __param, __metadata, __awaiter, __rest } from 'tslib';
 import * as i0 from '@angular/core';
-import { InjectionToken, Component, ChangeDetectionStrategy, Inject, Injector, Injectable, ViewContainerRef, SkipSelf, ViewChild, Input, ViewEncapsulation, NgModule, inject, ElementRef, Directive, ApplicationRef, createComponent, EventEmitter, createNgModule } from '@angular/core';
+import { InjectionToken, Component, ChangeDetectionStrategy, Inject, Injector, Injectable, ViewContainerRef, ViewChild, Input, ViewEncapsulation, NgModule, inject, ElementRef, Directive, ApplicationRef, createComponent, EventEmitter, createNgModule } from '@angular/core';
 import * as rxjs from 'rxjs';
 import { BehaviorSubject, Subject, map, distinctUntilChanged, of, tap, switchMap, startWith, takeUntil, combineLatest, catchError, ReplaySubject, noop, filter, take, Observable, from } from 'rxjs';
 import * as i3 from '@veloceapps/components';
 import { ToastType, LetDirectiveModule, LoaderModule, ToastService, HiddenTextTooltipModule, ErrorTooltipModule } from '@veloceapps/components';
-import lodash, { compact, cloneDeep, isArray, pull, merge, omit, flatten, kebabCase, set } from 'lodash';
-import { getCollectionUniqueName, UUID, isDefined, Operator, Predicate, parseJsonSafely, ConfigurationContextMode, parseJwt, TokenInfoService, CoreModule } from '@veloceapps/core';
+import { getCollectionUniqueName, UUID, isDefined, Operator, Predicate, parseJsonSafely, parseJwt, TokenInfoService, UITemplateType, CoreModule } from '@veloceapps/core';
+import lodash, { cloneDeep, isArray, pull, merge, omit, flatten, kebabCase, set } from 'lodash';
 import { applyPatch } from 'rfc6902';
 import * as i4 from '@angular/common';
 import { CommonModule, DOCUMENT } from '@angular/common';
 import * as i2$1 from 'ngx-drag-drop';
 import { DndModule } from 'ngx-drag-drop';
-import { SalesforceApiService, QuoteApiService, DocumentAttachmentApiService, RampApiService, CatalogApiService, DeltaApiService, PicklistsApiService, PriceApiService, ShoppingCartSettingsApiService, ConfigurationSettingsApiService, GuidedSellingApiService, ContractedPriceApiService, ApiModule } from '@veloceapps/api';
+import { ContractedPriceApiService, ApiModule } from '@veloceapps/api';
 import { DialogService } from 'primeng/dynamicdialog';
 import { DragDropModule } from '@angular/cdk/drag-drop';
 import { ScrollingModule } from '@angular/cdk/scrolling';
 import * as angularForms from '@angular/forms';
 import { FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { DataSource } from '@angular/cdk/collections';
+import { CatalogApiService, ConfigurationSettingsApiService, DocumentAttachmentApiService, GuidedSellingApiService, SalesforceApiService, SalesTransactionApiService, ShoppingCartSettingsApiService } from '@veloceapps/api/v2';
 import * as rxjsOperators from 'rxjs/operators';
 import * as sass from 'sass';
 import { transform } from '@babel/standalone';
@@ -44,58 +45,79 @@ var FlowAction;
     FlowAction.SUBMIT_GUIDED_SELLING = '[FLOW]_SUBMIT_GUIDED_SELLING';
     FlowAction.CLOSE_GUIDED_SELLING = '[FLOW]_CLOSE_GUIDED_SELLING';
     FlowAction.OPEN_DIALOG = '[FLOW]_OPEN_DIALOG';
-    FlowAction.ConfigureProductAction = ({ lineItemId, productId, }) => ({
-        type: FlowAction.FLOW_CONFIGURE_PRODUCT,
-        payload: { lineItemId, productId },
-    });
-    FlowAction.NavigateBackAction = () => ({
-        type: FlowAction.FLOW_NAVIGATE_BACK,
-    });
-    FlowAction.NavigateToAction = (path, productId, lineItemId) => ({
+    FlowAction.ConfigureProductAction = ({ transactionItemId, productId, }) => {
+        return {
+            type: FlowAction.FLOW_CONFIGURE_PRODUCT,
+            payload: { transactionItemId, productId },
+        };
+    };
+    FlowAction.NavigateBackAction = () => {
+        return {
+            type: FlowAction.FLOW_NAVIGATE_BACK,
+        };
+    };
+    FlowAction.NavigateToAction = (path, productId, transactionItemId) => ({
         type: FlowAction.FLOW_NAVIGATE_TO,
-        payload: { path, productId, lineItemId },
+        payload: { path, productId, transactionItemId },
     });
     FlowAction.NavigateToCatalogAction = () => ({
         type: FlowAction.FLOW_NAVIGATE_TO_CATALOG,
     });
-    FlowAction.NavigateToShoppingCartAction = () => ({
-        type: FlowAction.FLOW_NAVIGATE_TO_SHOPPING_CART,
-    });
-    FlowAction.ApplyProductConfigurationAction = () => ({
-        type: FlowAction.FLOW_APPLY_PRODUCT_CONFIGURATION,
-    });
-    FlowAction.RemoteApplyAction = () => ({
-        type: FlowAction.REMOTE_APPLY,
-    });
-    FlowAction.RemoteCancelAction = () => ({
-        type: FlowAction.REMOTE_CANCEL,
-    });
-    FlowAction.SwitchObjectAction = (payload) => ({
-        type: FlowAction.FLOW_SWITCH_OBJECT,
-        payload,
-    });
-    FlowAction.OpenGuidedSelling = (payload) => ({
-        type: FlowAction.OPEN_GUIDED_SELLING,
-        payload,
-    });
-    FlowAction.CloseGuidedSelling = (payload) => ({
-        type: FlowAction.CLOSE_GUIDED_SELLING,
-        payload,
-    });
-    FlowAction.SubmitGuidedSelling = (payload) => ({
-        type: FlowAction.SUBMIT_GUIDED_SELLING,
-        payload,
-    });
-    FlowAction.OpenDialog = (dialog) => ({
-        type: FlowAction.OPEN_DIALOG,
-        payload: { dialog },
-    });
+    FlowAction.NavigateToShoppingCartAction = () => {
+        return {
+            type: FlowAction.FLOW_NAVIGATE_TO_SHOPPING_CART,
+        };
+    };
+    FlowAction.ApplyProductConfigurationAction = () => {
+        return {
+            type: FlowAction.FLOW_APPLY_PRODUCT_CONFIGURATION,
+        };
+    };
+    FlowAction.RemoteApplyAction = () => {
+        return {
+            type: FlowAction.REMOTE_APPLY,
+        };
+    };
+    FlowAction.RemoteCancelAction = () => {
+        return {
+            type: FlowAction.REMOTE_CANCEL,
+        };
+    };
+    FlowAction.SwitchObjectAction = (payload) => {
+        return {
+            type: FlowAction.FLOW_SWITCH_OBJECT,
+            payload,
+        };
+    };
+    FlowAction.OpenGuidedSelling = (payload) => {
+        return {
+            type: FlowAction.OPEN_GUIDED_SELLING,
+            payload,
+        };
+    };
+    FlowAction.CloseGuidedSelling = (payload) => {
+        return {
+            type: FlowAction.CLOSE_GUIDED_SELLING,
+            payload,
+        };
+    };
+    FlowAction.SubmitGuidedSelling = (payload) => {
+        return {
+            type: FlowAction.SUBMIT_GUIDED_SELLING,
+            payload,
+        };
+    };
+    FlowAction.OpenDialog = (dialog) => {
+        return {
+            type: FlowAction.OPEN_DIALOG,
+            payload: { dialog },
+        };
+    };
 })(FlowAction || (FlowAction = {}));
 var CmsAction;
 (function (CmsAction) {
     CmsAction.GO_TO_PAGE = '[CMS]_GO_TO_PAGE';
     CmsAction.UPDATE_CUSTOMIZATION = '[CMS]_UPDATE_CUSTOMIZATION';
-    CmsAction.EMIT_CUSTOMIZATION_CHANGES = '[CMS]_EMIT_CUSTOMIZATION_CHANGES';
     CmsAction.SHOW_OVERLAY = '[CMS]_SHOW_OVERLAY';
     CmsAction.HIDE_OVERLAY = '[CMS]_HIDE_OVERLAY';
     CmsAction.HIDE_ALL_OVERLAYS = '[CMS]_HIDE_ALL_OVERLAYS';
@@ -104,56 +126,57 @@ var CmsAction;
      *
      * @param pageName name of the page
      */
-    CmsAction.GoToPage = (pageName) => ({
-        type: CmsAction.GO_TO_PAGE,
-        payload: { pageName },
-    });
+    CmsAction.GoToPage = (pageName) => {
+        return {
+            type: CmsAction.GO_TO_PAGE,
+            payload: { pageName },
+        };
+    };
     /**
      * Update UI definition customization state
      *
      * @param pageName name of the page
      */
-    CmsAction.UpdateCustomization = (value) => ({
-        type: CmsAction.UPDATE_CUSTOMIZATION,
-        payload: { value },
-    });
-    /**
-     * Emit customization page changes
-     *
-     * @param changes - object with customization page changes
-     */
-    CmsAction.EmitCustomizationChanges = (changes) => ({
-        type: CmsAction.EMIT_CUSTOMIZATION_CHANGES,
-        payload: { changes },
-    });
+    CmsAction.UpdateCustomization = (value) => {
+        return {
+            type: CmsAction.UPDATE_CUSTOMIZATION,
+            payload: { value },
+        };
+    };
     /**
      * Show an Overlay on the selected page
      *
      * @param name - name of the overlay
      * @returns void
      */
-    CmsAction.ShowOverlay = (name) => ({
-        type: CmsAction.SHOW_OVERLAY,
-        payload: { name },
-    });
+    CmsAction.ShowOverlay = (name) => {
+        return {
+            type: CmsAction.SHOW_OVERLAY,
+            payload: { name },
+        };
+    };
     /**
      * Hide an Overlay on the selected page
      *
      * @param name - name of the overlay
      * @returns void
      */
-    CmsAction.HideOverlay = (name) => ({
-        type: CmsAction.HIDE_OVERLAY,
-        payload: { name },
-    });
+    CmsAction.HideOverlay = (name) => {
+        return {
+            type: CmsAction.HIDE_OVERLAY,
+            payload: { name },
+        };
+    };
     /**
      * Hide all Overlays on the selected page
      *
      * @returns void
      */
-    CmsAction.HideAllOverlays = () => ({
-        type: CmsAction.HIDE_ALL_OVERLAYS,
-    });
+    CmsAction.HideAllOverlays = () => {
+        return {
+            type: CmsAction.HIDE_ALL_OVERLAYS,
+        };
+    };
 })(CmsAction || (CmsAction = {}));
 
 var cmsActions = /*#__PURE__*/Object.freeze({
@@ -551,15 +574,6 @@ const findElement = (source, comparatorFn) => {
     return;
 };
 
-const parseBoundPath = (path) => {
-    var _a, _b;
-    const regexp = new RegExp(`(?:\\/)(?:\\w+)(?:\\/)(?:ports|attributes)(?:\\/)(?:\\w+)|(?:\\/)(?:\\w+)`, 'g');
-    const blocks = (_b = (_a = path.match(regexp)) === null || _a === void 0 ? void 0 : _a.map(match => {
-        const [type, property, name] = compact(match.split('/'));
-        return { type: type !== null && type !== void 0 ? type : '', property, name };
-    })) !== null && _b !== void 0 ? _b : [];
-    return blocks;
-};
 const parsePath = (path) => {
     var _a, _b, _c, _d;
     const segments = path.split('/');
@@ -796,13 +810,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
         }] });
 
 class ElementRendererComponent {
-    constructor(parentInjector, runtimeService, elementContext, ioProviderService, configurationService, elementRef, cdr) {
-        this.parentInjector = parentInjector;
+    constructor(runtimeService, elementContext, ioProviderService, cdr) {
         this.runtimeService = runtimeService;
         this.elementContext = elementContext;
         this.ioProviderService = ioProviderService;
-        this.configurationService = configurationService;
-        this.elementRef = elementRef;
         this.cdr = cdr;
         this.refs = {};
         this.destroy$ = new Subject();
@@ -826,10 +837,7 @@ class ElementRendererComponent {
             this.refs[UUID.UUID()] = this.createComponent();
             return;
         }
-        if (modelMeta.lineItem) {
-            this.createFromLineItem(modelMeta.lineItem);
-        }
-        else if (modelMeta.path) {
+        if (modelMeta.path) {
             this.createFromPath(modelMeta.path);
         }
     }
@@ -842,45 +850,6 @@ class ElementRendererComponent {
             this.processChildren(children);
         });
     }
-    getModelComponent() {
-        let component = null;
-        let injector = this.parentInjector;
-        while (!component) {
-            const parentComp = injector.get(ElementRendererComponent, null);
-            if (parentComp === null || parentComp === void 0 ? void 0 : parentComp.meta.model) {
-                component = parentComp;
-                break;
-            }
-            if (parentComp) {
-                injector = parentComp.parentInjector;
-            }
-            else {
-                break;
-            }
-        }
-        return component;
-    }
-    createFromLineItem(path) {
-        var _a, _b;
-        const parentComp = this.getModelComponent();
-        const parentPath = (_a = parentComp === null || parentComp === void 0 ? void 0 : parentComp.meta.model) === null || _a === void 0 ? void 0 : _a.lineItem;
-        const pathBlocks = parseBoundPath(path).reverse();
-        const { property, name } = (_b = pathBlocks[1]) !== null && _b !== void 0 ? _b : {};
-        const finalPath = pathBlocks[0];
-        const children$ = this.getParentLineItem$(parentComp).pipe(map(model => {
-            var _a;
-            if (!model) {
-                return [];
-            }
-            if (property === 'ports' && !(finalPath === null || finalPath === void 0 ? void 0 : finalPath.property) && parentPath !== path) {
-                return (_a = model.lineItems.filter(({ port }) => port === name)) !== null && _a !== void 0 ? _a : [];
-            }
-            return [model];
-        }));
-        children$.pipe(takeUntil(this.destroy$)).subscribe(children => {
-            this.processChildren(children);
-        });
-    }
     processChildren(children) {
         var _a;
         (_a = this.runtimeService.moduleRefs[0]) === null || _a === void 0 ? void 0 : _a.injector.runInContext(() => {
@@ -903,16 +872,6 @@ class ElementRendererComponent {
             this.cdr.detectChanges();
         });
     }
-    getParentLineItem$(parentComp) {
-        var _a;
-        const parentRefs = Object.values((_a = parentComp === null || parentComp === void 0 ? void 0 : parentComp.refs) !== null && _a !== void 0 ? _a : {});
-        const parentRef = parentRefs.find(ref => { var _a; return (_a = ref === null || ref === void 0 ? void 0 : ref.location.nativeElement) === null || _a === void 0 ? void 0 : _a.contains(this.elementRef.nativeElement); });
-        let parentModel$;
-        if ((parentRef === null || parentRef === void 0 ? void 0 : parentRef.instance) instanceof ElementComponent) {
-            parentModel$ = parentRef === null || parentRef === void 0 ? void 0 : parentRef.instance.model$;
-        }
-        return parentModel$ !== null && parentModel$ !== void 0 ? parentModel$ : this.configurationService.get();
-    }
     createComponent(data, index) {
         var _a;
         if (!this.type) {
@@ -947,16 +906,12 @@ class ElementRendererComponent {
         this.refs = {};
     }
 }
-ElementRendererComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ElementRendererComponent, deps: [{ token: i0.Injector, skipSelf: true }, { token: RuntimeService }, { token: ElementContextService }, { token: IOProviderService }, { token: i2.ConfigurationService }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+ElementRendererComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ElementRendererComponent, deps: [{ token: RuntimeService }, { token: ElementContextService }, { token: IOProviderService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
 ElementRendererComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: ElementRendererComponent, selector: "vl-cms-element-renderer", inputs: { meta: "meta" }, providers: [ElementContextService], viewQueries: [{ propertyName: "el", first: true, predicate: ["el"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: "<ng-template #el></ng-template>\n", styles: [":host{display:contents}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ElementRendererComponent, decorators: [{
             type: Component,
             args: [{ selector: 'vl-cms-element-renderer', changeDetection: ChangeDetectionStrategy.OnPush, providers: [ElementContextService], template: "<ng-template #el></ng-template>\n", styles: [":host{display:contents}\n"] }]
-        }], ctorParameters: function () {
-        return [{ type: i0.Injector, decorators: [{
-                        type: SkipSelf
-                    }] }, { type: RuntimeService }, { type: ElementContextService }, { type: IOProviderService }, { type: i2.ConfigurationService }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }];
-    }, propDecorators: { el: [{
+        }], ctorParameters: function () { return [{ type: RuntimeService }, { type: ElementContextService }, { type: IOProviderService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { el: [{
                 type: ViewChild,
                 args: ['el', { read: ViewContainerRef, static: true }]
             }], meta: [{
@@ -987,7 +942,7 @@ class PreviewComponent {
     ngOnInit() {
         var _a;
         if ((_a = this.config) === null || _a === void 0 ? void 0 : _a.clearStateOnInit) {
-            this.integrationState.clear();
+            this.integrationState.reset();
         }
         this.startPreview();
     }
@@ -1612,43 +1567,44 @@ const vendorMap = {
         Operator,
         Predicate,
         parseJsonSafely,
-        ConfigurationContextMode,
         parseJwt,
         TokenInfoService,
+        UITemplateType,
     },
     '@veloceapps/components': {
         ToastService,
         ToastType,
     },
     '@veloceapps/api': {
-        SalesforceApiService,
-        QuoteApiService,
-        DocumentAttachmentApiService,
-        RampApiService,
+        ContractedPriceApiService,
+    },
+    '@veloceapps/api/v2': {
         CatalogApiService,
-        DeltaApiService,
-        PicklistsApiService,
-        PriceApiService,
-        ShoppingCartSettingsApiService,
         ConfigurationSettingsApiService,
+        DocumentAttachmentApiService,
         GuidedSellingApiService,
-        ContractedPriceApiService,
+        SalesforceApiService,
+        SalesTransactionApiService,
+        ShoppingCartSettingsApiService,
     },
-    '@veloceapps/sdk/core': Object.assign({ ConfigurationService,
+    '@veloceapps/sdk/core': {
+        ConfigurationService,
         ConfigurationStateService,
-        QuoteDraftService,
+        filterSuccessfulExecute,
+        FlowInfoService,
         FlowConfigurationService,
         IntegrationState,
         FlowStateService,
         FlowStateConfigurationService,
-        LineItemWorker,
+        TransactionItemWorker,
         ProductImagesService,
-        ContextService,
         RuntimeSettingsService,
         ActionCodePipe,
         DatePipe,
         NumberPipe,
-        PricePipe }, lineItemUtils),
+        PricePipe,
+        SalesTransactionService,
+    },
     '@veloceapps/sdk/cms': Object.assign(Object.assign(Object.assign({}, cmsInjectionTokens), cmsActions), { TemplatesService,
         IntegrationState,
         ResourcesService,
@@ -1860,8 +1816,8 @@ const normalizeElementMetadata = (elementMetadata) => {
     var _a, _b, _c, _d;
     const metadata = Object.assign({}, elementMetadata);
     // model
-    const { lineItem, path } = (_a = metadata.model) !== null && _a !== void 0 ? _a : {};
-    const model = lineItem ? { lineItem } : path ? { path } : undefined;
+    const { path } = (_a = metadata.model) !== null && _a !== void 0 ? _a : {};
+    const model = path ? { path } : undefined;
     if (model) {
         metadata.model = model;
     }
@@ -2018,112 +1974,8 @@ class ElementMetadataWorker {
     }
 }
 
-class ConfigurationPlugin {
-    constructor(host) {
-        var _a, _b;
-        this.host = host;
-        this.destroy$ = new Subject();
-        this.elementMetadata = this.host.injector.get(ELEMENT_METADATA);
-        this.configurationService = this.host.injector.get(ConfigurationService);
-        if ((_a = this.elementMetadata.model) === null || _a === void 0 ? void 0 : _a.lineItem) {
-            this.host.model$.pipe(takeUntil(this.destroy$)).subscribe(model => (this.modelSnapshot = model));
-            const pathBlocks = parseBoundPath((_b = this.elementMetadata.model) === null || _b === void 0 ? void 0 : _b.lineItem);
-            const firstPathBlock = pathBlocks.reverse()[0];
-            if (!firstPathBlock) {
-                return;
-            }
-            const { type, property, name } = firstPathBlock;
-            this.host.boundName = name !== null && name !== void 0 ? name : type;
-            this.register(type, property, name);
-        }
-    }
-    ngOnDestroy() {
-        this.destroy$.next();
-        this.destroy$.complete();
-    }
-    register(type, property, name) {
-        if (!type) {
-            return;
-        }
-        if (!property) {
-            this.registerType();
-        }
-        else if (property === 'ports' && name) {
-            this.registerPort(name);
-        }
-        else if (property === 'attributes' && name) {
-            this.registerAttribute(name);
-        }
-    }
-    registerType() {
-        const remove = () => {
-            const rootLineItem = this.configurationService.getSnapshot();
-            if (!rootLineItem || !this.modelSnapshot) {
-                return;
-            }
-            this.configurationService.patch(new LineItemWorker(rootLineItem).remove(this.modelSnapshot.id).li);
-        };
-        const updateQty = (qty) => {
-            const rootLineItem = this.configurationService.getSnapshot();
-            if (!rootLineItem || !this.modelSnapshot) {
-                return;
-            }
-            this.configurationService.patch(new LineItemWorker(rootLineItem).replace(Object.assign(Object.assign({}, this.modelSnapshot), { qty })).li);
-        };
-        this.typeHost.remove = remove;
-        this.typeHost.updateQty = updateQty;
-    }
-    registerPort(name) {
-        const model$ = this.host.model$;
-        const portItems$ = model$.pipe(map(model => { var _a; return (_a = model === null || model === void 0 ? void 0 : model.lineItems.filter(li => li.port === this.host.boundName)) !== null && _a !== void 0 ? _a : []; }));
-        const portDomain$ = model$.pipe(map(model => model === null || model === void 0 ? void 0 : model.portDomains[this.host.boundName]));
-        const add = (type, attributes = []) => {
-            if (!this.modelSnapshot) {
-                return;
-            }
-            const portDomain = this.modelSnapshot.portDomains[name];
-            if (!portDomain) {
-                return;
-            }
-            const generated = generateLineItem(portDomain.name, type, this.modelSnapshot.id, attributes);
-            this.configurationService.patch(new LineItemWorker(this.modelSnapshot).insert(this.modelSnapshot.id, generated).li);
-        };
-        this.portHost.portItems$ = portItems$;
-        this.portHost.portDomain$ = portDomain$;
-        this.portHost.addPortItem = add;
-    }
-    registerAttribute(name) {
-        if (!this.host.model$) {
-            return;
-        }
-        const value$ = this.host.model$.pipe(map(model => { var _a; return getAttributeValue((_a = model === null || model === void 0 ? void 0 : model.attributes) !== null && _a !== void 0 ? _a : [], name); }));
-        const patch = (value) => {
-            if (!this.modelSnapshot) {
-                return;
-            }
-            this.configurationService.patch(new LineItemWorker(this.modelSnapshot).patchAttribute([{ name, value }]).li);
-        };
-        this.attributeHost.value$ = value$;
-        this.attributeHost.patch = patch;
-    }
-    get attributeHost() {
-        return this.host;
-    }
-    get typeHost() {
-        return this.host;
-    }
-    get portHost() {
-        return this.host;
-    }
-}
-ConfigurationPlugin.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ConfigurationPlugin, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive });
-ConfigurationPlugin.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: ConfigurationPlugin, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ConfigurationPlugin, decorators: [{
-            type: Directive
-        }], ctorParameters: function () { return [{ type: undefined }]; } });
-
 const DEFAULT_PLUGINS = {
-    CONFIGURATION: [ConfigurationPlugin],
+    CONFIGURATION: [],
     DEFAULT: [],
 };
 
@@ -2185,10 +2037,18 @@ class ElementsResolver {
         this.config = config;
         this.renderableElements = [];
         this.sharedElements = [];
-        this.sharedElements = this.flattenElements(elements)
-            .filter(el => this.isSharedElement(el))
-            .concat(sharedElements);
-        this.elements = elements.map(el => this.processElementMetadata(el)).filter(isDefined);
+        const services = [];
+        const shared = [];
+        for (const el of this.flattenElements(elements)) {
+            if (el.type === 'SERVICE') {
+                services.push(el);
+            }
+            else if (this.isSharedElement(el)) {
+                shared.push(el);
+            }
+        }
+        this.sharedElements = shared.concat(sharedElements);
+        this.elements = [...services, ...elements.map(el => this.processElementMetadata(el)).filter(isDefined)];
         this.renderableElements = this.getRenderableElements(this.elements);
         this.uiDefMetadata = Object.assign(Object.assign({}, this.uiDef), { customization: (_a = this.uiDef.customization) !== null && _a !== void 0 ? _a : this.getDefaultCustomizationState() });
     }
@@ -2247,6 +2107,9 @@ class ElementsResolver {
     processElementMetadata(sourceElement) {
         var _a, _b;
         let finalElement;
+        if (sourceElement.type === 'SERVICE') {
+            return;
+        }
         if (sourceElement.type === 'REFERENCE') {
             const sharedElement = this.getSharedElement(sourceElement);
             if (!sharedElement) {
@@ -2652,5 +2515,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { CmsAction, DEFAULT_ELEMENT, DEFAULT_PLUGINS_TOKEN, ELEMENT_CONFIG, ELEMENT_METADATA, ElementComponent, ElementDefinition, ElementMetadataWorker, ElementsResolver, FlowAction, LAYOUT, LauncherModule, MigrationsModule, MigrationsService, PreviewComponent, PreviewModule, ResourcesService, RuntimeEditorService, RuntimeModule, RuntimeService, SHARED_ELEMENT_METADATA, STARTING_PAGE_LAYOUT, STARTING_PAGE_NAME, STARTING_PAGE_STYLES, STARTING_PAGE_TYPE, TemplatesService, TranspilationWorker, UI_DEFINITION_METADATA, UiBuildError, atobSafe, btoaSafe, cmsInject, constructPage, constructPageChildren, constructRegion, doesElementSupportIO, elementToMetadata, extendElementMetadata, extractElementMetadata, findElement, findElementByModule, findElementByPath, flattenElements, getAbsolutePath, getElementAngularIOs, getElementConfig, insertElement, isElementAngularIO, isSharedElement, isValidScript, metadataToElement, normalizeElementMetadata, parseBoundPath, parsePath, removeElement, stringifyElementMetadata, toElementAngularIO };
+export { CmsAction, DEFAULT_ELEMENT, DEFAULT_PLUGINS_TOKEN, ELEMENT_CONFIG, ELEMENT_METADATA, ElementComponent, ElementDefinition, ElementMetadataWorker, ElementsResolver, FlowAction, LAYOUT, LauncherModule, MigrationsModule, MigrationsService, PreviewComponent, PreviewModule, ResourcesService, RuntimeEditorService, RuntimeModule, RuntimeService, SHARED_ELEMENT_METADATA, STARTING_PAGE_LAYOUT, STARTING_PAGE_NAME, STARTING_PAGE_STYLES, STARTING_PAGE_TYPE, TemplatesService, TranspilationWorker, UI_DEFINITION_METADATA, UiBuildError, atobSafe, btoaSafe, cmsInject, constructPage, constructPageChildren, constructRegion, doesElementSupportIO, elementToMetadata, extendElementMetadata, extractElementMetadata, findElement, findElementByModule, findElementByPath, flattenElements, getAbsolutePath, getElementAngularIOs, getElementConfig, insertElement, isElementAngularIO, isSharedElement, isValidScript, metadataToElement, normalizeElementMetadata, parsePath, removeElement, stringifyElementMetadata, toElementAngularIO };
 //# sourceMappingURL=veloceapps-sdk-cms.mjs.map