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

package/fesm2015/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 { __awaiter } from 'tslib';
 import * as i1 from '@angular/common/http';
 import { HttpClient } from '@angular/common/http';
@@ -461,9 +461,11 @@ class ProjectService {
     }
     HasValidConnection(state, forceEnsureUser = false) {
         return new Promise((resolve, reject) => __awaiter(this, void 0, void 0, function* () {
+            console.log('State has valid conn: ', state);
             state.Loading = true;
             this.appsFlowSvc.HasValidConnection().subscribe((response) => __awaiter(this, void 0, void 0, function* () {
-                state.GitHub.HasConnection = response.Status.Code === 0;
+                var _a;
+                state.GitHub.HasConnection = ((_a = response === null || response === void 0 ? void 0 : response.Status) === null || _a === void 0 ? void 0 : _a.Code) === 0;
                 if (state.GitHub.HasConnection || forceEnsureUser) {
                 }
                 else {
@@ -866,7 +868,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() {
@@ -880,16 +882,17 @@ class EaCService {
         return this.http.get(feedItem.RefreshLink);
     }
     DeleteApplication(appLookup, appName) {
+        var _a, _b, _c;
         return __awaiter(this, void 0, void 0, function* () {
             if (confirm(`Are you sure you want to delete application '${appName}'?`)) {
                 const eac = {
-                    EnterpriseLookup: this.State.EaC.EnterpriseLookup,
+                    EnterpriseLookup: (_c = (_b = (_a = this.State) === null || _a === void 0 ? void 0 : _a.value) === null || _b === void 0 ? void 0 : _b.EaC) === null || _c === void 0 ? void 0 : _c.EnterpriseLookup,
                     Applications: {},
                 };
                 eac.Applications[appLookup] = {
                     Application: {},
                 };
-                return yield this.projectService.EnterpriseAsCodeRemovals(this.State, eac);
+                return yield this.projectService.EnterpriseAsCodeRemovals(this.State.value, eac);
             }
         });
     }
@@ -897,14 +900,14 @@ class EaCService {
         return __awaiter(this, void 0, void 0, function* () {
             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 yield this.projectService.EnterpriseAsCodeRemovals(this.State, eac);
+                eac.Environments[this.State.value.EaC.Enterprise.PrimaryEnvironment].DevOpsActions[doaLookup] = {};
+                return yield this.projectService.EnterpriseAsCodeRemovals(this.State.value, eac);
             }
         });
     }
@@ -912,11 +915,11 @@ class EaCService {
         return __awaiter(this, void 0, void 0, function* () {
             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 yield this.projectService.EnterpriseAsCodeRemovals(this.State, eac);
+                return yield this.projectService.EnterpriseAsCodeRemovals(this.State.value, eac);
             }
         });
     }
@@ -924,13 +927,13 @@ class EaCService {
         return __awaiter(this, void 0, void 0, function* () {
             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 yield this.projectService.EnterpriseAsCodeRemovals(this.State, eac);
+                return yield this.projectService.EnterpriseAsCodeRemovals(this.State.value, eac);
             }
         });
     }
@@ -938,14 +941,14 @@ class EaCService {
         return __awaiter(this, void 0, void 0, function* () {
             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 yield this.projectService.EnterpriseAsCodeRemovals(this.State, eac);
+                eac.Environments[this.State.value.EaC.Enterprise.PrimaryEnvironment].Sources[srcLookup] = {};
+                return yield this.projectService.EnterpriseAsCodeRemovals(this.State.value, eac);
             }
         });
     }
@@ -954,50 +957,50 @@ class EaCService {
     // });
     EnsureUserEnterprise() {
         return __awaiter(this, void 0, void 0, function* () {
-            yield this.projectService.EnsureUserEnterprise(this.State);
+            yield this.projectService.EnsureUserEnterprise(this.State.value);
         });
     }
     EnterpriseAsCodeRemovals(eac) {
         return __awaiter(this, void 0, void 0, function* () {
-            return this.projectService.EnterpriseAsCodeRemovals(this.State, eac);
+            return this.projectService.EnterpriseAsCodeRemovals(this.State.value, eac);
         });
     }
     GetActiveEnterprise() {
         return __awaiter(this, void 0, void 0, function* () {
-            yield this.projectService.GetActiveEnterprise(this.State);
+            yield this.projectService.GetActiveEnterprise(this.State.value);
         });
     }
     LoadUserFeed(page, pageSize, forCheck = false) {
         return __awaiter(this, void 0, void 0, function* () {
-            yield this.projectService.LoadUserFeed(page, pageSize, forCheck, this.State);
+            yield 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);
     }
     HasValidConnection() {
         return __awaiter(this, void 0, void 0, function* () {
-            yield this.projectService.HasValidConnection(this.State);
+            yield this.projectService.HasValidConnection(this.State.value);
         });
     }
     ListEnterprises() {
         return __awaiter(this, void 0, void 0, function* () {
-            yield this.projectService.ListEnterprises(this.State);
+            yield this.projectService.ListEnterprises(this.State.value);
         });
     }
     LoadEnterpriseAsCode() {
         return __awaiter(this, void 0, void 0, function* () {
-            yield this.projectService.LoadEnterpriseAsCode(this.State);
+            yield 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;
     }
     SaveApplicationAsCode(req) {
         return __awaiter(this, void 0, void 0, function* () {
@@ -1011,7 +1014,7 @@ class EaCService {
     }
     SaveEnterpriseAsCode(eac) {
         return __awaiter(this, void 0, void 0, function* () {
-            return yield this.projectService.SaveEnterpriseAsCode(this.State, eac);
+            return yield this.projectService.SaveEnterpriseAsCode(this.State.value, eac);
         });
     }
     SaveEnvironmentAsCode(req) {
@@ -1026,7 +1029,7 @@ class EaCService {
     }
     SetActiveEnterprise(entLookup) {
         return __awaiter(this, void 0, void 0, function* () {
-            this.projectService.SetActiveEnterprise(this.State, entLookup);
+            this.projectService.SetActiveEnterprise(this.State.value, entLookup);
         });
     }
     SetCreatingProject(creatingProject) {
@@ -1036,18 +1039,18 @@ class EaCService {
     }
     SetEditProjectSettings(projectLookup) {
         return __awaiter(this, void 0, void 0, function* () {
-            yield this.projectService.SetEditProjectSettings(this.State, projectLookup);
+            yield this.projectService.SetEditProjectSettings(this.State.value, projectLookup);
         });
     }
     SubmitFeedEntry(entry) {
         return __awaiter(this, void 0, void 0, function* () {
-            return yield this.projectService.SubmitFeedEntry(this.State, entry);
+            return yield this.projectService.SubmitFeedEntry(this.State.value, entry);
         });
     }
     UnpackLowCodeUnit(req) {
         return __awaiter(this, void 0, void 0, function* () {
             if (confirm(`Are you sure you want to unpack application '${req.ApplicationName}' with version '${req.Version}'?`)) {
-                yield this.projectService.UnpackLowCodeUnit(this.State, req);
+                yield this.projectService.UnpackLowCodeUnit(this.State.value, req);
             }
         });
     }
@@ -1055,7 +1058,7 @@ class EaCService {
     handleSaveApplication(req) {
         return __awaiter(this, void 0, void 0, function* () {
             const saveEaC = {
-                EnterpriseLookup: this.State.EaC.EnterpriseLookup,
+                EnterpriseLookup: this.State.value.EaC.EnterpriseLookup,
                 Applications: {},
                 Projects: {},
             };
@@ -1070,13 +1073,13 @@ class EaCService {
             if (req.Application) {
                 saveEaC.Applications[req.ApplicationLookup] = req.Application;
             }
-            return yield this.projectService.SaveEnterpriseAsCode(this.State, saveEaC);
+            return yield this.projectService.SaveEnterpriseAsCode(this.State.value, saveEaC);
         });
     }
     handleSaveDFSModifier(req) {
         return __awaiter(this, void 0, void 0, function* () {
             const saveEaC = {
-                EnterpriseLookup: this.State.EaC.EnterpriseLookup,
+                EnterpriseLookup: this.State.value.EaC.EnterpriseLookup,
                 Modifiers: {},
                 Projects: {},
                 Applications: {},
@@ -1098,14 +1101,14 @@ class EaCService {
                     ModifierLookups: req.ModifierLookups,
                 };
             }
-            yield this.projectService.SaveEnterpriseAsCode(this.State, saveEaC);
+            yield this.projectService.SaveEnterpriseAsCode(this.State.value, saveEaC);
         });
     }
     handleSaveEnvironment(req) {
         var _a, _b;
         return __awaiter(this, void 0, void 0, function* () {
             const saveEaC = {
-                EnterpriseLookup: (_b = (_a = this.State) === null || _a === void 0 ? void 0 : _a.EaC) === null || _b === void 0 ? void 0 : _b.EnterpriseLookup,
+                EnterpriseLookup: (_b = (_a = this.State) === null || _a === void 0 ? void 0 : _a.value.EaC) === null || _b === void 0 ? void 0 : _b.EnterpriseLookup,
                 DataTokens: {},
                 Environments: {},
             };
@@ -1115,7 +1118,7 @@ class EaCService {
             if (req.EnterpriseDataTokens) {
                 saveEaC.DataTokens = req.EnterpriseDataTokens;
             }
-            return yield this.projectService.SaveEnterpriseAsCode(this.State, saveEaC);
+            return yield this.projectService.SaveEnterpriseAsCode(this.State.value, saveEaC);
         });
     }
     handleSaveProject(projectLookup, project) {
@@ -1123,17 +1126,17 @@ class EaCService {
         return __awaiter(this, void 0, void 0, function* () {
             const projHosts = {};
             (_a = project === null || project === void 0 ? void 0 : project.Hosts) === null || _a === void 0 ? void 0 : _a.forEach((host) => {
-                projHosts[host] = this.State.EaC.Hosts[host];
+                projHosts[host] = this.State.value.EaC.Hosts[host];
             });
             const saveEaC = {
-                EnterpriseLookup: this.State.EaC.EnterpriseLookup,
-                Enterprise: Object.assign(Object.assign({}, this.State.EaC.Enterprise), { PrimaryHost: project.Hosts[0] }),
+                EnterpriseLookup: this.State.value.EaC.EnterpriseLookup,
+                Enterprise: Object.assign(Object.assign({}, this.State.value.EaC.Enterprise), { PrimaryHost: project.Hosts[0] }),
                 Hosts: projHosts,
                 // Providers: this.State.EaC.Providers,  //  TODO:  Remove after all providers ADB2C's have been upgraded
                 Projects: {},
             };
             saveEaC.Projects[projectLookup] = project;
-            let status = yield this.projectService.SaveEnterpriseAsCode(this.State, saveEaC);
+            let status = yield this.projectService.SaveEnterpriseAsCode(this.State.value, saveEaC);
             this.SetEditProjectSettings(projectLookup);
             return status;
         });
@@ -3111,6 +3114,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);
@@ -3145,13 +3151,13 @@ class ApplicationsFlowProjectsElementComponent extends LcuElementComponent {
         var _a, _b;
         return Object.keys(((_b = (_a = this.State) === null || _a === void 0 ? void 0 : _a.EaC) === null || _b === void 0 ? void 0 : _b.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();
     }
@@ -3780,10 +3786,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({});
     }
@@ -3830,13 +3837,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({});
@@ -4022,15 +4029,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();
@@ -4328,10 +4335,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();
     }
@@ -4473,6 +4481,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;
@@ -4526,9 +4537,6 @@ class MainFeedCardComponent {
             return 'gray';
         }
     }
-    get State() {
-        return this.eacSvc.State;
-    }
     //  Life Cycle
     ngOnDestroy() {
         if (this.checkTimeout) {
@@ -4536,6 +4544,9 @@ class MainFeedCardComponent {
         }
     }
     ngOnInit() {
+        this.eacSvc.State.subscribe((state) => {
+            this.State = state;
+        });
         this.handleRefresh();
         this.SanitizeVideos();
     }
@@ -4715,10 +4726,10 @@ class SecurityToggleComponent {
         var _a;
         return (_a = this.SecurityFormGroup) === null || _a === void 0 ? void 0 : _a.controls.isTriggerSignIn;
     }
-    get State() {
-        return this.eacSvc.State;
-    }
     ngOnInit() {
+        this.eacSvc.State.subscribe((state) => {
+            this.State = state;
+        });
         this.setupSecurityFormGroup();
     }
     SecuritySubmit() {
@@ -4831,9 +4842,9 @@ class ProcessorDetailsFormComponent {
         var _a;
         return (_a = this.ProcessorDetailsFormGroup) === null || _a === void 0 ? void 0 : _a.controls.security;
     }
-    get State() {
-        return this.eacSvc.State;
-    }
+    // public get State(): ApplicationsFlowState {
+    //     return this.eacSvc.State;
+    // }
     get SourceControls() {
         var _a;
         return ((_a = this.Environment) === null || _a === void 0 ? void 0 : _a.Sources) || {};
@@ -4870,6 +4881,9 @@ class ProcessorDetailsFormComponent {
         return (_a = this.ProcessorDetailsFormGroup) === null || _a === void 0 ? void 0 : _a.controls.zipFile;
     }
     ngOnInit() {
+        this.eacSvc.State.subscribe((state) => {
+            this.State = state;
+        });
         if (!this.EditingApplication) {
             this.CreateNewApplication();
         }
@@ -5316,10 +5330,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) {
@@ -5495,10 +5509,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();
     }
@@ -5559,10 +5574,10 @@ class EditApplicationFormComponent {
         var _a;
         return (_a = this.ApplicationFormGroup) === null || _a === void 0 ? void 0 : _a.controls.route;
     }
-    get State() {
-        return this.eacSvc.State;
-    }
     ngOnInit() {
+        this.eacSvc.State.subscribe((state) => {
+            this.State = state;
+        });
         this.setupApplicationForm();
     }
     SubmitApplicationControl() {
@@ -5740,10 +5755,10 @@ class BreadcrumbComponent {
         var _a, _b;
         return ((_b = (_a = this.State) === null || _a === void 0 ? void 0 : _a.EaC) === null || _b === void 0 ? void 0 : _b.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);
@@ -5812,9 +5827,6 @@ class EditApplicationDialogComponent {
         var _a;
         return (_a = this.EditApplicationControl) === null || _a === void 0 ? void 0 : _a.ApplicationFormGroup;
     }
-    get State() {
-        return this.eacSvc.State;
-    }
     ngOnInit() { }
     CloseDialog() {
         this.dialogRef.close();
@@ -5869,10 +5881,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() {
@@ -6064,14 +6076,18 @@ class ProcessorDetailsDialogComponent {
         var _a;
         return Object.keys(((_a = this.Environment) === null || _a === void 0 ? void 0 : _a.Sources) || {});
     }
-    get State() {
-        return this.eacSvc.State;
-    }
+    // public get State(): ApplicationsFlowState {
+    //     return this.eacSvc.State;
+    // }
     get ProcessorDetailsFormGroup() {
         var _a;
         return (_a = this.ProcessorDetailsFormControls) === null || _a === void 0 ? void 0 : _a.ProcessorDetailsFormGroup;
     }
-    ngOnInit() { }
+    ngOnInit() {
+        this.eacSvc.State.subscribe((state) => {
+            this.State = state;
+        });
+    }
     CloseDialog() {
         this.dialogRef.close();
     }
@@ -6150,10 +6166,10 @@ class EmulatedDevicesToggleComponent {
         var _a;
         return (_a = this.EmulatedDevicesFormGroup) === null || _a === void 0 ? void 0 : _a.controls.isTriggerSignIn;
     }
-    get State() {
-        return this.eacSvc.State;
-    }
     ngOnInit() {
+        this.eacSvc.State.subscribe((state) => {
+            this.State = state;
+        });
         this.setupEmulatedDevicesFormGroup();
     }
     EmulatedDevicesSubmit() {
@@ -6362,14 +6378,17 @@ 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() {
         var _a;
         return (_a = this.FeedHeaderFormGroup) === null || _a === void 0 ? void 0 : _a.controls.title;
     }
     ngOnInit() {
+        this.eacSvc.State.subscribe((state) => {
+            this.State = state;
+        });
         this.setupFeedHeaderForm();
     }
     CloseDialog() {
@@ -6601,10 +6620,11 @@ class FeedHeaderComponent {
         var _a, _b;
         return (_b = (_a = this.State) === null || _a === void 0 ? void 0 : _a.GitHub) === null || _b === void 0 ? void 0 : _b.HasConnection;
     }
-    get State() {
-        return this.eacSvc.State;
+    ngOnInit() {
+        this.eacSvc.State.subscribe((state) => {
+            this.State = state;
+        });
     }
-    ngOnInit() { }
     ngAfterViewInit() {
         this.addSelectBtn();
     }
@@ -6810,15 +6830,18 @@ class DFSModifiersFormComponent {
         var _a;
         return (_a = this.ModifierFormGroup) === null || _a === void 0 ? void 0 : _a.controls.stateDataToken;
     }
-    get State() {
-        return this.eacSvc.State;
-    }
+    // public get State(): ApplicationsFlowState {
+    //     return this.eacSvc.State;
+    // }
     get TypeFormControl() {
         var _a;
         return (_a = this.ModifierFormGroup) === null || _a === void 0 ? void 0 : _a.controls.type;
     }
     //  Life Cycle
     ngOnInit() {
+        this.eacSvc.State.subscribe((state) => {
+            this.State = state;
+        });
         if (this.Level === 'enterprise' && !this.EditingModifierLookup) {
             this.CreateNewModifier();
         }
@@ -7008,9 +7031,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() {
         var _a, _b;
         return Object.keys(((_b = (_a = this.State) === null || _a === void 0 ? void 0 : _a.EaC) === null || _b === void 0 ? void 0 : _b.Projects) || {});
@@ -7024,6 +7047,9 @@ class DFSModifiersDialogComponent {
         return (_a = this.DFSModifersFormControls) === null || _a === void 0 ? void 0 : _a.ModifierSelectFormGroup;
     }
     ngOnInit() {
+        this.eacSvc.State.subscribe((state) => {
+            this.State = state;
+        });
         this.determineLevel();
     }
     CloseDialog() {
@@ -7133,9 +7159,9 @@ class StateConfigFormComponent {
         var _a, _b;
         return (_b = (_a = this.State) === null || _a === void 0 ? void 0 : _a.EaC) === null || _b === void 0 ? void 0 : _b.Applications[this.AppLookup];
     }
-    get State() {
-        return this.eacSvc.State;
-    }
+    // public get State(): ApplicationsFlowState {
+    //     return this.eacSvc.State;
+    // }
     get StateConfigNameFormControl() {
         var _a;
         return (_a = this.StateConfigForm) === null || _a === void 0 ? void 0 : _a.controls.name;
@@ -7149,6 +7175,9 @@ class StateConfigFormComponent {
         return (_a = this.StateConfigForm) === null || _a === void 0 ? void 0 : _a.controls.value;
     }
     ngOnInit() {
+        this.eacSvc.State.subscribe((state) => {
+            this.State = state;
+        });
         this.buildForm();
     }
     SaveStateConfig() {
@@ -7205,14 +7234,18 @@ class StateConfigDialogComponent {
         var _a, _b;
         return (_b = (_a = this.State) === null || _a === void 0 ? void 0 : _a.EaC) === null || _b === void 0 ? void 0 : _b.Applications[this.data.appLookup];
     }
-    get State() {
-        return this.eacSvc.State;
-    }
+    // public get State(): ApplicationsFlowState {
+    //     return this.eacSvc.State;
+    // }
     get StateConfigFormControl() {
         var _a;
         return (_a = this.StateConfigForm) === null || _a === void 0 ? void 0 : _a.StateConfigForm;
     }
-    ngOnInit() { }
+    ngOnInit() {
+        this.eacSvc.State.subscribe((state) => {
+            this.State = state;
+        });
+    }
     CloseDialog() {
         this.dialogRef.close();
     }
@@ -7263,10 +7296,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() {
@@ -7329,10 +7362,11 @@ class EditProjectDialogComponent {
         var _a;
         return (_a = this.EditProjectControl) === null || _a === void 0 ? void 0 : _a.ProjectFormGroup;
     }
-    get State() {
-        return this.eacSvc.State;
+    ngOnInit() {
+        this.eacSvc.State.subscribe((state) => {
+            this.State = state;
+        });
     }
-    ngOnInit() { }
     CloseDialog() {
         this.dialogRef.close();
     }
@@ -7414,10 +7448,10 @@ class ConnectedSourceComponent {
         var _a;
         return (_a = this.SourceFormGroup) === null || _a === void 0 ? void 0 : _a.controls.source;
     }
-    get State() {
-        return this.eacSvc.State;
-    }
     ngOnInit() {
+        this.eacSvc.State.subscribe((state) => {
+            this.State = state;
+        });
         this.setupSourceFormGroup();
     }
     SourceSubmit() {