feat: add RBI circulars, CKYC, KYC, Superset analytics, passbook modules and UI updates

Add new feature modules (RBI feeds, CKYC, KYC tab, Form60, Superset analytics, passbook),
update client family members, dashboard, login page, sidenav, images, translations,
environment config, and fix RBI feeds API auth by using relative URLs.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

src/app/ckyc/ckyc-reports/ckyc-reports.component.html

@@ -0,0 +1,19 @@
+<!--
+  Copyright since 2025 Mifos Initiative
+
+  This Source Code Form is subject to the terms of the Mozilla Public
+  License, v. 2.0. If a copy of the MPL was not distributed with this
+  file, You can obtain one at http://mozilla.org/MPL/2.0/.
+-->
+
+<div class="container">
+  <mat-card>
+    <mat-card-content>
+      <div class="placeholder-content">
+        <fa-icon icon="chart-pie" size="3x" class="placeholder-icon"></fa-icon>
+        <h3>{{ 'labels.heading.CKYC Reports' | translate }}</h3>
+        <p>{{ 'labels.text.This section is under development.' | translate }}</p>
+      </div>
+    </mat-card-content>
+  </mat-card>
+</div>

src/app/ckyc/ckyc-reports/ckyc-reports.component.ts

@@ -0,0 +1,21 @@
+/**
+ * Copyright since 2025 Mifos Initiative
+ *
+ * This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ */
+
+import { Component } from '@angular/core';
+import { STANDALONE_SHARED_IMPORTS } from 'app/standalone-shared.module';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+
+@Component({
+  selector: 'mifosx-ckyc-reports',
+  templateUrl: './ckyc-reports.component.html',
+  imports: [
+    ...STANDALONE_SHARED_IMPORTS,
+    FaIconComponent
+  ]
+})
+export class CkycReportsComponent {}

src/app/ckyc/ckyc-routing.module.ts

@@ -0,0 +1,58 @@
+/**
+ * Copyright since 2025 Mifos Initiative
+ *
+ * This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ */
+
+import { NgModule } from '@angular/core';
+import { Routes, RouterModule } from '@angular/router';
+
+import { Route } from '../core/route/route.service';
+import { CkycComponent } from './ckyc.component';
+import { RecordMasterComponent } from './record-master/record-master.component';
+import { CkycVerificationComponent } from './ckyc-verification/ckyc-verification.component';
+import { CkycReportsComponent } from './ckyc-reports/ckyc-reports.component';
+import { EkycComponent } from './ekyc/ekyc.component';
+
+const routes: Routes = [
+  Route.withShell([
+    {
+      path: 'ckyc',
+      data: { title: 'CKYC', breadcrumb: 'CKYC' },
+      children: [
+        {
+          path: '',
+          component: CkycComponent
+        },
+        {
+          path: 'record-master',
+          component: RecordMasterComponent,
+          data: { title: 'Record Master', breadcrumb: 'Record Master' }
+        },
+        {
+          path: 'ckyc-verification',
+          component: CkycVerificationComponent,
+          data: { title: 'CKYC', breadcrumb: 'CKYC Verification' }
+        },
+        {
+          path: 'ckyc-reports',
+          component: CkycReportsComponent,
+          data: { title: 'CKYC Reports', breadcrumb: 'CKYC Reports' }
+        },
+        {
+          path: 'ekyc',
+          component: EkycComponent,
+          data: { title: 'E-KYC', breadcrumb: 'E-KYC' }
+        }
+      ]
+    }
+  ])
+];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule]
+})
+export class CkycRoutingModule {}

src/app/ckyc/ckyc-verification/ckyc-verification.component.html

@@ -0,0 +1,19 @@
+<!--
+  Copyright since 2025 Mifos Initiative
+
+  This Source Code Form is subject to the terms of the Mozilla Public
+  License, v. 2.0. If a copy of the MPL was not distributed with this
+  file, You can obtain one at http://mozilla.org/MPL/2.0/.
+-->
+
+<div class="container">
+  <mat-card>
+    <mat-card-content>
+      <div class="placeholder-content">
+        <fa-icon icon="shield-alt" size="3x" class="placeholder-icon"></fa-icon>
+        <h3>{{ 'labels.heading.CKYC' | translate }}</h3>
+        <p>{{ 'labels.text.This section is under development.' | translate }}</p>
+      </div>
+    </mat-card-content>
+  </mat-card>
+</div>

src/app/ckyc/ckyc-verification/ckyc-verification.component.ts

@@ -0,0 +1,21 @@
+/**
+ * Copyright since 2025 Mifos Initiative
+ *
+ * This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ */
+
+import { Component } from '@angular/core';
+import { STANDALONE_SHARED_IMPORTS } from 'app/standalone-shared.module';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+
+@Component({
+  selector: 'mifosx-ckyc-verification',
+  templateUrl: './ckyc-verification.component.html',
+  imports: [
+    ...STANDALONE_SHARED_IMPORTS,
+    FaIconComponent
+  ]
+})
+export class CkycVerificationComponent {}

src/app/ckyc/ckyc.component.html

