@veloceapps/sdk 11.0.0-0 → 11.0.0-10

package/fesm2020/veloceapps-sdk.mjs

@@ -7,13 +7,14 @@ import { ApiModule } from '@veloceapps/api';
 import * as i2$1 from '@veloceapps/components';
 import { ToastType, LoaderModule, LetDirectiveModule } from '@veloceapps/components';
 import * as i5 from '@veloceapps/sdk/cms';
-import { extractElementMetadata, extendElementMetadata, btoaSafe, PreviewModule, FlowAction, LauncherModule } from '@veloceapps/sdk/cms';
+import { btoaSafe, PreviewModule, FlowAction, LauncherModule } from '@veloceapps/sdk/cms';
 import * as i2 from '@veloceapps/sdk/core';
 import { FLOW_CUSTOMIZATION, ContextService, FlowStateService, FlowInfoService, QuoteDraftService, ConfigurationService, IntegrationState, SdkCoreModule } from '@veloceapps/sdk/core';
 import * as i3 from 'primeng/button';
 import { ButtonModule } from 'primeng/button';
 import * as i1 from 'primeng/dynamicdialog';
 import { BehaviorSubject, Subject, filter, first, tap, takeUntil, catchError, of, map, switchMap, shareReplay, startWith, distinctUntilChanged, from, take, combineLatest, forkJoin, throwError } from 'rxjs';
+import { DomHandler } from 'primeng/dom';
 import * as i1$2 from '@angular/router';
 import { NavigationEnd, NavigationStart, NavigationCancel, NavigationError, RouterModule } from '@angular/router';
 import { mapShoppingCartSettings, getMaxRenewalTermsValue, UITemplateType, SalesforceIdUtils, ConfigurationContextMode, isVeloceError, extractErrorDetails, UUID } from '@veloceapps/core';
@@ -27,7 +28,6 @@ import * as i6 from 'primeng/radiobutton';
 import { RadioButtonModule } from 'primeng/radiobutton';
 import * as i2$2 from 'primeng/api';
 import { catchError as catchError$1 } from 'rxjs/operators';
-import { DomHandler } from 'primeng/dom';
 
 const VELOCE_FLOW_ROOT_ROUTE = 'VELOCE_FLOW_ROOT_ROUTE';
 
@@ -75,10 +75,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
                 }]
         }] });
 
