@veloceapps/sdk 8.0.0-100 → 8.0.0-101
Sign up to get free protection for your applications and to get access to all the features.
|
@@ -3,32 +3,36 @@ import { FlowInfoService, QuoteDraftService } from '@veloceapps/sdk/core';
|
|
|
3
3
|
import { combineLatest, map } from 'rxjs';
|
|
4
4
|
import { FlowService } from './services';
|
|
5
5
|
import { FlowRouterService } from './services/flow-router.service';
|
|
6
|
+
import { FlowGuidedSellingService } from './services/guided-selling.service';
|
|
6
7
|
import * as i0 from "@angular/core";
|
|
7
8
|
import * as i1 from "./services/flow-router.service";
|
|
8
9
|
import * as i2 from "@veloceapps/sdk/core";
|
|
9
10
|
import * as i3 from "./services";
|
|
10
|
-
import * as i4 from "
|
|
11
|
-
import * as i5 from "@angular/
|
|
12
|
-
import * as i6 from "@
|
|
13
|
-
import * as i7 from "
|
|
14
|
-
import * as i8 from "./components/
|
|
15
|
-
import * as i9 from "./components/
|
|
11
|
+
import * as i4 from "./services/guided-selling.service";
|
|
12
|
+
import * as i5 from "@angular/common";
|
|
13
|
+
import * as i6 from "@angular/router";
|
|
14
|
+
import * as i7 from "@veloceapps/components";
|
|
15
|
+
import * as i8 from "./components/flow-header/flow-header.component";
|
|
16
|
+
import * as i9 from "./components/doc-gen/doc-gen.component";
|
|
17
|
+
import * as i10 from "./components/guided-selling/guided-selling.component";
|
|
16
18
|
export class FlowComponent {
|
|
17
|
-
constructor(routerService, quoteDraftService, flowService, flowInfo) {
|
|
19
|
+
constructor(routerService, quoteDraftService, flowService, flowInfo, guidedSellingService) {
|
|
18
20
|
this.routerService = routerService;
|
|
19
21
|
this.quoteDraftService = quoteDraftService;
|
|
20
22
|
this.flowService = flowService;
|
|
21
23
|
this.flowInfo = flowInfo;
|
|
24
|
+
this.guidedSellingService = guidedSellingService;
|
|
22
25
|
this.isLoading$ = this.routerService.loading$;
|
|
23
26
|
this.showHeader$ = combineLatest([this.routerService.route$, this.flowInfo.flow$]).pipe(map(([route, flow]) => route.data['showHeader'] && !flow?.properties.standalone));
|
|
24
27
|
this.isStandalone$ = this.quoteDraftService.isStandalone$;
|
|
28
|
+
this.guidedSellingVisible$ = this.guidedSellingService.isVisible$;
|
|
25
29
|
this.flowService.initSubscriptions();
|
|
26
30
|
}
|
|
27
31
|
}
|
|
28
|
-
FlowComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowComponent, deps: [{ token: i1.FlowRouterService }, { token: i2.QuoteDraftService }, { token: i3.FlowService }, { token: i2.FlowInfoService }], target: i0.ɵɵFactoryTarget.Component });
|
|
29
|
-
FlowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: FlowComponent, selector: "vl-flow", ngImport: i0, template: "<vl-flow-new-header *ngIf=\"showHeader$ | async\"></vl-flow-new-header>\n\n<div class=\"flow-content\">\n <div class=\"loading-overlay\" *ngIf=\"isLoading$ | async\">\n <vl-loader label=\"LOADING\"></vl-loader>\n </div>\n\n <router-outlet></router-outlet>\n\n <vl-flow-guided-selling *ngIf=\"(isStandalone$ | async) !== true\"></vl-flow-guided-selling>\n</div>\n\n<ng-container *ngIf=\"(isStandalone$ | async) !== true\">\n <vl-flow-doc-gen></vl-flow-doc-gen>\n</ng-container>\n", styles: [":host{display:flex;flex-direction:column;width:100%;height:100%}.flow-content{flex-grow:1;position:relative;overflow:hidden}.loading-overlay{position:absolute;height:100%;width:100%;inset:0;background-color:#fff;z-index:999}\n"], dependencies: [{ kind: "directive", type:
|
|
32
|
+
FlowComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowComponent, deps: [{ token: i1.FlowRouterService }, { token: i2.QuoteDraftService }, { token: i3.FlowService }, { token: i2.FlowInfoService }, { token: i4.FlowGuidedSellingService }], target: i0.ɵɵFactoryTarget.Component });
|
|
33
|
+
FlowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: FlowComponent, selector: "vl-flow", ngImport: i0, template: "<vl-flow-new-header *ngIf=\"showHeader$ | async\"></vl-flow-new-header>\n\n<div class=\"flow-content\">\n <div class=\"loading-overlay\" *ngIf=\"isLoading$ | async\">\n <vl-loader label=\"LOADING\"></vl-loader>\n </div>\n\n <router-outlet></router-outlet>\n\n <div class=\"guided-selling\" [ngClass]=\"{ hidden: (guidedSellingVisible$ | async) === false }\">\n <vl-flow-guided-selling *ngIf=\"(isStandalone$ | async) !== true\"></vl-flow-guided-selling>\n </div>\n</div>\n\n<ng-container *ngIf=\"(isStandalone$ | async) !== true\">\n <vl-flow-doc-gen></vl-flow-doc-gen>\n</ng-container>\n", styles: [":host{display:flex;flex-direction:column;width:100%;height:100%}.flow-content{flex-grow:1;position:relative;overflow:hidden}.loading-overlay{position:absolute;height:100%;width:100%;inset:0;background-color:#fff;z-index:999}.guided-selling{position:absolute;top:0;width:100%;height:100%;z-index:100}.hidden{display:none}\n"], dependencies: [{ kind: "directive", type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "component", type: i7.LoaderComponent, selector: "vl-loader", inputs: ["label", "overlayVisible"] }, { kind: "component", type: i8.FlowHeaderComponent, selector: "vl-flow-new-header" }, { kind: "component", type: i9.DocGenComponent, selector: "vl-flow-doc-gen" }, { kind: "component", type: i10.GuidedSellingComponent, selector: "vl-flow-guided-selling" }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
30
34
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowComponent, decorators: [{
|
|
31
35
|
type: Component,
|
|
32
|
-
args: [{ selector: 'vl-flow', changeDetection: ChangeDetectionStrategy.OnPush, template: "<vl-flow-new-header *ngIf=\"showHeader$ | async\"></vl-flow-new-header>\n\n<div class=\"flow-content\">\n <div class=\"loading-overlay\" *ngIf=\"isLoading$ | async\">\n <vl-loader label=\"LOADING\"></vl-loader>\n </div>\n\n <router-outlet></router-outlet>\n\n <vl-flow-guided-selling *ngIf=\"(isStandalone$ | async) !== true\"></vl-flow-guided-selling>\n</div>\n\n<ng-container *ngIf=\"(isStandalone$ | async) !== true\">\n <vl-flow-doc-gen></vl-flow-doc-gen>\n</ng-container>\n", styles: [":host{display:flex;flex-direction:column;width:100%;height:100%}.flow-content{flex-grow:1;position:relative;overflow:hidden}.loading-overlay{position:absolute;height:100%;width:100%;inset:0;background-color:#fff;z-index:999}\n"] }]
|
|
33
|
-
}], ctorParameters: function () { return [{ type: i1.FlowRouterService }, { type: i2.QuoteDraftService }, { type: i3.FlowService }, { type: i2.FlowInfoService }]; } });
|
|
34
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
36
|
+
args: [{ selector: 'vl-flow', changeDetection: ChangeDetectionStrategy.OnPush, template: "<vl-flow-new-header *ngIf=\"showHeader$ | async\"></vl-flow-new-header>\n\n<div class=\"flow-content\">\n <div class=\"loading-overlay\" *ngIf=\"isLoading$ | async\">\n <vl-loader label=\"LOADING\"></vl-loader>\n </div>\n\n <router-outlet></router-outlet>\n\n <div class=\"guided-selling\" [ngClass]=\"{ hidden: (guidedSellingVisible$ | async) === false }\">\n <vl-flow-guided-selling *ngIf=\"(isStandalone$ | async) !== true\"></vl-flow-guided-selling>\n </div>\n</div>\n\n<ng-container *ngIf=\"(isStandalone$ | async) !== true\">\n <vl-flow-doc-gen></vl-flow-doc-gen>\n</ng-container>\n", styles: [":host{display:flex;flex-direction:column;width:100%;height:100%}.flow-content{flex-grow:1;position:relative;overflow:hidden}.loading-overlay{position:absolute;height:100%;width:100%;inset:0;background-color:#fff;z-index:999}.guided-selling{position:absolute;top:0;width:100%;height:100%;z-index:100}.hidden{display:none}\n"] }]
|
|
37
|
+
}], ctorParameters: function () { return [{ type: i1.FlowRouterService }, { type: i2.QuoteDraftService }, { type: i3.FlowService }, { type: i2.FlowInfoService }, { type: i4.FlowGuidedSellingService }]; } });
|
|
38
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmxvdy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL3Nkay9zcmMvZmxvdy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9saWJzL3Nkay9zcmMvZmxvdy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ25FLE9BQU8sRUFBRSxlQUFlLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUMxRSxPQUFPLEVBQUUsYUFBYSxFQUFFLEdBQUcsRUFBYyxNQUFNLE1BQU0sQ0FBQztBQUN0RCxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sWUFBWSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQ25FLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLG1DQUFtQyxDQUFDOzs7Ozs7Ozs7Ozs7QUFRN0UsTUFBTSxPQUFPLGFBQWE7SUFNeEIsWUFDVSxhQUFnQyxFQUNoQyxpQkFBb0MsRUFDcEMsV0FBd0IsRUFDeEIsUUFBeUIsRUFDekIsb0JBQThDO1FBSjlDLGtCQUFhLEdBQWIsYUFBYSxDQUFtQjtRQUNoQyxzQkFBaUIsR0FBakIsaUJBQWlCLENBQW1CO1FBQ3BDLGdCQUFXLEdBQVgsV0FBVyxDQUFhO1FBQ3hCLGFBQVEsR0FBUixRQUFRLENBQWlCO1FBQ3pCLHlCQUFvQixHQUFwQixvQkFBb0IsQ0FBMEI7UUFFdEQsSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUMsYUFBYSxDQUFDLFFBQVEsQ0FBQztRQUU5QyxJQUFJLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQ3JGLEdBQUcsQ0FBQyxDQUFDLENBQUMsS0FBSyxFQUFFLElBQUksQ0FBQyxFQUFFLEVBQUUsQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsSUFBSSxFQUFFLFVBQVUsQ0FBQyxVQUFVLENBQUMsQ0FDakYsQ0FBQztRQUVGLElBQUksQ0FBQyxhQUFhLEdBQUcsSUFBSSxDQUFDLGlCQUFpQixDQUFDLGFBQWEsQ0FBQztRQUMxRCxJQUFJLENBQUMscUJBQXFCLEdBQUcsSUFBSSxDQUFDLG9CQUFvQixDQUFDLFVBQVUsQ0FBQztRQUVsRSxJQUFJLENBQUMsV0FBVyxDQUFDLGlCQUFpQixFQUFFLENBQUM7SUFDdkMsQ0FBQzs7MEdBdkJVLGFBQWE7OEZBQWIsYUFBYSwrQ0NiMUIsMGxCQWlCQTsyRkRKYSxhQUFhO2tCQU56QixTQUFTOytCQUNFLFNBQVMsbUJBR0YsdUJBQXVCLENBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZsb3dJbmZvU2VydmljZSwgUXVvdGVEcmFmdFNlcnZpY2UgfSBmcm9tICdAdmVsb2NlYXBwcy9zZGsvY29yZSc7XG5pbXBvcnQgeyBjb21iaW5lTGF0ZXN0LCBtYXAsIE9ic2VydmFibGUgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IEZsb3dTZXJ2aWNlIH0gZnJvbSAnLi9zZXJ2aWNlcyc7XG5pbXBvcnQgeyBGbG93Um91dGVyU2VydmljZSB9IGZyb20gJy4vc2VydmljZXMvZmxvdy1yb3V0ZXIuc2VydmljZSc7XG5pbXBvcnQgeyBGbG93R3VpZGVkU2VsbGluZ1NlcnZpY2UgfSBmcm9tICcuL3NlcnZpY2VzL2d1aWRlZC1zZWxsaW5nLnNlcnZpY2UnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd2bC1mbG93JyxcbiAgdGVtcGxhdGVVcmw6ICcuL2Zsb3cuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9mbG93LmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBGbG93Q29tcG9uZW50IHtcbiAgcHVibGljIGlzTG9hZGluZyQ6IE9ic2VydmFibGU8Ym9vbGVhbj47XG4gIHB1YmxpYyBzaG93SGVhZGVyJDogT2JzZXJ2YWJsZTxib29sZWFuPjtcbiAgcHVibGljIGlzU3RhbmRhbG9uZSQ6IE9ic2VydmFibGU8Ym9vbGVhbj47XG4gIHB1YmxpYyBndWlkZWRTZWxsaW5nVmlzaWJsZSQ6IE9ic2VydmFibGU8Ym9vbGVhbj47XG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSByb3V0ZXJTZXJ2aWNlOiBGbG93Um91dGVyU2VydmljZSxcbiAgICBwcml2YXRlIHF1b3RlRHJhZnRTZXJ2aWNlOiBRdW90ZURyYWZ0U2VydmljZSxcbiAgICBwcml2YXRlIGZsb3dTZXJ2aWNlOiBGbG93U2VydmljZSxcbiAgICBwcml2YXRlIGZsb3dJbmZvOiBGbG93SW5mb1NlcnZpY2UsXG4gICAgcHJpdmF0ZSBndWlkZWRTZWxsaW5nU2VydmljZTogRmxvd0d1aWRlZFNlbGxpbmdTZXJ2aWNlLFxuICApIHtcbiAgICB0aGlzLmlzTG9hZGluZyQgPSB0aGlzLnJvdXRlclNlcnZpY2UubG9hZGluZyQ7XG5cbiAgICB0aGlzLnNob3dIZWFkZXIkID0gY29tYmluZUxhdGVzdChbdGhpcy5yb3V0ZXJTZXJ2aWNlLnJvdXRlJCwgdGhpcy5mbG93SW5mby5mbG93JF0pLnBpcGUoXG4gICAgICBtYXAoKFtyb3V0ZSwgZmxvd10pID0+IHJvdXRlLmRhdGFbJ3Nob3dIZWFkZXInXSAmJiAhZmxvdz8ucHJvcGVydGllcy5zdGFuZGFsb25lKSxcbiAgICApO1xuXG4gICAgdGhpcy5pc1N0YW5kYWxvbmUkID0gdGhpcy5xdW90ZURyYWZ0U2VydmljZS5pc1N0YW5kYWxvbmUkO1xuICAgIHRoaXMuZ3VpZGVkU2VsbGluZ1Zpc2libGUkID0gdGhpcy5ndWlkZWRTZWxsaW5nU2VydmljZS5pc1Zpc2libGUkO1xuXG4gICAgdGhpcy5mbG93U2VydmljZS5pbml0U3Vic2NyaXB0aW9ucygpO1xuICB9XG59XG4iLCI8dmwtZmxvdy1uZXctaGVhZGVyICpuZ0lmPVwic2hvd0hlYWRlciQgfCBhc3luY1wiPjwvdmwtZmxvdy1uZXctaGVhZGVyPlxuXG48ZGl2IGNsYXNzPVwiZmxvdy1jb250ZW50XCI+XG4gIDxkaXYgY2xhc3M9XCJsb2FkaW5nLW92ZXJsYXlcIiAqbmdJZj1cImlzTG9hZGluZyQgfCBhc3luY1wiPlxuICAgIDx2bC1sb2FkZXIgbGFiZWw9XCJMT0FESU5HXCI+PC92bC1sb2FkZXI+XG4gIDwvZGl2PlxuXG4gIDxyb3V0ZXItb3V0bGV0Pjwvcm91dGVyLW91dGxldD5cblxuICA8ZGl2IGNsYXNzPVwiZ3VpZGVkLXNlbGxpbmdcIiBbbmdDbGFzc109XCJ7IGhpZGRlbjogKGd1aWRlZFNlbGxpbmdWaXNpYmxlJCB8IGFzeW5jKSA9PT0gZmFsc2UgfVwiPlxuICAgIDx2bC1mbG93LWd1aWRlZC1zZWxsaW5nICpuZ0lmPVwiKGlzU3RhbmRhbG9uZSQgfCBhc3luYykgIT09IHRydWVcIj48L3ZsLWZsb3ctZ3VpZGVkLXNlbGxpbmc+XG4gIDwvZGl2PlxuPC9kaXY+XG5cbjxuZy1jb250YWluZXIgKm5nSWY9XCIoaXNTdGFuZGFsb25lJCB8IGFzeW5jKSAhPT0gdHJ1ZVwiPlxuICA8dmwtZmxvdy1kb2MtZ2VuPjwvdmwtZmxvdy1kb2MtZ2VuPlxuPC9uZy1jb250YWluZXI+XG4iXX0=
|
|
@@ -873,24 +873,54 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
|
|
|
873
873
|
type: Injectable
|
|
874
874
|
}], ctorParameters: function () { return [{ type: i5.IntegrationState }, { type: FlowRouterService }, { type: i2.QuoteDraftService }, { type: i2.ConfigurationService }, { type: i2.FlowConfigurationService }, { type: FlowDialogService }]; } });
|
|
875
875
|
|
|
876
|
+
class FlowGuidedSellingService {
|
|
877
|
+
constructor(integrationState) {
|
|
878
|
+
this.integrationState = integrationState;
|
|
879
|
+
this.cleanup$ = new Subject();
|
|
880
|
+
this.isVisibleSubj$ = new BehaviorSubject(true);
|
|
881
|
+
this.isVisible$ = this.isVisibleSubj$.asObservable();
|
|
882
|
+
this.initSubscriptions();
|
|
883
|
+
}
|
|
884
|
+
cleanup() {
|
|
885
|
+
this.cleanup$.next();
|
|
886
|
+
}
|
|
887
|
+
initSubscriptions() {
|
|
888
|
+
this.integrationState
|
|
889
|
+
.listen$(FlowAction.OPEN_GUIDED_SELLING)
|
|
890
|
+
.pipe(tap(() => this.isVisibleSubj$.next(true)), takeUntil(this.cleanup$))
|
|
891
|
+
.subscribe();
|
|
892
|
+
this.integrationState
|
|
893
|
+
.listen$(FlowAction.CLOSE_GUIDED_SELLING)
|
|
894
|
+
.pipe(tap(() => this.isVisibleSubj$.next(false)), takeUntil(this.cleanup$))
|
|
895
|
+
.subscribe();
|
|
896
|
+
}
|
|
897
|
+
}
|
|
898
|
+
FlowGuidedSellingService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowGuidedSellingService, deps: [{ token: i2.IntegrationState }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
899
|
+
FlowGuidedSellingService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowGuidedSellingService });
|
|
900
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowGuidedSellingService, decorators: [{
|
|
901
|
+
type: Injectable
|
|
902
|
+
}], ctorParameters: function () { return [{ type: i2.IntegrationState }]; } });
|
|
903
|
+
|
|
876
904
|
class FlowComponent {
|
|
877
|
-
constructor(routerService, quoteDraftService, flowService, flowInfo) {
|
|
905
|
+
constructor(routerService, quoteDraftService, flowService, flowInfo, guidedSellingService) {
|
|
878
906
|
this.routerService = routerService;
|
|
879
907
|
this.quoteDraftService = quoteDraftService;
|
|
880
908
|
this.flowService = flowService;
|
|
881
909
|
this.flowInfo = flowInfo;
|
|
910
|
+
this.guidedSellingService = guidedSellingService;
|
|
882
911
|
this.isLoading$ = this.routerService.loading$;
|
|
883
912
|
this.showHeader$ = combineLatest([this.routerService.route$, this.flowInfo.flow$]).pipe(map(([route, flow]) => route.data['showHeader'] && !(flow === null || flow === void 0 ? void 0 : flow.properties.standalone)));
|
|
884
913
|
this.isStandalone$ = this.quoteDraftService.isStandalone$;
|
|
914
|
+
this.guidedSellingVisible$ = this.guidedSellingService.isVisible$;
|
|
885
915
|
this.flowService.initSubscriptions();
|
|
886
916
|
}
|
|
887
917
|
}
|
|
888
|
-
FlowComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowComponent, deps: [{ token: FlowRouterService }, { token: i2.QuoteDraftService }, { token: FlowService }, { token: i2.FlowInfoService }], target: i0.ɵɵFactoryTarget.Component });
|
|
889
|
-
FlowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: FlowComponent, selector: "vl-flow", ngImport: i0, template: "<vl-flow-new-header *ngIf=\"showHeader$ | async\"></vl-flow-new-header>\n\n<div class=\"flow-content\">\n <div class=\"loading-overlay\" *ngIf=\"isLoading$ | async\">\n <vl-loader label=\"LOADING\"></vl-loader>\n </div>\n\n <router-outlet></router-outlet>\n\n <vl-flow-guided-selling *ngIf=\"(isStandalone$ | async) !== true\"></vl-flow-guided-selling>\n</div>\n\n<ng-container *ngIf=\"(isStandalone$ | async) !== true\">\n <vl-flow-doc-gen></vl-flow-doc-gen>\n</ng-container>\n", styles: [":host{display:flex;flex-direction:column;width:100%;height:100%}.flow-content{flex-grow:1;position:relative;overflow:hidden}.loading-overlay{position:absolute;height:100%;width:100%;inset:0;background-color:#fff;z-index:999}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "component", type: i2$1.LoaderComponent, selector: "vl-loader", inputs: ["label", "overlayVisible"] }, { kind: "component", type: FlowHeaderComponent, selector: "vl-flow-new-header" }, { kind: "component", type: DocGenComponent, selector: "vl-flow-doc-gen" }, { kind: "component", type: GuidedSellingComponent, selector: "vl-flow-guided-selling" }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
918
|
+
FlowComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowComponent, deps: [{ token: FlowRouterService }, { token: i2.QuoteDraftService }, { token: FlowService }, { token: i2.FlowInfoService }, { token: FlowGuidedSellingService }], target: i0.ɵɵFactoryTarget.Component });
|
|
919
|
+
FlowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: FlowComponent, selector: "vl-flow", ngImport: i0, template: "<vl-flow-new-header *ngIf=\"showHeader$ | async\"></vl-flow-new-header>\n\n<div class=\"flow-content\">\n <div class=\"loading-overlay\" *ngIf=\"isLoading$ | async\">\n <vl-loader label=\"LOADING\"></vl-loader>\n </div>\n\n <router-outlet></router-outlet>\n\n <div class=\"guided-selling\" [ngClass]=\"{ hidden: (guidedSellingVisible$ | async) === false }\">\n <vl-flow-guided-selling *ngIf=\"(isStandalone$ | async) !== true\"></vl-flow-guided-selling>\n </div>\n</div>\n\n<ng-container *ngIf=\"(isStandalone$ | async) !== true\">\n <vl-flow-doc-gen></vl-flow-doc-gen>\n</ng-container>\n", styles: [":host{display:flex;flex-direction:column;width:100%;height:100%}.flow-content{flex-grow:1;position:relative;overflow:hidden}.loading-overlay{position:absolute;height:100%;width:100%;inset:0;background-color:#fff;z-index:999}.guided-selling{position:absolute;top:0;width:100%;height:100%;z-index:100}.hidden{display:none}\n"], dependencies: [{ kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "component", type: i2$1.LoaderComponent, selector: "vl-loader", inputs: ["label", "overlayVisible"] }, { kind: "component", type: FlowHeaderComponent, selector: "vl-flow-new-header" }, { kind: "component", type: DocGenComponent, selector: "vl-flow-doc-gen" }, { kind: "component", type: GuidedSellingComponent, selector: "vl-flow-guided-selling" }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
890
920
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowComponent, decorators: [{
|
|
891
921
|
type: Component,
|
|
892
|
-
args: [{ selector: 'vl-flow', changeDetection: ChangeDetectionStrategy.OnPush, template: "<vl-flow-new-header *ngIf=\"showHeader$ | async\"></vl-flow-new-header>\n\n<div class=\"flow-content\">\n <div class=\"loading-overlay\" *ngIf=\"isLoading$ | async\">\n <vl-loader label=\"LOADING\"></vl-loader>\n </div>\n\n <router-outlet></router-outlet>\n\n <vl-flow-guided-selling *ngIf=\"(isStandalone$ | async) !== true\"></vl-flow-guided-selling>\n</div>\n\n<ng-container *ngIf=\"(isStandalone$ | async) !== true\">\n <vl-flow-doc-gen></vl-flow-doc-gen>\n</ng-container>\n", styles: [":host{display:flex;flex-direction:column;width:100%;height:100%}.flow-content{flex-grow:1;position:relative;overflow:hidden}.loading-overlay{position:absolute;height:100%;width:100%;inset:0;background-color:#fff;z-index:999}\n"] }]
|
|
893
|
-
}], ctorParameters: function () { return [{ type: FlowRouterService }, { type: i2.QuoteDraftService }, { type: FlowService }, { type: i2.FlowInfoService }]; } });
|
|
922
|
+
args: [{ selector: 'vl-flow', changeDetection: ChangeDetectionStrategy.OnPush, template: "<vl-flow-new-header *ngIf=\"showHeader$ | async\"></vl-flow-new-header>\n\n<div class=\"flow-content\">\n <div class=\"loading-overlay\" *ngIf=\"isLoading$ | async\">\n <vl-loader label=\"LOADING\"></vl-loader>\n </div>\n\n <router-outlet></router-outlet>\n\n <div class=\"guided-selling\" [ngClass]=\"{ hidden: (guidedSellingVisible$ | async) === false }\">\n <vl-flow-guided-selling *ngIf=\"(isStandalone$ | async) !== true\"></vl-flow-guided-selling>\n </div>\n</div>\n\n<ng-container *ngIf=\"(isStandalone$ | async) !== true\">\n <vl-flow-doc-gen></vl-flow-doc-gen>\n</ng-container>\n", styles: [":host{display:flex;flex-direction:column;width:100%;height:100%}.flow-content{flex-grow:1;position:relative;overflow:hidden}.loading-overlay{position:absolute;height:100%;width:100%;inset:0;background-color:#fff;z-index:999}.guided-selling{position:absolute;top:0;width:100%;height:100%;z-index:100}.hidden{display:none}\n"] }]
|
|
923
|
+
}], ctorParameters: function () { return [{ type: FlowRouterService }, { type: i2.QuoteDraftService }, { type: FlowService }, { type: i2.FlowInfoService }, { type: FlowGuidedSellingService }]; } });
|
|
894
924
|
|
|
895
925
|
const getFlowObjectIdPropertyName = (id) => {
|
|
896
926
|
const objectName = SalesforceIdUtils.getSfObjectNameById(id);
|
|
@@ -2265,34 +2295,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
|
|
|
2265
2295
|
type: Injectable
|
|
2266
2296
|
}], ctorParameters: function () { return [{ type: i2.IntegrationState }]; } });
|
|
2267
2297
|
|
|
2268
|
-
class FlowGuidedSellingService {
|
|
2269
|
-
constructor(integrationState) {
|
|
2270
|
-
this.integrationState = integrationState;
|
|
2271
|
-
this.cleanup$ = new Subject();
|
|
2272
|
-
this.isVisibleSubj$ = new BehaviorSubject(true);
|
|
2273
|
-
this.isVisible$ = this.isVisibleSubj$.asObservable();
|
|
2274
|
-
this.initSubscriptions();
|
|
2275
|
-
}
|
|
2276
|
-
cleanup() {
|
|
2277
|
-
this.cleanup$.next();
|
|
2278
|
-
}
|
|
2279
|
-
initSubscriptions() {
|
|
2280
|
-
this.integrationState
|
|
2281
|
-
.listen$(FlowAction.OPEN_GUIDED_SELLING)
|
|
2282
|
-
.pipe(tap(() => this.isVisibleSubj$.next(true)), takeUntil(this.cleanup$))
|
|
2283
|
-
.subscribe();
|
|
2284
|
-
this.integrationState
|
|
2285
|
-
.listen$(FlowAction.CLOSE_GUIDED_SELLING)
|
|
2286
|
-
.pipe(tap(() => this.isVisibleSubj$.next(false)), takeUntil(this.cleanup$))
|
|
2287
|
-
.subscribe();
|
|
2288
|
-
}
|
|
2289
|
-
}
|
|
2290
|
-
FlowGuidedSellingService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowGuidedSellingService, deps: [{ token: i2.IntegrationState }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
2291
|
-
FlowGuidedSellingService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowGuidedSellingService });
|
|
2292
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowGuidedSellingService, decorators: [{
|
|
2293
|
-
type: Injectable
|
|
2294
|
-
}], ctorParameters: function () { return [{ type: i2.IntegrationState }]; } });
|
|
2295
|
-
|
|
2296
2298
|
const configurePrimengShadowDOM = () => {
|
|
2297
2299
|
DomHandler.getScrollableParents = (element) => {
|
|
2298
2300
|
const scrollableParents = [];
|