@veloceapps/sdk 2.0.17 → 2.0.19

package/fesm2015/veloce-sdk-cms.js

@@ -2,8 +2,8 @@ import { __decorate, __param, __awaiter, __rest } from 'tslib';
 import * as i0 from '@angular/core';
 import { InjectionToken, Component, ChangeDetectionStrategy, Inject, Injector, Injectable, Directive, ViewContainerRef, SkipSelf, ViewChild, Input, EventEmitter, TemplateRef, Output, NgModule, ViewEncapsulation } from '@angular/core';
 import * as rxjs from 'rxjs';
-import { BehaviorSubject, combineLatest, of, shareReplay, throwError, Subject, takeUntil, map as map$1, from, tap as tap$1, switchMap, forkJoin, catchError as catchError$1 } from 'rxjs';
-import * as i7 from '@angular/common';
+import { BehaviorSubject, combineLatest, of, throwError, shareReplay, Subject, takeUntil, map as map$1, filter, from, tap as tap$1, switchMap, forkJoin, catchError as catchError$1 } from 'rxjs';
+import * as i8 from '@angular/common';
 import { DOCUMENT, CommonModule } from '@angular/common';
 import { UUID, EntityUtil, RuntimeModel, ConfigurationContextMode, SalesforceIdUtils, ConfigurationMode, CoreModule } from '@veloce/core';
 import { DragDropModule } from '@angular/cdk/drag-drop';
@@ -11,14 +11,14 @@ import * as angularForms from '@angular/forms';
 import { FormsModule, ReactiveFormsModule } from '@angular/forms';
 import * as lodash from 'lodash';
 import { compact, sortBy, isArray, pull, flatten, set } from 'lodash';
+import * as i6 from '@veloce/components';
+import { ConfirmationComponent, LoaderModule, ConfirmationDialogModule } from '@veloce/components';
 import * as i2$1 from '@veloce/sdk/runtime';
 import { RuntimeMode, RuntimeStep, ContextService } from '@veloce/sdk/runtime';
 import * as rxjsOperators from 'rxjs/operators';
 import { map, first, tap, catchError } from 'rxjs/operators';
-import * as i5$1 from '@veloce/components';
-import { ConfirmationComponent, LoaderModule, ConfirmationDialogModule } from '@veloce/components';
 import * as i1 from '@veloce/api';
-import { SalesforceApiService, QuoteApiService, DocumentTemplatesApiService, DocumentAttachmentApiService, ContextApiService, ProductModelApiService, ConfigurationApiService } from '@veloce/api';
+import { SalesforceApiService, QuoteApiService, DocumentTemplatesApiService, DocumentAttachmentApiService, ContextApiService, ProductModelApiService, ConfigurationApiService, ApiModule } from '@veloce/api';
 import * as i2 from 'primeng/api';
 import * as i5 from 'primeng/dynamicdialog';
 import { DialogService } from 'primeng/dynamicdialog';
@@ -471,6 +471,21 @@ function stringifyElementMetadata(elementMetadata) {
         return match.replace(/"/g, '');
     });
 }
+const isValidScript = (script) => {
+    var _a;
+    if (!script) {
+        return false;
+    }
+    const exportedClassName = script && ((_a = EXPORTED_CLASS_REGEX.exec(script)) !== null && _a !== void 0 ? _a : [])[1];
+    if (!exportedClassName) {
+        return false;
+    }
+    const meta = extractElementMetadata(script);
+    if (!meta.name || !meta.type) {
+        return false;
+    }
+    return true;
+};
 
 class ElementContextService {
 }
@@ -763,25 +778,26 @@ class ConfigurationService {
         this.lineItem.next(undefined);
         this.charges.next({});
     }
