@veloceapps/sdk 12.0.0-13 → 12.0.0-14

package/fesm2015/veloceapps-sdk.mjs

@@ -1,1598 +0,0 @@
-import * as i4 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import * as i0 from '@angular/core';
-import { Component, ChangeDetectionStrategy, NgModule, Optional, Inject, Injectable, inject } from '@angular/core';
-import { ApiModule } from '@veloceapps/api';
-import * as i2 from '@veloceapps/components';
-import { ToastType, LoaderModule, LetDirectiveModule } from '@veloceapps/components';
-import * as i5 from '@veloceapps/sdk/cms';
-import { btoaSafe, PreviewModule, FlowAction, LauncherModule } from '@veloceapps/sdk/cms';
-import * as i3$1 from '@veloceapps/sdk/core';
-import { FLOW_CUSTOMIZATION, RuntimeSettingsService, FlowStateService, FlowInfoService, SalesTransactionService, ConfigurationService, IntegrationState, ConfigurationRuntimeService, 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 } from 'rxjs';
-import * as i1$1 from '@veloceapps/api/v2';
-import { UIDefinitionsAdminApiService } from '@veloceapps/api/v2';
-import { DomHandler } from 'primeng/dom';
-import * as i1$2 from '@angular/router';
-import { NavigationEnd, NavigationStart, NavigationCancel, NavigationError, RouterModule } from '@angular/router';
-import { SalesforceIdUtils, mapShoppingCartSettings, getMaxRenewalTermsValue, UITemplateType, isVeloceError, extractErrorDetails } from '@veloceapps/core';
-import { HttpErrorResponse, HttpParams } from '@angular/common/http';
-import * as i4$1 from '@angular/forms';
-import { FormGroup, FormControl, FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { DropdownModule } from 'primeng/dropdown';
-import * as i7 from 'primeng/inputtext';
-import { InputTextModule } from 'primeng/inputtext';
-import * as i5$1 from 'primeng/radiobutton';
-import { RadioButtonModule } from 'primeng/radiobutton';
-import { catchError as catchError$1 } from 'rxjs/operators';
-
-const VELOCE_FLOW_ROOT_ROUTE = 'VELOCE_FLOW_ROOT_ROUTE';
-
-class FlowDialogComponent {
-    constructor(dialogConfig, ref) {
-        this.dialogConfig = dialogConfig;
-        this.ref = ref;
-        this.config = this.dialogConfig.data.config;
-    }
-    cancelHandler() {
-        if (this.config.oppositeButtonActions) {
-            this.ref.close(true);
-        }
-        else {
-            this.ref.close();
-        }
-    }
-    confirmHandler() {
-        if (this.config.oppositeButtonActions) {
-            this.ref.close();
-        }
-        else {
-            this.ref.close(true);
-        }
-    }
-}
-FlowDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowDialogComponent, deps: [{ token: i1.DynamicDialogConfig }, { token: i1.DynamicDialogRef }], target: i0.ɵɵFactoryTarget.Component });
-FlowDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: FlowDialogComponent, selector: "vl-flow-dialog", ngImport: i0, template: "<div class=\"header\">\n  <div class=\"title\">\n    {{ config.title }}\n  </div>\n\n  <i class=\"vl-icon vl-cross\" (click)=\"cancelHandler()\"></i>\n</div>\n\n<div *ngIf=\"config.description\" class=\"description\">\n  {{ config.description }}\n</div>\n\n<div class=\"form-actions\">\n  <p-button\n    *ngIf=\"config.secondaryButton\"\n    styleClass=\"p-button-outlined button-text-bold\"\n    [label]=\"config.secondaryButton!\"\n    (onClick)=\"cancelHandler()\"\n  ></p-button>\n  <p-button\n    styleClass=\"p-button p-button-filled\"\n    [label]=\"config.primaryButton\"\n    (onClick)=\"confirmHandler()\"\n  ></p-button>\n</div>\n", styles: [":host{display:flex;flex-direction:column;width:100%}:host *{font-family:var(--cg-font-family)}:host .header{display:flex;justify-content:space-between;align-items:center;padding:16px 16px 8px}:host .header .title{color:var(--cg-black);font-size:16px;font-style:normal;font-weight:500;line-height:20px}:host .header .vl-icon{cursor:pointer}:host .description{flex:1;padding:0 16px 16px;color:var(--cg-black);font-size:12px;font-style:normal;font-weight:300;line-height:16px;letter-spacing:.3px}:host .form-actions{background:var(--cg-bg-color);padding:12px 16px;display:flex;justify-content:flex-end;width:100%;gap:16px}:host p-button ::ng-deep button{border-radius:24px;width:100%;font-size:12px;font-family:var(--cg-font-family);font-weight:300;line-height:16px;letter-spacing:.3px;white-space:nowrap}:host p-button ::ng-deep .p-button-outlined{background-color:var(--cg-white);color:var(--cg-primary-color)}:host p-button ::ng-deep .p-button-outlined:hover{background-color:var(--cg-primary-color);color:var(--cg-white)}:host p-button ::ng-deep .p-button-filled{background-color:var(--cg-primary-color);color:var(--cg-white);border:1px solid var(--cg-primary-color)}:host p-button ::ng-deep .p-button-filled:hover{background-color:var(--cg-primary-color-hover);border-color:var(--cg-primary-color-hover)}::ng-deep .p-dialog.flow-dialog{border-radius:8px;box-shadow:0 8px 32px #0000001a}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "style", "styleClass", "badgeClass"], outputs: ["onClick", "onFocus", "onBlur"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowDialogComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'vl-flow-dialog', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"header\">\n  <div class=\"title\">\n    {{ config.title }}\n  </div>\n\n  <i class=\"vl-icon vl-cross\" (click)=\"cancelHandler()\"></i>\n</div>\n\n<div *ngIf=\"config.description\" class=\"description\">\n  {{ config.description }}\n</div>\n\n<div class=\"form-actions\">\n  <p-button\n    *ngIf=\"config.secondaryButton\"\n    styleClass=\"p-button-outlined button-text-bold\"\n    [label]=\"config.secondaryButton!\"\n    (onClick)=\"cancelHandler()\"\n  ></p-button>\n  <p-button\n    styleClass=\"p-button p-button-filled\"\n    [label]=\"config.primaryButton\"\n    (onClick)=\"confirmHandler()\"\n  ></p-button>\n</div>\n", styles: [":host{display:flex;flex-direction:column;width:100%}:host *{font-family:var(--cg-font-family)}:host .header{display:flex;justify-content:space-between;align-items:center;padding:16px 16px 8px}:host .header .title{color:var(--cg-black);font-size:16px;font-style:normal;font-weight:500;line-height:20px}:host .header .vl-icon{cursor:pointer}:host .description{flex:1;padding:0 16px 16px;color:var(--cg-black);font-size:12px;font-style:normal;font-weight:300;line-height:16px;letter-spacing:.3px}:host .form-actions{background:var(--cg-bg-color);padding:12px 16px;display:flex;justify-content:flex-end;width:100%;gap:16px}:host p-button ::ng-deep button{border-radius:24px;width:100%;font-size:12px;font-family:var(--cg-font-family);font-weight:300;line-height:16px;letter-spacing:.3px;white-space:nowrap}:host p-button ::ng-deep .p-button-outlined{background-color:var(--cg-white);color:var(--cg-primary-color)}:host p-button ::ng-deep .p-button-outlined:hover{background-color:var(--cg-primary-color);color:var(--cg-white)}:host p-button ::ng-deep .p-button-filled{background-color:var(--cg-primary-color);color:var(--cg-white);border:1px solid var(--cg-primary-color)}:host p-button ::ng-deep .p-button-filled:hover{background-color:var(--cg-primary-color-hover);border-color:var(--cg-primary-color-hover)}::ng-deep .p-dialog.flow-dialog{border-radius:8px;box-shadow:0 8px 32px #0000001a}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1.DynamicDialogConfig }, { type: i1.DynamicDialogRef }]; } });
-
-class FlowDialogModule {
-}
-FlowDialogModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowDialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-FlowDialogModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: FlowDialogModule, declarations: [FlowDialogComponent], imports: [CommonModule, ButtonModule], exports: [FlowDialogComponent] });
-FlowDialogModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowDialogModule, imports: [CommonModule, ButtonModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowDialogModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [FlowDialogComponent],
-                    imports: [CommonModule, ButtonModule],
-                    exports: [FlowDialogComponent],
-                }]
-        }] });
-
-class FlowHeaderComponent {
-    constructor(templatesAdminApiService, flowStateService, flowInfo, toastService, customizationService) {
-        this.templatesAdminApiService = templatesAdminApiService;
-        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() {
-        var _a, _b, _c;
-        this.templateApiName = (_c = (_b = (_a = this.flowInfo.flow) === null || _a === void 0 ? void 0 : _a.properties.templates) === null || _b === void 0 ? void 0 : _b.flowHeader) !== null && _c !== void 0 ? _c : '';
-        this.generateUIDefinition$()
-            .pipe(tap(uiDef => {
-            if (!uiDef) {
-                throw new Error(`Component with name '${this.templateApiName}' not found.`);
-            }
-            this.uiDefinition$.next(uiDef);
-        }), catchError(err => {
-            var _a;
-            const message = 'Failed to resolve Flow Header component. ' + ((_a = err.message) !== null && _a !== void 0 ? _a : '');
-            this.toastService.add({ severity: ToastType.error, summary: message, sticky: true });
-            return of();
-        }), takeUntil(this.destroy$))
-            .subscribe();
-    }
-    getLocalMeta$() {
-        var _a, _b;
-        if (!((_a = this.customizationService) === null || _a === void 0 ? void 0 : _a.getTemplateComponents)) {
-            return of(undefined);
-        }
-        return (_b = this.customizationService) === null || _b === void 0 ? void 0 : _b.getTemplateComponents(this.templateApiName).pipe(map(components => {
-            if (!components) {
-                return;
-            }
-            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.templatesAdminApiService.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,
-                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.UITemplatesAdminApiService }, { token: i3$1.FlowStateService }, { token: i3$1.FlowInfoService }, { token: i2.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.UITemplatesAdminApiService }, { type: i3$1.FlowStateService }, { type: i3$1.FlowInfoService }, { type: i2.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],
-                }]
-        }] });
-
-class GuidedSellingComponent {
-    constructor(templatesAdminApiService, flowStateService, flowInfo, toastService, customizationService) {
-        this.templatesAdminApiService = templatesAdminApiService;
-        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() {
-        var _a, _b, _c;
-        this.templateApiName = (_c = (_b = (_a = this.flowInfo.flow) === null || _a === void 0 ? void 0 : _a.properties.templates) === null || _b === void 0 ? void 0 : _b.guidedSelling) !== null && _c !== void 0 ? _c : '';
-        this.generateUIDefinition$()
-            .pipe(tap(uiDef => {
-            if (!uiDef) {
-                throw new Error(`Component with name '${this.templateApiName}' not found.`);
-            }
-            this.uiDefinition$.next(uiDef);
-        }), catchError(err => {
-            var _a;
-            const message = 'Failed to resolve Guided Selling component. ' + ((_a = err.message) !== null && _a !== void 0 ? _a : '');
-            this.toastService.add({ severity: ToastType.error, summary: message, sticky: true });
-            return of();
-        }), takeUntil(this.destroy$))
-            .subscribe();
-    }
-    getLocalMeta$() {
-        var _a, _b;
-        if (!((_a = this.customizationService) === null || _a === void 0 ? void 0 : _a.getTemplateComponents)) {
-            return of(undefined);
-        }
-        return (_b = this.customizationService) === null || _b === void 0 ? void 0 : _b.getTemplateComponents(this.templateApiName).pipe(map(components => {
-            if (!components) {
-                return;
-            }
-            return components.map(component => ({
-                html: component.html,
-                css: component.css,
-                js: component.js,
-                json: component.json,
-            }));
-        }));
-    }
-    getOrgMeta$() {
-        const template = this.flowInfo.templates.GUIDED_SELLING;
-        if (!template) {
-            return of(undefined);
-        }
-        return this.templatesAdminApiService.fetchComponentsAttachments$(template.id);
-    }
-    generateUIDefinition$() {
-        return of(undefined).pipe(tap(() => {
-            if (!this.templateApiName) {
-                throw new Error("Flow 'guidedSelling' template is not defined.");
-            }
-        }), switchMap(() => this.getLocalMeta$()), switchMap(metaList => (metaList ? of(metaList) : this.getOrgMeta$())), map(metaList => {
-            if (!metaList) {
-                return;
-            }
-            const uiDef = {
-                name: '',
-                createdTimestamp: 0,
-                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;
-        }));
-    }
-}
-GuidedSellingComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: GuidedSellingComponent, deps: [{ token: i1$1.UITemplatesAdminApiService }, { token: i3$1.FlowStateService }, { token: i3$1.FlowInfoService }, { token: i2.ToastService }, { token: FLOW_CUSTOMIZATION, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-GuidedSellingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: GuidedSellingComponent, selector: "vl-flow-guided-selling", 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: GuidedSellingComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'vl-flow-guided-selling', 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.UITemplatesAdminApiService }, { type: i3$1.FlowStateService }, { type: i3$1.FlowInfoService }, { type: i2.ToastService }, { type: undefined, decorators: [{
-                        type: Optional
-                    }, {
-                        type: Inject,
-                        args: [FLOW_CUSTOMIZATION]
-                    }] }];
-    } });
-
-class GuidedSellingModule {
-}
-GuidedSellingModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: GuidedSellingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-GuidedSellingModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: GuidedSellingModule, declarations: [GuidedSellingComponent], imports: [CommonModule, PreviewModule], exports: [GuidedSellingComponent] });
-GuidedSellingModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: GuidedSellingModule, imports: [CommonModule, PreviewModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: GuidedSellingModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [GuidedSellingComponent],
-                    imports: [CommonModule, PreviewModule],
-                    exports: [GuidedSellingComponent],
-                }]
-        }] });
-
-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;
-    };
-};
-
-class FlowRouterService {
-    constructor(router, route, integrationState, flowInfoService) {
-        this.router = router;
-        this.route = route;
-        this.integrationState = integrationState;
-        this.flowInfoService = flowInfoService;
-        this.urlHistory = [];
-        this.getLastChildRoute = (route) => {
-            return route.firstChild ? this.getLastChildRoute(route.firstChild) : route;
-        };
-        this.getNthChildRoute = (route, index) => {
-            if (index <= 0) {
-                return route;
-            }
-            return route.firstChild ? this.getNthChildRoute(route.firstChild, index - 1) : route;
-        };
-        this.getLastChildRouteSnapshot = (route) => {
-            return route.firstChild ? this.getLastChildRouteSnapshot(route.firstChild) : route;
-        };
-        this.watchLastChildRoute$ = (route) => {
-            return this.routeChange$.pipe(map(() => this.getLastChildRouteSnapshot(route.snapshot)));
-        };
-        this.getLastChildParams = (route) => {
-            return route.firstChild ? this.getLastChildParams(route.firstChild) : route.params;
-        };
-        this.watchLastChildParams$ = (route) => {
-            return this.routeChange$.pipe(map(() => this.getLastChildParams(route.snapshot)));
-        };
-        this.getFlowSubpath$ = () => {
-            return this.route$.pipe(map(route => {
-                const url = route.url.join('/');
-                const flowRootUrl = this.getFlowRootPath(route);
-                return url.replace(flowRootUrl, '');
-            }));
-        };
-        this.routeChange$ = this.router.events.pipe(filter(e => e instanceof NavigationEnd), shareReplay());
-        this.lastChildParams$ = this.watchLastChildParams$(this.route).pipe(startWith(this.getLastChildParams(this.route.snapshot)), shareReplay());
-        this.lastChildRoute$ = this.watchLastChildRoute$(this.route).pipe(startWith(this.getLastChildRouteSnapshot(this.route.snapshot)), shareReplay());
-        this.loading$ = this.router.events.pipe(filter(e => e instanceof NavigationStart ||
-            e instanceof NavigationCancel ||
-            e instanceof NavigationEnd ||
-            e instanceof NavigationError), map(e => e instanceof NavigationStart), startWith(false), distinctUntilChanged());
-        this.routeChange$.subscribe(() => {
-            this.urlHistory.push(this.router.url);
-            // Close Guided Selling when user navigates to another flow page
-            this.integrationState.dispatch(FlowAction.CloseGuidedSelling({ keepState: true }));
-        });
-    }
-    get route$() {
-        return this.lastChildRoute$;
-    }
-    get params$() {
-        return this.lastChildParams$;
-    }
-    get params() {
-        return this.getLastChildParams(this.route.snapshot);
-    }
-    getFlowRootRoute(route) {
-        var _a;
-        const path = [...route.pathFromRoot];
-        while (path.length) {
-            const parent = path.pop();
-            if (!parent) {
-                break;
-            }
-            if (((_a = parent.routeConfig) === null || _a === void 0 ? void 0 : _a.id) === VELOCE_FLOW_ROOT_ROUTE) {
-                return parent;
-            }
-        }
-        return;
-    }
-    getFlowRootPath(route) {
-        const rootRoute = this.getFlowRootRoute(route);
-        if (!rootRoute) {
-            return '';
-        }
-        const path = rootRoute.pathFromRoot
-            .map(r => r.url[0])
-            .filter(Boolean)
-            .join('/');
-        return '/' + path;
-    }
-    isConfigurationRoute$() {
-        return this.getFlowSubpath$().pipe(map(url => url.startsWith('product')));
-    }
-    isCartRoute$() {
-        return this.getFlowSubpath$().pipe(map(url => url.startsWith('cart')));
-    }
-    isCatalogRoute$() {
-        return this.getFlowSubpath$().pipe(map(url => url.startsWith('catalog')));
-    }
-    isAssetsRoute$() {
-        return this.getFlowSubpath$().pipe(map(url => url.startsWith('assets')));
-    }
-    navigateBack() {
-        const prevUrl = this.urlHistory[this.urlHistory.length - 2];
-        if (prevUrl) {
-            this.router.navigateByUrl(prevUrl);
-        }
-    }
-    navigateTo(path, productId, transactionItemId) {
-        if (path === 'shopping-cart') {
-            this.navigateToShoppingCart();
-        }
-        else if (path === 'catalog') {
-            this.navigateToCatalog();
-        }
-        else if (path === 'assets') {
-            this.navigateToAssets();
-        }
-        else if (path === 'product' && productId) {
-            this.navigateToProductConfiguration(productId, transactionItemId);
-        }
-    }
-    navigateToProductConfiguration(productId, transactionItemId) {
-        this.flowInfoService.updateContext({ productId, transactionItemId });
-        const routeSnapshot = this.getLastChildRouteSnapshot(this.route.snapshot);
-        const flowRouteUrl = this.getFlowRootPath(routeSnapshot);
-        this.router.navigate([flowRouteUrl, 'product'], {
-            queryParams: Object.assign(Object.assign({}, routeSnapshot.queryParams), { productId, transactionItemId }),
-        });
-    }
-    navigateToShoppingCart() {
-        const routeSnapshot = this.getLastChildRouteSnapshot(this.route.snapshot);
-        const flowRouteUrl = this.getFlowRootPath(routeSnapshot);
-        this.router.navigate([flowRouteUrl, 'cart'], { queryParams: routeSnapshot.queryParams });
-    }
-    navigateToCatalog() {
-        const routeSnapshot = this.getLastChildRouteSnapshot(this.route.snapshot);
-        const flowRouteUrl = this.getFlowRootPath(routeSnapshot);
-        this.router.navigate([flowRouteUrl, 'catalog'], { queryParams: routeSnapshot.queryParams });
-    }
-    navigateToAssets() {
-        const routeSnapshot = this.getLastChildRouteSnapshot(this.route.snapshot);
-        const flowRouteUrl = this.getFlowRootPath(routeSnapshot);
-        this.router.navigate([flowRouteUrl, 'assets'], { queryParams: routeSnapshot.queryParams });
-    }
-    showErrorPage$(message, details) {
-        const routeSnapshot = this.getLastChildRouteSnapshot(this.route.snapshot);
-        const flowRouteUrl = this.getFlowRootPath(routeSnapshot);
-        return from(this.router.navigate([flowRouteUrl, '404'], {
-            state: Object.assign({ message, type: 'error' }, (details && { details })),
-            replaceUrl: true,
-        })).pipe(map(() => false));
-    }
-    switchObject(id) {
-        const routeSnapshot = this.getLastChildRouteSnapshot(this.route.snapshot);
-        const route = this.getLastChildRoute(this.route);
-        const objName = SalesforceIdUtils.getSfObjectNameById(id);
-        const queryParams = {
-            quoteId: objName === 'Quote' ? id : undefined,
-            accountId: objName === 'Account' ? id : undefined,
-            orderId: objName === 'Order' ? id : undefined,
-        };
-        this.router.navigate([], { relativeTo: route, queryParams: Object.assign(Object.assign({}, routeSnapshot.queryParams), queryParams) });
-    }
-}
-FlowRouterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowRouterService, deps: [{ token: i1$2.Router }, { token: i1$2.ActivatedRoute }, { token: i3$1.IntegrationState }, { token: i3$1.FlowInfoService }], target: i0.ɵɵFactoryTarget.Injectable });
-FlowRouterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowRouterService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowRouterService, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }], ctorParameters: function () { return [{ type: i1$2.Router }, { type: i1$2.ActivatedRoute }, { type: i3$1.IntegrationState }, { type: i3$1.FlowInfoService }]; } });
-
-class FlowDialogService {
-    constructor(dialogService, runtimeSettings, flowInfoService) {
-        this.dialogService = dialogService;
-        this.runtimeSettings = runtimeSettings;
-        this.flowInfoService = flowInfoService;
-    }
-    show(config) {
-        return this.dialogService.open(FlowDialogComponent, {
-            dismissableMask: true,
-            closeOnEscape: true,
-            closable: true,
-            showHeader: false,
-            width: '320px',
-            data: { config },
-            styleClass: 'flow-dialog',
-        }).onClose;
-    }
-    showEmptyCartDialog() {
-        return this.show({
-            title: 'No Products in Quote',
-            description: 'There are no products in your Quote. To save a Quote, add at least one product.',
-            primaryButton: 'Ok',
-        });
-    }
-    showReadonlyModeDialog() {
-        var _a;
-        const mode = this.flowInfoService.context.mode;
-        const objectName = mode ? ((_a = mode[0]) === null || _a === void 0 ? void 0 : _a.toUpperCase()) + mode.substring(1).toLowerCase() : 'Object';
-        return this.show({
-            title: 'Error',
-            description: `${objectName} Cannot be Saved`,
-            primaryButton: 'Ok',
-        });
-    }
-    showQuoteReadonlyModeDialog() {
-        return this.show({
-            title: 'Quote Cannot be Saved',
-            description: 'It is only possible to save quotes with the “Draft” status. Please create a new quote to make and save changes.',
-            primaryButton: 'Ok',
-        });
-    }
-    showQuoteInConfiguratorDialog() {
-        return this.show({
-            title: 'Quote Cannot be Saved',
-            description: 'It not possible to save quotes from the Configurator. To proceed, finish configuring product.',
-            primaryButton: 'Ok',
-        });
-    }
-    showAccountNoChangesDialog() {
-        return this.show({
-            title: 'No Changes to Save',
-            description: 'There are no changes since the last update. Please make changes to proceed.',
-            primaryButton: 'Ok',
-        });
-    }
-    showUnsavedChangesDialog() {
-        return this.show({
-            title: 'Unsaved Changes',
-            description: 'Are you sure you want to leave this page and discard your unsaved changes?',
-            primaryButton: 'Keep Editing',
-            secondaryButton: 'Discard Changes',
-            oppositeButtonActions: true,
-        });
-    }
-    showTermsLimitReachedDialog() {
-        const shoppingCartSettings = mapShoppingCartSettings(this.runtimeSettings.getShoppingCartSettings() || []);
-        const maxRenewalTerms = getMaxRenewalTermsValue(shoppingCartSettings);
-        return this.show({
-            title: 'Terms Limit Reached',
-            description: `You have reached the term quantity limit: ${maxRenewalTerms}. You can increase the limit in the Shopping Cart Settings.`,
-            primaryButton: 'Ok',
-        });
-    }
-    showDialog(dialog) {
-        const dialogFunction = this[dialog].bind(this);
-        return dialogFunction(dialog);
-    }
-}
-FlowDialogService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowDialogService, deps: [{ token: i1.DialogService }, { token: i3$1.RuntimeSettingsService }, { token: i3$1.FlowInfoService }], target: i0.ɵɵFactoryTarget.Injectable });
-FlowDialogService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowDialogService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowDialogService, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return [{ type: i1.DialogService }, { type: i3$1.RuntimeSettingsService }, { type: i3$1.FlowInfoService }]; } });
-
-class FlowService {
-    constructor(integrationState, flowRouterService, configurationService, configurationStateService, flowDialogService, flowStateService, flowInfoService) {
-        this.integrationState = integrationState;
-        this.flowRouterService = flowRouterService;
-        this.configurationService = configurationService;
-        this.configurationStateService = configurationStateService;
-        this.flowDialogService = flowDialogService;
-        this.flowStateService = flowStateService;
-        this.flowInfoService = flowInfoService;
-        this.cleanup$ = new Subject();
-    }
-    cleanup() {
-        this.cleanup$.next();
-    }
-    initSubscriptions() {
-        this.integrationState
-            .listen$(FlowAction.FLOW_CONFIGURE_PRODUCT)
-            .pipe(tap(payload => {
-            if (payload.productId) {
-                this.flowInfoService.updateContext({ newProductQty: payload.qty });
-                this.flowRouterService.navigateToProductConfiguration(payload.productId, payload.transactionItemId);
-            }
-            else {
-                console.warn("Parameter 'productId' is needed to start configuration");
-            }
-        }), takeUntil(this.cleanup$))
-            .subscribe();
-        this.integrationState
-            .listen$(FlowAction.FLOW_SWITCH_OBJECT)
-            .pipe(tap(payload => {
-            this.flowRouterService.switchObject(payload.id);
-        }), takeUntil(this.cleanup$))
-            .subscribe();
-        this.integrationState
-            .listen$(FlowAction.FLOW_NAVIGATE_BACK)
-            .pipe(switchMap(() => this.configurationStateService.cancelConfiguration()), tap(() => this.flowRouterService.navigateBack()), takeUntil(this.cleanup$))
-            .subscribe();
-        this.integrationState
-            .listen$(FlowAction.FLOW_NAVIGATE_TO)
-            .pipe(switchMap(payload => this.configurationStateService.cancelConfiguration().pipe(map(() => payload))), tap(payload => {
-            if (payload.path === 'product') {
-                this.integrationState.dispatch(FlowAction.ConfigureProductAction(payload));
-            }
-            else {
-                this.flowRouterService.navigateTo(payload.path, payload.productId, payload.transactionItemId);
-            }
-        }), takeUntil(this.cleanup$))
-            .subscribe();
-        this.integrationState
-            .listen$(FlowAction.OPEN_DIALOG)
-            .pipe(switchMap(payload => this.flowDialogService.showDialog(payload.dialog).pipe(take(1))), takeUntil(this.cleanup$))
-            .subscribe(dialogResult => {
-            this.integrationState.patchState({ dialogResult });
-        });
-        this.integrationState
-            .listen$(FlowAction.FLOW_NAVIGATE_TO_CATALOG)
-            .pipe(tap(() => this.flowRouterService.navigateToCatalog()), takeUntil(this.cleanup$))
-            .subscribe();
-        this.integrationState
-            .listen$(FlowAction.FLOW_NAVIGATE_TO_SHOPPING_CART)
-            .pipe(tap(() => this.flowRouterService.navigateToShoppingCart()), takeUntil(this.cleanup$))
-            .subscribe();
-        this.integrationState
-            .listen$(FlowAction.FLOW_APPLY_PRODUCT_CONFIGURATION)
-            .pipe(switchMap(() => this.configurationStateService.saveConfiguration()), switchMap(() => this.configurationStateService.cancelConfiguration()), switchMap(() => this.flowStateService.dispatch$(UITemplateType.FLOW_ENGINE, 'MODIFY_ASSETS', {
-            addConfiguringAssetId: true,
-            enable: true,
-        })), tap(() => {
-            this.configurationService.hasUnsavedChanges = false;
-            this.flowRouterService.navigateToShoppingCart();
-        }), takeUntil(this.cleanup$))
-            .subscribe();
-        this.updateFlowParams();
-    }
-    updateFlowParams() {
-        this.flowRouterService
-            .getFlowSubpath$()
-            .pipe(map(path => { var _a; return (_a = path.split('/')) === null || _a === void 0 ? void 0 : _a[0]; }), takeUntil(this.cleanup$))
-            .subscribe(flowPath => this.integrationState.patchState({ flowPath }));
-        this.flowRouterService.route$
-            .pipe(map(path => path.queryParams['productId']), takeUntil(this.cleanup$))
-            .subscribe(productId => this.integrationState.patchState({ productId }));
-    }
-}
-FlowService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowService, deps: [{ token: i5.IntegrationState }, { token: FlowRouterService }, { token: i3$1.ConfigurationService }, { token: i3$1.ConfigurationStateService }, { token: FlowDialogService }, { token: i3$1.FlowStateService }, { token: i3$1.FlowInfoService }], target: i0.ɵɵFactoryTarget.Injectable });
-FlowService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowService, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return [{ type: i5.IntegrationState }, { type: FlowRouterService }, { type: i3$1.ConfigurationService }, { type: i3$1.ConfigurationStateService }, { type: FlowDialogService }, { type: i3$1.FlowStateService }, { type: i3$1.FlowInfoService }]; } });
-
-class FlowGuidedSellingService {
-    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.OPEN_GUIDED_SELLING)
-            .pipe(tap(() => this.isVisibleSubj$.next(true)), takeUntil(this.cleanup$))
-            .subscribe();
-        this.integrationState
-            .listen$(FlowAction.CLOSE_GUIDED_SELLING)
-            .pipe(tap(() => this.isVisibleSubj$.next(false)), takeUntil(this.cleanup$))
-            .subscribe();
-    }
-}
-FlowGuidedSellingService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowGuidedSellingService, deps: [{ token: i3$1.IntegrationState }], target: i0.ɵɵFactoryTarget.Injectable });
-FlowGuidedSellingService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowGuidedSellingService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowGuidedSellingService, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return [{ type: i3$1.IntegrationState }]; } });
-
-class FlowComponent {
-    constructor(routerService, flowService, flowInfoService, guidedSellingService) {
-        this.routerService = routerService;
-        this.flowService = flowService;
-        this.flowInfoService = flowInfoService;
-        this.guidedSellingService = guidedSellingService;
-        this.isLoading$ = this.routerService.loading$;
-        this.showHeader$ = combineLatest([this.routerService.route$, this.flowInfoService.flow$]).pipe(map(([route, flow]) => route.data['showHeader'] && !(flow === null || flow === void 0 ? void 0 : flow.properties.standalone)));
-        this.isStandalone$ = this.flowInfoService.flow$.pipe(map(flow => Boolean(flow === null || flow === void 0 ? void 0 : flow.properties.standalone)));
-        this.guidedSellingVisible$ = this.guidedSellingService.isVisible$;
-        this.flowService.initSubscriptions();
-    }
-    ngOnDestroy() {
-        this.flowService.cleanup();
-    }
-}
-FlowComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowComponent, deps: [{ token: FlowRouterService }, { token: FlowService }, { token: i3$1.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", 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.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", 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: i3$1.FlowInfoService }, { type: FlowGuidedSellingService }]; } });
-
-const keepFlowInitialized = (route) => {
-    const routerService = inject(FlowRouterService);
-    const runtimeSettingsService = inject(RuntimeSettingsService);
-    const flowState = inject(FlowStateService);
-    const flowInfoService = inject(FlowInfoService);
-    const salesTrasnsactionService = inject(SalesTransactionService);
-    const configurationService = inject(ConfigurationService);
-    const integrationState = inject(IntegrationState);
-    const { flowId } = route.queryParams;
-    if (flowInfoService.isFlowInitialized && flowInfoService.flow.id === flowId) {
-        return true;
-    }
-    // Cleanup
-    flowState.reset();
-    salesTrasnsactionService.reset();
-    configurationService.reset();
-    integrationState.reset();
-    flowInfoService.reset();
-    if (!flowId) {
-        return true;
-    }
-    return runtimeSettingsService.create().pipe(tap(() => runtimeSettingsService.initCurrency('USD')), switchMap(() => flowInfoService.init$(flowId, route.queryParams)), map(() => true), catchError(e => {
-        console.error(e);
-        const message = e instanceof HttpErrorResponse ? e.error.message : e;
-        const errorDetails = isVeloceError(e.error) ? extractErrorDetails(e.error) : [];
-        return routerService.showErrorPage$(message, errorDetails);
-    }));
-};
-
-class ProductUnloadGuard {
-    constructor(router, flowInfoService, configurationService, flowDialogService) {
-        this.router = router;
-        this.flowInfoService = flowInfoService;
-        this.configurationService = configurationService;
-        this.flowDialogService = flowDialogService;
-    }
-    canDeactivate(_, route, currentState, nextState) {
-        let observable = of(true);
-        if (!this.flowInfoService.flow.properties.standalone && this.configurationService.hasUnsavedChanges) {
-            observable = this.flowDialogService.showUnsavedChangesDialog();
-        }
-        return observable.pipe(map(unload => {
-            var _a;
-            if (unload) {
-                this.configurationService.reset();
-                const currentUrl = currentState.url.split('?')[0];
-                const nextUrl = ((_a = nextState === null || nextState === void 0 ? void 0 : nextState.url) !== null && _a !== void 0 ? _a : '').split('?')[0];
-                if (!nextState || currentUrl === nextUrl) {
-                    return true;
-                }
-                // clear obsolete queryParams
-                const urlTree = this.router.parseUrl(nextState.url);
-                if (!urlTree.queryParams['productId']) {
-                    return true;
-                }
-                delete urlTree.queryParams['productId'];
-                // replace url after deactivation has finished
-                setTimeout(() => this.router.navigateByUrl(urlTree.toString(), { replaceUrl: true }));
-                return true;
-            }
-            return false;
-        }));
-    }
-}
-ProductUnloadGuard.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ProductUnloadGuard, deps: [{ token: i1$2.Router }, { token: i3$1.FlowInfoService }, { token: i3$1.ConfigurationService }, { token: FlowDialogService }], target: i0.ɵɵFactoryTarget.Injectable });
-ProductUnloadGuard.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ProductUnloadGuard });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ProductUnloadGuard, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return [{ type: i1$2.Router }, { type: i3$1.FlowInfoService }, { type: i3$1.ConfigurationService }, { type: FlowDialogService }]; } });
-
-class RootGuard {
-    constructor(router, routerService) {
-        this.router = router;
-        this.routerService = routerService;
-        this.initialized = false;
-    }
-    canActivate(route) {
-        // We always need to initialize root component first, and only then start checking guards/resolvers
-        if (!this.initialized) {
-            this.initialized = true;
-            const navToRestore = this.router.getCurrentNavigation();
-            const rootUrl = this.routerService.getFlowRootPath(route);
-            this.router
-                .navigate([rootUrl], {
-                replaceUrl: !(navToRestore === null || navToRestore === void 0 ? void 0 : navToRestore.previousNavigation),
-                skipLocationChange: true,
-            })
-                .then(success => {
-                if (!success || !navToRestore) {
-                    return;
-                }
-                setTimeout(() => {
-                    this.router.navigateByUrl(navToRestore.extractedUrl, navToRestore.extras);
-                });
-            });
-        }
-        return true;
-    }
-    canDeactivate() {
-        this.initialized = false;
-        return true;
-    }
-}
-RootGuard.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: RootGuard, deps: [{ token: i1$2.Router }, { token: FlowRouterService }], target: i0.ɵɵFactoryTarget.Injectable });
-RootGuard.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: RootGuard, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: RootGuard, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }], ctorParameters: function () { return [{ type: i1$2.Router }, { type: FlowRouterService }]; } });
-
-class AssetsComponent {
-    constructor(templatesAdminApiService, cdr, toastService, flowInfo, customizationService) {
-        var _a, _b, _c;
-        this.templatesAdminApiService = templatesAdminApiService;
-        this.cdr = cdr;
-        this.toastService = toastService;
-        this.flowInfo = flowInfo;
-        this.customizationService = customizationService;
-        this.uiDefinition = undefined;
-        this.state$ = new BehaviorSubject({ loading: true, failure: false });
-        this.templateApiName = '';
-        this.destroyed$ = new Subject();
-        this.templateApiName = (_c = (_b = (_a = this.flowInfo.flow) === null || _a === void 0 ? void 0 : _a.properties.templates) === null || _b === void 0 ? void 0 : _b.assets) !== null && _c !== void 0 ? _c : '';
-    }
-    ngOnInit() {
-        this.generateUIDefinition$()
-            .pipe(tap(uiDef => {
-            if (!uiDef) {
-                throw new Error(`Component with name '${this.templateApiName}' not found.`);
-            }
-            this.uiDefinition = uiDef;
-            this.state$.next({ loading: false, failure: false });
-        }), catchError(err => {
-            var _a;
-            const message = 'Failed to resolve Assets component. ' + ((_a = err.message) !== null && _a !== void 0 ? _a : '');
-            this.toastService.add({ severity: ToastType.error, summary: message, sticky: true });
-            this.uiDefinition = undefined;
-            this.state$.next({ loading: false, failure: true });
-            return of();
-        }), takeUntil(this.destroyed$))
-            .subscribe(() => this.cdr.detectChanges());
-    }
-    ngOnDestroy() {
-        this.destroyed$.next();
-        this.destroyed$.complete();
-    }
-    getLocalMeta$() {
-        var _a, _b;
-        if (!((_a = this.customizationService) === null || _a === void 0 ? void 0 : _a.getTemplateComponents)) {
-            return of(undefined);
-        }
-        return (_b = this.customizationService) === null || _b === void 0 ? void 0 : _b.getTemplateComponents(this.templateApiName).pipe(map(components => {
-            if (!components) {
-                return;
-            }
-            return components.map(component => ({
-                html: component.html,
-                css: component.css,
-                js: component.js,
-                json: component.json,
-            }));
-        }));
-    }
-    getOrgMeta$() {
-        const template = this.flowInfo.templates.SHOPPING_CART;
-        if (!template) {
-            return of(undefined);
-        }
-        return this.templatesAdminApiService.fetchComponentsAttachments$(template.id);
-    }
-    generateUIDefinition$() {
-        return of(undefined).pipe(tap(() => {
-            if (!this.templateApiName) {
-                throw new Error("Flow 'assets' template is not defined.");
-            }
-        }), switchMap(() => this.getLocalMeta$()), switchMap(metaList => (metaList ? of(metaList) : this.getOrgMeta$())), map(metaList => {
-            if (!metaList) {
-                return;
-            }
-            const uiDef = {
-                name: '',
-                createdTimestamp: 0,
-                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;
-        }));
-    }
-}
-AssetsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: AssetsComponent, deps: [{ token: i1$1.UITemplatesAdminApiService }, { token: i0.ChangeDetectorRef }, { token: i2.ToastService }, { token: i3$1.FlowInfoService }, { token: FLOW_CUSTOMIZATION, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-AssetsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: AssetsComponent, selector: "vl-flow-assets", 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-preview [uiDefinition]=\"uiDefinition\"></vl-cms-preview>\n    </ng-container>\n  </ng-template>\n</ng-container>\n", styles: [""], 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: "component", type: i2.LoaderComponent, selector: "vl-loader", inputs: ["label", "overlayVisible"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: AssetsComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'vl-flow-assets', changeDetection: ChangeDetectionStrategy.OnPush, 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-preview [uiDefinition]=\"uiDefinition\"></vl-cms-preview>\n    </ng-container>\n  </ng-template>\n</ng-container>\n" }]
-        }], ctorParameters: function () {
-        return [{ type: i1$1.UITemplatesAdminApiService }, { type: i0.ChangeDetectorRef }, { type: i2.ToastService }, { type: i3$1.FlowInfoService }, { type: undefined, decorators: [{
-                        type: Optional
-                    }, {
-                        type: Inject,
-                        args: [FLOW_CUSTOMIZATION]
-                    }] }];
-    } });
-
-class AssetsModule {
-}
-AssetsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: AssetsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-AssetsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: AssetsModule, declarations: [AssetsComponent], imports: [CommonModule, PreviewModule, LoaderModule], exports: [AssetsComponent] });
-AssetsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: AssetsModule, imports: [CommonModule, PreviewModule, LoaderModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: AssetsModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [AssetsComponent],
-                    imports: [CommonModule, PreviewModule, LoaderModule],
-                    exports: [AssetsComponent],
-                }]
-        }] });
-
-class CatalogComponent {
-    constructor(templatesAdminApiService, cdr, toastService, flowInfo, customizationService) {
-        var _a, _b, _c;
-        this.templatesAdminApiService = templatesAdminApiService;
-        this.cdr = cdr;
-        this.toastService = toastService;
-        this.flowInfo = flowInfo;
-        this.customizationService = customizationService;
-        this.uiDefinition = undefined;
-        this.state$ = new BehaviorSubject({ loading: true, failure: false });
-        this.templateApiName = '';
-        this.destroyed$ = new Subject();
-        this.templateApiName = (_c = (_b = (_a = this.flowInfo.flow) === null || _a === void 0 ? void 0 : _a.properties.templates) === null || _b === void 0 ? void 0 : _b.catalog) !== null && _c !== void 0 ? _c : '';
-    }
-    ngOnInit() {
-        this.generateUIDefinition$()
-            .pipe(tap(uiDef => {
-            if (!uiDef) {
-                throw new Error(`Component with name '${this.templateApiName}' not found.`);
-            }
-            this.uiDefinition = uiDef;
-            this.state$.next({ loading: false, failure: false });
-        }), catchError(err => {
-            var _a;
-            const message = 'Failed to resolve Catalog component. ' + ((_a = err.message) !== null && _a !== void 0 ? _a : '');
-            this.toastService.add({ severity: ToastType.error, summary: message, sticky: true });
-            this.uiDefinition = undefined;
-            this.state$.next({ loading: false, failure: true });
-            return of();
-        }), takeUntil(this.destroyed$))
-            .subscribe(() => this.cdr.detectChanges());
-    }
-    ngOnDestroy() {
-        this.destroyed$.next();
-        this.destroyed$.complete();
-    }
-    getLocalMeta$() {
-        var _a, _b;
-        if (!((_a = this.customizationService) === null || _a === void 0 ? void 0 : _a.getTemplateComponents)) {
-            return of(undefined);
-        }
-        return (_b = this.customizationService) === null || _b === void 0 ? void 0 : _b.getTemplateComponents(this.templateApiName).pipe(map(components => {
-            if (!components) {
-                return;
-            }
-            return components.map(component => ({
-                html: component.html,
-                css: component.css,
-                js: component.js,
-                json: component.json,
-            }));
-        }));
-    }
-    getOrgMeta$() {
-        const template = this.flowInfo.templates.CATALOG;
-        if (!template) {
-            return of(undefined);
-        }
-        return this.templatesAdminApiService.fetchComponentsAttachments$(template.id);
-    }
-    generateUIDefinition$() {
-        return of(undefined).pipe(tap(() => {
-            if (!this.templateApiName) {
-                throw new Error("Flow 'catalog' template is not defined.");
-            }
-        }), switchMap(() => this.getLocalMeta$()), switchMap(metaList => (metaList ? of(metaList) : this.getOrgMeta$())), map(metaList => {
-            if (!metaList) {
-                return;
-            }
-            const uiDef = {
-                name: '',
-                createdTimestamp: 0,
-                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;
-        }));
-    }
-}
-CatalogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: CatalogComponent, deps: [{ token: i1$1.UITemplatesAdminApiService }, { token: i0.ChangeDetectorRef }, { token: i2.ToastService }, { token: i3$1.FlowInfoService }, { token: FLOW_CUSTOMIZATION, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-CatalogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: CatalogComponent, selector: "vl-flow-catalog", 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-preview [uiDefinition]=\"uiDefinition\"></vl-cms-preview>\n    </ng-container>\n  </ng-template>\n</ng-container>\n", styles: [""], 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: "component", type: i2.LoaderComponent, selector: "vl-loader", inputs: ["label", "overlayVisible"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: CatalogComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'vl-flow-catalog', changeDetection: ChangeDetectionStrategy.OnPush, 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-preview [uiDefinition]=\"uiDefinition\"></vl-cms-preview>\n    </ng-container>\n  </ng-template>\n</ng-container>\n" }]
-        }], ctorParameters: function () {
-        return [{ type: i1$1.UITemplatesAdminApiService }, { type: i0.ChangeDetectorRef }, { type: i2.ToastService }, { type: i3$1.FlowInfoService }, { type: undefined, decorators: [{
-                        type: Optional
-                    }, {
-                        type: Inject,
-                        args: [FLOW_CUSTOMIZATION]
-                    }] }];
-    } });
-
-class CatalogModule {
-}
-CatalogModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: CatalogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-CatalogModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: CatalogModule, declarations: [CatalogComponent], imports: [CommonModule, PreviewModule, LoaderModule], exports: [CatalogComponent] });
-CatalogModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: CatalogModule, imports: [CommonModule, PreviewModule, LoaderModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: CatalogModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [CatalogComponent],
-                    imports: [CommonModule, PreviewModule, LoaderModule],
-                    exports: [CatalogComponent],
-                }]
-        }] });
-
-class DebugComponent {
-    constructor(flowsApiService, router, activatedRoute) {
-        this.flowsApiService = flowsApiService;
-        this.router = router;
-        this.activatedRoute = activatedRoute;
-        this.form = new FormGroup({
-            id: new FormControl(''),
-        });
-        this.flows$ = this.flowsApiService.fetchFlows().pipe(shareReplay());
-    }
-    runFlow() {
-        const { id } = this.form.value;
-        if (!id || !this.selectedFlow) {
-            return;
-        }
-        this.router.navigate(['..', 'flows'], {
-            queryParams: Object.assign({ flowId: this.selectedFlow.id, headerId: id }, this.selectedFlow.properties.queryParams),
-            relativeTo: this.activatedRoute,
-        });
-    }
-    getQueryParamsString(params) {
-        return new HttpParams({ fromObject: params }).toString();
-    }
-}
-DebugComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DebugComponent, deps: [{ token: i1$1.FlowsApiService }, { token: i1$2.Router }, { token: i1$2.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component });
-DebugComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: DebugComponent, selector: "vl-flow-debug", ngImport: i0, template: "<form [formGroup]=\"form\">\n  <div class=\"fields-container\">\n    <div class=\"field\">\n      <label>SF Object ID</label>\n      <input formControlName=\"id\" pInputText type=\"text\" />\n    </div>\n  </div>\n\n  <p-button\n    styleClass=\"p-button-primary\"\n    label=\"Run Flow\"\n    [disabled]=\"!form.value.id || !selectedFlow\"\n    (onClick)=\"runFlow()\"\n  ></p-button>\n</form>\n\n<table>\n  <thead>\n    <tr>\n      <th [width]=\"30\"></th>\n      <th [width]=\"160\">ID</th>\n      <th [width]=\"160\">Entry Path</th>\n      <th>QueryParams</th>\n      <th [width]=\"100\">Standalone</th>\n      <th [width]=\"100\">Stateful</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr *ngFor=\"let flow of flows$ | async\" (click)=\"selectedFlow = flow\">\n      <td><p-radioButton [inputId]=\"flow.id\" name=\"flow\" [value]=\"flow\" [(ngModel)]=\"selectedFlow\"></p-radioButton></td>\n      <td>{{ flow.id }}</td>\n      <td>{{ flow.properties.entryPath }}</td>\n      <td class=\"cell-query-params\">{{ getQueryParamsString(flow.properties.queryParams) }}</td>\n      <td>{{ flow.properties.standalone }}</td>\n      <td>{{ flow.properties.stateful }}</td>\n    </tr>\n  </tbody>\n</table>\n", styles: [":host{display:block;padding:24px 54px}form{display:flex;align-items:center;justify-content:space-between}.fields-container{display:flex;gap:24px}.field{display:flex;flex-direction:column;width:200px;flex-shrink:0}:host ::ng-deep .p-dropdown{width:100%}table{width:100%;border-collapse:collapse;table-layout:fixed}tbody>tr{cursor:pointer}tbody>tr:hover{background-color:#f0f5fa}th{text-align:left;font-weight:600}th,td{padding:0 10px;height:30px;border-bottom:1px solid var(--vl-border-color);margin-right:16px;line-height:18px}.cell-query-params{word-break:break-all}\n"], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i4$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i4$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i4$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i5$1.RadioButton, selector: "p-radioButton", inputs: ["value", "formControlName", "name", "disabled", "label", "tabindex", "inputId", "ariaLabelledBy", "ariaLabel", "style", "styleClass", "labelStyleClass"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: i3.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "style", "styleClass", "badgeClass"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "directive", type: i7.InputText, selector: "[pInputText]" }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DebugComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'vl-flow-debug', changeDetection: ChangeDetectionStrategy.OnPush, template: "<form [formGroup]=\"form\">\n  <div class=\"fields-container\">\n    <div class=\"field\">\n      <label>SF Object ID</label>\n      <input formControlName=\"id\" pInputText type=\"text\" />\n    </div>\n  </div>\n\n  <p-button\n    styleClass=\"p-button-primary\"\n    label=\"Run Flow\"\n    [disabled]=\"!form.value.id || !selectedFlow\"\n    (onClick)=\"runFlow()\"\n  ></p-button>\n</form>\n\n<table>\n  <thead>\n    <tr>\n      <th [width]=\"30\"></th>\n      <th [width]=\"160\">ID</th>\n      <th [width]=\"160\">Entry Path</th>\n      <th>QueryParams</th>\n      <th [width]=\"100\">Standalone</th>\n      <th [width]=\"100\">Stateful</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr *ngFor=\"let flow of flows$ | async\" (click)=\"selectedFlow = flow\">\n      <td><p-radioButton [inputId]=\"flow.id\" name=\"flow\" [value]=\"flow\" [(ngModel)]=\"selectedFlow\"></p-radioButton></td>\n      <td>{{ flow.id }}</td>\n      <td>{{ flow.properties.entryPath }}</td>\n      <td class=\"cell-query-params\">{{ getQueryParamsString(flow.properties.queryParams) }}</td>\n      <td>{{ flow.properties.standalone }}</td>\n      <td>{{ flow.properties.stateful }}</td>\n    </tr>\n  </tbody>\n</table>\n", styles: [":host{display:block;padding:24px 54px}form{display:flex;align-items:center;justify-content:space-between}.fields-container{display:flex;gap:24px}.field{display:flex;flex-direction:column;width:200px;flex-shrink:0}:host ::ng-deep .p-dropdown{width:100%}table{width:100%;border-collapse:collapse;table-layout:fixed}tbody>tr{cursor:pointer}tbody>tr:hover{background-color:#f0f5fa}th{text-align:left;font-weight:600}th,td{padding:0 10px;height:30px;border-bottom:1px solid var(--vl-border-color);margin-right:16px;line-height:18px}.cell-query-params{word-break:break-all}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1$1.FlowsApiService }, { type: i1$2.Router }, { type: i1$2.ActivatedRoute }]; } });
-
-const routes$1 = [{ path: '', component: DebugComponent }];
-class DebugModule {
-}
-DebugModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DebugModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-DebugModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: DebugModule, declarations: [DebugComponent], imports: [CommonModule,
-        FormsModule,
-        ReactiveFormsModule, i1$2.RouterModule, RadioButtonModule,
-        ButtonModule,
-        InputTextModule,
-        DropdownModule] });
-DebugModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DebugModule, imports: [CommonModule,
-        FormsModule,
-        ReactiveFormsModule,
-        RouterModule.forChild(routes$1),
-        RadioButtonModule,
-        ButtonModule,
-        InputTextModule,
-        DropdownModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DebugModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [DebugComponent],
-                    imports: [
-                        CommonModule,
-                        FormsModule,
-                        ReactiveFormsModule,
-                        RouterModule.forChild(routes$1),
-                        RadioButtonModule,
-                        ButtonModule,
-                        InputTextModule,
-                        DropdownModule,
-                    ],
-                }]
-        }] });
-
-class ProductComponent {
-    constructor(configurationRuntimeService, configurationStateService, flowService, route) {
-        this.configurationRuntimeService = configurationRuntimeService;
-        this.configurationStateService = configurationStateService;
-        this.flowService = flowService;
-        this.route = route;
-        this.uiDefinitionContainer$ = new BehaviorSubject(null);
-        this.showNotFound$ = new BehaviorSubject(false);
-        this.isInitialized$ = new BehaviorSubject(true);
-        this.destroy$ = new Subject();
-        this.uiDefinitionContainer$.next(this.configurationRuntimeService.uiDefinitionContainer);
-        this.config = {
-            init$: () => this.init$(),
-        };
-    }
-    ngOnInit() {
-        let prevParams;
-        this.route.queryParams
-            .pipe(tap(params => {
-            if (prevParams && prevParams['productId'] !== params['productId']) {
-                this.isInitialized$.next(false);
-                setTimeout(() => {
-                    this.isInitialized$.next(true);
-                }, 0);
-            }
-            prevParams = params;
-        }))
-            .subscribe();
-    }
-    ngOnDestroy() {
-        this.destroy$.next();
-        this.destroy$.complete();
-    }
-    init$() {
-        return this.configurationStateService.init$().pipe(tap(() => {
-            this.showNotFound$.next(Boolean(!this.uiDefinitionContainer$.value));
-        }));
-    }
-}
-ProductComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ProductComponent, deps: [{ token: i3$1.ConfigurationRuntimeService }, { token: i3$1.ConfigurationStateService }, { token: i3$1.FlowInfoService }, { token: i1$2.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component });
-ProductComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: ProductComponent, selector: "vl-flow-product", ngImport: i0, template: "<vl-cms-preview\n  *ngIf=\"isInitialized$ | async\"\n  [uiDefinition]=\"(uiDefinitionContainer$ | async)?.source\"\n  [config]=\"config\"\n></vl-cms-preview>\n\n<div *ngIf=\"showNotFound$ | async\" class=\"not-found-wrapper\">\n  <div class=\"not-found\">\n    <div class=\"icon\"></div>\n    <div class=\"message\">\n      This product doesn't have a linked Configuration UI. <br />\n      Please contact your system administrator for further assistance.\n    </div>\n  </div>\n</div>\n", styles: [".not-found-wrapper{position:absolute;top:0;display:flex;width:100%;height:100%;justify-content:center;align-items:center;background-color:#fff;z-index:1000}.not-found{display:flex;align-items:center;padding:16px;border-radius:8px;gap:8px;background-color:#f5f5f5}.not-found .icon{width:48px;height:42px;background-image:url(\"data:image/svg+xml,%3Csvg width='48' height='42' viewBox='0 0 48 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cellipse cx='24.0798' cy='32.6052' rx='2.85714' ry='2.63158' fill='%231F2029'/%3E%3Cpath d='M22.285 3.35831C23.0618 2.06363 24.9382 2.06363 25.715 3.35831L46.1826 37.471C46.9824 38.8041 46.0222 40.5 44.4676 40.5L3.53238 40.5C1.97779 40.5 1.01757 38.8041 1.8174 37.471L22.285 3.35831Z' stroke='%23141414' stroke-width='2'/%3E%3Cpath d='M24 17.342V26.8157' stroke='black' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E%0A\")}.not-found .message{font-size:14px;color:#141414;font-weight:300}\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: ProductComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'vl-flow-product', changeDetection: ChangeDetectionStrategy.OnPush, template: "<vl-cms-preview\n  *ngIf=\"isInitialized$ | async\"\n  [uiDefinition]=\"(uiDefinitionContainer$ | async)?.source\"\n  [config]=\"config\"\n></vl-cms-preview>\n\n<div *ngIf=\"showNotFound$ | async\" class=\"not-found-wrapper\">\n  <div class=\"not-found\">\n    <div class=\"icon\"></div>\n    <div class=\"message\">\n      This product doesn't have a linked Configuration UI. <br />\n      Please contact your system administrator for further assistance.\n    </div>\n  </div>\n</div>\n", styles: [".not-found-wrapper{position:absolute;top:0;display:flex;width:100%;height:100%;justify-content:center;align-items:center;background-color:#fff;z-index:1000}.not-found{display:flex;align-items:center;padding:16px;border-radius:8px;gap:8px;background-color:#f5f5f5}.not-found .icon{width:48px;height:42px;background-image:url(\"data:image/svg+xml,%3Csvg width='48' height='42' viewBox='0 0 48 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cellipse cx='24.0798' cy='32.6052' rx='2.85714' ry='2.63158' fill='%231F2029'/%3E%3Cpath d='M22.285 3.35831C23.0618 2.06363 24.9382 2.06363 25.715 3.35831L46.1826 37.471C46.9824 38.8041 46.0222 40.5 44.4676 40.5L3.53238 40.5C1.97779 40.5 1.01757 38.8041 1.8174 37.471L22.285 3.35831Z' stroke='%23141414' stroke-width='2'/%3E%3Cpath d='M24 17.342V26.8157' stroke='black' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E%0A\")}.not-found .message{font-size:14px;color:#141414;font-weight:300}\n"] }]
-        }], ctorParameters: function () { return [{ type: i3$1.ConfigurationRuntimeService }, { type: i3$1.ConfigurationStateService }, { type: i3$1.FlowInfoService }, { type: i1$2.ActivatedRoute }]; } });
-
-class ProductModule {
-}
-ProductModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ProductModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ProductModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: ProductModule, declarations: [ProductComponent], imports: [CommonModule, PreviewModule, LoaderModule, LetDirectiveModule], exports: [ProductComponent] });
-ProductModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ProductModule, imports: [CommonModule, PreviewModule, LoaderModule, LetDirectiveModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ProductModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [ProductComponent],
-                    imports: [CommonModule, PreviewModule, LoaderModule, LetDirectiveModule],
-                    exports: [ProductComponent],
-                }]
-        }] });
-
-class RecordNotFoundComponent {
-    constructor(router) {
-        this.router = router;
-        this.subMessage = '';
-        this.type = '';
-        const navigation = this.router.getCurrentNavigation();
-        const { state } = (navigation === null || navigation === void 0 ? void 0 : navigation.extras) || {};
-        this.message = state === null || state === void 0 ? void 0 : state['message'];
-        this.type = (state === null || state === void 0 ? void 0 : state['type']) || '';
-        this.details = state === null || state === void 0 ? void 0 : state['details'];
-        if (typeof this.message === 'string') {
-            this.subMessage = this.message.includes('/describe') ? 'A potential problem with permissions' : '';
-        }
-    }
-}
-RecordNotFoundComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: RecordNotFoundComponent, deps: [{ token: i1$2.Router }], target: i0.ɵɵFactoryTarget.Component });
-RecordNotFoundComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: RecordNotFoundComponent, selector: "vl-flow-record-not-found", ngImport: i0, template: "<div class=\"row\">\n  <div class=\"col-md-12\">\n    <div class=\"message-wrapper\">\n      <div *ngIf=\"message; else defaultMessage\">\n        <p class=\"text message-text\" [class]=\"type\">{{ message }}</p>\n\n        <p *ngIf=\"subMessage\" class=\"text\">{{ subMessage }}</p>\n\n        <div *ngIf=\"details && details.length > 0\">\n          <div *ngFor=\"let detail of details\" class=\"text\">{{ detail }}</div>\n        </div>\n      </div>\n\n      <ng-template #defaultMessage>Record not found</ng-template>\n    </div>\n  </div>\n</div>\n", styles: [":host{display:block;padding:24px 54px}:host .text{white-space:pre-line;word-break:break-word}:host .message-text.error{color:var(--vl-error-text-color)}\n"], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: RecordNotFoundComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'vl-flow-record-not-found', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"row\">\n  <div class=\"col-md-12\">\n    <div class=\"message-wrapper\">\n      <div *ngIf=\"message; else defaultMessage\">\n        <p class=\"text message-text\" [class]=\"type\">{{ message }}</p>\n\n        <p *ngIf=\"subMessage\" class=\"text\">{{ subMessage }}</p>\n\n        <div *ngIf=\"details && details.length > 0\">\n          <div *ngFor=\"let detail of details\" class=\"text\">{{ detail }}</div>\n        </div>\n      </div>\n\n      <ng-template #defaultMessage>Record not found</ng-template>\n    </div>\n  </div>\n</div>\n", styles: [":host{display:block;padding:24px 54px}:host .text{white-space:pre-line;word-break:break-word}:host .message-text.error{color:var(--vl-error-text-color)}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1$2.Router }]; } });
-
-const routes = [{ path: '', component: RecordNotFoundComponent }];
-class RecordNotFoundModule {
-}
-RecordNotFoundModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: RecordNotFoundModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-RecordNotFoundModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: RecordNotFoundModule, declarations: [RecordNotFoundComponent], imports: [CommonModule, i1$2.RouterModule] });
-RecordNotFoundModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: RecordNotFoundModule, imports: [CommonModule, RouterModule.forChild(routes)] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: RecordNotFoundModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [RecordNotFoundComponent],
-                    imports: [CommonModule, RouterModule.forChild(routes)],
-                }]
-        }] });
-
-class ShoppingCartComponent {
-    constructor(templatesAdminApiService, cdr, toastService, flowInfo, customizationService) {
-        var _a, _b, _c;
-        this.templatesAdminApiService = templatesAdminApiService;
-        this.cdr = cdr;
-        this.toastService = toastService;
-        this.flowInfo = flowInfo;
-        this.customizationService = customizationService;
-        this.uiDefinition = undefined;
-        this.state$ = new BehaviorSubject({ loading: true, failure: false });
-        this.templateApiName = '';
-        this.destroyed$ = new Subject();
-        this.templateApiName = (_c = (_b = (_a = this.flowInfo.flow) === null || _a === void 0 ? void 0 : _a.properties.templates) === null || _b === void 0 ? void 0 : _b.shoppingCart) !== null && _c !== void 0 ? _c : '';
-    }
-    ngOnInit() {
-        this.generateUIDefinition$()
-            .pipe(tap(uiDef => {
-            if (!uiDef) {
-                throw new Error(`Component with name '${this.templateApiName}' not found.`);
-            }
-            this.uiDefinition = uiDef;
-            this.state$.next({ loading: false, failure: false });
-        }), catchError(err => {
-            var _a;
-            const message = 'Failed to resolve Shopping Cart component. ' + ((_a = err.message) !== null && _a !== void 0 ? _a : '');
-            this.toastService.add({ severity: ToastType.error, summary: message, sticky: true });
-            this.uiDefinition = undefined;
-            this.state$.next({ loading: false, failure: true });
-            return of();
-        }), takeUntil(this.destroyed$))
-            .subscribe(() => this.cdr.detectChanges());
-    }
-    ngOnDestroy() {
-        this.destroyed$.next();
-        this.destroyed$.complete();
-    }
-    getLocalMeta$() {
-        var _a, _b;
-        if (!((_a = this.customizationService) === null || _a === void 0 ? void 0 : _a.getTemplateComponents)) {
-            return of(undefined);
-        }
-        return (_b = this.customizationService) === null || _b === void 0 ? void 0 : _b.getTemplateComponents(this.templateApiName).pipe(map(components => {
-            if (!components) {
-                return;
-            }
-            return components.map(component => ({
-                html: component.html,
-                css: component.css,
-                js: component.js,
-                json: component.json,
-            }));
-        }));
-    }
-    getOrgMeta$() {
-        const template = this.flowInfo.templates.SHOPPING_CART;
-        if (!template) {
-            return of(undefined);
-        }
-        return this.templatesAdminApiService.fetchComponentsAttachments$(template.id);
-    }
-    generateUIDefinition$() {
-        return of(undefined).pipe(tap(() => {
-            if (!this.templateApiName) {
-                throw new Error("Flow 'shoppingCart' template is not defined.");
-            }
-        }), switchMap(() => this.getLocalMeta$()), switchMap(metaList => (metaList ? of(metaList) : this.getOrgMeta$())), map(metaList => {
-            if (!metaList) {
-                return;
-            }
-            const uiDef = {
-                name: '',
-                createdTimestamp: 0,
-                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;
-        }));
-    }
-}
-ShoppingCartComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ShoppingCartComponent, deps: [{ token: i1$1.UITemplatesAdminApiService }, { token: i0.ChangeDetectorRef }, { token: i2.ToastService }, { token: i3$1.FlowInfoService }, { token: FLOW_CUSTOMIZATION, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-ShoppingCartComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: ShoppingCartComponent, selector: "vl-flow-shopping-cart", 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-preview [uiDefinition]=\"uiDefinition\"></vl-cms-preview>\n    </ng-container>\n  </ng-template>\n</ng-container>\n", styles: [""], 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: "component", type: i2.LoaderComponent, selector: "vl-loader", inputs: ["label", "overlayVisible"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ShoppingCartComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'vl-flow-shopping-cart', changeDetection: ChangeDetectionStrategy.OnPush, 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-preview [uiDefinition]=\"uiDefinition\"></vl-cms-preview>\n    </ng-container>\n  </ng-template>\n</ng-container>\n" }]
-        }], ctorParameters: function () {
-        return [{ type: i1$1.UITemplatesAdminApiService }, { type: i0.ChangeDetectorRef }, { type: i2.ToastService }, { type: i3$1.FlowInfoService }, { type: undefined, decorators: [{
-                        type: Optional
-                    }, {
-                        type: Inject,
-                        args: [FLOW_CUSTOMIZATION]
-                    }] }];
-    } });
-
-class ShoppingCartModule {
-}
-ShoppingCartModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ShoppingCartModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ShoppingCartModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: ShoppingCartModule, declarations: [ShoppingCartComponent], imports: [CommonModule, PreviewModule, LoaderModule], exports: [ShoppingCartComponent] });
-ShoppingCartModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ShoppingCartModule, imports: [CommonModule, PreviewModule, LoaderModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ShoppingCartModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [ShoppingCartComponent],
-                    imports: [CommonModule, PreviewModule, LoaderModule],
-                    exports: [ShoppingCartComponent],
-                }]
-        }] });
-
-class FlowResolver {
-    constructor(router, routerService, flowInfoService) {
-        this.router = router;
-        this.routerService = routerService;
-        this.flowInfoService = flowInfoService;
-    }
-    resolve(route) {
-        if (!this.flowInfoService.isFlowInitialized) {
-            return of(false);
-        }
-        const { queryParams } = route;
-        const { properties } = this.flowInfoService.flow;
-        const { queryParams: flowQueryParams, entryPath } = properties;
-        const mergedQueryParams = Object.assign(Object.assign({}, queryParams), flowQueryParams);
-        const parentUrl = this.routerService.getFlowRootPath(route);
-        const entryUrl = String(entryPath !== null && entryPath !== void 0 ? entryPath : '')
-            .split('/')
-            .filter(Boolean);
-        return from(this.router.navigate([parentUrl, ...entryUrl], {
-            queryParams: mergedQueryParams,
-            replaceUrl: true,
-        })).pipe(catchError$1(e => {
-            console.error(e);
-            const message = e instanceof HttpErrorResponse ? e.error.message : e;
-            const errorDetails = isVeloceError(e.error) ? extractErrorDetails(e.error) : [];
-            return this.routerService.showErrorPage$(message, errorDetails);
-        }));
-    }
-}
-FlowResolver.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowResolver, deps: [{ token: i1$2.Router }, { token: FlowRouterService }, { token: i3$1.FlowInfoService }], target: i0.ɵɵFactoryTarget.Injectable });
-FlowResolver.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowResolver });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowResolver, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return [{ type: i1$2.Router }, { type: FlowRouterService }, { type: i3$1.FlowInfoService }]; } });
-
-const resolvePCMModel = () => {
-    const flowInfoService = inject(FlowInfoService);
-    const configurationRuntimeService = inject(ConfigurationRuntimeService);
-    const { productId } = flowInfoService.context;
-    if (!productId) {
-        throw new Error(`Unable to start configuration for 'productId == null'`);
-    }
-    return configurationRuntimeService.init$({ productId });
-};
-
-class SalesTransactionResolver {
-    constructor(router, routerService, flowInfoService, flowStateService, salesTransactionService) {
-        this.router = router;
-        this.routerService = routerService;
-        this.flowInfoService = flowInfoService;
-        this.flowStateService = flowStateService;
-        this.salesTransactionService = salesTransactionService;
-    }
-    resolve(route) {
-        const flow = this.flowInfoService.flow;
-        if (!flow) {
-            return of(false);
-        }
-        if (this.flowStateService.isInitialized()) {
-            return of(true);
-        }
-        return this.flowStateService.init$().pipe(switchMap(() => this.checkDynamicNavigation$(route)), catchError(e => {
-            console.error(e);
-            const message = e instanceof HttpErrorResponse ? e.error.message : e;
-            const errorDetails = isVeloceError(e.error) ? extractErrorDetails(e.error) : [];
-            return this.routerService.showErrorPage$(message, errorDetails);
-        }));
-    }
-    checkDynamicNavigation$(route) {
-        const flow = this.flowInfoService.flow;
-        if (!flow) {
-            return of(true);
-        }
-        if (flow.properties.suppressInitialNavigation || flow.properties.standalone) {
-            return of(true);
-        }
-        return this.getNavigateTo().pipe(switchMap(navigateTo => {
-            if (!navigateTo) {
-                return of(true);
-            }
-            const parentUrl = this.routerService.getFlowRootPath(route);
-            return from(this.router.navigate([parentUrl + navigateTo], {
-                queryParams: route.queryParams,
-                replaceUrl: true,
-            }));
-        }));
-    }
-    getNavigateTo() {
-        // Implement when needed
-        return of('');
-    }
-}
-SalesTransactionResolver.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SalesTransactionResolver, deps: [{ token: i1$2.Router }, { token: FlowRouterService }, { token: i3$1.FlowInfoService }, { token: i3$1.FlowStateService }, { token: i3$1.SalesTransactionService }], target: i0.ɵɵFactoryTarget.Injectable });
-SalesTransactionResolver.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SalesTransactionResolver });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SalesTransactionResolver, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return [{ type: i1$2.Router }, { type: FlowRouterService }, { type: i3$1.FlowInfoService }, { type: i3$1.FlowStateService }, { type: i3$1.SalesTransactionService }]; } });
-
-const resolveUIDefinition = () => {
-    const customizationService = inject(FLOW_CUSTOMIZATION, { optional: true });
-    const flowInfoService = inject(FlowInfoService);
-    const uiDefinitionsAdminApiService = inject(UIDefinitionsAdminApiService);
-    const configurationRuntimeService = inject(ConfigurationRuntimeService);
-    const { productId } = flowInfoService.context;
-    if (!productId) {
-        throw new Error(`Unable to start configuration for 'productId == null'`);
-    }
-    return of(undefined).pipe(switchMap(() => {
-        // Try resolving via customization service
-        if (!productId || !(customizationService === null || customizationService === void 0 ? void 0 : customizationService.getUiDefinition)) {
-            return of(undefined);
-        }
-        return customizationService.getUiDefinition(flowInfoService.context);
-    }), switchMap(uiDefContainer => {
-        // Resolve UIDefinition from the org
-        if (uiDefContainer) {
-            return of(uiDefContainer);
-        }
-        if (flowInfoService.context.requiredUIDefinitionId) {
-            return uiDefinitionsAdminApiService.fetch$(flowInfoService.context.requiredUIDefinitionId, {
-                skipErrorHandler: true,
-            });
-        }
-        return uiDefinitionsAdminApiService
-            .fetchAll$({
-            productId,
-            defaultUIDefinitionId: flowInfoService.context.defaultUIDefinitionId,
-        }, { skipErrorHandler: true })
-            .pipe(map((uiDefinitionContainers) => {
-            const uiDefContainer = uiDefinitionContainers[0];
-            if (!uiDefContainer) {
-                throw new Error(`UI Definition for productId=${productId} is not resolved`);
-            }
-            return uiDefContainer;
-        }));
-    }), catchError(() => of(null)), tap(uiDefContainer => (configurationRuntimeService.uiDefinitionContainer = uiDefContainer)));
-};
-
-const rootRoute = {
-    id: VELOCE_FLOW_ROOT_ROUTE,
-    path: '',
-    component: FlowComponent,
-    canActivate: [RootGuard],
-    canDeactivate: [RootGuard],
-    children: [
-        {
-            path: '',
-            canActivate: [keepFlowInitialized],
-            runGuardsAndResolvers: 'always',
-            children: [
-                {
-                    path: 'flows',
-                    runGuardsAndResolvers: 'paramsOrQueryParamsChange',
-                    resolve: { flow: FlowResolver },
-                    children: [],
-                },
-                {
-                    path: 'product',
-                    component: ProductComponent,
-                    runGuardsAndResolvers: 'paramsOrQueryParamsChange',
-                    resolve: { salesTransaction: SalesTransactionResolver, uiDef: resolveUIDefinition, pcm: resolvePCMModel },
-                    canDeactivate: [ProductUnloadGuard],
-                    data: { showHeader: true },
-                },
-                {
-                    path: 'cart',
-                    component: ShoppingCartComponent,
-                    runGuardsAndResolvers: 'paramsOrQueryParamsChange',
-                    resolve: { salesTransaction: SalesTransactionResolver },
-                    data: { showHeader: true },
-                },
-                {
-                    path: 'catalog',
-                    component: CatalogComponent,
-                    runGuardsAndResolvers: 'paramsOrQueryParamsChange',
-                    resolve: { salesTransaction: SalesTransactionResolver },
-                    data: { showHeader: true },
-                },
-                {
-                    path: 'assets',
-                    component: AssetsComponent,
-                    runGuardsAndResolvers: 'paramsOrQueryParamsChange',
-                    resolve: { salesTransaction: SalesTransactionResolver },
-                    data: { showHeader: true },
-                },
-                {
-                    path: 'debug',
-                    loadChildren: () => DebugModule,
-                },
-                {
-                    path: '404',
-                    loadChildren: () => RecordNotFoundModule,
-                },
-            ],
-        },
-    ],
-};
-class FlowRoutingModule {
-}
-FlowRoutingModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowRoutingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-FlowRoutingModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: FlowRoutingModule, imports: [i1$2.RouterModule, ProductModule, ShoppingCartModule, CatalogModule, AssetsModule], exports: [RouterModule] });
-FlowRoutingModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowRoutingModule, providers: [FlowRouterService, RootGuard, ProductUnloadGuard, FlowResolver, SalesTransactionResolver], imports: [RouterModule.forChild([rootRoute]), ProductModule, ShoppingCartModule, CatalogModule, AssetsModule, RouterModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowRoutingModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [RouterModule.forChild([rootRoute]), ProductModule, ShoppingCartModule, CatalogModule, AssetsModule],
-                    exports: [RouterModule],
-                    providers: [FlowRouterService, RootGuard, ProductUnloadGuard, FlowResolver, SalesTransactionResolver],
-                }]
-        }] });
-
-configurePrimengShadowDOM();
-class FlowModule {
-}
-FlowModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-FlowModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: FlowModule, declarations: [FlowComponent], imports: [CommonModule,
-        LetDirectiveModule,
-        FlowRoutingModule,
-        ApiModule,
-        LauncherModule,
-        LoaderModule,
-        FlowNewHeaderModule,
-        FlowDialogModule,
-        SdkCoreModule,
-        GuidedSellingModule] });
-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,
-        LauncherModule,
-        LoaderModule,
-        FlowNewHeaderModule,
-        FlowDialogModule,
-        SdkCoreModule,
-        GuidedSellingModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [FlowComponent],
-                    imports: [
-                        CommonModule,
-                        LetDirectiveModule,
-                        FlowRoutingModule,
-                        ApiModule,
-                        LauncherModule,
-                        LoaderModule,
-                        FlowNewHeaderModule,
-                        FlowDialogModule,
-                        SdkCoreModule,
-                        GuidedSellingModule,
-                    ],
-                    providers: [FlowService, FlowDialogService, FlowGuidedSellingService],
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { FlowDialogService, FlowModule, FlowRouterService, FlowService, VELOCE_FLOW_ROOT_ROUTE };
-//# sourceMappingURL=veloceapps-sdk.mjs.map