ui-soxo-bootstrap-core 2.4.25-dev.13 → 2.4.25-dev.14

package/core/models/doctor/components/doctor-add/doctor-add.js

@@ -10,7 +10,7 @@ const DoctorAdd = ({ visible, onCancel, attributes, doctorId, doctorData, onSucc
   const [form] = Form.useForm();
   const { t } = useTranslation();
 
-  // Signature states
+  // Signature states..
   const [fileUrl, setFileUrl] = useState(null);
   const [editingSignature, setEditingSignature] = useState(false);
   const [previousSignature, setPreviousSignature] = useState(null);

package/core/models/staff/components/staff-add/staff-add.js

@@ -57,6 +57,18 @@ const StaffAdd = ({ visible, onCancel, staffId, staffData, onSuccess }) => {
     }
   }, [visible]);
 
+  const phoneValidator = (_, value) => {
+    if (!value) {
+      return Promise.resolve(); // not required
+    }
+
+    if (!/^\d{10}$/.test(value)) {
+      return Promise.reject('Phone number must be 10 digits');
+    }
+
+    return Promise.resolve();
+  };
+
   /** -------------------------------
    *  API CALL – Designations
    * ------------------------------- */
@@ -92,11 +104,31 @@ const StaffAdd = ({ visible, onCancel, staffId, staffData, onSuccess }) => {
       return Promise.resolve();
     }
 
