Finance module merge

financial-module-system/egf-instrument/src/main/resources/db/Dockerfile

@@ -1,4 +1,4 @@
-FROM egovio/flyway:4.1.2
+FROM egovio/flyway:10.7.1
 
 COPY ./migration/main /flyway/sql
 

frontend/micro-ui/web/micro-ui-internals/example/package.json

@@ -27,6 +27,7 @@
     "@egovernments/digit-ui-module-core":"1.7.40",
     "@egovernments/digit-ui-module-dss":"1.7.40",
     "@egovernments/digit-ui-react-components":"1.7.40",
+    "@egovernments/digit-ui-module-finance": "0.0.1-sandbox",
     "http-proxy-middleware": "1.0.5",
     "react": "17.0.2",
     "react-dom": "17.0.2",

frontend/micro-ui/web/micro-ui-internals/example/src/index.js

@@ -35,6 +35,7 @@ import { initBillsComponents, BillsModule } from "@egovernments/digit-ui-module-
 // import { subFormRegistry } from "@egovernments/digit-ui-libraries";
 
 import { pgrCustomizations, pgrComponents } from "./pgr";
+import { initFinanceComponents, FinanceModule } from "@egovernments/digit-ui-module-finance";
 
 var Digit = window.Digit || {};
 
@@ -59,6 +60,7 @@ const enabledModules = [
   "Bills",
   "SW",
   "BillAmendment",
+  "Finance"
 ];
 
 const initTokens = (stateCode) => {
@@ -103,6 +105,8 @@ const initDigitUI = () => {
     HRMSModule,
     ReceiptsModule,
     BillsModule,
+    FinanceModule,
+    // FireNocCard
 
     // TLModule,
     // TLLinks,
@@ -122,6 +126,7 @@ const initDigitUI = () => {
   initWSComponents();
   initCommonPTComponents();
   initBillsComponents();
+  initFinanceComponents();
 
   // initCustomisationComponents();
 

frontend/micro-ui/web/micro-ui-internals/package.json

@@ -41,6 +41,7 @@
     "dev:bills": "cd packages/modules/bills && yarn start",
     "dev:reports": "cd packages/modules/reports && yarn start",
     "dev:example": "cd example && yarn start",
+    "dev:finance": "cd packages/modules/finance && yarn start",
     "build": "run-p build:**",
     "build:libraries": "cd packages/libraries && yarn build",
     "build:components": "cd packages/react-components && yarn build",
@@ -61,6 +62,7 @@
     "build:ws": "cd packages/modules/ws && yarn build",
     "buildD:bills": "cd packages/modules/bills && yarn build",
     "buildR:reports": "cd packages/modules/reports && yarn build",
+    "build:finance": "cd packages/modules/finance && yarn build",
     "deploy:jenkins": "./scripts/jenkins.sh"
   },
   "devDependencies": {

frontend/micro-ui/web/micro-ui-internals/packages/modules/finance/README.md

@@ -0,0 +1,31 @@
+# digit-ui-module-finance
+
+## Install
+
+```bash
+npm install --save @egovernments/digit-ui-module-finance
+```
+
+## Limitation
+
+```bash
+This Package is more specific to Urban
+```
+
+## Usage
+
+After adding the dependency make sure you have this dependency in
+
+```bash
+frontend/micro-ui/web/package.json
+```
+
+## Changelog
+
+### Summary for Version [0.0.1] - 2025-06-13
+
+Created finance module with submenu card and iframe pages
+
+### Contributors
+
+[kamalesh-egov]

frontend/micro-ui/web/micro-ui-internals/packages/modules/finance/package.json

@@ -0,0 +1,26 @@
+{
+  "name": "@egovernments/digit-ui-module-finance",
+  "version": "0.0.1-sandbox",
+  "description": "FINANCE",
+  "license": "MIT",
+  "main": "dist/index.js",
+  "module": "dist/index.modern.js",
+  "source": "src/Module.js",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "start": "microbundle-crl watch --no-compress --format modern,cjs",
+    "build": "microbundle-crl --compress --no-sourcemap --format cjs",
+    "prepublish": "yarn build"
+  },
+  "dependencies": {
+    "@egovernments/digit-ui-react-components": "^1.7.0-beta.2",
+    "react": "17.0.2",
+    "react-dom": "17.0.2",
+    "react-hook-form": "6.15.8",
+    "react-i18next": "11.16.2",
+    "react-query": "3.6.1",
+    "react-router-dom": "5.3.0"
+  }
+}

frontend/micro-ui/web/micro-ui-internals/packages/modules/finance/src/FinanceHomeCard.js

@@ -0,0 +1,63 @@
+import { CollectionIcon, Header } from "@egovernments/digit-ui-react-components";
+import React from "react";
+import { useTranslation } from "react-i18next";
+import LandingPageSubMenuCard from "./components/LandingPageSubMenuCard";
+
+const buildMenuDict = (items) => {
+  const root = {};
+  items?.forEach(item => {
+    const parts = item.path.split('.');
+    let current = root;
+    parts?.forEach((part, idx) => {
+      if (!current[part]) current[part] = {};
+      if (idx === parts.length - 1) {
+        // attach leaf data
+        current[part] = {
+          ...current[part],
+          _meta: {
+            label: item.displayName,
+            link: item.navigationURL,
+          }
+        };
+      }
+      current = current[part];
+    });
+  });
+  return root;
+}
+
+const FinanceCard = () => {
+  const { t } = useTranslation();
+  const userRoles = Digit.SessionStorage.get("User")?.info?.roles;
+  const allowedRoles = [
+    "EMPLOYEE_FINANCE", 
+    "EGF_VOUCHER_CREATOR", 
+    "EGF_MASTER_ADMIN", 
+    "EGF_REPORT_VIEW", 
+    "EGF_BILL_CREATOR", 
+    "EGF_ADMINISTRATOR", 
+    "EGF_BILL_APPROVER", 
+    "SYS_INTEGRATOR_FINANCE", 
+    "EGF_PAYMENT_CREATOR", 
+    "EGF_VOUCHER_APPROVER", 
+    "WORKS_FINANCIAL_APPROVER", 
+    "EGF_PAYMENT_APPROVER"
+  ];
+  const isFinanceEmployee = userRoles.find((role) => allowedRoles.includes(role.code));
+  const { isLoading, data } = Digit.Hooks.useAccessControl();
+  const menuDict = buildMenuDict(data?.actions)?.Finance;
+
+  if (!isFinanceEmployee || !menuDict) return null;
+  return (
+    <div>
+      <Header styles={{ marginLeft: "24px", paddingTop: "10px", fontSize: "32px" }}>{t("ACTION_TEST_FINANCE")}</Header>
+      <div className="moduleCardWrapper gridModuleWrapper">
+        {Object.entries(menuDict).map(([key, value]) => (
+          <LandingPageSubMenuCard key={key} t={t} Icon={<CollectionIcon />} moduleName={key} menuDict={value} />
+        ))}
+      </div>
+    </div>
+  )
+};
+
+export default FinanceCard;

frontend/micro-ui/web/micro-ui-internals/packages/modules/finance/src/Module.js

@@ -0,0 +1,31 @@
+import React, { useEffect } from "react";
+import { useRouteMatch } from "react-router-dom";
+import { useTranslation } from "react-i18next";
+import EmployeeApp from "./pages/employee";
+import FinanceCard from "./FinanceHomeCard";
+
+export const FinanceModule = ({ stateCode, userType, tenants }) => {
+  const tenantId =  Digit.SessionStorage.get("CITIZEN.COMMON.HOME.CITY")?.code || Digit.ULBService.getCurrentTenantId();
+  const moduleCode = ["finance"];
+
+  const language = Digit.StoreData.getCurrentLanguage();
+  const { isLoading, data: store } = Digit.Services.useStore({ stateCode, moduleCode, language });
+  const { path, url } = useRouteMatch();
+
+  Digit.SessionStorage.set("FINANCE_TENANTS", tenants);
+
+  if (userType === "employee") {
+    return <EmployeeApp path={path} url={url} userType={"employee"} />;
+  } else return null;
+};
+
+const componentsToRegister = {
+  FinanceModule,
+  FinanceCard,
+};
+
+export const initFinanceComponents = () => {
+  Object.entries(componentsToRegister).forEach(([key, value]) => {
+    Digit.ComponentRegistryService.setComponent(key, value);
+  });
+};

frontend/micro-ui/web/micro-ui-internals/packages/modules/finance/src/components/EGF/index.js

@@ -0,0 +1,78 @@
+import { fromPairs } from "lodash";
+import React, { Component } from "react";
+
+class EGFFinance extends Component {
+  constructor(props) {
+    super(props);
+    this.onFrameLoad = this.onFrameLoad.bind(this);
+    this.resetIframe = this.resetIframe.bind(this);
+  }
+  onFrameLoad() {
+    document.getElementById("erp_iframe").style.display = "block";
+  }
+
+  render() {
+    let auth_token = Digit.UserService.getUser()?.access_token,
+    locale = localStorage.getItem("locale"),
+    menuUrl = this.props.location,
+    loc = window.location,
+    subdomainurl,
+    domainurl,
+    finEnv,
+    hostname = loc.hostname,
+    winheight = window.innerHeight - 200,
+    erp_url,
+    tenantId = Digit.ULBService.getCurrentTenantId();
+    //Reading domain name from the request url
+    domainurl = hostname.substring(hostname.indexOf(".") + 1);
+    // Reading environment name (ex: dev, qa, uat, fin-uat etc) from the globalconfigs if exists else reading from the .env file
+    finEnv = this.globalConfigExists() ? window.globalConfigs.getConfig("FIN_ENV") : process.env.REACT_APP_FIN_ENV;
+    // Preparing finance subdomain url using the above environment name and the domain url
+    subdomainurl = !!(finEnv) ? "-" + finEnv + "." + domainurl : "." + domainurl;
+    erp_url = loc.protocol + "//" + tenantId.split(".")[1] + subdomainurl + menuUrl;
+
+    return (
+      <div>
+        <iframe name="erp_iframe" id="erp_iframe" height={winheight} width="100%"/>
+        <form action={erp_url} id="erp_form" method="post" target="erp_iframe">
+          <input readOnly hidden="true" name="auth_token" value={auth_token} />
+          <input readOnly hidden="true" name="tenantId" value={tenantId} />
+          <input readOnly hidden="true" name="locale" value={locale} />
+          <input readOnly hidden="true" name="formPage" value="true" />
+        </form>
+      </div>
+    );
+  }
+  componentDidMount() {
+    window.addEventListener("message", this.onMessage, false);
+    window.addEventListener("loacaleChangeEvent", this.resetIframe, false);
+    // document.getElementById("erp_iframe").addEventListener("load", this.onFrameLoad);
+    document.forms["erp_form"].submit();
+  }
+  componentDidUpdate() {
+    let isSecure = window.location.protocol === "https";
+    let localeCookie = "locale=" + localStorage.getItem("locale") + ";path=/;domain=." + this.getSubdomain();
+    if (isSecure) {
+      localeCookie += ";secure";
+    }
+    window.document.cookie = localeCookie;
+    document.forms["erp_form"].submit();
+  }
+  onMessage = (event) => {
+    if (event.data != "close") return;
+    // document.getElementById('erp_iframe').style.display='none';
+    this.props.history.push("/inbox");
+  };
+  resetIframe() {
+    this.forceUpdate();
+  }
+  getSubdomain() {
+    let hostname = window.location.hostname;
+    return hostname.substring(hostname.indexOf(".") + 1);
+  }
+  globalConfigExists() {
+    return typeof window.globalConfigs !== "undefined" && typeof window.globalConfigs.getConfig === "function";
+  }
+}
+
+export default EGFFinance;

frontend/micro-ui/web/micro-ui-internals/packages/modules/finance/src/components/LandingPageSubMenuCard.js

@@ -0,0 +1,80 @@
+import React, { useState } from 'react';
+import PropTypes from 'prop-types';
+import { useHistory } from 'react-router-dom';
+import {
+  ArrowForward,
+  ArrowVectorDown,
+} from "@egovernments/digit-ui-react-components";
+
+const RenderMenuDict = ({ t, tree, level = 0 }) => {
+  const history = useHistory();
+  const [openKeys, setOpenKeys] = useState({});
+
+  const toggle = (key) => {
+    setOpenKeys(prev => ({ ...prev, [key]: !prev[key] }));
+  };
+
+  const indentPx = level * 16;
+  const buttonBaseStyle = {
+    display: 'flex',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+    padding: '8px 4px',
+    cursor: 'pointer',
+    fontSize: '16px',
+    color: "#F47738",
+  };
+
+  return Object.entries(tree).sort().map(([key, node], idx) => {
+    const meta = node._meta || {};
+    const hasChildren = Object.keys(node).some(childKey => childKey !== '_meta');
+    const isOpen = openKeys[key];
+
+    return (
+      <div key={level + '-' + idx}>
+        <span
+          style={{ ...buttonBaseStyle, paddingLeft: `${indentPx + 8}px` }}
+          onClick={() => hasChildren ? toggle(key) : meta.link && (
+            meta.link.includes(`${window.contextPath}/`) ? history.push(meta.link) : window.location.href = meta.link
+          )}
+        >
+          <p>{t(meta.label || key)}</p>
+          {hasChildren && (isOpen ? <ArrowVectorDown styles={{width: "18px", height: "18px"}}  /> : <div className='primary-label-btn'><ArrowForward /></div>)}
+        </span>
+        {hasChildren && isOpen && (
+          <div>
+            <RenderMenuDict t={t} tree={Object.fromEntries(
+              Object.entries(node).filter(([k]) => k !== '_meta')
+            )} level={level + 1} />
+          </div>
+        )}
+      </div>
+    );
+  });
+};
+
+const LandingPageSubMenuCard = ({ t, Icon, moduleName, menuDict = {}}) => {
+  return (
+    <div className='employeeCard customEmployeeCard card-home home-action-cards'>
+      <div className="complaint-links-container">
+        <div className="header" >
+          <span className="text removeHeight">{t(moduleName)}</span>
+          <span className="logo removeBorderRadiusLogo">{Icon}</span>
+        </div>
+        <div className="body" style={{ margin: "0px", padding: "0px" }}>
+          <div className="links-wrapper" style={{ width: "90%" }}>
+            <RenderMenuDict t={t} tree={menuDict} />
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+LandingPageSubMenuCard.propTypes = {
+  icon: PropTypes.node,
+  moduleName: PropTypes.string.isRequired,
+  menuDict: PropTypes.object
+};
+
+export default LandingPageSubMenuCard;

frontend/micro-ui/web/micro-ui-internals/packages/modules/finance/src/pages/employee/EGF.js

@@ -0,0 +1,14 @@
+import React, { useState, useEffect } from "react";
+import EGFFinance from "../../components/EGF";
+
+const EGF = () => {
+  let location = window.location.pathname;
+  location = location.substring(location.indexOf("/services"));
+  return (
+    <div>
+      <EGFFinance location={location} />
+    </div>
+  );
+};
+
+export default EGF;