-class DocGenComponent {
-    constructor(templatesApi, contextService, flowStateService, flowInfo, toastService, customizationService) {
+class FlowHeaderComponent {
+    constructor(templatesApi, flowStateService, flowInfo, toastService, customizationService) {
         this.templatesApi = templatesApi;
-        this.contextService = contextService;
         this.flowStateService = flowStateService;
         this.flowInfo = flowInfo;
         this.toastService = toastService;
@@ -97,7 +96,7 @@ class DocGenComponent {
         this.destroy$.complete();
     }
     initialize() {
-        this.templateApiName = this.flowInfo.flow?.properties.templates?.docGen ?? '';
+        this.templateApiName = this.flowInfo.flow?.properties.templates?.flowHeader ?? '';
         if (this.flowInfo.isLegacy && !this.templateApiName) {
             return;
         }
@@ -108,7 +107,7 @@ class DocGenComponent {
             }
             this.uiDefinition$.next(uiDef);
         }), catchError(err => {
-            const message = 'Failed to resolve DocGen component. ' + (err.message ?? '');
+            const message = 'Failed to resolve Flow Header component. ' + (err.message ?? '');
             this.toastService.add({ severity: ToastType.error, summary: message, sticky: true });
             return of();
         }), takeUntil(this.destroy$))
@@ -131,7 +130,7 @@ class DocGenComponent {
         }));
     }
     getOrgMeta$() {
-        const template = this.flowInfo.templates.DOCGEN;
+        const template = this.flowInfo.templates.FLOW_HEADER;
         if (!template) {
             return of(undefined);
         }
@@ -140,69 +139,52 @@ class DocGenComponent {
     generateUIDefinition$() {
         return of(undefined).pipe(tap(() => {
             if (!this.templateApiName) {
-                throw new Error("Flow 'docGen' template is not defined.");
+                throw new Error("Flow 'flowHeader' template is not defined.");
             }
         }), switchMap(() => this.getLocalMeta$()), switchMap(metaList => (metaList ? of(metaList) : this.getOrgMeta$())), map(metaList => {
             if (!metaList) {
                 return;
             }
-            const headerId = this.contextService.resolve().properties.Id ?? null;
-            const patchedMetaList = metaList.map(component => {
-                if (!component.js) {
-                    return component;
-                }
-                const metadata = extractElementMetadata(component.js);
-                const script = extendElementMetadata(component.js, {
-                    inputs: {
-                        ...metadata.inputs,
-                        Id: headerId ? `"${headerId}"` : null,
-                    },
-                });
-                return {
-                    ...component,
-                    js: script,
-                };
-            });
             const uiDef = {
                 name: '',
                 createdTimestamp: 0,
                 primary: true,
                 type: 'DEFAULT',
                 version: 2,
-                children: patchedMetaList.map(child => ({
+                children: metaList.map(meta => ({
                     children: [],
-                    template: child.html && btoaSafe(child.html),
-                    script: child.js && btoaSafe(child.js),
-                    styles: child.css && btoaSafe(child.css),
+                    template: meta.html && btoaSafe(meta.html),
+                    script: meta.js && btoaSafe(meta.js),
+                    styles: meta.css && btoaSafe(meta.css),
                 })),
             };
             return uiDef;
         }));
     }
 }
-DocGenComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DocGenComponent, deps: [{ token: i1$1.UITemplatesApiService }, { token: i2.ContextService }, { token: i2.FlowStateService }, { token: i2.FlowInfoService }, { token: i2$1.ToastService }, { token: FLOW_CUSTOMIZATION, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-DocGenComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: DocGenComponent, selector: "vl-flow-doc-gen", ngImport: i0, template: "<ng-container *ngIf=\"uiDefinition$ | async as uiDefinition\">\n  <vl-cms-preview [uiDefinition]=\"uiDefinition\"></vl-cms-preview>\n</ng-container>\n", styles: [":host,vl-cms-preview{display:contents}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.PreviewComponent, selector: "vl-cms-preview", inputs: ["uiDefinition", "config"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DocGenComponent, decorators: [{
+FlowHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowHeaderComponent, deps: [{ token: i1$1.UITemplatesApiService }, { token: i2.FlowStateService }, { token: i2.FlowInfoService }, { token: i2$1.ToastService }, { token: FLOW_CUSTOMIZATION, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+FlowHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: FlowHeaderComponent, selector: "vl-flow-new-header", ngImport: i0, template: "<ng-container *ngIf=\"uiDefinition$ | async as uiDefinition\">\n  <vl-cms-preview [uiDefinition]=\"uiDefinition\"></vl-cms-preview>\n</ng-container>\n", styles: [":host,vl-cms-preview{display:contents}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.PreviewComponent, selector: "vl-cms-preview", inputs: ["uiDefinition", "config"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowHeaderComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'vl-flow-doc-gen', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"uiDefinition$ | async as uiDefinition\">\n  <vl-cms-preview [uiDefinition]=\"uiDefinition\"></vl-cms-preview>\n</ng-container>\n", styles: [":host,vl-cms-preview{display:contents}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1$1.UITemplatesApiService }, { type: i2.ContextService }, { type: i2.FlowStateService }, { type: i2.FlowInfoService }, { type: i2$1.ToastService }, { type: undefined, decorators: [{
+            args: [{ selector: 'vl-flow-new-header', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"uiDefinition$ | async as uiDefinition\">\n  <vl-cms-preview [uiDefinition]=\"uiDefinition\"></vl-cms-preview>\n</ng-container>\n", styles: [":host,vl-cms-preview{display:contents}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1$1.UITemplatesApiService }, { type: i2.FlowStateService }, { type: i2.FlowInfoService }, { type: i2$1.ToastService }, { type: undefined, decorators: [{
                     type: Optional
                 }, {
                     type: Inject,
                     args: [FLOW_CUSTOMIZATION]
                 }] }]; } });
 
-class DocGenModule {
+class FlowNewHeaderModule {
 }
-DocGenModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DocGenModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-DocGenModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: DocGenModule, declarations: [DocGenComponent], imports: [CommonModule, PreviewModule], exports: [DocGenComponent] });
-DocGenModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DocGenModule, imports: [CommonModule, PreviewModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DocGenModule, decorators: [{
+FlowNewHeaderModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowNewHeaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+FlowNewHeaderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: FlowNewHeaderModule, declarations: [FlowHeaderComponent], imports: [CommonModule, PreviewModule], exports: [FlowHeaderComponent] });
+FlowNewHeaderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowNewHeaderModule, imports: [CommonModule, PreviewModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowNewHeaderModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [DocGenComponent],
+                    declarations: [FlowHeaderComponent],
                     imports: [CommonModule, PreviewModule],
-                    exports: [DocGenComponent],
+                    exports: [FlowHeaderComponent],
                 }]
         }] });
 
@@ -319,118 +301,37 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
                 }]
         }] });
 