-    patch(lineItem) {
+    patch$(lineItem) {
         if (!this.lineItem.value) {
-            return;
+            return throwError(() => new Error(`Source LineItem not found`));
         }
         this.states.configurableRamp = new LineItemWorker(this.lineItem.value).replace(lineItem).li;
         this.states.asset = this.states.configurableRamp
             ? this.runtimeService.getAsset(this.states.configurableRamp)
             : undefined;
-        this.configure()
-            .pipe(catchError(error => {
-            this.messageService.add({
-                severity: 'error',
-                summary: error,
-            });
+        return this.configure().pipe(catchError(error => {
+            console.error(error);
+            if (!this.runtimeService.uiDefinitionProperties.suppressToastMessages) {
+                this.messageService.add({ severity: 'error', summary: error });
+            }
             // bounce back if configuration call has failed
             this.lineItem.next(this.lineItem.value ? Object.assign({}, this.lineItem.value) : undefined);
-            return of();
-        }))
-            .subscribe();
+            return throwError(() => error);
+        }));
+    }
+    patch(lineItem) {
+        this.patch$(lineItem).subscribe();
     }
     updateCurrentStates(update) {
         this.states = Object.assign(Object.assign({}, this.states), update);
@@ -809,7 +825,7 @@ class ConfigurationService {
         const runtimeContext = this.getRuntimeContext();
         const runtimeModel = this.getRuntimeModel();
         if (!runtimeContext || !runtimeModel) {
-            return of(undefined);
+            return throwError(() => new Error('Runtime context/model not initialized'));
         }
         const uiDefinitionProperties = Object.assign(Object.assign({}, ((_b = (_a = runtimeContext.uiDefinition) === null || _a === void 0 ? void 0 : _a.properties) !== null && _b !== void 0 ? _b : {})), ((_c = this.runtimeService.uiDefinitionProperties) !== null && _c !== void 0 ? _c : {}));
         const lineItem = (_d = this.states.configurableRamp) !== null && _d !== void 0 ? _d : getDefaultLineItem(runtimeContext, uiDefinitionProperties);
@@ -1272,6 +1288,43 @@ var vlCmsModules = /*#__PURE__*/Object.freeze({
     ConfigurationService: ConfigurationService
 });
 
+const InitAction = { type: 'INIT' };
+const ClearAction = { type: 'CLEAR' };
+class IntegrationState {
+    constructor() {
+        this.stateSubj$ = new BehaviorSubject({});
+        this.action$ = new BehaviorSubject(InitAction);
+    }
+    get state$() {
+        return this.stateSubj$.asObservable();
+    }
+    get state() {
+        return this.stateSubj$.getValue();
+    }
+    patchState(update) {
+        this.stateSubj$.next(Object.assign(Object.assign({}, this.stateSubj$.getValue()), update));
+    }
+    dispatch(action) {
+        this.action$.next(action);
+    }
+    listen$(actionType) {
+        return this.action$.pipe(filter(action => action.type === actionType), map$1(action => action.payload));
+    }
+    listenAll$() {
+        return this.action$.asObservable();
+    }
+    clear() {
+        this.stateSubj$.next({});
+        this.action$.next(ClearAction);
+    }
+}
+IntegrationState.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: IntegrationState, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+IntegrationState.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: IntegrationState, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: IntegrationState, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
 var vlCmsUtils = /*#__PURE__*/Object.freeze({
     __proto__: null,
     UiBuildError: UiBuildError,
@@ -1283,6 +1336,7 @@ var vlCmsUtils = /*#__PURE__*/Object.freeze({
     getElementConfig: getElementConfig,
     doesElementSupportIO: doesElementSupportIO,
     stringifyElementMetadata: stringifyElementMetadata,
+    isValidScript: isValidScript,
     parseBoundPath: parseBoundPath,
     findLineItem: findLineItem,
     insertLineItem: insertLineItem,
@@ -1298,7 +1352,8 @@ var vlCmsUtils = /*#__PURE__*/Object.freeze({
 });
 
 const vendorMap = {
-    '@veloce/sdk/cms': Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, vlCmsModules), vlCmsUtils), vlCmsLineItemTypes), vlInjectionTokens), { TemplatesService }),
+    '@veloce/sdk/cms': Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, vlCmsModules), vlCmsUtils), vlCmsLineItemTypes), vlInjectionTokens), { TemplatesService,
+        IntegrationState }),
     '@veloce/api': {
         SalesforceApiService,
         QuoteApiService,
@@ -1384,12 +1439,13 @@ class ElementsResolver {
         return finalElement;
     }
     resolveElement(sourceElement) {
+        var _a;
         const element = this.processElementMetadata(sourceElement);
         if (!element) {
             return;
         }
         const config = CONFIG[element.type];
-        const defaultPlugins = DEFAULT_PLUGINS[this.uiDef.type];
+        const defaultPlugins = (_a = DEFAULT_PLUGINS[this.uiDef.type]) !== null && _a !== void 0 ? _a : [];
         if (!config) {
             console.warn(`Unknown element type "${element.type}"`);
             return;
@@ -1457,11 +1513,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImpo
         }], ctorParameters: function () { return [{ type: i0.Compiler }, { type: DynamicModuleService }]; } });
 
 class PreviewComponent {
-    constructor(launcherService, configurationService, messageService, runtimeService) {
+    constructor(launcherService, configurationService, messageService, runtimeService, integrationState) {
         this.launcherService = launcherService;
         this.configurationService = configurationService;
         this.messageService = messageService;
         this.runtimeService = runtimeService;
+        this.integrationState = integrationState;
+        this.clearState = true;
         this.state$ = new BehaviorSubject({ loading: true, failure: false });
         this.elements = [];
         this.destroy$ = new Subject();
@@ -1473,6 +1531,9 @@ class PreviewComponent {
         this.destroy$.next();
         this.destroy$.complete();
         this.configurationService.reset();
+        if (this.clearState) {
+            this.integrationState.clear();
+        }
     }
     initializeConfiguration$() {
         var _a;
@@ -1491,12 +1552,15 @@ class PreviewComponent {
             .pipe(switchMap(() => this.configurationService.configure()));
     }
     elementToMetadataSafe(elements) {
+        var _a, _b;
         try {
             return elements.map(element => elementToMetadata(element));
         }
         catch (e) {
             console.error(e);
-            this.messageService.add({ severity: 'error', summary: String(e) });
+            if (!((_b = (_a = this.uiDefinition) === null || _a === void 0 ? void 0 : _a.properties) === null || _b === void 0 ? void 0 : _b.suppressToastMessages)) {
+                this.messageService.add({ severity: 'error', summary: String(e) });
+            }
             return [];
         }
     }
@@ -1509,18 +1573,19 @@ class PreviewComponent {
         const compilation$ = this.launcherService.compileModule(this.elements, uiDefinitionMeta);
         forkJoin([compilation$, this.initializeConfiguration$()])
             .pipe(tap$1(() => this.state$.next({ loading: false, failure: false })), catchError$1(error => {
-            this.messageService.add({
-                severity: 'error',
-                summary: error,
-            });
+            var _a, _b;
+            console.error(error);
+            if (!((_b = (_a = this.uiDefinition) === null || _a === void 0 ? void 0 : _a.properties) === null || _b === void 0 ? void 0 : _b.suppressToastMessages)) {
+                this.messageService.add({ severity: 'error', summary: error });
+            }
             this.state$.next({ loading: false, failure: true });
             return of();
         }), takeUntil(this.destroy$))
             .subscribe();
     }
 }
-PreviewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: PreviewComponent, deps: [{ token: LauncherService }, { token: ConfigurationService }, { token: i2.MessageService }, { token: ConfigurationRuntimeService }], target: i0.ɵɵFactoryTarget.Component });
-PreviewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: PreviewComponent, selector: "vl-cms-preview", inputs: { modelId: "modelId", uiDefinition: "uiDefinition" }, providers: [IOProviderService, TemplatesService], ngImport: i0, template: "<ng-container *ngIf=\"state$ | async as state\">\n  <vl-loader *ngIf=\"state.loading; else content\" [label]=\"'Loading UI'\"></vl-loader>\n\n  <ng-template #content>\n    <ng-container *ngIf=\"!state.failure\">\n      <vl-cms-element-renderer *ngFor=\"let el of elements\" [meta]=\"el\"></vl-cms-element-renderer>\n    </ng-container>\n  </ng-template>\n</ng-container>\n", styles: [":host{flex-grow:1;display:flex;flex-direction:column;height:100%}\n"], components: [{ type: i5$1.LoaderComponent, selector: "vl-loader", inputs: ["label", "overlayVisible"] }, { type: ElementRendererComponent, selector: "vl-cms-element-renderer", inputs: ["meta"] }], directives: [{ type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "async": i7.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.ShadowDom });
+PreviewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: PreviewComponent, deps: [{ token: LauncherService }, { token: ConfigurationService }, { token: i2.MessageService }, { token: ConfigurationRuntimeService }, { token: IntegrationState }], target: i0.ɵɵFactoryTarget.Component });
+PreviewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: PreviewComponent, selector: "vl-cms-preview", inputs: { modelId: "modelId", uiDefinition: "uiDefinition", clearState: "clearState" }, providers: [IOProviderService, TemplatesService], ngImport: i0, template: "<ng-container *ngIf=\"state$ | async as state\">\n  <vl-loader *ngIf=\"state.loading; else content\" [label]=\"'Loading UI'\"></vl-loader>\n\n  <ng-template #content>\n    <ng-container *ngIf=\"!state.failure\">\n      <vl-cms-element-renderer *ngFor=\"let el of elements\" [meta]=\"el\"></vl-cms-element-renderer>\n    </ng-container>\n  </ng-template>\n</ng-container>\n", styles: [":host{flex-grow:1;display:flex;flex-direction:column;height:100%}\n"], components: [{ type: i6.LoaderComponent, selector: "vl-loader", inputs: ["label", "overlayVisible"] }, { type: ElementRendererComponent, selector: "vl-cms-element-renderer", inputs: ["meta"] }], directives: [{ type: i8.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i8.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "async": i8.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.ShadowDom });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: PreviewComponent, decorators: [{
             type: Component,
             args: [{
@@ -1532,10 +1597,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImpo
                     // use shadow DOM to prevent UI from being affected by global styles
                     encapsulation: ViewEncapsulation.ShadowDom,
                 }]
-        }], ctorParameters: function () { return [{ type: LauncherService }, { type: ConfigurationService }, { type: i2.MessageService }, { type: ConfigurationRuntimeService }]; }, propDecorators: { modelId: [{
+        }], ctorParameters: function () { return [{ type: LauncherService }, { type: ConfigurationService }, { type: i2.MessageService }, { type: ConfigurationRuntimeService }, { type: IntegrationState }]; }, propDecorators: { modelId: [{
                 type: Input
             }], uiDefinition: [{
                 type: Input
+            }], clearState: [{
+                type: Input
             }] } });
 
 class ElementRendererModule {
@@ -1569,12 +1636,13 @@ class PreviewModule {
 }
 PreviewModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: PreviewModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
 PreviewModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: PreviewModule, declarations: [PreviewComponent], imports: [CommonModule, LoaderModule, ElementRendererModule, ElementChildrenModule], exports: [PreviewComponent] });
-PreviewModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: PreviewModule, imports: [[CommonModule, LoaderModule, ElementRendererModule, ElementChildrenModule]] });
+PreviewModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: PreviewModule, providers: [IntegrationState], imports: [[CommonModule, LoaderModule, ElementRendererModule, ElementChildrenModule]] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: PreviewModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [PreviewComponent],
                     imports: [CommonModule, LoaderModule, ElementRendererModule, ElementChildrenModule],
+                    providers: [IntegrationState],
                     exports: [PreviewComponent],
                 }]
         }] });
@@ -1617,29 +1685,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImpo
 class LauncherModule {
 }
 LauncherModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: LauncherModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-LauncherModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: LauncherModule, imports: [CommonModule, CoreModule, ConfigurationModule] });
-LauncherModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: LauncherModule, providers: [
-        LauncherService,
-        DynamicModuleService,
-        SalesforceApiService,
-        QuoteApiService,
-        DocumentTemplatesApiService,
-        DocumentAttachmentApiService,
-        DialogService,
-    ], imports: [[CommonModule, CoreModule, ConfigurationModule]] });
+LauncherModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: LauncherModule, imports: [CommonModule, CoreModule, ApiModule, ConfigurationModule] });
+LauncherModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: LauncherModule, providers: [LauncherService, IntegrationState, DynamicModuleService, DialogService], imports: [[CommonModule, CoreModule, ApiModule, ConfigurationModule]] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: LauncherModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [CommonModule, CoreModule, ConfigurationModule],
-                    providers: [
-                        LauncherService,
-                        DynamicModuleService,
-                        SalesforceApiService,
-                        QuoteApiService,
-                        DocumentTemplatesApiService,
-                        DocumentAttachmentApiService,
-                        DialogService,
-                    ],
+                    imports: [CommonModule, CoreModule, ApiModule, ConfigurationModule],
+                    providers: [LauncherService, IntegrationState, DynamicModuleService, DialogService],
                 }]
         }] });
 
