ui-soxo-bootstrap-core 2.6.32-dev.5 → 2.6.33

package/.github/workflows/npm-publish.yml

@@ -1,3 +1,6 @@
+# This workflow will run tests using node and then publish a package to GitHub Packages when a release is created
+# For more information see: https://docs.github.com/en/actions/publishing-packages/publishing-nodejs-packages
+
 name: Node.js Package
 
 on:
@@ -5,55 +8,26 @@ on:
     types: [created]
 
 jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+      - uses: actions/setup-node@v3
+        with:
+          node-version: 16
+      - run: npm i
+#       - run: npm test
+
   publish-npm:
+    needs: build
     runs-on: ubuntu-latest
-    permissions:
-      contents: read
-      id-token: write
     steps:
-      - uses: actions/checkout@v4
-      - uses: actions/setup-node@v4
+      - uses: actions/checkout@v3
+      - uses: actions/setup-node@v3
         with:
-          node-version: 20
+          node-version: 16
           registry-url: https://registry.npmjs.org/
-      - run: npm install -g npm@latest
-      - run: npm install
-
-      - name: Determine npm dist-tag
-        id: dist_tag
-        shell: bash
-        run: |
-          VERSION=$(node -p "require('./package.json').version")
-          echo "package.json version: $VERSION"
-          echo "release tag:          ${GITHUB_REF_NAME}"
-          if [[ "v${VERSION}" != "${GITHUB_REF_NAME}" ]]; then
-            echo "::error::Release tag '${GITHUB_REF_NAME}' does not match package.json version 'v${VERSION}'."
-            echo "::error::Bump the version with 'npm version' and re-create the release."
-            exit 1
-          fi
-          if [[ "$VERSION" == *-dev* ]]; then
-            echo "tag=dev" >> "$GITHUB_OUTPUT"
-            echo "Will publish with dist-tag: dev"
-          else
-            echo "tag=latest" >> "$GITHUB_OUTPUT"
-            echo "Will publish with dist-tag: latest"
-          fi
-
-      - name: Diagnose npm + OIDC environment
-        shell: bash
-        run: |
-          echo "--- versions ---"
-          node --version
-          npm --version
-          echo "--- OIDC env presence (must both be 'yes' for trusted publishing) ---"
-          echo "ACTIONS_ID_TOKEN_REQUEST_URL set:   ${ACTIONS_ID_TOKEN_REQUEST_URL:+yes}"
-          echo "ACTIONS_ID_TOKEN_REQUEST_TOKEN set: ${ACTIONS_ID_TOKEN_REQUEST_TOKEN:+yes}"
-          echo "--- effective .npmrc (user) ---"
-          cat ~/.npmrc 2>/dev/null || echo "(none)"
-          echo "--- effective .npmrc (project) ---"
-          cat .npmrc 2>/dev/null || echo "(none)"
-          echo "--- npm config (auth-related) ---"
-          npm config get registry
-          npm config get //registry.npmjs.org/:_authToken || true
-
-      - run: npm publish --provenance --access public --tag ${{ steps.dist_tag.outputs.tag }} --loglevel=verbose
+      - run: npm i
+      - run: npm publish
+        env:
+          NODE_AUTH_TOKEN: ${{secrets.NPM_TOKEN}}

package/DEVELOPER_GUIDE.md

@@ -17,7 +17,6 @@ Incorrect versioning or incorrect tags will break the publish pipeline — follo
 - Publishing via GitHub Release UI
 - How GitHub Action Detects Release Type
 - Summary Table
-- CI/CD Authentication (Trusted Publishing)
 - Common Mistakes & Fixes
 
 ---
@@ -256,14 +255,17 @@ npm publish --tag dev
 
 # ⚙️ How GitHub Action Detects Release Type
 
-The workflow reads the `version` field from `package.json` at publish time:
+If version contains `dev`:
 
