@lowcodeunit/applications-flow-common 1.36.195-integration → 1.36.196-social-ui-performance-issues

package/fesm2020/lowcodeunit-applications-flow-common.mjs

@@ -1,6 +1,6 @@
 import * as i0 from '@angular/core';
 import { Injectable, Component, Input, EventEmitter, Output, ViewChild, ViewContainerRef, Inject, NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
-import { Subject, Observable } from 'rxjs';
+import { Subject, BehaviorSubject, Observable } from 'rxjs';
 import * as i1 from '@angular/common/http';
 import { HttpClient } from '@angular/common/http';
 import * as i2 from '@lcu/common';
@@ -457,9 +457,10 @@ class ProjectService {
     }
     HasValidConnection(state, forceEnsureUser = false) {
         return new Promise(async (resolve, reject) => {
+            console.log('State has valid conn: ', state);
             state.Loading = true;
             this.appsFlowSvc.HasValidConnection().subscribe(async (response) => {
-                state.GitHub.HasConnection = response.Status.Code === 0;
+                state.GitHub.HasConnection = response?.Status?.Code === 0;
                 if (state.GitHub.HasConnection || forceEnsureUser) {
                 }
                 else {
@@ -848,7 +849,7 @@ class EaCService {
     constructor(projectService, http) {
         this.projectService = projectService;
         this.http = http;
-        this.State = new ApplicationsFlowState();
+        this.State = new BehaviorSubject(new ApplicationsFlowState());
     }
     //  Properties
     get EditingProjectLookup() {
@@ -864,98 +865,98 @@ class EaCService {
     async DeleteApplication(appLookup, appName) {
         if (confirm(`Are you sure you want to delete application '${appName}'?`)) {
             const eac = {
-                EnterpriseLookup: this.State.EaC.EnterpriseLookup,
+                EnterpriseLookup: this.State?.value?.EaC?.EnterpriseLookup,
                 Applications: {},
             };
             eac.Applications[appLookup] = {
                 Application: {},
             };
-            return await this.projectService.EnterpriseAsCodeRemovals(this.State, eac);
+            return await this.projectService.EnterpriseAsCodeRemovals(this.State.value, eac);
         }
     }
     async DeleteDevOpsAction(doaLookup, doaName) {
         if (confirm(`Are you sure you want to delete Build Pipeline '${doaName}'?`)) {
             const eac = {
-                EnterpriseLookup: this.State.EaC.EnterpriseLookup,
+                EnterpriseLookup: this.State.value.EaC.EnterpriseLookup,
                 Environments: {},
             };
-            eac.Environments[this.State.EaC.Enterprise.PrimaryEnvironment] = {
+            eac.Environments[this.State.value.EaC.Enterprise.PrimaryEnvironment] = {
                 DevOpsActions: {},
             };
-            eac.Environments[this.State.EaC.Enterprise.PrimaryEnvironment].DevOpsActions[doaLookup] = {};
-            return await this.projectService.EnterpriseAsCodeRemovals(this.State, eac);
+            eac.Environments[this.State.value.EaC.Enterprise.PrimaryEnvironment].DevOpsActions[doaLookup] = {};
+            return await this.projectService.EnterpriseAsCodeRemovals(this.State.value, eac);
         }
     }
     async DeleteModifier(modifierLookup, modifierName) {
         if (confirm(`Are you sure you want to delete Modifier '${modifierName}'?`)) {
             const eac = {
-                EnterpriseLookup: this.State.EaC.EnterpriseLookup,
+                EnterpriseLookup: this.State.value.EaC.EnterpriseLookup,
                 Modifiers: {},
             };
             eac.Modifiers[modifierLookup] = {};
-            return await this.projectService.EnterpriseAsCodeRemovals(this.State, eac);
+            return await this.projectService.EnterpriseAsCodeRemovals(this.State.value, eac);
         }
     }
     async DeleteProject(projectLookup, projectName) {
         if (confirm(`Are you sure you want to delete Project '${projectName}'?`)) {
             const eac = {
-                EnterpriseLookup: this.State.EaC.EnterpriseLookup,
+                EnterpriseLookup: this.State.value.EaC.EnterpriseLookup,
                 Projects: {},
             };
             eac.Projects[projectLookup] = {
                 Project: {},
             };
-            return await this.projectService.EnterpriseAsCodeRemovals(this.State, eac);
+            return await this.projectService.EnterpriseAsCodeRemovals(this.State.value, eac);
         }
     }
     async DeleteSourceControl(srcLookup, srcName) {
         if (confirm(`Are you sure you want to delete Source Control '${srcName}'?`)) {
             const eac = {
-                EnterpriseLookup: this.State.EaC.EnterpriseLookup,
+                EnterpriseLookup: this.State.value.EaC.EnterpriseLookup,
                 Environments: {},
             };
-            eac.Environments[this.State.EaC.Enterprise.PrimaryEnvironment] = {
+            eac.Environments[this.State.value.EaC.Enterprise.PrimaryEnvironment] = {
                 Sources: {},
             };
-            eac.Environments[this.State.EaC.Enterprise.PrimaryEnvironment].Sources[srcLookup] = {};
-            return await this.projectService.EnterpriseAsCodeRemovals(this.State, eac);
+            eac.Environments[this.State.value.EaC.Enterprise.PrimaryEnvironment].Sources[srcLookup] = {};
+            return await this.projectService.EnterpriseAsCodeRemovals(this.State.value, eac);
         }
     }
     // this.appsFlowEventsSvc.EnsureUserEnterpriseEvent.subscribe(async () => {
     //   await this.projectService.EnsureUserEnterprise(this.State);
     // });
     async EnsureUserEnterprise() {
-        await this.projectService.EnsureUserEnterprise(this.State);
+        await this.projectService.EnsureUserEnterprise(this.State.value);
     }
     async EnterpriseAsCodeRemovals(eac) {
-        return this.projectService.EnterpriseAsCodeRemovals(this.State, eac);
+        return this.projectService.EnterpriseAsCodeRemovals(this.State.value, eac);
     }
     async GetActiveEnterprise() {
-        await this.projectService.GetActiveEnterprise(this.State);
+        await this.projectService.GetActiveEnterprise(this.State.value);
     }
     async LoadUserFeed(page, pageSize, forCheck = false) {
-        await this.projectService.LoadUserFeed(page, pageSize, forCheck, this.State);
+        await this.projectService.LoadUserFeed(page, pageSize, forCheck, this.State.value);
     }
     GenerateRoutedApplications(applications) {
-        return this.projectService.GenerateRoutedApplications(applications, this.State);
+        return this.projectService.GenerateRoutedApplications(applications, this.State.value);
     }
     async HasValidConnection() {
-        await this.projectService.HasValidConnection(this.State);
+        await this.projectService.HasValidConnection(this.State.value);
     }
     async ListEnterprises() {
-        await this.projectService.ListEnterprises(this.State);
+        await this.projectService.ListEnterprises(this.State.value);
     }
     async LoadEnterpriseAsCode() {
-        await this.projectService.LoadEnterpriseAsCode(this.State);
+        await this.projectService.LoadEnterpriseAsCode(this.State.value);
     }
     ReloadFeed() {
-        if (this.State.FeedCheck) {
-            this.State.Feed = this.State.FeedCheck.Items;
-            this.State.FeedActions = this.State.FeedCheck.Actions;
-            this.State.FeedSourceControlLookups =
-                this.State.FeedCheck.SourceControlLookups;
+        if (this.State.value.FeedCheck) {
+            this.State.value.Feed = this.State.value.FeedCheck.Items;
+            this.State.value.FeedActions = this.State.value.FeedCheck.Actions;
+            this.State.value.FeedSourceControlLookups =
+                this.State.value.FeedCheck.SourceControlLookups;
         }
-        this.State.FeedCheck = null;
+        this.State.value.FeedCheck = null;
     }
     async SaveApplicationAsCode(req) {
         return await this.handleSaveApplication(req);
@@ -964,7 +965,7 @@ class EaCService {
         await this.handleSaveDFSModifier(req);
     }
     async SaveEnterpriseAsCode(eac) {
-        return await this.projectService.SaveEnterpriseAsCode(this.State, eac);
+        return await this.projectService.SaveEnterpriseAsCode(this.State.value, eac);
     }
     async SaveEnvironmentAsCode(req) {
         return await this.handleSaveEnvironment(req);
@@ -973,26 +974,26 @@ class EaCService {
         return await this.handleSaveProject(req.ProjectLookup, req.Project);
     }
     async SetActiveEnterprise(entLookup) {
-        this.projectService.SetActiveEnterprise(this.State, entLookup);
+        this.projectService.SetActiveEnterprise(this.State.value, entLookup);
     }
     async SetCreatingProject(creatingProject) {
         this.projectService.SetCreatingProject(creatingProject);
     }
     async SetEditProjectSettings(projectLookup) {
-        await this.projectService.SetEditProjectSettings(this.State, projectLookup);
+        await this.projectService.SetEditProjectSettings(this.State.value, projectLookup);
     }
     async SubmitFeedEntry(entry) {
-        return await this.projectService.SubmitFeedEntry(this.State, entry);
+        return await this.projectService.SubmitFeedEntry(this.State.value, entry);
     }
     async UnpackLowCodeUnit(req) {
         if (confirm(`Are you sure you want to unpack application '${req.ApplicationName}' with version '${req.Version}'?`)) {
-            await this.projectService.UnpackLowCodeUnit(this.State, req);
+            await this.projectService.UnpackLowCodeUnit(this.State.value, req);
         }
     }
     //  Helpers
     async handleSaveApplication(req) {
         const saveEaC = {
-            EnterpriseLookup: this.State.EaC.EnterpriseLookup,
+            EnterpriseLookup: this.State.value.EaC.EnterpriseLookup,
             Applications: {},
             Projects: {},
         };
@@ -1007,11 +1008,11 @@ class EaCService {
         if (req.Application) {
             saveEaC.Applications[req.ApplicationLookup] = req.Application;
         }
-        return await this.projectService.SaveEnterpriseAsCode(this.State, saveEaC);
+        return await this.projectService.SaveEnterpriseAsCode(this.State.value, saveEaC);
     }
     async handleSaveDFSModifier(req) {
         const saveEaC = {
-            EnterpriseLookup: this.State.EaC.EnterpriseLookup,
+            EnterpriseLookup: this.State.value.EaC.EnterpriseLookup,
             Modifiers: {},
             Projects: {},
             Applications: {},
@@ -1033,11 +1034,11 @@ class EaCService {
                 ModifierLookups: req.ModifierLookups,
             };
         }
-        await this.projectService.SaveEnterpriseAsCode(this.State, saveEaC);
+        await this.projectService.SaveEnterpriseAsCode(this.State.value, saveEaC);
     }
     async handleSaveEnvironment(req) {
         const saveEaC = {
-            EnterpriseLookup: this.State?.EaC?.EnterpriseLookup,
+            EnterpriseLookup: this.State?.value.EaC?.EnterpriseLookup,
             DataTokens: {},
             Environments: {},
         };
@@ -1047,17 +1048,17 @@ class EaCService {
         if (req.EnterpriseDataTokens) {
             saveEaC.DataTokens = req.EnterpriseDataTokens;
         }
-        return await this.projectService.SaveEnterpriseAsCode(this.State, saveEaC);
+        return await this.projectService.SaveEnterpriseAsCode(this.State.value, saveEaC);
     }
     async handleSaveProject(projectLookup, project) {
         const projHosts = {};
         project?.Hosts?.forEach((host) => {
-            projHosts[host] = this.State.EaC.Hosts[host];
+            projHosts[host] = this.State.value.EaC.Hosts[host];
         });
         const saveEaC = {
-            EnterpriseLookup: this.State.EaC.EnterpriseLookup,
+            EnterpriseLookup: this.State.value.EaC.EnterpriseLookup,
             Enterprise: {
-                ...this.State.EaC.Enterprise,
+                ...this.State.value.EaC.Enterprise,
                 PrimaryHost: project.Hosts[0],
             },
             Hosts: projHosts,
@@ -1065,7 +1066,7 @@ class EaCService {
             Projects: {},
         };
         saveEaC.Projects[projectLookup] = project;
-        let status = await this.projectService.SaveEnterpriseAsCode(this.State, saveEaC);
+        let status = await this.projectService.SaveEnterpriseAsCode(this.State.value, saveEaC);
         this.SetEditProjectSettings(projectLookup);
         return status;
     }
@@ -3011,6 +3012,9 @@ class ApplicationsFlowProjectsContext extends LCUElementContext {
 }
 const SELECTOR_APPLICATIONS_FLOW_PROJECTS_ELEMENT = 'applications-flow-projects-element';
 class ApplicationsFlowProjectsElementComponent extends LcuElementComponent {
+    // public get State(): ApplicationsFlowState {
+    //     return this.eacSvc.State;
+    // }
     //  Constructors
     constructor(injector, appsFlowSvc, eacSvc) {
         super(injector);
@@ -3041,13 +3045,13 @@ class ApplicationsFlowProjectsElementComponent extends LcuElementComponent {
     get ProjectLookups() {
         return Object.keys(this.State?.EaC?.Projects || {});
     }
-    get State() {
-        return this.eacSvc.State;
-    }
     //  Life Cycle
     ngOnDestroy() { }
     ngOnInit() {
         super.ngOnInit();
+        this.eacSvc.State.subscribe((state) => {
+            this.State = state;
+        });
         this.handleStateChange().then((eac) => { });
         // this.setupProjectMonitor();
     }
@@ -3678,10 +3682,11 @@ class SlottedCardComponent {
         this.MainIcon = 'add';
         this.ShowMainIcon = true;
     }
-    get State() {
-        return this.eacSvc.State;
+    ngOnInit() {
+        this.eacSvc.State.subscribe((state) => {
+            this.State = state;
+        });
     }
-    ngOnInit() { }
     MainActionClickEvent() {
         this.MainActionClicked.emit({});
     }
@@ -3728,13 +3733,13 @@ class ProjectInfoCardComponent {
         this.RightClickEvent = new EventEmitter();
         this.SkeletonEffect = 'wave';
     }
-    get State() {
-        return this.eacSvc.State;
-    }
     ngOnInit() {
         // console.log("loading = ", this.Loading)
         // console.log("is shareable: ", this.IsShareable);
         // console.log("is editable: ", this.IsEditable);
+        this.eacSvc.State.subscribe((state) => {
+            this.State = state;
+        });
     }
     LeftIconClicked() {
         this.LeftClickEvent.emit({});
@@ -3915,15 +3920,15 @@ class DevopsSourceControlFormComponent {
     get RepositoryFormControl() {
         return this.DevOpsSourceControlFormGroup.get(this.SourceControlRoot + 'repository');
     }
-    get State() {
-        return this.eacSvc.State;
-    }
     //  Life Cycle
     ngAfterViewInit() { }
     ngOnDestroy() {
         this.destroyFormControls();
     }
     ngOnInit() {
+        this.eacSvc.State.subscribe((state) => {
+            this.State = state;
+        });
         console.log('source control lookup', this.EditingSourceControlLookup);
         if (this.EditingSourceControlLookup === null) {
             this.CreateNewSourceControl();
@@ -4224,10 +4229,11 @@ class SourceControlDialogComponent {
     get HasConnection() {
         return this.State.GitHub.HasConnection;
     }
-    get State() {
-        return this.eacSvc.State;
+    ngOnInit() {
+        this.eacSvc.State.subscribe((state) => {
+            this.State = state;
+        });
     }
-    ngOnInit() { }
     CloseDialog() {
         this.dialogRef.close();
     }
@@ -4366,6 +4372,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImpor
             }] } });
 
 class MainFeedCardComponent {
+    // public get State(): ApplicationsFlowState {
+    //     return this.eacSvc.State;
+    // }
     constructor(eacSvc, dialog, sanitizer, formBuilder) {
         this.eacSvc = eacSvc;
         this.dialog = dialog;
@@ -4416,9 +4425,6 @@ class MainFeedCardComponent {
             return 'gray';
         }
     }
-    get State() {
-        return this.eacSvc.State;
-    }
     //  Life Cycle
     ngOnDestroy() {
         if (this.checkTimeout) {
@@ -4426,6 +4432,9 @@ class MainFeedCardComponent {
         }
     }
     ngOnInit() {
+        this.eacSvc.State.subscribe((state) => {
+            this.State = state;
+        });
         this.handleRefresh();
         this.SanitizeVideos();
     }
@@ -4601,10 +4610,10 @@ class SecurityToggleComponent {
     get IsTriggerSignInFormControl() {
         return this.SecurityFormGroup?.controls.isTriggerSignIn;
     }
-    get State() {
-        return this.eacSvc.State;
-    }
     ngOnInit() {
+        this.eacSvc.State.subscribe((state) => {
+            this.State = state;
+        });
         this.setupSecurityFormGroup();
     }
     SecuritySubmit() {
@@ -4698,9 +4707,9 @@ class ProcessorDetailsFormComponent {
     get SecurityFormControl() {
         return this.ProcessorDetailsFormGroup?.controls.security;
     }
-    get State() {
-        return this.eacSvc.State;
-    }
+    // public get State(): ApplicationsFlowState {
+    //     return this.eacSvc.State;
+    // }
     get SourceControls() {
         return this.Environment?.Sources || {};
     }
@@ -4731,6 +4740,9 @@ class ProcessorDetailsFormComponent {
         return this.ProcessorDetailsFormGroup?.controls.zipFile;
     }
     ngOnInit() {
+        this.eacSvc.State.subscribe((state) => {
+            this.State = state;
+        });
         if (!this.EditingApplication) {
             this.CreateNewApplication();
         }
@@ -5160,10 +5172,10 @@ class BuildPipelineFormComponent {
     get SourceControls() {
         return this.Environment.Sources || {};
     }
-    get State() {
-        return this.eacSvc.State;
-    }
     ngOnInit() {
+        this.eacSvc.State.subscribe((state) => {
+            this.State = state;
+        });
         // console.log('BuildPipeline = ', this.BuildPipeline)
         // this.BuildPipelineFormGroup = this.formBuilder.group({});
         // if (this.BuildPipelineFormGroup != null) {
@@ -5357,10 +5369,11 @@ class BuildPipelineDialogComponent {
     get HasConnection() {
         return this.State.GitHub.HasConnection;
     }
-    get State() {
-        return this.eacSvc.State;
+    ngOnInit() {
+        this.eacSvc.State.subscribe((state) => {
+            this.State = state;
+        });
     }
-    ngOnInit() { }
     CloseDialog() {
         this.dialogRef.close();
     }
@@ -5416,10 +5429,10 @@ class EditApplicationFormComponent {
     get RouteFormControl() {
         return this.ApplicationFormGroup?.controls.route;
     }
-    get State() {
-        return this.eacSvc.State;
-    }
     ngOnInit() {
+        this.eacSvc.State.subscribe((state) => {
+            this.State = state;
+        });
         this.setupApplicationForm();
     }
     SubmitApplicationControl() {
@@ -5589,10 +5602,10 @@ class BreadcrumbComponent {
     get SelectedProject() {
         return this.State?.EaC?.Projects[this.ProjectLookup] || {};
     }
-    get State() {
-        return this.eacSvc.State;
-    }
     ngOnInit() {
+        this.eacSvc.State.subscribe((state) => {
+            this.State = state;
+        });
         this.handleStateChange().then((eac) => { });
         // console.log("state: ", this.State)
         // console.log('selected enterprise: ', this.Enterprise);
@@ -5656,9 +5669,6 @@ class EditApplicationDialogComponent {
     get ApplicationFormGroup() {
         return this.EditApplicationControl?.ApplicationFormGroup;
     }
-    get State() {
-        return this.eacSvc.State;
-    }
     ngOnInit() { }
     CloseDialog() {
         this.dialogRef.close();
@@ -5709,10 +5719,10 @@ class NewApplicationDialogComponent {
     get SourceControlLookups() {
         return Object.keys(this.Environment.Sources || {});
     }
-    get State() {
-        return this.eacSvc.State;
-    }
     ngOnInit() {
+        this.eacSvc.State.subscribe((state) => {
+            this.State = state;
+        });
         this.SetupApplication(Guid.CreateRaw());
     }
     CloseDialog() {
@@ -5899,13 +5909,17 @@ class ProcessorDetailsDialogComponent {
     get SourceControlLookups() {
         return Object.keys(this.Environment?.Sources || {});
     }
-    get State() {
-        return this.eacSvc.State;
-    }
+    // public get State(): ApplicationsFlowState {
+    //     return this.eacSvc.State;
+    // }
     get ProcessorDetailsFormGroup() {
         return this.ProcessorDetailsFormControls?.ProcessorDetailsFormGroup;
     }
-    ngOnInit() { }
+    ngOnInit() {
+        this.eacSvc.State.subscribe((state) => {
+            this.State = state;
+        });
+    }
     CloseDialog() {
         this.dialogRef.close();
     }
@@ -5980,10 +5994,10 @@ class EmulatedDevicesToggleComponent {
     get IsTriggerSignInFormControl() {
         return this.EmulatedDevicesFormGroup?.controls.isTriggerSignIn;
     }
-    get State() {
-        return this.eacSvc.State;
-    }
     ngOnInit() {
+        this.eacSvc.State.subscribe((state) => {
+            this.State = state;
+        });
         this.setupEmulatedDevicesFormGroup();
     }
     EmulatedDevicesSubmit() {
@@ -6183,13 +6197,16 @@ class FeedHeaderDialogComponent {
     get SubtitleFormControl() {
         return this.FeedHeaderFormGroup.controls.subtitle;
     }
-    get State() {
-        return this.eacSvc.State;
-    }
+    // public get State(): ApplicationsFlowState {
+    //     return this.eacSvc.State;
+    // }
     get TitleFormControl() {
         return this.FeedHeaderFormGroup?.controls.title;
     }
     ngOnInit() {
+        this.eacSvc.State.subscribe((state) => {
+            this.State = state;
+        });
         this.setupFeedHeaderForm();
     }
     CloseDialog() {
@@ -6412,10 +6429,11 @@ class FeedHeaderComponent {
     get HasGHConnection() {
         return this.State?.GitHub?.HasConnection;
     }
-    get State() {
-        return this.eacSvc.State;
+    ngOnInit() {
+        this.eacSvc.State.subscribe((state) => {
+            this.State = state;
+        });
     }
-    ngOnInit() { }
     ngAfterViewInit() {
         this.addSelectBtn();
     }
@@ -6608,14 +6626,17 @@ class DFSModifiersFormComponent {
     get StateDataTokenFormControl() {
         return this.ModifierFormGroup?.controls.stateDataToken;
     }
-    get State() {
-        return this.eacSvc.State;
-    }
+    // public get State(): ApplicationsFlowState {
+    //     return this.eacSvc.State;
+    // }
     get TypeFormControl() {
         return this.ModifierFormGroup?.controls.type;
     }
     //  Life Cycle
     ngOnInit() {
+        this.eacSvc.State.subscribe((state) => {
+            this.State = state;
+        });
         if (this.Level === 'enterprise' && !this.EditingModifierLookup) {
             this.CreateNewModifier();
         }
@@ -6824,9 +6845,9 @@ class DFSModifiersDialogComponent {
         this.snackBar = snackBar;
         this.ModifierDialogForm = this.formbldr.group({});
     }
-    get State() {
-        return this.eacSvc.State;
-    }
+    // public get State(): ApplicationsFlowState {
+    //     return this.eacSvc.State;
+    // }
     get ProjectLookups() {
         return Object.keys(this.State?.EaC?.Projects || {});
     }
@@ -6837,6 +6858,9 @@ class DFSModifiersDialogComponent {
         return this.DFSModifersFormControls?.ModifierSelectFormGroup;
     }
     ngOnInit() {
+        this.eacSvc.State.subscribe((state) => {
+            this.State = state;
+        });
         this.determineLevel();
     }
     CloseDialog() {
@@ -6942,9 +6966,9 @@ class StateConfigFormComponent {
     get Application() {
         return this.State?.EaC?.Applications[this.AppLookup];
     }
-    get State() {
-        return this.eacSvc.State;
-    }
+    // public get State(): ApplicationsFlowState {
+    //     return this.eacSvc.State;
+    // }
     get StateConfigNameFormControl() {
         return this.StateConfigForm?.controls.name;
     }
@@ -6955,6 +6979,9 @@ class StateConfigFormComponent {
         return this.StateConfigForm?.controls.value;
     }
     ngOnInit() {
+        this.eacSvc.State.subscribe((state) => {
+            this.State = state;
+        });
         this.buildForm();
     }
     SaveStateConfig() {
@@ -7009,13 +7036,17 @@ class StateConfigDialogComponent {
     get Application() {
         return this.State?.EaC?.Applications[this.data.appLookup];
     }
-    get State() {
-        return this.eacSvc.State;
-    }
+    // public get State(): ApplicationsFlowState {
+    //     return this.eacSvc.State;
+    // }
     get StateConfigFormControl() {
         return this.StateConfigForm?.StateConfigForm;
     }
-    ngOnInit() { }
+    ngOnInit() {
+        this.eacSvc.State.subscribe((state) => {
+            this.State = state;
+        });
+    }
     CloseDialog() {
         this.dialogRef.close();
     }
@@ -7062,10 +7093,10 @@ class EditProjectFormComponent {
     get NameFormControl() {
         return this.ProjectFormGroup.controls.name;
     }
-    get State() {
-        return this.eacSvc.State;
-    }
     ngOnInit() {
+        this.eacSvc.State.subscribe((state) => {
+            this.State = state;
+        });
         this.setupProjectForm();
     }
     SaveProject() {
@@ -7125,10 +7156,11 @@ class EditProjectDialogComponent {
     get ProjectFormGroup() {
         return this.EditProjectControl?.ProjectFormGroup;
     }
-    get State() {
-        return this.eacSvc.State;
+    ngOnInit() {
+        this.eacSvc.State.subscribe((state) => {
+            this.State = state;
+        });
     }
-    ngOnInit() { }
     CloseDialog() {
         this.dialogRef.close();
     }
@@ -7204,10 +7236,10 @@ class ConnectedSourceComponent {
     get SourceFormControl() {
         return this.SourceFormGroup?.controls.source;
     }
-    get State() {
-        return this.eacSvc.State;
-    }
     ngOnInit() {
+        this.eacSvc.State.subscribe((state) => {
+            this.State = state;
+        });
         this.setupSourceFormGroup();
     }
     SourceSubmit() {