ui-soxo-bootstrap-core 2.6.39 → 2.6.40-dev.1

package/core/lib/modules/generic/generic-list/ExportReactCSV.js

@@ -6,24 +6,62 @@
  * @param {Array<{ label: string, key: string }>} [headers] - Optional column headers and field mappings.
  * @param {string} [fileName='Report.xlsx'] - Optional name for the downloaded Excel file.
  */
-
-import React from 'react';
+ 
+import React, { useState } from 'react';
 // Import XLSX library to handle Excel file creation
 import * as XLSX from 'xlsx';
+import { PDFDocument, StandardFonts, rgb } from 'pdf-lib';
 // import * as XLSX from 'xlsx-js-style';
 // import * as XLSX from 'xlsx-js-style';
 // Import saveAs from file-saver to trigger file download in browser
 import { saveAs } from 'file-saver';
-import { Button } from 'antd';
+import { Button, Dropdown, Form, Input, Menu, Modal, Radio, message } from 'antd';
+import { DownOutlined, FileExcelFilled, FilePdfFilled, MailFilled, DownloadOutlined } from '@ant-design/icons';
 import { Trans } from 'react-i18next';
+import { CoreScripts } from '../../../../models';
+import './generic-list.scss';
+
+const normalizeScriptId = (value) => {
+  if (value === undefined || value === null || value === '') return value;
+
+  const numberValue = Number(value);
+  return Number.isNaN(numberValue) ? value : numberValue;
+};
+
+const getRecipients = (value) => {
+  if (Array.isArray(value)) return value.filter(Boolean);
+
+  return String(value || '')
+    .split(/[\n,;]+/)
+    .map((email) => email.trim())
+    .filter(Boolean);
+};
+
+
+export const ExportReactCSV = ({
+  csvData,
+  headers,
+  fileName,
+  pdfFileName,
+  title,
+  format = 'excel',
+  buttonText,
+  dropdown = false,
+  onSendReportToMail,
+  scriptId,
+  inputParameters,
+}) => {
+  const [mailModalVisible, setMailModalVisible] = useState(false);
+  const [sendingMail, setSendingMail] = useState(false);
+  const [selectedFormat, setSelectedFormat] = useState('excel');
+  const [mailForm] = Form.useForm();
 
-export const ExportReactCSV = ({ csvData, headers, fileName,title }) => {
   /**
    * exportToExcel function
    * Triggered on button click, generates and downloads an Excel file
    */
 
-  const exportToExcel = () => {
+  const exportToExcel = (downloadFileName) => {
     // if (!csvData?.length) return;
 
     let worksheet;
@@ -75,14 +113,302 @@ export const ExportReactCSV = ({ csvData, headers, fileName,title }) => {
     const blob = new Blob([excelBuffer], {
       type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
     });
-    const flName = fileName || 'Report.xlsx';
+    const flName = downloadFileName || fileName || 'Report.xlsx';
     // Trigger download using file-saver
     saveAs(blob, flName);
   };
+
+  const exportToPdf = async (downloadFileName) => {
+    const pdfDoc = await PDFDocument.create();
+    const font = await pdfDoc.embedFont(StandardFonts.Helvetica);
+    const boldFont = await pdfDoc.embedFont(StandardFonts.HelveticaBold);
+    const pageSize = [842, 595];
+    const margin = 30;
+    const rowHeight = 20;
+    const titleHeight = 38;
+    const fontSize = 8;
+    const headerFontSize = 8;
+    const headersToUse = headers?.length
+      ? headers
+      : Object.keys(csvData?.[0] || {}).map((key) => ({ label: key, key }));
+    const availableWidth = pageSize[0] - margin * 2;
+    const columnWidth = headersToUse.length ? availableWidth / headersToUse.length : availableWidth;
+    let page;
+    let y;
+
+    const sanitizeValue = (value) => {
+      if (value === undefined || value === null) return '';
+      if (typeof value === 'object') return JSON.stringify(value);
+      return String(value);
+    };
+
+    const fitText = (text, width, textFont, size) => {
+      const sanitizedText = sanitizeValue(text);
+      if (textFont.widthOfTextAtSize(sanitizedText, size) <= width) return sanitizedText;
+
+      let fittedText = sanitizedText;
+      while (fittedText.length && textFont.widthOfTextAtSize(`${fittedText}...`, size) > width) {
+        fittedText = fittedText.slice(0, -1);
+      }
+      return fittedText ? `${fittedText}...` : '';
+    };
+
+    const addPage = () => {
+      page = pdfDoc.addPage(pageSize);
+      y = pageSize[1] - margin;
+
+      page.drawText(title || 'Report', {
+        x: margin,
+        y,
+        size: 14,
+        font: boldFont,
+        color: rgb(0.1, 0.1, 0.1),
+      });
+
+      y -= titleHeight;
+
+      headersToUse.forEach((header, index) => {
+        const x = margin + index * columnWidth;
+        page.drawRectangle({
+          x,
+          y: y - 5,
+          width: columnWidth,
+          height: rowHeight,
+          color: rgb(0.92, 0.94, 0.96),
+          borderColor: rgb(0.72, 0.75, 0.78),
+          borderWidth: 0.5,
+        });
+        page.drawText(fitText(header.label, columnWidth - 8, boldFont, headerFontSize), {
+          x: x + 4,
+          y: y + 1,
+          size: headerFontSize,
+          font: boldFont,
+          color: rgb(0.1, 0.1, 0.1),
+        });
+      });
+
+      y -= rowHeight;
+    };
+
+    addPage();
+
+    (csvData || []).forEach((row) => {
+      if (y < margin + rowHeight) addPage();
+
+      headersToUse.forEach((header, index) => {
+        const x = margin + index * columnWidth;
+        page.drawRectangle({
+          x,
+          y: y - 5,
+          width: columnWidth,
+          height: rowHeight,
+          color: row.isSummaryRow ? rgb(0.97, 0.97, 0.97) : rgb(1, 1, 1),
+          borderColor: rgb(0.82, 0.84, 0.86),
+          borderWidth: 0.5,
+        });
+        page.drawText(fitText(row[header.key], columnWidth - 8, row.isSummaryRow ? boldFont : font, fontSize), {
+          x: x + 4,
+          y: y + 1,
+          size: fontSize,
+          font: row.isSummaryRow ? boldFont : font,
+          color: rgb(0.12, 0.12, 0.12),
+        });
+      });
+
+      y -= rowHeight;
+    });
+
+    const pdfBytes = await pdfDoc.save();
+    const blob = new Blob([pdfBytes], { type: 'application/pdf' });
+    const flName = downloadFileName || pdfFileName || fileName || 'Report.pdf';
+    saveAs(blob, flName);
+  };
+
+  const handleDownloadMenuClick = ({ key }) => {
+    if (key === 'excel') {
+      exportToExcel(fileName);
+      return;
+    }
+
+    if (key === 'pdf') {
+      exportToPdf(pdfFileName);
+      return;
+    }
+
+    if (key === 'mail') {
+      setMailModalVisible(true);
+    }
+  };
+
+  const handleMailModalClose = () => {
+    setMailModalVisible(false);
+    mailForm.resetFields();
+    setSelectedFormat('excel');
+  };
+
+  const handleFormatToggle = (value) => {
+    const nextValue = selectedFormat === value ? null : value;
+    setSelectedFormat(nextValue);
+    mailForm.setFieldsValue({ format: nextValue });
+  };
+
+  // const handleSendReportToMail = async (values) => {
+  //   setSendingMail(true);
+
+  //   try {
+  //     const mailFormat = values.format || selectedFormat || 'excel';
+  //     const isBoth = mailFormat === 'both';
+  //     const payload = {
+  //       script_id: normalizeScriptId(scriptId),
+  //       input_parameters: inputParameters || {},
+  //       is_pdf: mailFormat === 'pdf' || isBoth,
+  //       is_excel: mailFormat === 'excel' || isBoth,
+  //       is_both: isBoth,
+  //       recipients: getRecipients(values.email),
+  //     };
+  //     const data = onSendReportToMail
+  //       ? await onSendReportToMail(payload)
+  //       : await CoreScripts.sentToReportMail(payload);
+
+  //     if (data?.success === false) throw data;
+
+  //     message.success(data?.message || 'Report mail sent successfully');
+  //     handleMailModalClose();
+  //   } catch (error) {
+  //     message.error(error?.message || 'Unable to send report mail');
+  //   } finally {
+  //     setSendingMail(false);
+  //   }
+  // };
+
+  const downloadMenu = (
+    <Menu className="export-download-menu" onClick={handleDownloadMenuClick}>
+      <Menu.Item
+        key="excel"
+        icon={<FileExcelFilled className="export-download-menu__icon export-download-menu__icon--excel" />}
+      >
+        Download Excel Sheet
+      </Menu.Item>
+      <Menu.Item
+        key="pdf"
+        icon={<FilePdfFilled className="export-download-menu__icon export-download-menu__icon--pdf" />}
+      >
+        Download PDF
+      </Menu.Item>
+      {/* <Menu.Item
+        key="mail"
+        icon={<MailFilled className="export-download-menu__icon export-download-menu__icon--mail" />}
+      >
+        Send report to mail
+      </Menu.Item> */}
+    </Menu>
+  );
+
+  const isPdf = format === 'pdf';
+  const handleExportButtonClick = () => {
+    if (isPdf) {
+      exportToPdf();
+      return;
+    }
+
+    exportToExcel();
+  };
+
+  if (dropdown) {
+    return (
+      <>
+        <Dropdown overlay={downloadMenu} trigger={['click']} placement="bottomRight">
+          <Button type="primary" size="small" className="export-download-button">
+            <Trans i18nKey={buttonText || 'Download'} /> <DownloadOutlined className="export-download-button__icon" />
+          </Button>
+        </Dropdown>
+{/* 
+        <Modal
+          title="Send report to mail"
+          open={mailModalVisible}
+          onCancel={handleMailModalClose}
+          footer={null}
+          destroyOnClose
+          width={460}
+        >
+          <Form
+            form={mailForm}
+            layout="vertical"
+            initialValues={{ format: 'excel' }}
+            onFinish={handleSendReportToMail}
+          >
+            <Form.Item
+              name="format"
+              style={{ marginBottom: 16 }}
+              rules={[
+                {
+                  validator: () =>
+                    selectedFormat
+                      ? Promise.resolve()
+                      : Promise.reject(new Error('Please select a format')),
+                },
+              ]}
+            >
+              <div
+                className="export-mail-format-options"
+                style={{ display: 'flex', alignItems: 'center', columnGap: 24 }}
+              >
+                <Radio
+                  checked={selectedFormat === 'excel'}
+                  style={{ marginRight: 0 }}
+                  onClick={() => handleFormatToggle('excel')}
+                >
+                  Excel
+                </Radio>
+                <Radio
+                  checked={selectedFormat === 'pdf'}
+                  style={{ marginRight: 0 }}
+                  onClick={() => handleFormatToggle('pdf')}
+                >
+                  PDF
+                </Radio>
+                <Radio
+                  checked={selectedFormat === 'both'}
+                  style={{ marginRight: 0 }}
+                  onClick={() => handleFormatToggle('both')}
+                >
+                  Both
+                </Radio>
+              </div>
+            </Form.Item>
+
+            <Form.Item
+              name="email"
+              label="EMAIL ID"
+              rules={[
+                { required: true, message: 'Please enter email id' },
+                { type: 'email', message: 'Please enter a valid email id' },
+              ]}
+            >
+              <Input placeholder="Enter Mail Id" />
+            </Form.Item>
+
+            <Form.Item
+              name="remarks"
+              label="REMARKS"
+              rules={[{ required: true, message: 'Please enter remarks' }]}
+            >
+              <Input.TextArea placeholder="Enter Remarks" rows={4} />
+            </Form.Item>
+
+            <Button type="primary" htmlType="submit" loading={sendingMail}>
+              Send
+            </Button>
+          </Form>
+        </Modal> */}
+      </>
+    );
+  }
+
   // Render an Ant Design Button that triggers the Excel export
   return (
-    <Button type="secondary" size="small" onClick={exportToExcel}>
-      <Trans i18nKey="Download" />
+    <Button type="secondary" size="small" onClick={handleExportButtonClick} className="export-download-button">
+      <Trans i18nKey={buttonText || (isPdf ? 'PDF Download' : 'Download')} /> <DownloadOutlined className="export-download-button__icon" />
     </Button>
   );
 };

package/core/lib/modules/generic/generic-list/generic-list.scss

@@ -32,3 +32,37 @@
         }
     }
 }
