@thetradeengineorg1/snova-shell-module 1.0.1 → 1.0.3

package/bundles/thetradeengineorg1-snova-shell-module.umd.js

@@ -13164,45 +13164,58 @@
             }], function () { return [{ type: i3__namespace.Store }, { type: i2__namespace.Router }]; }, null);
     })();
 
-    function AdminLayoutComponent_div_10_Template(rf, ctx) {
+    function AdminLayoutComponent_ng_container_6_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "div", 9);
-            i0__namespace.ɵɵelementStart(1, "div", 10);
-            i0__namespace.ɵɵelement(2, "div", 11);
-            i0__namespace.ɵɵelement(3, "div", 12);
+            i0__namespace.ɵɵelementContainerStart(0);
+            i0__namespace.ɵɵelement(1, "app-sidebar", 10);
+            i0__namespace.ɵɵelementContainerEnd();
+        }
+    }
+    function AdminLayoutComponent_ng_template_7_Template(rf, ctx) {
+        if (rf & 1) {
+            i0__namespace.ɵɵelement(0, "router-outlet");
+        }
+    }
+    function AdminLayoutComponent_div_9_Template(rf, ctx) {
+        if (rf & 1) {
+            i0__namespace.ɵɵelementStart(0, "div", 11);
+            i0__namespace.ɵɵelementStart(1, "div", 12);
+            i0__namespace.ɵɵelement(2, "div", 13);
+            i0__namespace.ɵɵelement(3, "div", 14);
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
         }
     }
-    function AdminLayoutComponent_div_11_div_5_Template(rf, ctx) {
+    function AdminLayoutComponent_div_10_div_5_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelement(0, "div", 16);
+            i0__namespace.ɵɵelement(0, "div", 18);
         }
     }
-    function AdminLayoutComponent_div_11_Template(rf, ctx) {
+    function AdminLayoutComponent_div_10_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "div", 13);
-            i0__namespace.ɵɵelementStart(1, "span", 14);
+            i0__namespace.ɵɵelementStart(0, "div", 15);
+            i0__namespace.ɵɵelementStart(1, "span", 16);
             i0__namespace.ɵɵtext(2);
             i0__namespace.ɵɵpipe(3, "translate");
             i0__namespace.ɵɵpipe(4, "translate");
             i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵtemplate(5, AdminLayoutComponent_div_11_div_5_Template, 1, 0, "div", 15);
+            i0__namespace.ɵɵtemplate(5, AdminLayoutComponent_div_10_div_5_Template, 1, 0, "div", 17);
             i0__namespace.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var ctx_r1 = i0__namespace.ɵɵnextContext();
+            var ctx_r4 = i0__namespace.ɵɵnextContext();
             i0__namespace.ɵɵadvance(2);
-            i0__namespace.ɵɵtextInterpolate3(" ", i0__namespace.ɵɵpipeBind1(3, 4, "LOADINGPLEASEWAIT"), " (", ctx_r1.totalLoadingTime, " ", i0__namespace.ɵɵpipeBind1(4, 6, "SECONDS"), ") ");
+            i0__namespace.ɵɵtextInterpolate3(" ", i0__namespace.ɵɵpipeBind1(3, 4, "LOADINGPLEASEWAIT"), " (", ctx_r4.totalLoadingTime, " ", i0__namespace.ɵɵpipeBind1(4, 6, "SECONDS"), ") ");
             i0__namespace.ɵɵadvance(3);