+    // Starting space not allowed
+    if (value.startsWith(' ')) {
+      setCodeStatus({
+        status: 'error',
+        message: 'Code cannot start with a space',
+      });
+      return Promise.reject(new Error('Code cannot start with a space'));
+    }
+
+    //  Any space not allowed
+    if (/\s/.test(value)) {
+      setCodeStatus({
+        status: 'error',
+        message: 'Spaces are not allowed in the code',
+      });
+      return Promise.reject(new Error('Spaces are not allowed in the code'));
+    }
+
     try {
       const res = await UsersAPI.getStaffCode(value);
+      console.log(res.message, ' inside validateDoctorCode');
 
       if (res?.status === 409 || res?.success === false) {
         setCodeStatus({ status: 'error', message: res.message || 'Code already exists' });
+        console.log('here');
         return Promise.reject(new Error(res.message || 'Code already exists'));
       }
 
@@ -108,8 +140,8 @@ const StaffAdd = ({ visible, onCancel, staffId, staffData, onSuccess }) => {
         return Promise.resolve();
       }
 
-      setCodeStatus({ status: 'error', message: 'Unexpected response' });
-      return Promise.reject(new Error('Unexpected response'));
+      setCodeStatus({ status: 'error', message: 'Please enter a valid code' });
+      return Promise.reject(new Error('Please enter a valid code'));
     } catch {
       setCodeStatus({ status: 'error', message: 'Validation failed' });
       return Promise.reject(new Error('Validation failed'));
@@ -163,19 +195,19 @@ const StaffAdd = ({ visible, onCancel, staffId, staffData, onSuccess }) => {
       id: values.id,
       shortName: values.shortName,
       description: values.description,
-      designationPtr: values.designation,
-      phone: values.phone1,
-      mobile: values.phone2,
-      alternateMobile: values.phone2,
-      email: values.email1,
-      alternateEmail: values.email2,
-      remarks: values.remarks,
+      designationPtr: values.designation || null,
+      phone: values.phone1 || null,
+      mobile: values.phone1 || null,
+      alternateMobile: values.phone2 || null,
+      email: values.email1 || null,
+      alternateEmail: values.email2 || null,
+      remarks: values.remarks || null,
       slNo: values.slno ? Number(values.slno) : null,
       active: values.active === 'Y' ? 'Y' : 'N',
-      address1: values.address1,
-      address2: values.address2,
-      place: values.place,
-      zip: values.zip,
+      address1: values.address1 || null,
+      address2: values.address2 || null,
+      place: values.place || null,
+      zip: values.zip || null,
     };
 
     try {
@@ -217,21 +249,20 @@ const StaffAdd = ({ visible, onCancel, staffId, staffData, onSuccess }) => {
               name="id"
               validateTrigger="onChange"
               hasFeedback={!editMode}
-              rules={[{ required: true }, { validator: validateDoctorCode }]}
+              rules={[{ required: true, message: 'Code is required' }, { validator: validateDoctorCode }]}
             >
-              <Input placeholder="Enter Code" ref={nameInputRef} onKeyDown={handleEnterKey} disabled={editMode} />
+              <Input placeholder="Enter Code" autoComplete="off" maxLength={10} ref={nameInputRef} onKeyDown={handleEnterKey} disabled={editMode} />
             </Form.Item>
           </Col>
 
-          <Col span={6}>
-            <Form.Item label="Name" name="shortName" rules={[{ required: true }]}>
-              <Input placeholder="Enter Name" onKeyDown={handleEnterKey} />
+          <Col span={12}>
+            <Form.Item label="Name" name="description" rules={[{ required: true }]}>
+              <Input placeholder="Enter Description" autoComplete="off" onKeyDown={handleEnterKey} />
             </Form.Item>
           </Col>
-
-          <Col span={12}>
-            <Form.Item label="Description" name="description" rules={[{ required: true }]}>
-              <Input placeholder="Enter Description" onKeyDown={handleEnterKey} />
+          <Col span={6}>
+            <Form.Item label="Short Name" name="shortName" rules={[{ required: true }]}>
+              <Input placeholder="Enter Short Name" autoComplete="off" onKeyDown={handleEnterKey} maxLength={10} />
             </Form.Item>
           </Col>
         </Row>
@@ -240,7 +271,7 @@ const StaffAdd = ({ visible, onCancel, staffId, staffData, onSuccess }) => {
           {/* GENERAL TAB */}
           <Tabs.TabPane tab="GENERAL" key="1">
             <Row gutter={16}>
-              <Col span={6}>
+              {/* <Col span={6}>
                 <Form.Item label="Phone Number 1" name="phone1">
                   <Input maxLength={10} placeholder="Enter Phone Number" onKeyDown={handleEnterKey} />
                 </Form.Item>
@@ -250,17 +281,42 @@ const StaffAdd = ({ visible, onCancel, staffId, staffData, onSuccess }) => {
                 <Form.Item label="Phone Number 2" name="phone2">
                   <Input maxLength={10} placeholder="Enter Phone Number" onKeyDown={handleEnterKey} />
                 </Form.Item>
+              </Col> */}
+              <Col span={6}>
+                <Form.Item label="Phone Number" name="phone1" rules={[{ validator: phoneValidator }]}>
+                  <Input
+                    maxLength={10}
+                    autoComplete="off"
+                    placeholder="Enter Phone Number"
+                    inputMode="numeric"
+                    onChange={(e) => (e.target.value = e.target.value.replace(/\D/g, ''))}
+                    onKeyDown={handleEnterKey}
+                  />
+                </Form.Item>
+              </Col>
+
+              <Col span={6}>
+                <Form.Item label="Alternate Phone Number" name="phone2" rules={[{ validator: phoneValidator }]}>
+                  <Input
+                    maxLength={10}
+                    placeholder="Enter Phone Number"
+                    autoComplete="off"
+                    inputMode="numeric"
+                    onChange={(e) => (e.target.value = e.target.value.replace(/\D/g, ''))}
+                    onKeyDown={handleEnterKey}
+                  />
+                </Form.Item>
               </Col>
 
               <Col span={6}>
-                <Form.Item label="Email ID 1" name="email1">
-                  <Input placeholder="Enter Email" onKeyDown={handleEnterKey} />
+                <Form.Item label="Email ID" name="email1">
+                  <Input autoComplete="off" placeholder="Enter Email" onKeyDown={handleEnterKey} />
                 </Form.Item>
               </Col>
 
               <Col span={6}>
-                <Form.Item label="Email ID 2" name="email2">
-                  <Input placeholder="Enter Email" onKeyDown={handleEnterKey} />
+                <Form.Item label="Alternate Email" name="email2">
+                  <Input autoComplete="off" placeholder="Enter Email" onKeyDown={handleEnterKey} />
                 </Form.Item>
               </Col>
             </Row>
@@ -273,8 +329,8 @@ const StaffAdd = ({ visible, onCancel, staffId, staffData, onSuccess }) => {
               </Col>
 
               <Col span={8}>
-                <Form.Item label="Serial Number" name="slno">
-                  <Input placeholder="Enter Serial Number" onKeyDown={handleEnterKey} />
+                <Form.Item label="Serial Number" name="slno" rules={[{ message: 'only numbers are allowed', pattern: /^\d*$/ }]}>
+                  <Input autoComplete="off" maxLength={5} placeholder="Enter Serial Number" onKeyDown={handleEnterKey} />
                 </Form.Item>
               </Col>
 
@@ -297,7 +353,7 @@ const StaffAdd = ({ visible, onCancel, staffId, staffData, onSuccess }) => {
             <Row>
               <Col span={24}>
                 <Form.Item label="Remarks" name="remarks">
-                  <Input placeholder="Enter Remarks" onKeyDown={handleEnterKey} />
+                  <Input autoComplete="off" placeholder="Enter Remarks" onKeyDown={handleEnterKey} />
                 </Form.Item>
               </Col>
             </Row>
@@ -308,13 +364,13 @@ const StaffAdd = ({ visible, onCancel, staffId, staffData, onSuccess }) => {
             <Row gutter={16}>
               <Col span={12}>
                 <Form.Item label="Address Line 1" name="address1">
-                  <Input placeholder="Enter Address" onKeyDown={handleEnterKey} />
+                  <Input autoComplete="off" placeholder="Enter Address" onKeyDown={handleEnterKey} />
                 </Form.Item>
               </Col>
 
               <Col span={12}>
                 <Form.Item label="Address Line 2" name="address2">
-                  <Input placeholder="Enter Address" onKeyDown={handleEnterKey} />
+                  <Input autoComplete="off" placeholder="Enter Address" onKeyDown={handleEnterKey} />
                 </Form.Item>
               </Col>
             </Row>
@@ -322,13 +378,13 @@ const StaffAdd = ({ visible, onCancel, staffId, staffData, onSuccess }) => {
             <Row gutter={16}>
               <Col span={12}>
                 <Form.Item label="Place" name="place">
-                  <Input placeholder="Enter Place" onKeyDown={handleEnterKey} />
+                  <Input autoComplete="off" placeholder="Enter Place" onKeyDown={handleEnterKey} />
                 </Form.Item>
               </Col>
 
               <Col span={12}>
                 <Form.Item label="Zip Code" name="zip">
-                  <Input placeholder="Enter Zip Code" maxLength={7} onKeyDown={handleEnterKey} />
+                  <Input autoComplete="off" placeholder="Enter Zip Code" maxLength={7} onKeyDown={handleEnterKey} />
                 </Form.Item>
               </Col>
             </Row>

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

@@ -506,12 +506,20 @@ const UserAdd = ({ model, callback, edit, history, formContent, match, additiona
               {' '}
               {/* Show extra dropdown only if user type is Doctor */}
               {userType === 'RAD' && (
-                <Form.Item name="default_code" label="Default Code" rules={[{ required: true, message: 'Please select a default code' }]}>
+                <Form.Item
+                  name="default_code"
+                  preserve={false}
+                  label="Default Code"
+                  rules={[{ required: true, message: 'Please select a default code' }]}
+                >
                   <Select
                     placeholder="Select Code"
                     options={doctorList}
                     showSearch
                     optionFilterProp="label"
+                    onChange={(value) => {
+                      form.setFieldsValue({ default_code: value });
+                    }}
                     dropdownRender={(menu) => (
                       <>
                         {menu}
@@ -541,12 +549,20 @@ const UserAdd = ({ model, callback, edit, history, formContent, match, additiona
                 </Form.Item>
               )}
               {userType === 'STAFF' && (
-                <Form.Item name="staff_code" label="Staff Code" rules={[{ required: true, message: 'Please select a staff code' }]}>
+                <Form.Item
+                  name="staff_code"
+                  preserve={false} //  THIS FIXES IT
+                  label="Staff Code"
+                  rules={[{ required: true, message: 'Please select a staff code' }]}
+                >
                   <Select
                     placeholder="Select Code"
                     options={staffList}
                     showSearch
                     optionFilterProp="label"
+                    onChange={(value) => {
+                      form.setFieldsValue({ staff_code: value });
+                    }}
                     dropdownRender={(menu) => (
                       <>
                         {menu}
@@ -584,7 +600,7 @@ const UserAdd = ({ model, callback, edit, history, formContent, match, additiona
             <Col span={8}>
               {/* Mobile */}
               <Form.Item name="mobile" label="Mobile" rules={[{ required: true, message: 'Please enter your mobile number' }]}>
-                <Input placeholder="Enter Mobile" />
+                <Input placeholder="Enter Mobile" maxLength={10} />
               </Form.Item>
             </Col>
             <Col span={8}>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ui-soxo-bootstrap-core",
-  "version": "2.4.25-dev.13",
+  "version": "2.4.25-dev.14",
   "description": "All the Core Components for you to start",
   "keywords": [
     "all in one"