-class FlowHeaderComponent {
-    constructor(templatesApi, flowStateService, flowInfo, toastService, customizationService) {
-        this.templatesApi = templatesApi;
-        this.flowStateService = flowStateService;
-        this.flowInfo = flowInfo;
-        this.toastService = toastService;
-        this.customizationService = customizationService;
-        this.uiDefinition$ = new BehaviorSubject(null);
-        this.templateApiName = '';
-        this.destroy$ = new Subject();
-        // wait until flow is initialized
-        this.flowStateService
-            .isInitialized$()
-            .pipe(filter(Boolean), first(), tap(() => this.initialize()), takeUntil(this.destroy$))
-            .subscribe();
-    }
-    ngOnDestroy() {
-        this.destroy$.next();
-        this.destroy$.complete();
-    }
-    initialize() {
-        this.templateApiName = this.flowInfo.flow?.properties.templates?.flowHeader ?? '';
-        if (this.flowInfo.isLegacy && !this.templateApiName) {
-            return;
-        }
-        this.generateUIDefinition$()
-            .pipe(tap(uiDef => {
-            if (!uiDef) {
-                throw new Error(`Component with name '${this.templateApiName}' not found.`);
-            }
-            this.uiDefinition$.next(uiDef);
-        }), catchError(err => {
-            const message = 'Failed to resolve Flow Header component. ' + (err.message ?? '');
-            this.toastService.add({ severity: ToastType.error, summary: message, sticky: true });
-            return of();
-        }), takeUntil(this.destroy$))
-            .subscribe();
-    }
-    getLocalMeta$() {
-        if (!this.customizationService?.getTemplateComponents) {
-            return of(undefined);
-        }
-        return this.customizationService?.getTemplateComponents(this.templateApiName).pipe(map(components => {
-            if (!components) {
-                return;
+const configurePrimengShadowDOM = () => {
+    DomHandler.getScrollableParents = (element) => {
+        const scrollableParents = [];
+        if (element) {
+            const parents = DomHandler.getParents(element).filter((item) => !(item instanceof ShadowRoot));
+            const overflowRegex = /(auto|scroll)/;
+            const overflowCheck = (node) => {
+                const styleDeclaration = window['getComputedStyle'](node, null);
+                return (overflowRegex.test(styleDeclaration.getPropertyValue('overflow')) ||
+                    overflowRegex.test(styleDeclaration.getPropertyValue('overflowX')) ||
+                    overflowRegex.test(styleDeclaration.getPropertyValue('overflowY')));
+            };
+            for (const parent of parents) {
+                const scrollSelectors = parent.nodeType === 1 && parent.dataset['scrollselectors'];
+                if (scrollSelectors) {
+                    const selectors = scrollSelectors.split(',');
+                    for (const selector of selectors) {
+                        const el = DomHandler.findSingle(parent, selector);
+                        if (el && overflowCheck(el)) {
+                            scrollableParents.push(el);
+                        }
+                    }
+                }
+                if (parent.nodeType !== 9 && overflowCheck(parent)) {
+                    scrollableParents.push(parent);
+                }
             }
-            return components.map(component => ({
-                html: component.html,
-                css: component.css,
-                js: component.js,
-                json: component.json,
-            }));
-        }));
-    }
-    getOrgMeta$() {
-        const template = this.flowInfo.templates.FLOW_HEADER;
-        if (!template) {
-            return of(undefined);
         }
-        return this.templatesApi.fetchComponentsAttachments$(template.id);
-    }
-    generateUIDefinition$() {
-        return of(undefined).pipe(tap(() => {
-            if (!this.templateApiName) {
-                throw new Error("Flow 'flowHeader' template is not defined.");
-            }
-        }), switchMap(() => this.getLocalMeta$()), switchMap(metaList => (metaList ? of(metaList) : this.getOrgMeta$())), map(metaList => {
-            if (!metaList) {
-                return;
-            }
-            const uiDef = {
-                name: '',
-                createdTimestamp: 0,
-                primary: true,
-                type: 'DEFAULT',
-                version: 2,
-                children: metaList.map(meta => ({
-                    children: [],
-                    template: meta.html && btoaSafe(meta.html),
-                    script: meta.js && btoaSafe(meta.js),
-                    styles: meta.css && btoaSafe(meta.css),
-                })),
-            };
-            return uiDef;
-        }));
-    }
-}
-FlowHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowHeaderComponent, deps: [{ token: i1$1.UITemplatesApiService }, { token: i2.FlowStateService }, { token: i2.FlowInfoService }, { token: i2$1.ToastService }, { token: FLOW_CUSTOMIZATION, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-FlowHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: FlowHeaderComponent, selector: "vl-flow-new-header", ngImport: i0, template: "<ng-container *ngIf=\"uiDefinition$ | async as uiDefinition\">\n  <vl-cms-preview [uiDefinition]=\"uiDefinition\"></vl-cms-preview>\n</ng-container>\n", styles: [":host,vl-cms-preview{display:contents}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.PreviewComponent, selector: "vl-cms-preview", inputs: ["uiDefinition", "config"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowHeaderComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'vl-flow-new-header', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"uiDefinition$ | async as uiDefinition\">\n  <vl-cms-preview [uiDefinition]=\"uiDefinition\"></vl-cms-preview>\n</ng-container>\n", styles: [":host,vl-cms-preview{display:contents}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1$1.UITemplatesApiService }, { type: i2.FlowStateService }, { type: i2.FlowInfoService }, { type: i2$1.ToastService }, { type: undefined, decorators: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: [FLOW_CUSTOMIZATION]
-                }] }]; } });
-
-class FlowNewHeaderModule {
-}
-FlowNewHeaderModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowNewHeaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-FlowNewHeaderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: FlowNewHeaderModule, declarations: [FlowHeaderComponent], imports: [CommonModule, PreviewModule], exports: [FlowHeaderComponent] });
-FlowNewHeaderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowNewHeaderModule, imports: [CommonModule, PreviewModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowNewHeaderModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [FlowHeaderComponent],
-                    imports: [CommonModule, PreviewModule],
-                    exports: [FlowHeaderComponent],
-                }]
-        }] });
+        return scrollableParents;
+    };
+};
 
 class FlowDialogService {
     constructor(dialogService, contextService, runtimeSettings) {
@@ -516,35 +417,6 @@ class FlowDialogService {
             primaryButton: 'Ok',
         });
     }