@@ -0,0 +1,125 @@
+<!--
+  Copyright since 2025 Mifos Initiative
+
+  This Source Code Form is subject to the terms of the Mozilla Public
+  License, v. 2.0. If a copy of the MPL was not distributed with this
+  file, You can obtain one at http://mozilla.org/MPL/2.0/.
+-->
+
+<div class="container">
+  <mat-card>
+    <div class="layout-row responsive-column gap-20px">
+      <div class="flex-50">
+        <mat-nav-list>
+          <mat-list-item>
+            <div class="menu-list-item-content">
+              <div class="menu-left-section" [routerLink]="['record-master']">
+                <mat-icon matListIcon>
+                  <fa-icon icon="database" size="sm"></fa-icon>
+                </mat-icon>
+                <div matLine>
+                  {{ 'labels.heading.Record Master' | translate }}
+                  @if (arrowBooleans[0]) {
+                    <p matLine [routerLink]="['record-master']" class="menu-explanation">
+                      {{ 'labels.text.Manage master records for CKYC processing' | translate }}
+                    </p>
+                  }
+                </div>
+              </div>
+              <div class="menu-right-section">
+                @if (!arrowBooleans[0]) {
+                  <fa-icon (click)="arrowBooleansToggle(0)" icon="arrow-down" size="md"></fa-icon>
+                }
+                @if (arrowBooleans[0]) {
+                  <fa-icon (click)="arrowBooleansToggle(0)" icon="arrow-up" size="md"></fa-icon>
+                }
+              </div>
+            </div>
+          </mat-list-item>
+
+          <mat-list-item>
+            <div class="menu-list-item-content">
+              <div class="menu-left-section" [routerLink]="['ckyc-verification']">
+                <mat-icon matListIcon>
+                  <fa-icon icon="shield-alt" size="sm"></fa-icon>
+                </mat-icon>
+                <div matLine>
+                  {{ 'labels.heading.CKYC' | translate }}
+                  @if (arrowBooleans[1]) {
+                    <p matLine [routerLink]="['ckyc-verification']" class="menu-explanation">
+                      {{ 'labels.text.Central KYC verification and document management' | translate }}
+                    </p>
+                  }
+                </div>
+              </div>
+              <div class="menu-right-section">
+                @if (!arrowBooleans[1]) {
+                  <fa-icon (click)="arrowBooleansToggle(1)" icon="arrow-down" size="md"></fa-icon>
+                }
+                @if (arrowBooleans[1]) {
+                  <fa-icon (click)="arrowBooleansToggle(1)" icon="arrow-up" size="md"></fa-icon>
+                }
+              </div>
+            </div>
+          </mat-list-item>
+        </mat-nav-list>
+      </div>
+
+      <div class="flex-50">
+        <mat-nav-list>
+          <mat-list-item>
+            <div class="menu-list-item-content">
+              <div class="menu-left-section" [routerLink]="['ckyc-reports']">
+                <mat-icon matListIcon>
+                  <fa-icon icon="chart-pie" size="sm"></fa-icon>
+                </mat-icon>
+                <div matLine>
+                  {{ 'labels.heading.CKYC Reports' | translate }}
+                  @if (arrowBooleans[2]) {
+                    <p matLine [routerLink]="['ckyc-reports']" class="menu-explanation">
+                      {{ 'labels.text.View and generate CKYC compliance reports' | translate }}
+                    </p>
+                  }
+                </div>
+              </div>
+              <div class="menu-right-section">
+                @if (!arrowBooleans[2]) {
+                  <fa-icon (click)="arrowBooleansToggle(2)" icon="arrow-down" size="md"></fa-icon>
+                }
+                @if (arrowBooleans[2]) {
+                  <fa-icon (click)="arrowBooleansToggle(2)" icon="arrow-up" size="md"></fa-icon>
+                }
+              </div>
+            </div>
+          </mat-list-item>
+
+          <mat-list-item>
+            <div class="menu-list-item-content">
+              <div class="menu-left-section" [routerLink]="['ekyc']">
+                <mat-icon matListIcon>
+                  <fa-icon icon="fingerprint" size="sm"></fa-icon>
+                </mat-icon>
+                <div matLine>
+                  {{ 'labels.heading.E-KYC' | translate }}
+                  @if (arrowBooleans[3]) {
+                    <p matLine [routerLink]="['ekyc']" class="menu-explanation">
+                      {{ 'labels.text.Electronic KYC verification using Aadhaar and biometrics' | translate }}
+                    </p>
+                  }
+                </div>
+              </div>
+              <div class="menu-right-section">
+                @if (!arrowBooleans[3]) {
+                  <fa-icon (click)="arrowBooleansToggle(3)" icon="arrow-down" size="md"></fa-icon>
+                }
+                @if (arrowBooleans[3]) {
+                  <fa-icon (click)="arrowBooleansToggle(3)" icon="arrow-up" size="md"></fa-icon>
+                }
+              </div>
+            </div>
+          </mat-list-item>
+        </mat-nav-list>
+      </div>
+    </div>
+  </mat-card>
+</div>

src/app/ckyc/ckyc.component.scss

