@veloceapps/sdk 2.0.13 → 2.0.14

package/fesm2015/veloce-sdk-runtime.js

@@ -10,9 +10,12 @@ import * as _ from 'lodash';
 import { merge, isDate } from 'lodash';
 import * as rxjsOperators from 'rxjs/operators';
 import { tap, map, take, filter, shareReplay, takeUntil } from 'rxjs/operators';
+import * as i8 from '@veloce/components';
+import { ConfirmationComponent, LoaderModule } from '@veloce/components';
 import * as i1 from '@veloce/api';
 import { ApiModule } from '@veloce/api';
-import * as i3 from 'primeng/api';
+import * as i3 from 'primeng/dynamicdialog';
+import * as i3$1 from 'primeng/api';
 import { MessageService } from 'primeng/api';
 import { __awaiter, __decorate } from 'tslib';
 import { ScrollingModule as ScrollingModule$1 } from '@angular/cdk-experimental/scrolling';
@@ -21,8 +24,6 @@ import * as i5 from '@angular/common';
 import { CurrencyPipe, DOCUMENT, CommonModule, DatePipe } from '@angular/common';
 import '@angular/compiler';
 import { VeloceElementsModule } from '@veloce/elements';
-import * as i8 from '@veloce/components';
-import { LoaderModule } from '@veloce/components';
 import * as i5$1 from 'ngx-bootstrap/popover';
 import { PopoverModule } from 'ngx-bootstrap/popover';
 import { TemplatePortal } from '@angular/cdk/portal';
@@ -780,28 +781,35 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImpo
         }], ctorParameters: function () { return [{ type: i1.ContextApiService }]; } });
 
 class ConfigurationService {
-    constructor(configurationApiService, contextService) {
+    constructor(configurationApiService, contextService, dialogService) {
         this.configurationApiService = configurationApiService;
         this.contextService = contextService;
+        this.dialogService = dialogService;
     }
     configure(runtimeContext, states, resolve) {
+        var _a;
         const lineItem = (states && states.configurableRamp) || this.getDefaultLineItem(runtimeContext);
         const configurationMode = resolve ? ConfigurationMode.RESOLVE : ConfigurationMode.SEARCH;
         const configurationRequest = this.createRequest(lineItem, runtimeContext, configurationMode);
         configurationRequest.lineItems = states.currentState || [];
         configurationRequest.asset = states.asset;
         const runtimeModel = runtimeContext.runtimeModel;
-        if (runtimeContext.uiDefinition && runtimeContext.uiDefinition.pricingEnabled) {
-            return this.configurationApiService.configureAndPriceLineItem(configurationRequest, runtimeModel).pipe(map(({ lineItem, context }) => {
-                if (context) {
-                    this.contextService.update({ properties: context.properties });
-                }
-                return lineItem;
-            }));
-        }
-        else {
-            return this.configurationApiService.configureLineItem(configurationRequest, runtimeModel);
-        }
+        const pricingEnabled = (_a = runtimeContext.uiDefinition) === null || _a === void 0 ? void 0 : _a.pricingEnabled;
+        return this.configurationApiService
+            .configureLineItem({
+            configurationRequest,
+            runtimeModel,
+            pricingEnabled,
+        })
+            .pipe(map(({ lineItem, context, deletedLineItems }) => {
+            if (context) {
+                this.contextService.update({ properties: context.properties });
+            }
+            if (deletedLineItems === null || deletedLineItems === void 0 ? void 0 : deletedLineItems.length) {
+                this.showInactiveProductsConfirmation();
+            }
+            return lineItem;
+        }));
     }
     createRequest(lineItem, runtimeContext, configurationMode) {
         var _a, _b, _c;
@@ -833,12 +841,37 @@ class ConfigurationService {
             : {}));
         return lineItem;
     }
+    showInactiveProductsConfirmation() {
+        this.dialogService
+            .open(ConfirmationComponent, {
+            dismissableMask: false,
+            closeOnEscape: false,
+            closable: false,
+            showHeader: true,
+            header: `Inactive Products in Quote`,
+            width: '440px',
+            data: {
+                confirmationConfig: {
+                    title: ' ',
+                    description: 'This quote contains inactive products. Do you want to remove them?',
+                    submitBtn: 'Remove products',
+                    cancelBtn: 'Back to Quote',
+                },
+            },
+        })
+            .onClose.subscribe(result => {
+            if (!result) {
+                const context = this.contextService.resolve();
+                window['VELO_BACK_FN'].apply(null, [(context === null || context === void 0 ? void 0 : context.headerId) || '']);
+            }
+        });
+    }
 }
-ConfigurationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: ConfigurationService, deps: [{ token: i1.ConfigurationApiService }, { token: ContextService }], target: i0.ɵɵFactoryTarget.Injectable });
+ConfigurationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: ConfigurationService, deps: [{ token: i1.ConfigurationApiService }, { token: ContextService }, { token: i3.DialogService }], target: i0.ɵɵFactoryTarget.Injectable });
 ConfigurationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: ConfigurationService });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: ConfigurationService, decorators: [{
             type: Injectable
-        }], ctorParameters: function () { return [{ type: i1.ConfigurationApiService }, { type: ContextService }]; } });
+        }], ctorParameters: function () { return [{ type: i1.ConfigurationApiService }, { type: ContextService }, { type: i3.DialogService }]; } });
 
 class RuntimeService {
     constructor(configurationService, contextService, messageService) {
@@ -937,11 +970,11 @@ class RuntimeService {
         this.runtimeContext.invocationContext = Object.assign(Object.assign({}, this.runtimeContext.invocationContext), { runtimeStep });
     }
 }
-RuntimeService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: RuntimeService, deps: [{ token: ConfigurationService }, { token: ContextService }, { token: i3.MessageService }], target: i0.ɵɵFactoryTarget.Injectable });
+RuntimeService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: RuntimeService, deps: [{ token: ConfigurationService }, { token: ContextService }, { token: i3$1.MessageService }], target: i0.ɵɵFactoryTarget.Injectable });
 RuntimeService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: RuntimeService });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: RuntimeService, decorators: [{
             type: Injectable
-        }], ctorParameters: function () { return [{ type: ConfigurationService }, { type: ContextService }, { type: i3.MessageService }]; } });
+        }], ctorParameters: function () { return [{ type: ConfigurationService }, { type: ContextService }, { type: i3$1.MessageService }]; } });
 
 class QuoteService {
     constructor(contextService, quoteApiService, priceApiService) {
@@ -1094,11 +1127,11 @@ class RuntimeContextService {
         return uiDefinition;
     }
 }
-RuntimeContextService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: RuntimeContextService, deps: [{ token: i1.ConfigurationApiService }, { token: i3.MessageService }, { token: ContextService }], target: i0.ɵɵFactoryTarget.Injectable });
+RuntimeContextService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: RuntimeContextService, deps: [{ token: i1.ConfigurationApiService }, { token: i3$1.MessageService }, { token: ContextService }], target: i0.ɵɵFactoryTarget.Injectable });
 RuntimeContextService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: RuntimeContextService });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: RuntimeContextService, decorators: [{
             type: Injectable
-        }], ctorParameters: function () { return [{ type: i1.ConfigurationApiService }, { type: i3.MessageService }, { type: ContextService }]; } });
+        }], ctorParameters: function () { return [{ type: i1.ConfigurationApiService }, { type: i3$1.MessageService }, { type: ContextService }]; } });
 
 class SectionStoreService {
     constructor() {
@@ -2097,7 +2130,7 @@ class VeloTypeComponent {
         }
     }
 }
-VeloTypeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: VeloTypeComponent, deps: [{ token: FormScopeService }, { token: CollapsibleStateService }, { token: SectionScopeService }, { token: i3.MessageService }], target: i0.ɵɵFactoryTarget.Component });
+VeloTypeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: VeloTypeComponent, deps: [{ token: FormScopeService }, { token: CollapsibleStateService }, { token: SectionScopeService }, { token: i3$1.MessageService }], target: i0.ɵɵFactoryTarget.Component });
 VeloTypeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: VeloTypeComponent, selector: "velo-type", ngImport: i0, template: "<div class=\"container-box div-block collapsed container-box-bordered\" [formGroup]=\"form\">\n  <div class=\"box-title\">\n    <div class=\"header clearfix\">\n      <div>\n        <div class=\"header-label div-inline\">\n          {{ displayName }}\n          <span *ngIf=\"prices.length > 0\">\n            <span>${{ prices[0].netPrice }}</span>\n            <span *ngIf=\"prices.length > 1\">\n              <span>, </span>\n              <span>${{ prices[1].netPrice }}</span>\n            </span>\n          </span>\n        </div>\n\n        <div class=\"header-qty-container input-form-input\">\n          <input\n            [id]=\"qtyControlName\"\n            [formControlName]=\"qtyControlName\"\n            (blur)=\"form.controls[qtyControlName].valid && handleQuantityUpdate()\"\n            type=\"text\"\n            class=\"form-control\"\n            size=\"3\"\n          />\n          <div class=\"validation-message\">\n            <div *ngFor=\"let key of form.controls[qtyControlName].errors | values\">\n              <span>\n                {{ form.controls[qtyControlName]?.errors?.[key].message }}\n              </span>\n            </div>\n            <span *ngIf=\"form.controls[qtyControlName].valid\"> &nbsp; </span>\n          </div>\n          <span *ngIf=\"prices.length > 0\">\n            <div>{{ prices[0].explanation }}</div>\n            <span *ngIf=\"prices.length > 1 && prices[1].explanation\">\n              <div>{{ prices[1].explanation }}</div>\n            </span>\n          </span>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"box-actions\">\n      <ng-container *ngIf=\"section.controlType !== 'MESSAGE'\">\n        <ng-template #msgTemplate>\n          <div class=\"runtime-info-message\">\n            <ul class=\"message-text\">\n              <li *ngFor=\"let message of section.model?.messages\">{{ message }}</li>\n            </ul>\n          </div>\n        </ng-template>\n\n        <div\n          class=\"box-action-button\"\n          *ngIf=\"(section.model?.messages?.length ?? 0) > 0\"\n          [popover]=\"msgTemplate\"\n          placement=\"left\"\n          container=\"body\"\n          [isOpen]=\"true\"\n        >\n          <a href=\"javascript:void(0);\">\n            <i class=\"fa fa-info check-icon\"></i>\n          </a>\n        </div>\n      </ng-container>\n\n      <div\n        class=\"box-action-button\"\n        (click)=\"toggleCollapse()\"\n        [hidden]=\"!section.children || section.children.length < 1\"\n      >\n        <a><i class=\"fa fa-chevron-down check-icon\"></i></a>\n      </div>\n\n      <div class=\"box-action-button\" (click)=\"handleRemove()\">\n        <a><i class=\"fa fa-trash-o check-icon\"></i></a>\n      </div>\n    </div>\n  </div>\n\n  <ng-content></ng-content>\n</div>\n", directives: [{ type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4.FormControlName, selector: "[formControlName]", inputs: ["disabled", "formControlName", "ngModel"], outputs: ["ngModelChange"] }, { type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i5$1.PopoverDirective, selector: "[popover]", inputs: ["outsideClick", "containerClass", "isOpen", "adaptivePosition", "popover", "popoverContext", "popoverTitle", "placement", "triggers", "container", "delay"], outputs: ["onShown", "onHidden"], exportAs: ["bs-popover"] }], pipes: { "values": i7.ValuesPipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: VeloTypeComponent, decorators: [{
             type: Component,
@@ -2106,7 +2139,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImpo
                     selector: 'velo-type',
                     templateUrl: 'velo-type.component.html',
                 }]
-        }], ctorParameters: function () { return [{ type: FormScopeService }, { type: CollapsibleStateService }, { type: SectionScopeService }, { type: i3.MessageService }]; } });
+        }], ctorParameters: function () { return [{ type: FormScopeService }, { type: CollapsibleStateService }, { type: SectionScopeService }, { type: i3$1.MessageService }]; } });
 
 class SfQueryDirective {
     constructor(apiService) {
@@ -3762,7 +3795,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImpo
                     styleUrls: ['./runtime-legacy-styles.scss', 'runtime.component.scss'],
                     providers: [FormScopeService, CollapsibleStateService, OrderByPipe, SearchFilterPipe],
                 }]
-        }], ctorParameters: function () { return [{ type: SectionsService }, { type: FormScopeService }, { type: CollapsibleStateService }, { type: RuntimeFormService }, { type: RuntimeService }, { type: i3.MessageService, decorators: [{
+        }], ctorParameters: function () { return [{ type: SectionsService }, { type: FormScopeService }, { type: CollapsibleStateService }, { type: RuntimeFormService }, { type: RuntimeService }, { type: i3$1.MessageService, decorators: [{
                     type: Inject,
                     args: [MessageService]
                 }] }, { type: ContextService }, { type: i7.OrderByPipe }, { type: i7.SearchFilterPipe }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { solutionUpdated: [{