-    showDocgenAccountUnsavedChangesDialog() {
-        return this.show({
-            title: 'Save Quote',
-            description: 'To generate a document, save the quote first, and then generate the document from the Shopping Cart.',
-            primaryButton: 'Ok',
-        });
-    }
-    showDocgenReadonlyDialog() {
-        return this.show({
-            title: 'Document Generation is not Available',
-            description: 'It is only possible to generate documents for quotes with the “Draft” status. Please create a new quote to generate a document.',
-            primaryButton: 'Ok',
-        });
-    }
-    showDocgenOutsideShoppingCartDialog() {
-        return this.show({
-            title: 'Document Generation is not Available',
-            description: 'It is only possible to generate documents for quotes from the Shopping Cart. To proceed, go to the Shopping Cart.',
-            primaryButton: 'Ok',
-        });
-    }
-    showDocgenUnsavedChangesDialog() {
-        return this.show({
-            title: 'Unsaved Changes',
-            description: 'To generate a document, save the quote first.',
-            primaryButton: 'Save and proceed',
-            secondaryButton: 'Cancel',
-        });
-    }
     showTermsLimitReachedDialog() {
         const shoppingCartSettings = mapShoppingCartSettings(this.runtimeSettings.getShoppingCartSettings() || []);
         const maxRenewalTerms = getMaxRenewalTermsValue(shoppingCartSettings);
@@ -919,10 +791,10 @@ class FlowComponent {
     }
 }
 FlowComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowComponent, deps: [{ token: FlowRouterService }, { token: FlowService }, { token: i2.FlowInfoService }, { token: FlowGuidedSellingService }], target: i0.ɵɵFactoryTarget.Component });
-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 });
+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", 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: GuidedSellingComponent, selector: "vl-flow-guided-selling" }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowComponent, decorators: [{
             type: Component,
-            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"] }]
+            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", 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"] }]
         }], ctorParameters: function () { return [{ type: FlowRouterService }, { type: FlowService }, { type: i2.FlowInfoService }, { type: FlowGuidedSellingService }]; } });
 
 const getFlowObjectIdPropertyName = (id) => {
@@ -1470,6 +1342,8 @@ class ProductComponent {
         return quoteDraft$.pipe(first(), switchMap(quote => {
             const contextProperties = this.contextService.resolve().properties;
             const productId = contextProperties.productId ?? this.flowInfoService.flow?.properties.queryParams['productId'];
+            const defaultUIDefinitionId = this.flowInfoService.flow?.properties.queryParams['defaultUIDefinitionId'];
+            const requiredUIDefinitionId = this.flowInfoService.flow?.properties.queryParams['requiredUIDefinitionId'];
             if (!productId) {
                 throw new Error(`Unable to start configuration for 'productId == null'`);
             }
@@ -1482,7 +1356,12 @@ class ProductComponent {
                 this.configurationService.setConfigurableRamp(lineItem);
             }
             const { offeringId } = lineItem ?? {};
-            return this.configurationRuntimeService.init({ productId, offeringId });
+            return this.configurationRuntimeService.init({
+                productId,
+                offeringId,
+                defaultUIDefinitionId,
+                requiredUIDefinitionId,
+            });
         }), switchMap(() => this.customizeUI$()), tap(() => {
             const uiDefinition = this.configurationRuntimeService.runtimeContext?.uiDefinitionContainer?.source;
             if (uiDefinition) {
@@ -2243,66 +2122,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
                 }]
         }] });
 