+
+.export-download-button {
+    &.ant-btn-primary {
+        background: #2f80ed;
+        border-color: #2f80ed;
+        color: #fff;
+
+        &:hover,
+        &:focus {
+            background: #1c7ed6;
+            border-color: #1c7ed6;
+            color: #fff;
+        }
+    }
+}
+
+.export-download-menu {
+    &__icon {
+        font-size: 16px;
+        vertical-align: -0.15em;
+
+        &--excel {
+            color: #18a058;
+        }
+
+        &--pdf {
+            color: #e03131;
+        }
+
+        &--mail {
+            color: #1c7ed6;
+        }
+    }
+}

package/core/models/core-scripts/core-scripts.js

@@ -69,7 +69,6 @@ class CoreScript extends Base {
     // Settings db pointer
     if (!dbPtr) dbPtr = localStorage.db_ptr;
     return ApiUtils.post({
-        // baseUrl: 'http://localhost:8002/dev/',  
       url: `core-scripts/dashboardquery/${id}`,
       formBody,
       headers: {
@@ -80,6 +79,14 @@ class CoreScript extends Base {
     });
   };
 
+  // sentToReportMail = (formBody) => {
+  //   return ApiUtils.post({
+  //     baseUrl: 'http://localhost:8002/dev/',
+  //     url: `core-scripts/send-to-report-mail`,
+  //     formBody,
+  //   });
+  // };
+
   /**
    *Updating user details
    * @returns
@@ -91,6 +98,20 @@ class CoreScript extends Base {
     });
   };
 
+  getCorescript = (formBody,dbPtr) => {
+   
+    if (!dbPtr) dbPtr = localStorage.db_ptr;
+    return ApiUtils.post({
+    //   baseUrl: 'http://localhost:8002/dev/',
+      url: `core-scripts/get-core-script`,
+      headers: {
+        'Content-Type': 'application/json',
+        Authorization: 'Bearer ' + localStorage.access_token,
+        db_ptr: dbPtr,
+      },
+      formBody,
+    });
+  };
   getQuery = (formBody) => {
     return ApiUtils.post({
       url: `core-scripts/execute-script-api`,

package/core/models/menus/menus.js

@@ -160,6 +160,29 @@ class MenusAPI extends Base {
     });
   };
 
+  getBranches = () => {
+    return ApiUtils.get({
+      url: 'branches',
+    });
+  };
+
+  switchBranch = (formBody, dbPtr) => {
+    return ApiUtils.post({
+      url: `auth/switch-branch`,
+      headers: { db_ptr: dbPtr },
+      formBody,
+    });
+  };
+
+  getProfile = (token) => {
+    return ApiUtils.get({
+      url: 'auth/profile',
+      headers: {
+        Authorization: `Bearer ${token}`,
+      },
+    });
+  };
+
   /**
    * create menu
    */
@@ -185,7 +208,6 @@ class MenusAPI extends Base {
         : 'menus/get-menus'; // NURA
 
     if (!dbPtr) dbPtr = localStorage.db_ptr;
-
     return this.get({
       url,
       config,
@@ -305,6 +327,12 @@ class MenusAPI extends Base {
       // }
     ];
   };
+  // license summary api call
+  getSummary = () => {
+    return ApiUtils.get({
+      url: 'license/summary',
+    });
+  };
 }
 
 export default MenusAPI;

package/core/models/roles/components/role-add/menu-label.js

@@ -0,0 +1,14 @@
+// ------------------------
+// Menu caption + path label
+// ------------------------
+const MenuLabel = ({ menu }) => {
+  const path = menu.path || menu.route;
+  return (
+    <div style={{ display: 'flex', justifyContent: 'center', alignItems: 'center', gap: 8, lineHeight: 1.3 }}>
+      <span>{menu.caption}</span>
+      {path ? <span style={{ color: '#999', fontSize: 12 }}>{path}</span> : null}
+    </div>
+  );
+};
+
+export default MenuLabel;

package/core/models/roles/components/role-add/menu-tree.js

@@ -0,0 +1,127 @@
+import { Collapse, Checkbox, Tag } from 'antd';
+
+import MenuLabel from './menu-label';
+
+const { Panel } = Collapse;
+
+// ------------------------
+// Recursive Nested Menu Component
+// ------------------------
+const MenuTree = ({ menus, selectedMenus, toggleMenu, parentId = null, searchActive = false }) => {
+  // Helper: check if parent should be checked
+  const isParentChecked = (menu) => {
+    if (!menu.sub_menus || menu.sub_menus.length === 0) {
+      return selectedMenus.includes(menu.id);
+    }
+    const allChildIds = menu.sub_menus.map((c) => c.id);
+    return allChildIds.every((id) => selectedMenus.includes(id));
+  };
+
+  // Helper: check if parent is indeterminate
+  const isParentIndeterminate = (menu) => {
+    if (!menu.sub_menus || menu.sub_menus.length === 0) return false;
+    const allChildIds = menu.sub_menus.map((c) => c.id);
+    const checkedCount = allChildIds.filter((id) => selectedMenus.includes(id)).length;
+    return checkedCount > 0 && checkedCount < allChildIds.length;
+  };
+
+  return (
+    <>
+      {menus.map((menu) => {
+        const children = menu.sub_menus || [];
+        const parentChecked = isParentChecked(menu);
+        const parentIndeterminate = isParentIndeterminate(menu);
+
+        const onParentChange = (checked) => {
+          toggleMenu(menu.id, checked);
+          // toggle children recursively
+          children.forEach((c) => toggleMenuRecursive(c, checked));
+        };
+
+        const toggleMenuRecursive = (menu, checked) => {
+          toggleMenu(menu.id, checked);
+          if (menu.sub_menus && menu.sub_menus.length > 0) {
+            menu.sub_menus.forEach((c) => toggleMenuRecursive(c, checked));
+          }
+        };
+
+        if (children.length === 0) {
+          return (
+            <div
+              style={{
+                justifyContent: 'space-between',
+                display: 'flex',
+                alignItems: 'center',
+                border: '1px solid rgba(198, 195, 195, 0.85)',
+                // borderRadius: 6,
+                padding: '12px 16px',
+                marginBottom: 6,
+                background: '#fff',
+              }}
+            >
+              <div
+                key={menu.id}
+                style={{
+                  display: 'flex',
+                  alignItems: 'center',
+                  gap: 8,
+                }}
+              >
+                <Checkbox
+                  checked={selectedMenus.includes(menu.id)}
+                  onChange={(e) => {
+                    const checked = e.target.checked;
+
+                    toggleMenu(menu.id, checked);
+
+                    //  FORCE parent selection
+                    if (checked && parentId) {
+                      toggleMenu(parentId, true);
+                    }
+                  }}
+                />
+                <MenuLabel menu={menu} />
+              </div>
+              <Tag color={menu.is_visible === true ? 'green' : 'blue'}>{menu.is_visible === true ? 'VISIBLE' : 'HIDDEN'}</Tag>{' '}
+            </div>
+          );
+        }
+
+        return (
+          <Collapse
+            // remount when search toggles so panels open while searching and collapse when cleared
+            key={`${menu.id}-${searchActive}`}
+            style={{ marginBottom: 6 }}
+            defaultActiveKey={searchActive ? [menu.id] : undefined}
+          >
+            <Panel
+              key={menu.id}
+              header={
+                <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center' }}>
+                  <div
+                    style={{
+                      display: 'flex',
+                      alignItems: 'center',
+                      gap: 8,
+                    }}
+                    onClick={(e) => e.stopPropagation()}
+                  >
+                    <Checkbox checked={parentChecked} indeterminate={parentIndeterminate} onChange={(e) => onParentChange(e.target.checked)} />
+                    <MenuLabel menu={menu} />
+                  </div>
+                  <Tag color={menu.is_visible === true ? 'green' : 'blue'}>{menu.is_visible === true ? 'VISIBLE' : 'HIDDEN'}</Tag>{' '}
+                </div>
+              }
+            >
+              <div style={{ paddingLeft: 20 }}>
+                <MenuTree menus={children} selectedMenus={selectedMenus} toggleMenu={toggleMenu} parentId={menu.id} searchActive={searchActive} />
+              </div>
+            </Panel>
+          </Collapse>
+        );
+      })}
+    </>
+  );
+};
+
+export default MenuTree;