ui-soxo-bootstrap-core 2.6.1-dev.3 → 2.6.1-dev.31

package/core/models/users/components/user-add/user-add.js

@@ -6,7 +6,7 @@ import { Skeleton, Typography, message, Switch, Form, Input, Select, Checkbox, R
 
 import AsyncSelect from 'react-select/async';
 
-import { Table, Card, Button, JSONInput, GlobalContext, safeJSON } from './../../../../lib/';
+import { Table, Card, Button, JSONInput, GlobalContext, safeJSON, CountryPhoneInput, phoneValidator } from './../../../../lib/';
 
 import { ModelsAPI, PagesAPI, RolesAPI } from '../../..';
 
@@ -30,7 +30,7 @@ const UserAdd = ({ model, callback, edit, history, formContent, match, additiona
   const [selectedBranches, setSelectedBranches] = useState([]);
 
   // for default branch
-  const [defaultBranch, setDefaultBranch] = useState(null);
+  // const [defaultBranch, setDefaultBranch] = useState(null);
   //Need to check this condition
   const [authentication, setAuthentication] = useState(false);
 
@@ -95,7 +95,10 @@ const UserAdd = ({ model, callback, edit, history, formContent, match, additiona
   const [body, setBody] = useState(formContent);
 
   const [isPasswordVisible, setIsPasswordVisible] = useState(false);
-  const [visible, setVisible] = useState(false);
+
+  // state for doctor and staff visibility
+  const [doctorVisible, setDoctorVisible] = useState(false);
+  const [staffVisible, setStaffVisible] = useState(false);
 
   const formData = {
     ...body,
@@ -270,8 +273,6 @@ const UserAdd = ({ model, callback, edit, history, formContent, match, additiona
   const getStaff = () => {
     UsersAPI.getAllStaff()
       .then((res) => {
-        console.log('Staff List Response:', res);
-
         if (Array.isArray(res)) {
           const list = res.map((staff) => ({
             label: `${staff.shortName || 'No Name'} (${staff.id})`,
@@ -325,20 +326,25 @@ const UserAdd = ({ model, callback, edit, history, formContent, match, additiona
     }
     if (!formContent) return;
 
-    // normalize branch ids to NUMBER
     const org =
       typeof formContent.organization_details === 'string' ? JSON.parse(formContent.organization_details) : formContent.organization_details;
 
+    // normalize branch ids to NUMBER
     const branchIds = (org?.branch_ids || []).map(Number);
-    const defaultBr = formContent.defaultBranch ? Number(formContent.defaultBranch) : null;
+
+    // find default branch pointer
+    const defaultBranchObj = org?.branch?.find((br) => br.defaultBranch);
+
+    // extract dbPtr (branch code)
+    const defaultBranchCode = defaultBranchObj?.branch_id ? Number(defaultBranchObj.branch_id) : undefined;
 
     // state (for filtering)
     setSelectedBranches(branchIds);
 
-    // form (source of truth)
+    // form values
     form.setFieldsValue({
       selectedBranches: branchIds,
-      defaultBranch: defaultBr,
+      defaultBranch: defaultBranchCode,
     });
   }, [formContent, form]);
   // Generate branch options for Select component
@@ -351,6 +357,10 @@ const UserAdd = ({ model, callback, edit, history, formContent, match, additiona
    * Submit values
    */
   const onSubmit = (values) => {
+    const mobileData = values.mobile;
+
+    const mobileWithCountryCode = `+${mobileData.code.dialCode}${mobileData.value}`;
+
     values.defaultBranch = String(values.defaultBranch);
 
     /**If PanelOpen is open and edit mode then password will be existing password else new password*/
@@ -372,6 +382,7 @@ const UserAdd = ({ model, callback, edit, history, formContent, match, additiona
     values = {
       ...values,
       auth_type: 'LDAP',
+      mobile: mobileWithCountryCode,
       FA: authentication,
     };
 
@@ -538,31 +549,17 @@ const UserAdd = ({ model, callback, edit, history, formContent, match, additiona
                             borderTop: '1px solid #f0f0f0',
                             color: '#1890ff',
                           }}
-                          onClick={() => setVisible(true)}
+                          onClick={() => setDoctorVisible(true)}
                         >
                           + Add New Doctor
                         </div>
                       </>
                     )}
                   />
-                  {/* Render DoctorAdd OUTSIDE the Select */}
-                  <DoctorAdd
-                    visible={visible}
-                    onCancel={() => setVisible(false)}
-                    attributes={attributes}
-                    doctorData={selectedDoctor}
-                    doctorId={doctorID}
-                    onSuccess={getDoctors}
-                  />
                 </Form.Item>
               )}
               {userType === 'STAFF' && (
-                <Form.Item
-                  name="staff_code"
-                  preserve={false} //  THIS FIXES IT
-                  label="Staff Code"
-                  rules={[{ required: true, message: 'Please select a staff code' }]}
-                >
+                <Form.Item name="staff_code" label="Staff Code" rules={[{ required: true, message: 'Please select a staff code' }]}>
                   <Select
                     placeholder="Select Code"
                     options={staffList}
@@ -581,18 +578,13 @@ const UserAdd = ({ model, callback, edit, history, formContent, match, additiona
                             borderTop: '1px solid #f0f0f0',
                             color: '#1890ff',
                           }}
-                          onClick={() => setVisible(true)}
+                          onClick={() => setStaffVisible(true)}
                         >
                           + Add New Staff
                         </div>
                       </>
                     )}
                   />
-                  {/* Render DoctorAdd OUTSIDE the Select */}
-
-                  <StaffAdd visible={visible} onCancel={() => setVisible(false)} staffData={selectedStaff} staffId={staffID} onSuccess={getStaff} />
-
-                  <></>
                 </Form.Item>
               )}
             </Col>
@@ -610,23 +602,10 @@ const UserAdd = ({ model, callback, edit, history, formContent, match, additiona
               <Form.Item
                 name="mobile"
                 label="Mobile"
-                rules={[
-                  { required: true, message: 'Please enter your mobile number' },
-                  {
-                    pattern: /^[0-9]{10}$/,
-                    message: 'Mobile number must be exactly 10 digits',
-                  },
-                ]}
+                validateTrigger="onBlur"
+                rules={[{ required: true, message: 'Mobile number required' }, { validator: phoneValidator }]}
               >
-                <Input
-                  placeholder="Enter Mobile"
-                  maxLength={10}
-                  onKeyPress={(e) => {
-                    if (!/[0-9]/.test(e.key)) {
-                      e.preventDefault();
-                    }
-                  }}
-                />
+                <CountryPhoneInput defaultCountryCode={process.env.REACT_APP_COUNTRYCODE} enableSearch inputStyle={{ width: '100%' }} />
               </Form.Item>
             </Col>
             <Col span={8}>
@@ -669,7 +648,7 @@ const UserAdd = ({ model, callback, edit, history, formContent, match, additiona
             <Col span={8}>
               {/* Default Branch */}
               <Form.Item label="Default Branch" name="defaultBranch" rules={[{ required: true, message: 'Please select default branch' }]}>
-                <Select placeholder="Select Default Branch" onChange={setDefaultBranch}>
+                <Select placeholder="Select Default Branch">
                   {branchOptions
                     .filter((opt) => selectedBranches.includes(Number(opt.value)))
                     .map((opt) => (
@@ -682,15 +661,20 @@ const UserAdd = ({ model, callback, edit, history, formContent, match, additiona
             </Col>
           </Row>
           <Row gutter={16}>
+            <Col span={8}>
+              <Form.Item name="user_group" label="User Group" rules={[{ required: true, message: 'Please enter your user group' }]}>
+                <Input placeholder="Enter User Group" />
+              </Form.Item>
+            </Col>
             <Col span={8}>
               {formContent?.id ? (
                 <>
-                  <Form.Item>
+                  {/* <Form.Item>
                     <div style={{ display: 'flex', alignItems: 'center', gap: '8px' }}>
                       <Checkbox onChange={handleCheackChange} />
                       <span>Select the option if you want to change the password</span>
                     </div>
-                  </Form.Item>
+                  </Form.Item> */}
 
                   {isPasswordVisible && (
                     <Form.Item
@@ -743,11 +727,7 @@ const UserAdd = ({ model, callback, edit, history, formContent, match, additiona
             {/* Path Ends */}
 
             {/* Path */}
-            <Col span={8}>
-              <Form.Item name="user_group" label="User Group" rules={[{ required: true, message: 'Please enter your user group' }]}>
-                <Input placeholder="Enter User Group" />
-              </Form.Item>
-            </Col>
+
             {/* <Col span={8}>
               <Form.Item name="role_id" label="Role" rules={[{ required: true, message: 'Please select a Role' }]}>
                 <Select placeholder="Select Role">
@@ -846,6 +826,17 @@ const UserAdd = ({ model, callback, edit, history, formContent, match, additiona
           </Form.Item>
         </Form>
       )}
+      {/* Render DoctorAdd OUTSIDE the Select */}
+      <DoctorAdd
+        visible={doctorVisible}
+        onCancel={() => setDoctorVisible(false)}
+        // attributes={attributes}
+        doctorData={selectedDoctor}
+        doctorId={doctorID}
+        onSuccess={getDoctors}
+      />
+
+      <StaffAdd visible={staffVisible} onCancel={() => setStaffVisible(false)} staffData={selectedStaff} staffId={staffID} onSuccess={getStaff} />
     </section>
   );
 };

package/core/models/users/components/user-add/user-edit.js

@@ -3,6 +3,7 @@ import { Modal, Button, Skeleton } from 'antd';
 import { EditOutlined } from '@ant-design/icons';
 import UserAdd from '../../../../models/users/components/user-add/user-add';
 import { UsersAPI } from '../../..';
+import { formatPhoneForForm } from '../../../../lib';
 
 export default function UserEdit(record) {
   const [visible, setVisible] = useState(false);
@@ -37,25 +38,35 @@ export default function UserEdit(record) {
           } catch (e) {
             orgDetails = {};
           }
+
+          // find default branch pointer
+          const defaultBranchObj = orgDetails?.branch?.find((br) => br.defaultBranch);
+
+          // extract dbPtr (branch code)
+          const defaultBranchCode = defaultBranchObj?.branch_id ? Number(defaultBranchObj.branch_id) : undefined;
+
+          const formattedMobile = formatPhoneForForm(apiData.mobile);
+
           // Construct mapped data object
           const mappedData = {
             id: apiData.id,
             user_type: otherDetails.user_type || apiData.user_type,
             name: apiData.name,
             email: apiData.email,
-            mobile: apiData.mobile,
+            mobile: formattedMobile,
             designation: apiData.designation_code,
-            department: apiData.department_id,
+            department: Number(apiData.department_id),
             // Handle selected branches and default branch
             organization_details: orgDetails,
             selectedBranches: orgDetails.branch_ids || [],
-            defaultBranch: apiData.branch_id || null,
+            defaultBranch: defaultBranchCode || null,
             role_id: apiData.role_id,
             password: apiData.password,
             user_group: apiData.user_group,
             // Handle doctor codes
             default_code: apiData.doctor_code,
             doctor_code: apiData.doctor_code,
+            staff_code: apiData.staff_id,
             auth_type: apiData.auth_type,
             FA: apiData.FA,
             active: apiData.active ? true : false,
@@ -81,7 +92,17 @@ export default function UserEdit(record) {
             <Skeleton active />
           </div>
         ) : (
-          <UserAdd mode="Edit" formContent={userData} callback={() => setVisible(false)} edit={true} />
+          <UserAdd
+            mode="Edit"
+            formContent={userData}
+            callback={() => {
+              setVisible(false);
+              if (record.callback) {
+                record.callback();
+              }
+            }}
+            edit={true}
+          />
         )}
       </Modal>
     </div>

package/core/models/users/users.js

@@ -292,7 +292,12 @@ class Users extends Base {
   information from the API. */
 
   getUser = ({ id }) => {
-    return ApiUtils.get({ url: `users/${id}` });
+    return ApiUtils.get({
+      url: `users/${id}`,
+      headers: {
+        db_ptr: 'nuraho',
+      },
+    });
   };
   /* The `getUserRole` method is a function that takes an object with an `id` property as a parameter.
   It then uses the `ApiUtils.get` function to make a GET request to the endpoint `core-user-roles`
@@ -364,6 +369,9 @@ class Users extends Base {
     return ApiUtils.post({
       url: `bookings/trigger-reset-password-link`,
       formBody,
+      headers: {
+        db_ptr: 'nuraho',
+      },
     });
   };
 }

package/core/modules/dashboard/components/dashboard-card/menu-dashboard-card.js

@@ -207,7 +207,7 @@ export default function MenuDashboardCard({ record, selectedCardId, scope, dbPtr
 
       '.statistic-card-container': {
         '.ant-statistic-title': {
-          color: 'rgba(0, 0, 0, 0.45)',
+          color: 'rgba(0, 0, 0, 0.85)',
           fontSize: '10px',
           marginBottom: '0px',
         },

package/core/modules/reporting/components/reporting-dashboard/README.md

@@ -0,0 +1,316 @@
+# Reporting Dashboard
+
+This module renders configurable reports using:
+- backend-driven `input_parameters` (filter form)
+- backend-driven `display_columns` (table columns)
+- report data from `CoreScripts.getReportingLisitng(...)`
+
+Main component:
+- `core/modules/reporting/components/reporting-dashboard/reporting-dashboard.js`
+
+Display column internals:
+- `core/modules/reporting/components/reporting-dashboard/display-columns/build-display-columns.js`
+- `core/modules/reporting/components/reporting-dashboard/display-columns/display-cell-renderer.js`
+
+## Data Flow Overview
+
+1. Dashboard loads `CoreScripts.getRecord({ id, dbPtr })`.
+2. It parses:
+- `input_parameters` JSON string -> filter form configuration
+- `display_columns` JSON string -> table column configuration
+3. It submits filter values to `CoreScripts.getReportingLisitng(coreScriptId, formBody, dbPtr)`.
+4. It renders the table with configured display columns.
+
+If `display_columns` is missing, columns are auto-generated from response keys.
+
+## ReportingDashboard Props
+
+Common props:
+- `match` / `reportId`: report id source (`reportId` overrides route id)
+- `dbPtr`: db pointer (falls back to `localStorage.db_ptr`)
+- `CustomComponents`: map of reusable custom components
+- `scope`: optional object to override filter payload body
+- `dashBoardIds`: optional cards for dashboard switching
+- `showScanner`: enables QR scanner button
+- `barcodeFilterKey`: field used to match scanned QR value
+- `isFixedIndex`: fixes index `#` column to left
+- `attributes`: JSON string for extra UI controls (for example `buttonAttributes`)
+
+## Input Parameters Configuration
+
+`input_parameters` is stored as a JSON string in backend and parsed at runtime.
+
+Example:
+
+```json
+[
+  {
+    "title": "From Date",
+    "field": "start",
+    "type": "date",
+    "default": "startOfDay",
+    "required": true
+  },
+  {
+    "title": "To Date",
+    "field": "end",
+    "type": "date",
+    "default": "endOfDay",
+    "required": true
+  },
+  {
+    "title": "Department",
+    "field": "dept_id",
+    "type": "reference-select",
+    "modelName": "Department",
+    "required": false
+  },
+  {
+    "title": "Status",
+    "field": "status",
+    "type": "select",
+    "options": [
+      { "label": "Pending", "value": "Pending" },
+      { "label": "Completed", "value": "Completed" }
+    ]
+  }
+]
+```
+
+### Supported default date values
+
+For `type: "date"`, supported `default` values:
+- `startOfDay`
+- `endOfDay`
+- `startOfWeek`
+- `endOfWeek`
+- `currentDate`
+
+If no date default is provided, current date is used.
+
+### URL synchronization
+
+- On load, if URL contains `?field=value`, that value is used over defaults.
+- On submit, active input values are written back to URL query params.
+- Date values are URL-formatted as `YYYY-MM-DD`.
+
+### Hiding input parameter form
+
+If `other_details1` JSON includes:
+
+```json
+{ "isDisableInputParameters": true }
+```
+
+the input form is hidden, but report data still loads.
+
+## Display Columns Configuration
+
+`display_columns` is also a backend JSON string.
+
+Each entry maps to one table column.
+
+Basic example:
+
+```json
+[
+  { "title": "OP No", "field": "opno", "isSortingEnabled": true },
+  { "title": "Guest Name", "field": "guest_name", "isFilterEnabled": true },
+  { "title": "Amount", "field": "amount", "type": "number", "width": 120 }
+]
+```
+
+### Common column keys
+
+- `title`: header text
+- `tooltip`: optional header tooltip override
+- `field`: record key to display
+- `width`: numeric width (default `160`)
+- `isFixedColumn`: AntD fixed position (`"left"` / `"right"`)
+- `isFilterEnabled`: generates unique-value filters from table data
+- `isSortingEnabled`: enables string sort on `field`
+- `color`: default text color
+- `type: "number"`: right-aligns cell
+
+## Action Columns (Backward-Compatible Rules)
+
+Action logic is intentionally layered to avoid breaking existing reports.
+
+Compatibility rules:
+1. `entry.field === "action"` -> **legacy action** behavior
+2. else if `entry.type === "action"` -> **new action layer**
+3. all other types use existing non-action behavior
+
+### Legacy action example (existing reports)
+
+```json
+{
+  "title": "Action",
+  "field": "action",
+  "redirect_link": "/process/@opb_id;",
+  "replace_variables": [{ "field": "opb_id" }],
+  "display_name_link": "View"
+}
+```
+
+Legacy label behavior:
+- `display_name_link` or `"View"`
+
+### New action layer example (dynamic API label)
+
+```json
+{
+  "title": "Action",
+  "type": "action",
+  "field": "action_text",
+  "redirect_link": "/process/@opb_id;",
+  "replace_variables": [{ "field": "opb_id" }],
+  "label": "View"
+}
+```
+
+New action label fallback order:
+1. `record[entry.field]` (example: `record.action_text`)
+2. `entry.label`
+3. `entry.display_name_link`
+4. `"View"`
+
+## Other Display Types
+
+### External link column
+
+```json
+{ "title": "Report", "field": "report_url", "type": "link" }
+```
+
+Renders anchor with `View` label if URL exists.
+
+### Color tag or span
+
+```json
+{ "title": "Status", "field": "status", "enableColor": true, "columnType": "tag" }
+```
+
+or
+
+```json
+{ "title": "Status", "field": "status", "enableColor": true, "columnType": "span" }
+```
+
+Uses `record.color_code`.
+
+### Dynamic icon mapping
+
+```json
+{
+  "title": "State",
+  "field": "state",
+  "displayIcons": {
+    "Pending": { "icon": "ClockCircleOutlined", "color": "orange", "size": "14px" },
+    "Done": { "icon": "CheckCircleOutlined", "color": "green", "size": "14px" }
+  }
+}
+```
+
+Icon names are taken from `@ant-design/icons`.
+
+### Custom component column
+
+```json
+{
+  "title": "Info",
+  "field": "custom",
+  "component": "ResultEntryInfo",
+  "props": [
+    { "field": "description_text", "value": "description" },
+    { "field": "opb_id", "value": "opbId" }
+  ],
+  "config": { "allowEdit": true }
+}
+```
+
+How it resolves:
+- `component` must exist in merged `CustomComponents`
+- each `props` item maps `record[field]` to prop key `value`
+- `config` is spread as static props
+- `callback` prop triggers dashboard `refresh()`
+
+## Redirect Template Variables
+
+Action redirects support template replacement in `redirect_link`:
+- placeholder format: `@field;`
+- replacements defined in `replace_variables`
+
+Example:
+
+```json
+{
+  "redirect_link": "/lab/@opb_id;/visit/@opno;",
+  "replace_variables": [{ "field": "opb_id" }, { "field": "opno" }]
+}
+```
+
+With row `{ "opb_id": 12, "opno": "OP-55" }`:
+- result -> `/lab/12/visit/OP-55`
+
+## QR Scanner Behavior
+
+When scanner is enabled:
+- scanned value is matched against `patient[barcodeFilterKey]`
+- redirect uses first configured action column with this priority:
+1. legacy action column (`field === "action"`)
+2. new action column (`type === "action"`)
+
+## Export Behavior
+
+- Export uses current table columns.
+- For `field === "custom"`, export attempts to read the prop mapping where `value === "description"` and exports that source field.
+- Other columns export `record[field]`.
+
+## End-to-End Example
+
+`display_columns`:
+
+```json
+[
+  { "title": "OP No", "field": "opno", "isSortingEnabled": true, "width": 140 },
+  { "title": "Guest", "field": "guest_name", "isFilterEnabled": true, "width": 220 },
+  {
+    "title": "Status",
+    "field": "status",
+    "enableColor": true,
+    "columnType": "tag"
+  },
+  {
+    "title": "Action",
+    "type": "action",
+    "field": "action_text",
+    "redirect_link": "/process-detail/@opb_id;",
+    "replace_variables": [{ "field": "opb_id" }],
+    "label": "View"
+  }
+]
+```
+
+Sample API row:
+
+```json
+{
+  "opb_id": 1001,
+  "opno": "OP-1001",
+  "guest_name": "Aisha Rahman",
+  "status": "Pending",
+  "color_code": "orange",
+  "action_text": "Start Consultation"
+}
+```
+
+Rendered action label:
+- `Start Consultation` (dynamic value from API)
+
+## Notes for Developers
+
+- Keep `display_columns` as JSON string in DB for backward compatibility.
+- Prefer `type: "action"` for new dynamic action labels.
+- Reserve `field: "action"` for legacy behavior.
+- If adding new display types, implement in `display-cell-renderer.js` and keep order explicit.