-class FlowDocGenService {
-    constructor(integrationState) {
-        this.integrationState = integrationState;
-        this.cleanup$ = new Subject();
-        this.isVisibleSubj$ = new BehaviorSubject(false);
-        this.isVisible$ = this.isVisibleSubj$.asObservable();
-        this.initSubscriptions();
-    }
-    cleanup() {
-        this.cleanup$.next();
-    }
-    initSubscriptions() {
-        this.integrationState
-            .listen$(FlowAction.FLOW_OPEN_DOC_GEN)
-            .pipe(tap(() => this.isVisibleSubj$.next(true)), takeUntil(this.cleanup$))
-            .subscribe();
-        this.integrationState
-            .listen$(FlowAction.FLOW_CLOSE_DOC_GEN)
-            .pipe(tap(() => this.isVisibleSubj$.next(false)), takeUntil(this.cleanup$))
-            .subscribe();
-    }
-}
-FlowDocGenService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowDocGenService, deps: [{ token: i2.IntegrationState }], target: i0.ɵɵFactoryTarget.Injectable });
-FlowDocGenService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowDocGenService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowDocGenService, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return [{ type: i2.IntegrationState }]; } });
-
-const configurePrimengShadowDOM = () => {
-    DomHandler.getScrollableParents = (element) => {
-        const scrollableParents = [];
-        if (element) {
-            const parents = DomHandler.getParents(element).filter((item) => !(item instanceof ShadowRoot));
-            const overflowRegex = /(auto|scroll)/;
-            const overflowCheck = (node) => {
-                const styleDeclaration = window['getComputedStyle'](node, null);
-                return (overflowRegex.test(styleDeclaration.getPropertyValue('overflow')) ||
-                    overflowRegex.test(styleDeclaration.getPropertyValue('overflowX')) ||
-                    overflowRegex.test(styleDeclaration.getPropertyValue('overflowY')));
-            };
-            for (const parent of parents) {
-                const scrollSelectors = parent.nodeType === 1 && parent.dataset['scrollselectors'];
-                if (scrollSelectors) {
-                    const selectors = scrollSelectors.split(',');
-                    for (const selector of selectors) {
-                        const el = DomHandler.findSingle(parent, selector);
-                        if (el && overflowCheck(el)) {
-                            scrollableParents.push(el);
-                        }
-                    }
-                }
-                if (parent.nodeType !== 9 && overflowCheck(parent)) {
-                    scrollableParents.push(parent);
-                }
-            }
-        }
-        return scrollableParents;
-    };
-};
-
 configurePrimengShadowDOM();
 class FlowModule {
 }
@@ -2316,9 +2135,8 @@ FlowModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15
         FlowNewHeaderModule,
         FlowDialogModule,
         SdkCoreModule,
-        DocGenModule,
         GuidedSellingModule] });
-FlowModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowModule, providers: [FlowService, FlowDialogService, FlowDocGenService, FlowGuidedSellingService], imports: [CommonModule,
+FlowModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowModule, providers: [FlowService, FlowDialogService, FlowGuidedSellingService], imports: [CommonModule,
         LetDirectiveModule,
         FlowRoutingModule,
         ApiModule,
@@ -2327,7 +2145,6 @@ FlowModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15
         FlowNewHeaderModule,
         FlowDialogModule,
         SdkCoreModule,
-        DocGenModule,
         GuidedSellingModule] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowModule, decorators: [{
             type: NgModule,
@@ -2343,10 +2160,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
                         FlowNewHeaderModule,
                         FlowDialogModule,
                         SdkCoreModule,
-                        DocGenModule,
                         GuidedSellingModule,
                     ],
-                    providers: [FlowService, FlowDialogService, FlowDocGenService, FlowGuidedSellingService],
+                    providers: [FlowService, FlowDialogService, FlowGuidedSellingService],
                 }]
         }] });