@@ -1647,5 +1699,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { ConfigurationRuntimeService, ConfigurationService, DEFAULT_PLUGINS_TOKEN, ELEMENT_CONFIG, ELEMENT_METADATA, ElementComponent, ElementDefinition, LauncherModule, LauncherService, LineItemWorker, PreviewComponent, PreviewModule, SHARED_ELEMENT_METADATA, TemplatesService, UI_DEFINITION_METADATA, UiBuildError, VENDOR_MAP, doesElementSupportIO, elementToMetadata, extendElementMetadata, extractElementMetadata, findLineItem, generateLineItem, getAttributeValue, getAttributes, getDefaultLineItem, getElementConfig, getRecommendedPrices, insertLineItem, mapAttributes, metadataToElement, normalizeElementMetadata, parseBoundPath, patchAttributes, removeLineItem, replaceLineItem, stringifyElementMetadata, upsertAttributes };
+export { ConfigurationRuntimeService, ConfigurationService, DEFAULT_PLUGINS_TOKEN, ELEMENT_CONFIG, ELEMENT_METADATA, ElementComponent, ElementDefinition, IntegrationState, LauncherModule, LauncherService, LineItemWorker, PreviewComponent, PreviewModule, SHARED_ELEMENT_METADATA, TemplatesService, UI_DEFINITION_METADATA, UiBuildError, VENDOR_MAP, doesElementSupportIO, elementToMetadata, extendElementMetadata, extractElementMetadata, findLineItem, generateLineItem, getAttributeValue, getAttributes, getDefaultLineItem, getElementConfig, getRecommendedPrices, insertLineItem, isValidScript, mapAttributes, metadataToElement, normalizeElementMetadata, parseBoundPath, patchAttributes, removeLineItem, replaceLineItem, stringifyElementMetadata, upsertAttributes };
 //# sourceMappingURL=veloce-sdk-cms.js.map