-            i0__namespace.ɵɵproperty("ngIf", ctx_r1.loading);
+            i0__namespace.ɵɵproperty("ngIf", ctx_r4.loading);
         }
     }
     var _c0$5 = function (a0, a1) { return { "blur-on-opened": a0, "show-in-dashboard": a1 }; };
     var AdminLayoutComponent = /** @class */ (function () {
-        function AdminLayoutComponent(router, translate, layout, store, cookieService, actionUpdates$, location, commonService, pubnub, signalr) {
+        function AdminLayoutComponent(router, activatedRoute, translate, layout, store, cookieService, actionUpdates$, location, commonService, pubnub, signalr) {
             var _this = this;
             this.router = router;
+            this.activatedRoute = activatedRoute;
             this.translate = translate;
             this.layout = layout;
             this.store = store;
@@ -13213,33 +13226,29 @@
             this.pubnub = pubnub;
             this.signalr = signalr;
             this.isModuleLoading = false;
-            // private sidebarPS: PerfectScrollbar;
-            // private bodyPS: PerfectScrollbar;
-            // private headerFixedBodyPS: PerfectScrollbar;
             this.scrollConfig = {};
             this.layoutConf = {};
             this.ngDestroyed$ = new rxjs.Subject();
-            this.userstory = 'userstory';
+            this.userstory = "userstory";
             this.loading = false;
             this.totalLoadingTime = 0;
             this.spinnerType = i3$1.SPINNER.circle;
-            // let conId = sessionStorage.getItem('conectionId');
-            // if(!conId) {
+            // 👉 NEW FLAG
+            this.isHomeScreen = true;
             this.signalr.initializeSignalRConnection();
-            // }
             var environment = JSON.parse(localStorage.getItem(LocalStorageProperties.Environment));
             var companySettings = localStorage.getItem(LocalStorageProperties.CompanySettings);
-            if (!companySettings || companySettings == 'null' || companySettings == "undefined") {
+            if (!companySettings || companySettings == "null" || companySettings == "undefined") {
                 pubnub.init({
                     publishKey: environment.publishKey,
                     subscribeKey: environment.subscribeKey
                 });
             }
             else {
-                var comSet = JSON.parse(localStorage.getItem(LocalStorageProperties.CompanySettings));
+                var comSet = JSON.parse(companySettings);
                 var publishKey = comSet.find(function (i) { return i.key == "PubnubPublishKey"; });
                 var subscribeKey = comSet.find(function (i) { return i.key == "PubnubSubscribeKey"; });
-                if ((publishKey && publishKey.value) && (subscribeKey && subscribeKey.value)) {
+                if ((publishKey === null || publishKey === void 0 ? void 0 : publishKey.value) && (subscribeKey === null || subscribeKey === void 0 ? void 0 : subscribeKey.value)) {
                     pubnub.init({
                         publishKey: publishKey.value,
                         subscribeKey: subscribeKey.value
@@ -13257,11 +13266,12 @@
                 .pipe(operators.filter(function (event) { return event instanceof i2.NavigationEnd; }))
                 .subscribe(function (routeChange) {
                 _this.layout.adjustLayout({ route: routeChange.url });
+                _this.updateHomeToggle(); // 👉 update on every navigation
             });
             // Translator init
             var currentCulture = this.cookieService.get(LocalStorageProperties.CurrentCulture);
-            if (currentCulture === 'null' || currentCulture === 'undefined') {
-                currentCulture = 'en';
+            if (currentCulture === "null" || currentCulture === "undefined") {
+                currentCulture = "en";
             }
             translate.use(currentCulture);
             this.router.events.subscribe(function (event) {
@@ -13282,30 +13292,23 @@
                         _this.loading = false;
                         break;
                     }
-                    default: {
-                        break;
-                    }
                 }
             });
             router.events.subscribe(function (val) {
                 if (location.path() != "") {
-                    if (location.path().includes('/dashboard-management/dashboard/')) {
+                    if (location.path().includes("/dashboard-management/dashboard/")) {
                         _this.dashboardPage = true;
-                        _this.bgcolor = 'none';
+                        _this.bgcolor = "none";
                     }
                     else {
                         _this.dashboardPage = false;
-                        _this.bgcolor = 'beige';
+                        _this.bgcolor = "beige";
                     }
                 }
             });
-            // if (this.cookieService.check(LocalStorageProperties.UserModel)) {
-            //   let data = JSON.parse(this.cookieService.get(LocalStorageProperties.UserModel));
-            //   if (data && data != 'null' && data != 'undefined')
-            //     this.store.dispatch(new UserDetailsFetchedAfterLogin(data));
-            // }
-            if ((localStorage.getItem(LocalStorageProperties.UserModel) != null && localStorage.getItem(LocalStorageProperties.UserModel) != undefined)
-                && !localStorage.hasOwnProperty(LocalStorageProperties.UserRoleFeatures)) {
+            if (localStorage.getItem(LocalStorageProperties.UserModel) != null &&
+                localStorage.getItem(LocalStorageProperties.UserModel) != undefined &&
+                !localStorage.hasOwnProperty(LocalStorageProperties.UserRoleFeatures)) {
                 var data = JSON.parse(localStorage.getItem(LocalStorageProperties.UserModel));
                 this.store.dispatch(new UserDetailsFetchedAfterLogin(data));
             }
@@ -13314,23 +13317,32 @@
                 if (result && result.companyId) {
                     _this.getSoftLabels();
                 }
-            })).subscribe();
+            }))
+                .subscribe();
         }
         AdminLayoutComponent.prototype.ngOnInit = function () {
             var _this = this;
             this.getSoftLabelConfigurations();
             this.layoutConf = this.layout.layoutConf;
-            // this.layout.adjustLayout();
-            // FOR MODULE LOADER FLAG
             this.moduleLoaderSub = this.router.events.subscribe(function (event) {
-                if (event instanceof i2.RouteConfigLoadStart ||
-                    event instanceof i2.ResolveStart) {
-                    _this.isModuleLoading = false;
+                if (event instanceof i2.RouteConfigLoadStart || event instanceof i2.ResolveStart) {
+                    _this.isModuleLoading = true;
                 }
                 if (event instanceof i2.RouteConfigLoadEnd || event instanceof i2.ResolveEnd) {
                     _this.isModuleLoading = false;
                 }
             });
+            this.updateHomeToggle(); // initial check
+        };
+        AdminLayoutComponent.prototype.updateHomeToggle = function () {
+            var _a, _b;
+            // 👉 logic: if route has no child OR path is '', we are home
+            var child = this.activatedRoute.firstChild;
+            while (child === null || child === void 0 ? void 0 : child.firstChild) {
+                child = child.firstChild;
+            }
+            var childPath = (_b = (_a = child === null || child === void 0 ? void 0 : child.routeConfig) === null || _a === void 0 ? void 0 : _a.path) !== null && _b !== void 0 ? _b : "";
+            this.isHomeScreen = !child || childPath === "";
         };
         AdminLayoutComponent.prototype.onResize = function (event) {
             this.layout.adjustLayout(event);
@@ -13339,7 +13351,7 @@
             this.display = event;
         };
         AdminLayoutComponent.prototype.getSoftLabelConfigurations = function () {
-            this.softLabels = JSON.parse(localStorage.getItem('SoftLabels'));
+            this.softLabels = JSON.parse(localStorage.getItem("SoftLabels"));
         };
         AdminLayoutComponent.prototype.getSoftLabels = function () {
             var model = new SoftLabelConfigurationModel();
@@ -13348,33 +13360,12 @@
                 if (response.success) {
                     var data = response.data;
                     if (data) {
-                        localStorage.setItem('SoftLabels', JSON.stringify(data));
+                        localStorage.setItem("SoftLabels", JSON.stringify(data));
                     }
                 }
             });
         };
-        AdminLayoutComponent.prototype.ngAfterViewInit = function () {
-            // this.layoutConfSub = this.layout.layoutConf$.subscribe(change => {
-            //   // this.initBodyPS(change)
-            // })
-        };
-        // initBodyPS(layoutConf:any = {}) {
-        //   if(layoutConf.navigationPos === 'side' && layoutConf.topbarFixed) {
-        //     if (this.bodyPS) this.bodyPS.destroy();
-        //     if (this.headerFixedBodyPS) this.headerFixedBodyPS.destroy();
-        //     this.headerFixedBodyPS = new PerfectScrollbar('.rightside-content-hold', {
-        //       suppressScrollX: true
-        //     });
-        //     this.scrollToTop('.rightside-content-hold');
-        //   } else {
-        //     if (this.bodyPS) this.bodyPS.destroy();
-        //     if (this.headerFixedBodyPS) this.headerFixedBodyPS.destroy();
-        //     this.bodyPS = new PerfectScrollbar('.main-content-wrap', {
-        //       suppressScrollX: true
-        //     });
-        //     this.scrollToTop('.main-content-wrap');
-        //   }
-        // }
+        AdminLayoutComponent.prototype.ngAfterViewInit = function () { };
         AdminLayoutComponent.prototype.scrollToTop = function (selector) {
             if (document) {
                 var element = document.querySelector(selector);
@@ -13382,18 +13373,11 @@
             }
         };
         AdminLayoutComponent.prototype.ngOnDestroy = function () {
-            if (this.moduleLoaderSub) {
-                this.moduleLoaderSub.unsubscribe();
-            }
-            if (this.layoutConfSub) {
-                this.layoutConfSub.unsubscribe();
-            }
-            if (this.routerEventSub) {
-                this.routerEventSub.unsubscribe();
-            }
-            if (this.sub) {
-                this.sub.unsubscribe();
-            }
+            var _a, _b, _c, _d;
+            (_a = this.moduleLoaderSub) === null || _a === void 0 ? void 0 : _a.unsubscribe();
+            (_b = this.layoutConfSub) === null || _b === void 0 ? void 0 : _b.unsubscribe();
+            (_c = this.routerEventSub) === null || _c === void 0 ? void 0 : _c.unsubscribe();
+            (_d = this.sub) === null || _d === void 0 ? void 0 : _d.unsubscribe();
         };
         AdminLayoutComponent.prototype.closeSidebar = function () {
             this.layout.publishLayoutChange({
@@ -13408,12 +13392,12 @@
         };
         return AdminLayoutComponent;
     }());
-    AdminLayoutComponent.ɵfac = function AdminLayoutComponent_Factory(t) { return new (t || AdminLayoutComponent)(i0__namespace.ɵɵdirectiveInject(i2__namespace.Router), i0__namespace.ɵɵdirectiveInject(i5__namespace$1.TranslateService), i0__namespace.ɵɵdirectiveInject(LayoutService), i0__namespace.ɵɵdirectiveInject(i3__namespace.Store), i0__namespace.ɵɵdirectiveInject(i5__namespace.CookieService), i0__namespace.ɵɵdirectiveInject(i1__namespace$2.Actions), i0__namespace.ɵɵdirectiveInject(i10__namespace.Location), i0__namespace.ɵɵdirectiveInject(CommonService), i0__namespace.ɵɵdirectiveInject(i2__namespace$2.PubNubAngular), i0__namespace.ɵɵdirectiveInject(SignalrService)); };
+    AdminLayoutComponent.ɵfac = function AdminLayoutComponent_Factory(t) { return new (t || AdminLayoutComponent)(i0__namespace.ɵɵdirectiveInject(i2__namespace.Router), i0__namespace.ɵɵdirectiveInject(i2__namespace.ActivatedRoute), i0__namespace.ɵɵdirectiveInject(i5__namespace$1.TranslateService), i0__namespace.ɵɵdirectiveInject(LayoutService), i0__namespace.ɵɵdirectiveInject(i3__namespace.Store), i0__namespace.ɵɵdirectiveInject(i5__namespace.CookieService), i0__namespace.ɵɵdirectiveInject(i1__namespace$2.Actions), i0__namespace.ɵɵdirectiveInject(i10__namespace.Location), i0__namespace.ɵɵdirectiveInject(CommonService), i0__namespace.ɵɵdirectiveInject(i2__namespace$2.PubNubAngular), i0__namespace.ɵɵdirectiveInject(SignalrService)); };
     AdminLayoutComponent.ɵcmp = /*@__PURE__*/ i0__namespace.ɵɵdefineComponent({ type: AdminLayoutComponent, selectors: [["app-admin-layout"]], hostBindings: function AdminLayoutComponent_HostBindings(rf, ctx) {
             if (rf & 1) {
                 i0__namespace.ɵɵlistener("resize", function AdminLayoutComponent_resize_HostBindingHandler($event) { return ctx.onResize($event); }, false, i0__namespace.ɵɵresolveWindow);
             }
-        }, decls: 12, vars: 8, consts: [["fgsSize", "180", "color", "primary", 3, "fgsType"], [1, "container-fluid", "p-0", 2, "min-height", "100vh", "width", "100%", "display", "flex", "flex-direction", "column", 3, "dir"], [2, "z-index", "1200", "position", "relative"], [3, "opened"], [1, "flex-grow-1", "d-flex", 2, "position", "relative", "overflow", "hidden"], [1, "d-flex", 2, "overflow-y", "auto", "position", "relative", "background-color", "#f5f5f5", 3, "ngClass"], [1, "flex-grow-1"], ["class", "d-flex justify-content-center align-items-center", "style", "position: absolute; top: 0; left:0; right:0; bottom:0; z-index: 1100; background: rgba(255,255,255,0.6);", 4, "ngIf"], ["id", "btrak-preloader", "class", "text-center", 4, "ngIf"], [1, "d-flex", "justify-content-center", "align-items-center", 2, "position", "absolute", "top", "0", "left", "0", "right", "0", "bottom", "0", "z-index", "1100", "background", "rgba(255,255,255,0.6)"], [1, "spinner"], [1, "double-bounce1", "mat-bg-accent"], [1, "double-bounce2", "mat-bg-primary"], ["id", "btrak-preloader", 1, "text-center"], [1, "preloading-text"], ["id", "btrak-loader", 4, "ngIf"], ["id", "btrak-loader"]], template: function AdminLayoutComponent_Template(rf, ctx) {
+        }, decls: 11, vars: 10, consts: [["fgsSize", "180", "color", "primary", 3, "fgsType"], [1, "container-fluid", "p-0", 2, "min-height", "100vh", "width", "100%", "display", "flex", "flex-direction", "column", 3, "dir"], [2, "z-index", "1200", "position", "relative"], [3, "opened"], [1, "flex-grow-1", "d-flex", 2, "position", "relative", "overflow", "hidden"], [1, "flex-grow-1", "d-flex", "flex-column", 2, "overflow-y", "auto", "position", "relative", "background-color", "#f5f5f5", 3, "ngClass"], [4, "ngIf", "ngIfElse"], ["routedContent", ""], ["class", "d-flex justify-content-center align-items-center", "style", "position: absolute; top: 0; left:0; right:0; bottom:0; z-index: 1100; background: rgba(255,255,255,0.6);", 4, "ngIf"], ["id", "btrak-preloader", "class", "text-center", 4, "ngIf"], [1, "flex-grow-1", "d-flex", "justify-content-center", "align-items-start", "p-3"], [1, "d-flex", "justify-content-center", "align-items-center", 2, "position", "absolute", "top", "0", "left", "0", "right", "0", "bottom", "0", "z-index", "1100", "background", "rgba(255,255,255,0.6)"], [1, "spinner"], [1, "double-bounce1", "mat-bg-accent"], [1, "double-bounce2", "mat-bg-primary"], ["id", "btrak-preloader", 1, "text-center"], [1, "preloading-text"], ["id", "btrak-loader", 4, "ngIf"], ["id", "btrak-loader"]], template: function AdminLayoutComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0__namespace.ɵɵelement(0, "ngx-ui-loader", 0);
                 i0__namespace.ɵɵelementStart(1, "div", 1);
@@ -13424,30 +13408,29 @@
                 i0__namespace.ɵɵelementEnd();
                 i0__namespace.ɵɵelementStart(4, "div", 4);
                 i0__namespace.ɵɵelementStart(5, "div", 5);
-                i0__namespace.ɵɵelementStart(6, "div");
-                i0__namespace.ɵɵelement(7, "app-sidebar");
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(8, "div", 6);
-                i0__namespace.ɵɵelement(9, "router-outlet");
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵtemplate(10, AdminLayoutComponent_div_10_Template, 4, 0, "div", 7);
-                i0__namespace.ɵɵtemplate(11, AdminLayoutComponent_div_11_Template, 6, 8, "div", 8);
+                i0__namespace.ɵɵtemplate(6, AdminLayoutComponent_ng_container_6_Template, 2, 0, "ng-container", 6);
+                i0__namespace.ɵɵtemplate(7, AdminLayoutComponent_ng_template_7_Template, 1, 0, "ng-template", null, 7, i0__namespace.ɵɵtemplateRefExtractor);
+                i0__namespace.ɵɵtemplate(9, AdminLayoutComponent_div_9_Template, 4, 0, "div", 8);
+                i0__namespace.ɵɵtemplate(10, AdminLayoutComponent_div_10_Template, 6, 8, "div", 9);
                 i0__namespace.ɵɵelementEnd();
                 i0__namespace.ɵɵelementEnd();
                 i0__namespace.ɵɵelementEnd();
             }
             if (rf & 2) {
+                var _r1 = i0__namespace.ɵɵreference(8);
                 i0__namespace.ɵɵproperty("fgsType", ctx.spinnerType);
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("dir", ctx.layoutConf.dir);
                 i0__namespace.ɵɵadvance(4);
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction2(5, _c0$5, ctx.display, ctx.dashboardPage));
-                i0__namespace.ɵɵadvance(5);
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction2(7, _c0$5, ctx.display, ctx.dashboardPage));
+                i0__namespace.ɵɵadvance(1);
+                i0__namespace.ɵɵproperty("ngIf", ctx.isHomeScreen)("ngIfElse", _r1);
+                i0__namespace.ɵɵadvance(3);
                 i0__namespace.ɵɵproperty("ngIf", ctx.isModuleLoading);
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("ngIf", ctx.loading);
             }
-        }, directives: [i3__namespace$1.ɵb, i12__namespace$1.Dir, HeaderSideComponent, i10__namespace.NgClass, i4__namespace$1.DefaultClassDirective, SideBarComponent, i2__namespace.RouterOutlet, i10__namespace.NgIf], pipes: [i5__namespace$1.TranslatePipe], encapsulation: 2 });
+        }, directives: [i3__namespace$1.ɵb, i12__namespace$1.Dir, HeaderSideComponent, i10__namespace.NgClass, i4__namespace$1.DefaultClassDirective, i10__namespace.NgIf, SideBarComponent, i2__namespace.RouterOutlet], pipes: [i5__namespace$1.TranslatePipe], encapsulation: 2 });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(AdminLayoutComponent, [{
                 type: i0.Component,
@@ -13455,9 +13438,9 @@
                         selector: "app-admin-layout",
                         templateUrl: "./admin-layout.template.html"
                     }]
-            }], function () { return [{ type: i2__namespace.Router }, { type: i5__namespace$1.TranslateService }, { type: LayoutService }, { type: i3__namespace.Store }, { type: i5__namespace.CookieService }, { type: i1__namespace$2.Actions }, { type: i10__namespace.Location }, { type: CommonService }, { type: i2__namespace$2.PubNubAngular }, { type: SignalrService }]; }, { onResize: [{
+            }], function () { return [{ type: i2__namespace.Router }, { type: i2__namespace.ActivatedRoute }, { type: i5__namespace$1.TranslateService }, { type: LayoutService }, { type: i3__namespace.Store }, { type: i5__namespace.CookieService }, { type: i1__namespace$2.Actions }, { type: i10__namespace.Location }, { type: CommonService }, { type: i2__namespace$2.PubNubAngular }, { type: SignalrService }]; }, { onResize: [{
                     type: i0.HostListener,
-                    args: ["window:resize", ['$event']]
+                    args: ["window:resize", ["$event"]]
                 }] });
     })();
 
@@ -17372,12 +17355,13 @@
 
     var ShellRouts = [
         {
-            path: "",
+            path: '',
+            component: AdminLayoutComponent,
             children: [
-                //          { path: 'settings', component: settingsComponent, data: { title: 'settings', breadcrumb: 'settings' } },
-                { path: 'Accounts', component: AccountAndBillingComponent, data: { title: 'Account & Billing', breadcrumb: 'Account & Billing' } },
-                { path: 'payments-plans', component: CompanyPlansComponent, data: { title: 'Payments', breadcrumb: 'Payments' } },
-                { path: 'welcome', component: LiveWelcomePageComponent, data: { title: 'welcome', breadcrumb: 'welcome' } }
+                // no default child here on purpose – layout shows grid when there’s no child
+                { path: 'accounts', component: AccountAndBillingComponent },
+                { path: 'payments-plans', component: CompanyPlansComponent },
+                { path: 'welcome', component: LiveWelcomePageComponent }
             ]
         }
     ];