@@ -0,0 +1,7 @@
+/**
+ * Copyright since 2025 Mifos Initiative
+ *
+ * This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ */

src/app/ckyc/ckyc.component.ts

@@ -0,0 +1,36 @@
+/**
+ * Copyright since 2025 Mifos Initiative
+ *
+ * This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ */
+
+import { Component } from '@angular/core';
+import { RouterLink } from '@angular/router';
+import { MatNavList, MatListItem } from '@angular/material/list';
+import { MatIcon } from '@angular/material/icon';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { MatLine } from '@angular/material/grid-list';
+import { STANDALONE_SHARED_IMPORTS } from 'app/standalone-shared.module';
+
+@Component({
+  selector: 'mifosx-ckyc',
+  templateUrl: './ckyc.component.html',
+  styleUrls: ['./ckyc.component.scss'],
+  imports: [
+    ...STANDALONE_SHARED_IMPORTS,
+    MatNavList,
+    MatListItem,
+    MatIcon,
+    FaIconComponent,
+    MatLine
+  ]
+})
+export class CkycComponent {
+  arrowBooleans: boolean[] = new Array(4).fill(false);
+
+  arrowBooleansToggle(arrowNumber: number) {
+    this.arrowBooleans[arrowNumber] = !this.arrowBooleans[arrowNumber];
+  }
+}

src/app/ckyc/ckyc.module.ts

@@ -0,0 +1,30 @@
+/**
+ * Copyright since 2025 Mifos Initiative
+ *
+ * This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ */
+
+import { NgModule } from '@angular/core';
+
+import { SharedModule } from '../shared/shared.module';
+import { CkycRoutingModule } from './ckyc-routing.module';
+import { CkycComponent } from './ckyc.component';
+import { RecordMasterComponent } from './record-master/record-master.component';
+import { CkycVerificationComponent } from './ckyc-verification/ckyc-verification.component';
+import { CkycReportsComponent } from './ckyc-reports/ckyc-reports.component';
+import { EkycComponent } from './ekyc/ekyc.component';
+
+@NgModule({
+  imports: [
+    SharedModule,
+    CkycRoutingModule,
+    CkycComponent,
+    RecordMasterComponent,
+    CkycVerificationComponent,
+    CkycReportsComponent,
+    EkycComponent
+  ]
+})
+export class CkycModule {}

src/app/ckyc/ekyc/ekyc.component.html

@@ -0,0 +1,19 @@
+<!--
+  Copyright since 2025 Mifos Initiative
+
+  This Source Code Form is subject to the terms of the Mozilla Public
+  License, v. 2.0. If a copy of the MPL was not distributed with this
+  file, You can obtain one at http://mozilla.org/MPL/2.0/.
+-->
+
+<div class="container">
+  <mat-card>
+    <mat-card-content>
+      <div class="placeholder-content">
+        <fa-icon icon="fingerprint" size="3x" class="placeholder-icon"></fa-icon>
+        <h3>{{ 'labels.heading.E-KYC' | translate }}</h3>
+        <p>{{ 'labels.text.This section is under development.' | translate }}</p>
+      </div>
+    </mat-card-content>
+  </mat-card>
+</div>

src/app/ckyc/ekyc/ekyc.component.ts

@@ -0,0 +1,21 @@
+/**
+ * Copyright since 2025 Mifos Initiative
+ *
+ * This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ */
+
+import { Component } from '@angular/core';
+import { STANDALONE_SHARED_IMPORTS } from 'app/standalone-shared.module';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+
+@Component({
+  selector: 'mifosx-ekyc',
+  templateUrl: './ekyc.component.html',
+  imports: [
+    ...STANDALONE_SHARED_IMPORTS,
+    FaIconComponent
+  ]
+})
+export class EkycComponent {}

src/app/ckyc/record-master/record-master.component.html

@@ -0,0 +1,19 @@
+<!--
+  Copyright since 2025 Mifos Initiative
+
+  This Source Code Form is subject to the terms of the Mozilla Public
+  License, v. 2.0. If a copy of the MPL was not distributed with this
+  file, You can obtain one at http://mozilla.org/MPL/2.0/.
+-->
+
+<div class="container">
+  <mat-card>
+    <mat-card-content>
+      <div class="placeholder-content">
+        <fa-icon icon="database" size="3x" class="placeholder-icon"></fa-icon>
+        <h3>{{ 'labels.heading.Record Master' | translate }}</h3>
+        <p>{{ 'labels.text.This section is under development.' | translate }}</p>
+      </div>
+    </mat-card-content>
+  </mat-card>
+</div>

src/app/ckyc/record-master/record-master.component.ts

@@ -0,0 +1,21 @@
+/**
+ * Copyright since 2025 Mifos Initiative
+ *
+ * This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ */
+
+import { Component } from '@angular/core';
+import { STANDALONE_SHARED_IMPORTS } from 'app/standalone-shared.module';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+
+@Component({
+  selector: 'mifosx-record-master',
+  templateUrl: './record-master.component.html',
+  imports: [
+    ...STANDALONE_SHARED_IMPORTS,
+    FaIconComponent
+  ]
+})
+export class RecordMasterComponent {}