-| Condition                    | Command                                                 | Result                             |
-| ---------------------------- | ------------------------------------------------------- | ---------------------------------- |
-| Version contains `-dev`      | `npm publish --provenance --access public --tag dev`    | Publishes to the `dev` dist-tag    |
-| Version has no `-dev` suffix | `npm publish --provenance --access public --tag latest` | Publishes to the `latest` dist-tag |
+```
+npm publish --tag dev
+```
 
-The workflow also enforces that the GitHub release tag matches `v<version>` from `package.json` and fails the run immediately if they diverge — this prevents the most common publish failure described below.
+Otherwise:
+
+```
+npm publish
+```
 
 ---
 
@@ -281,37 +283,6 @@ The workflow also enforces that the GitHub release tag matches `v<version>` from
 
 ---
 
-# 🔐 CI/CD Authentication (Trusted Publishing)
-
-As of npm's 2025 policy changes, classic automation tokens (`NPM_TOKEN`) are deprecated. This repo now authenticates to npm via **OIDC Trusted Publishing** — GitHub Actions exchanges a short-lived OIDC token for a publish token at run time, so **no secret is stored in the repository**.
-
-## What this means for developers
-
-Nothing. You still follow the same flow: `npm version` → push tag → create GitHub Release. The auth happens transparently in CI.
-
-## What this means for maintainers
-
-The first-time setup on npmjs.com must be done once per package:
-
-1. Log in to [npmjs.com](https://www.npmjs.com) → open the package (`ui-soxo-bootstrap-core`) → **Settings**.
-2. Under **Trusted Publisher**, click **Add trusted publisher** and fill in:
-   - Publisher: **GitHub Actions**
-   - Organization or user: `soxo-tech`
-   - Repository: `bootstrap-core`
-   - Workflow filename: `npm-publish.yml`
-   - Environment name: *(leave blank)*
-3. Save. Any old `NPM_TOKEN` repository secret can be removed.
-
-## Runtime requirements
-
-The workflow runs on Node 20 and upgrades npm to the latest CLI (`npm install -g npm@latest`) because OIDC trusted publishing requires **npm ≥ 11.5.1**. The `--provenance` flag attaches a verifiable build attestation to every published version, visible on the npmjs.com package page.
-
-## If publish fails with `403 Forbidden` or `ENEEDAUTH`
-
-The trusted publisher config on npmjs.com no longer matches the workflow. Check that org, repo, and workflow filename match exactly — including case.
-
----
-
 # ⚠️ Common Mistakes & Fixes
 
 | Mistake                   | Issue              | Fix                          |

package/core/components/index.js

@@ -1,3 +1,7 @@
+
+
+
+
 import LandingAPI from './landing-api/landing-api';
 
 import ExtraInfoDetail from './extra-info/extra-info-details';
@@ -7,6 +11,11 @@ import RootApplicationAPI from './root-application-api/root-application-api';
 import { HomePageAPI } from '../modules';
 
 import { ExternalWindow } from './external-window/external-window';
-import LicenseAlert from './license-management/license-alert';
 
-export { LandingAPI, RootApplicationAPI, ExtraInfoDetail, HomePageAPI, ExternalWindow, LicenseAlert };
+export {
+    LandingAPI,
+    RootApplicationAPI,
+    ExtraInfoDetail,
+    HomePageAPI,
+    ExternalWindow
+}

package/core/components/landing-api/landing-api.js

@@ -2,20 +2,9 @@ import { useContext, useEffect, useRef, useState } from 'react';
 
 import { Route, Switch } from 'react-router-dom';
 
-import { Skeleton, message, Modal } from 'antd';
-
-import {
-  GlobalHeader,
-  ChangePassword,
-  useTranslation,
-  GlobalContext,
-  ModuleRoutes,
-  SpotlightSearch,
-  SettingsUtil,
-  Profile,
-  Card,
-  safeJSON,
-} from '../../lib';
+import { Skeleton } from 'antd';
+
+import { Card, ChangePassword, GlobalContext, GlobalHeader, ModuleRoutes, Profile, SettingsUtil, SpotlightSearch, useTranslation } from '../../lib';
 
 import './landing-api.scss';
 
@@ -57,6 +46,7 @@ function getRandomMessage(previousMessage = '') {
  */
 export default function LandingApi({ history, CustomComponents, CustomModels, appSettings, transitionPending = false, onHomeReady, ...props }) {
   const [loader, setLoader] = useState(false);
+
   // const [modules, setModules] = useState([]);
 
   const [connected] = useState();
@@ -69,31 +59,11 @@ export default function LandingApi({ history, CustomComponents, CustomModels, ap
 
   const [meta, setMeta] = useState({});
   const [loadingMessage, setLoadingMessage] = useState('');
-  const [licenseData, setLicenseData] = useState(null);
-
-  const [licAlert, setLicAlert] = useState(false);
-  // License data state
 
   // const [reports, setReports] = useState([]);
 
   var config = {};
 
-  //fetch license summary
-  // const fetchSummary = async () => {
-  //   try {
-  //     const res = await MenusAPI.getSummary();
-  //     if (res?.data) {
-  //       setLicenseData(res?.data);
-  //       setLicAlert(true);
-  //     } else {
-  //       setLicenseData(null);
-  //       setLicAlert(false);
-  //     }
-  //   } catch (err) {
-  //     console.error(err);
-  //   }
-  // };
-
   // Variable decides the control of homepage
   // #TODO This is a temporary fix - Homemage
 
@@ -103,70 +73,6 @@ export default function LandingApi({ history, CustomComponents, CustomModels, ap
     disableHomepage = JSON.parse(process.env.REACT_APP_DISABLEHOMEPAGE);
   }
 
-  /**
-   * Normalizes the user's branch access list from `organization_details`.
-   *
-   * The API can return `organization_details` as a JSON string, so we always
-   * parse it through `safeJSON` before reading the branch collection.
-   *
-   * @returns {Array} List of branches the current user can access.
-   */
-  const getAccessibleBranches = () => {
-    const orgDetails = safeJSON(user?.organization_details);
-    return Array.isArray(orgDetails?.branch) ? orgDetails.branch : [];
-  };
-
-  /**
-   * Resolves the currently selected branch record using the persisted db pointer.
-   *
-   * @param {Array} branches
-   * @returns {Object|null}
-   */
-  const getCurrentBranchRecord = (branches) => {
-    const currentDbPtr = localStorage.getItem('db_ptr');
-    return branches.find((branch) => String(branch.dbPtr) === String(currentDbPtr)) || null;
-  };
-
-  /**
-   * Resolves the target branch from the URL `index` query parameter.
-   *
-   * @param {Array} branches
-   * @param {string|null} branchId
-   * @returns {Object|null}
-   */
-  const getBranchRecordById = (branches, branchId) => {
-    return branches.find((branch) => String(branch.branch_id) === String(branchId)) || null;
-  };
-
-  /**
-   * Persists branch-specific auth data after a successful switch.
-   *
-   * @param {Object} tokenBundle
-   * @param {string} dbPtr
-   */
-  const persistBranchSession = (tokenBundle, dbPtr) => {
-    const accessToken = tokenBundle?.access_token;
-    const refreshToken = tokenBundle?.refresh_token;
-
-    if (accessToken) localStorage.setItem('access_token', accessToken);
-    if (refreshToken) localStorage.setItem('refresh_token', refreshToken);
-    if (dbPtr) localStorage.setItem('db_ptr', dbPtr);
-  };
-
-  const fetchSummary = async () => {
-    try {
-      const res = await MenusAPI.getSummary();
-      if (res?.data) {
-        setLicenseData(res?.data);
-        setLicAlert(true);
-      } else {
-        setLicenseData(null);
-        setLicAlert(false);
-      }
-    } catch (err) {
-      console.error(err);
-    }
-  };
   // useEffect(() => {
 
   //     // Initialize the menus for the logged in user
@@ -182,67 +88,6 @@ export default function LandingApi({ history, CustomComponents, CustomModels, ap
   //     }
   // }, [loader]);
 
-  /**
-   * Synchronizes the active branch with the `index` query parameter.
-   *
-   * Flow:
-   * 1. Read the target branch id from the URL.
-   * 2. Compare it against the branch represented by the current `db_ptr`.
-   * 3. Switch branch only when the user has access and the branch actually differs.
-   * 4. Refresh auth/profile state and reload menus for the new branch context.
-   */
-  useEffect(() => {
-    const handleUrlBranchSwitch = async () => {
-      const searchParams = new URLSearchParams(history.location.search);
-      const urlDbPtr = searchParams.get('index');
-      if (!urlDbPtr) return;
-
-      const accessibleBranches = getAccessibleBranches();
-      const currentBranch = getCurrentBranchRecord(accessibleBranches);
-      const targetBranch = getBranchRecordById(accessibleBranches, urlDbPtr);
-
-      if (!targetBranch || String(currentBranch?.branch_id) === String(urlDbPtr)) return;
-
-      setLoader(true);
-
-      try {
-        const switchResult = await MenusAPI.switchBranch(
-          {
-            firm_id: targetBranch.firm_ptr,
-            branch_id: targetBranch.branch_id,
-          },
-          targetBranch.dbPtr
-        );
-
-        if (!switchResult?.success) {
-          Modal.error({
-            title: 'Branch Switch Failed',
-            content: switchResult?.message || 'An error occurred while attempting to switch branches.',
-          });
-          return;
-        }
-
-        persistBranchSession(switchResult?.token, targetBranch.dbPtr);
-        window.dispatchEvent(new CustomEvent('branchChanged', { detail: targetBranch.dbPtr }));
-
-        const accessToken = switchResult?.token?.access_token;
-        const profileResult = await MenusAPI.getProfile(accessToken);
-        const updatedUser = { ...profileResult, loggedCheckDone: true };
-
-        dispatch({ type: 'user', payload: updatedUser });
-        localStorage.setItem('userInfo', JSON.stringify(updatedUser));
-
-        await initializeUserMenus();
-      } catch (error) {
-        console.error('Auto branch switch failed:', error);
-      } finally {
-        setLoader(false);
-      }
-    };
-
-    if (user?.id && history?.location) handleUrlBranchSwitch();
-  }, [history?.location?.search, user?.id]);
-
   useEffect(() => {
     // Initialize the menus for the logged in user
     initializeUserMenus();
@@ -293,12 +138,9 @@ export default function LandingApi({ history, CustomComponents, CustomModels, ap
    */
   async function initializeUserMenus() {
     // need to find what implement, with a login who has the respective value ("wug_custreportids")
-
     const report = await loadScripts(user);
 
     await loadMenus(report);
-    // fetch license summary
-    fetchSummary();
   }
 
   // const keyMap = {
@@ -320,7 +162,7 @@ export default function LandingApi({ history, CustomComponents, CustomModels, ap
     setLoader(true);
 
     // setReports(report)
-    fetchSummary();
+
     const result = await MenusAPI.getMenus(user);
 
     // console.log(result);
@@ -450,8 +292,6 @@ export default function LandingApi({ history, CustomComponents, CustomModels, ap
         modules={allModules}
         user={user}
         history={history}
-        licenseData={licenseData}
-        licAlert={licAlert}
       >
         {loader ? (
           <Card className="skeleton-card">

package/core/lib/components/global-header/global-header.js

@@ -2,91 +2,136 @@
  *
  * Global header component
  */
+
 import { useContext, useEffect, useRef, useState } from 'react';
+
 import { motion, useAnimation } from 'framer-motion';
+
 import { boxVariants } from './animations';
+
 import { GlobalContext, GlobalProvider } from './../../Store';
+
 import { Link, useLocation } from 'react-router-dom';
+
 import { Avatar, Input, Tooltip, Typography } from 'antd';
+
 import ProgressBar from '../progress-bar/progress-bar'; // Adjust the path as needed
+
 import { Button } from '../../elements';
+
 import GenericHeader from '../header/generic-header';
+
+
 import { CustomerServiceOutlined, MenuOutlined, SettingOutlined, UserOutlined } from '@ant-design/icons';
+
 import { Drawer } from 'antd';
+
 import { ReloadOutlined, SearchOutlined } from '@ant-design/icons';
+
 import SideMenu from './../sidemenu/sidemenu';
+
 import './global-header.scss';
+
 import LanguageSwitcher from '../language-switcher/language-switcher';
+
 import { useTranslation } from 'react-i18next';
+
 import SettingsUtil from '../../../utils/settings.utils';
 import SpotlightSearch from '../spotlight-search/spotlight-search.component';
-import { LicenseAlert } from '../../../components';
+
 const { Title } = Typography;
-function GlobalHeaderContent({ loading, appSettings, children, isConnected, history, modules = [], sidemenu = [], reload, meta = {}, licAlert,
-  licenseData ,...props }) {
+
+function GlobalHeaderContent({ loading, appSettings, children, isConnected, history, modules = [], sidemenu = [], reload, meta = {}, ...props }) {
   let location = useLocation();
   // let location = {};
+
   const { isMobile, user = { locations: [] }, kiosk, state, settings } = useContext(GlobalContext);
+
   const [visible, setVisible] = useState(false);
   const helpDeskSetting = settings?.HELPATR || {};
+
   // Variable to handle toggling of menu
   const [collapsed, setCollapsed] = useState(false);
   // varibale handle branch switcher
+
   // const [searchModalVisible, setSearchModalVisible] = useState(false);
+
   const { globalCustomerHeader = () => {} } = appSettings;
+
   const { t, i18n } = useTranslation();
+
   const spotlightRef = useRef();
+
   useEffect(() => {
     setTimeout(() => {
       i18n.changeLanguage(localStorage.selectedLanguage);
     }, 0);
   }, []);
+
   /**
    * Function to handle toggling of menu
    */
+
   const toggleCollapsed = () => {
     setVisible(true);
+
     collapsed === true ? setCollapsed(false) : setCollapsed(true);
   };
+
   const openSearchModal = () => {
     //  input to avoid typing
     SettingsUtil.openSpotlightModal();
   };
+
   /**
    * Function to remove toggling on mobile view
    */
   const hideToggle = () => {
     setVisible(true);
+
     setCollapsed(false);
   };
+
   /**
    * onClose Function
    */
+
   const onClose = () => {
     setVisible(false);
   };
+
   // const { model = {} } = menu;
+
   const { model: BaseModel = {}, menu = {} } = meta;
+
   const { model = {} } = menu;
+
   //Animations//
   const boxControls = useAnimation();
+
   async function animate() {
     await boxControls.start('entered');
+
     //await boxControls.start("show");
   }
+
   useEffect(() => {
     animate();
   }, []);
+
   useEffect(() => {}, [state.theme]);
+
   return (
     <div
       className={`global-header ${process.env.REACT_APP_THEME}  ${isConnected && !kiosk ? 'connected' : ''}`}
       style={{
         // background: state.theme.colors.bodyBackground,
-        height: 'auto',
+
+        height: 10,
       }}
     >
       {/* <MenuOutlined style={{left:'1%',top:'1%', fontSize:18, position:'absolute', zIndex:999}} onClick={showSidebar}/> */}
+
       <div className="layout-content">
         <div
           //whileHover="hover"
@@ -129,6 +174,7 @@ function GlobalHeaderContent({ loading, appSettings, children, isConnected, hist
             </Drawer>
           )}
         </div>
+
         {/* Right Section of the Component Loader */}
         <div
           className={`right-section ${!collapsed ? 'open' : 'close'} ${kiosk ? 'kioskon' : ''}`}
@@ -143,9 +189,11 @@ function GlobalHeaderContent({ loading, appSettings, children, isConnected, hist
               {/*  */}
               <div className="page-header-name">
                 <ProgressBar isLoading={loading} />
+
                 <span type onClick={!isMobile ? toggleCollapsed : hideToggle} className="toggle-box toggle-menu">
                   <MenuOutlined />
                 </span>
+
                 {/* Back Button */}
                 {location.pathname !== '/' ? (
                   <span
@@ -158,30 +206,39 @@ function GlobalHeaderContent({ loading, appSettings, children, isConnected, hist
                   </span>
                 ) : null}
                 {/* Back Button Ends */}
+
                 {location.pathname !== '/' ? (
                   <h4 className="menu-caption header-caption" style={{ color: state.theme.colors.headerColor }}>
                     {menu.caption}
                   </h4>
                 ) : null}
               </div>
+
               {/* Page Menu Actions */}
+
               {user.role || user.id ? (
                 <div className="page-menu">
                   {/* Search Input in header start */}
                   {!isMobile && (
                     <div>
                       <Input placeholder="Search (Shift + F)" prefix={<SearchOutlined />} onClick={openSearchModal} readOnly style={{ width: 250 }} />
+
                       <SpotlightSearch ref={(elem) => SettingsUtil.registerModal(elem)} props={props} />
                     </div>
                   )}
                   {/* Search Input in header start */}
+
                   {/** branchswitcher Option  */}
                   {/* branch switcher controlled with env for matria and nura */}
                   {!process.env.REACT_APP_SHOW_BRANCH_SWITCHER ? <div className="branch-switcher">{globalCustomerHeader()}</div> : null}
                   {/* <div className="branch-switcher">{globalCustomerHeader()}</div> */}
+
                   {/* Search Option */}
+
                   {/* <ModalSearch /> */}
+
                   {/* Search Option Ends */}
+
                   {/* Configurator Actions */}
                   {user.isAdmin ? (
                     <>
@@ -195,9 +252,13 @@ function GlobalHeaderContent({ loading, appSettings, children, isConnected, hist
                     </>
                   ) : null}
                   {/* Configurator Actions Ends */}
+
                   {/* Reload Button */}
+
                   <Button onClick={reload} icon={<ReloadOutlined />} type="default" size={'small'}></Button>
+
                   {/* Reload Button Ends */}
+
                   {/* Help-desk-btn */}
                   {helpDeskSetting?.showSupportBtn
                     ? (() => {
@@ -216,9 +277,11 @@ function GlobalHeaderContent({ loading, appSettings, children, isConnected, hist
                         );
                       })()
                     : null}
+
                   {/** Switch Languages starts */}
                   {process.env.REACT_APP_ENABLE_LANGUAGE_SWITCHER ? <LanguageSwitcher /> : null}
                   {/** Switch Languages ends */}
+
                   {/* User Profile */}
                   <div style={{ padding: '10px' }}>
                     <ProfileAvatar />
@@ -227,49 +290,44 @@ function GlobalHeaderContent({ loading, appSettings, children, isConnected, hist
                   {/* User Profile Ends */}
                 </div>
               ) : null}
+
               {/* Page Menu Actions Ends */}
             </div>
           ) : null}
+
           {/* The children is rendered */}
           {children}
           {/* The children is rendered */}
         </div>
         {/* Right Section of the Component Loader Ends */}
       </div>
-      {licAlert && licenseData && (
-        <div
-          style={{
-            top: 0,
-            marginTop: '3rem',
-            right: '2%',
-            position: 'absolute',
-            zIndex: 1008,
-          }}
-        >
-          <LicenseAlert data={licenseData} />
-        </div>
-      )}
     </div>
   );
 }
+
 export default function GlobalHeader(props) {
   const context = useContext(GlobalContext);
+
   if (context.dispatch) {
     return <GlobalHeaderContent {...props} />;
   }
+
   return (
     <GlobalProvider {...props} appSettings={props.appSettings}>
       <GlobalHeaderContent {...props} />
     </GlobalProvider>
   );
 }
+
 /**
  *
  * @returns
  */
 function ProfileAvatar() {
   const { user = { locations: [] } } = useContext(GlobalContext);
+
   useEffect(() => {}, []);
+
   return (
     <Link className="profile-avatar" to="/profile">
       {user.photograph ? (
@@ -279,7 +337,8 @@ function ProfileAvatar() {
       ) : (
         <Avatar shape="square" size="small" icon={<UserOutlined />} />
       )}
+
       {/* {user.name} */}
     </Link>
   );
-}
+}