ui-soxo-bootstrap-core 2.5.2 → 2.5.3

package/core/lib/elements/basic/rangepicker/rangepicker.js

@@ -108,6 +108,7 @@ export default function RangePickerComponent({
 
   return (
     <RangePicker
+      dropdownClassName="responsive-rangepicker-dropdown"
       allowClear={allowClear}
       inputReadOnly={inputReadOnly}
       format={format}

package/core/lib/elements/basic/rangepicker/rangepicker.scss

@@ -16,3 +16,9 @@
     box-shadow: none !important;
   }
 }
+
+@media (max-width: 767px) {
+  .responsive-rangepicker-dropdown .ant-picker-panels {
+    flex-direction: column;
+  }
+}

package/core/lib/pages/login/login.js

@@ -121,9 +121,11 @@ function LoginPhone({ history, appSettings }) {
         .then((result) => {
           setLoading(false);
 
-          const { user, access_token, refresh_token } = result;
+          const { user, access_token, refresh_token, insider_token } = result;
           if (access_token) localStorage.access_token = access_token;
 
+          if (insider_token) localStorage.insider_token = insider_token;
+
           if (result.success) {
             //two_factor_authentication variable is present then proceed Two factor authentication
             if (result.data && result.data.two_factor_authentication) {
@@ -516,28 +518,28 @@ function LoginPhone({ history, appSettings }) {
     return user.username;
   };
 
-  const { globalCustomerHeader = () => {} } = appSettings;
+  const { globalCustomerHeader = () => { } } = appSettings;
 
   const themeName = process.env.REACT_APP_THEME; // e.g., 'purple'
   const isPurple = themeName === 'purple';
 
   const sectionStyle = isPurple
     ? {
-        width: '100%',
-        height: '100vh',
-        backgroundImage: `${state.theme.colors.loginPageBackground}`,
-        backgroundPosition: 'center bottom, center',
-        backgroundRepeat: 'no-repeat, no-repeat',
-        backgroundSize: 'cover, cover',
-      }
+      width: '100%',
+      height: '100vh',
+      backgroundImage: `${state.theme.colors.loginPageBackground}`,
+      backgroundPosition: 'center bottom, center',
+      backgroundRepeat: 'no-repeat, no-repeat',
+      backgroundSize: 'cover, cover',
+    }
     : {
-        width: '100%',
-        height: '100vh',
-        backgroundImage: `url(${backgroundImage}), ${state.theme.colors.loginPageBackground}`,
-        backgroundPosition: 'center bottom, center',
-        backgroundRepeat: 'no-repeat, no-repeat',
-        backgroundSize: 'cover, cover',
-      };
+      width: '100%',
+      height: '100vh',
+      backgroundImage: `url(${backgroundImage}), ${state.theme.colors.loginPageBackground}`,
+      backgroundPosition: 'center bottom, center',
+      backgroundRepeat: 'no-repeat, no-repeat',
+      backgroundSize: 'cover, cover',
+    };
 
   return (
     <section className="full-page" style={sectionStyle}>
@@ -613,7 +615,7 @@ function LoginPhone({ history, appSettings }) {
                             Email <MailOutlined className="otp-icon" style={{ marginLeft: 6 }} />
                           </Radio>
                           <Radio checked={communicationMode === 'mobile'} onChange={() => setCommunicationMode('mobile')}>
-                            SMS <MessageOutlined  className="otp-icon" style={{ marginLeft: 6 }} />
+                            SMS <MessageOutlined className="otp-icon" style={{ marginLeft: 6 }} />
                           </Radio>
                         </div>
                         {modeError && <p className="otp-mode-error">Please select a communication mode.</p>}

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

@@ -2,7 +2,7 @@ import React, { useState, useEffect, useContext } from 'react';
 
 import { useLocation } from 'react-router-dom';
 
-import { Skeleton, Typography, message, Switch, Form, Input, Select, Checkbox, Row, Col } from 'antd';
+import { Skeleton, Typography, message, Switch, Form, Input, Select, Checkbox } from 'antd';
 
 import AsyncSelect from 'react-select/async';
 
@@ -11,32 +11,26 @@ import { Table, Card, Button, JSONInput, GlobalContext } from './../../../../lib
 import { ModelsAPI, PagesAPI } from '../../..';
 
 import { UsersAPI } from '../../..';
-import DoctorAdd from '../../../doctor/components/doctor-add/doctor-add';
 
 const { Title } = Typography;
 
 const { Option } = Select;
 
-const UserAdd = ({ model, callback, edit, history, formContent, match, additional_queries, props, mode = 'Add', attributes }) => {
+const UserAdd = ({ model, callback, edit, history, formContent, match, additional_queries, props }) => {
   /**Getting user data */
   const { user = {} } = useContext(GlobalContext);
-  // let mode = 'Add';
+  let mode = 'Add';
 
   const [disabled, setDisabled] = useState(true);
 
   const [selectedOption, setSelectedOption] = useState(null);
-  // for selected branches
-  const [selectedBranches, setSelectedBranches] = useState([]);
 
-  // for default branch
-  const [defaultBranch, setDefaultBranch] = useState(null);
   //Need to check this condition
   const [authentication, setAuthentication] = useState(false);
 
   /**To store user values */
   const [users, setUsers] = useState([]);
-  const [doctorID, setDoctorID] = useState(false);
-  const [selectedDoctor, setSelectedDoctor] = useState(null);
+
   /**Converting to JSON */
   let firmDetails = JSON.parse(user.firm.f_otherdetails1);
 
@@ -50,46 +44,31 @@ const UserAdd = ({ model, callback, edit, history, formContent, match, additiona
     mobileRequired = false;
   }
 
-  if (formContent?.id) {
+  if (formContent.id) {
     mode = 'Edit';
-  } else if (formContent?.copy) {
+  } else if (formContent.copy) {
     mode = 'Copy';
   }
 
-  if (formContent?.attributes) {
+  if (formContent.attributes) {
     if (typeof formContent.attributes === 'string') {
       if (formContent.attributes !== '') {
         formContent.attributes = JSON.parse(formContent.attributes);
       } else {
-        if (formContent) {
-          formContent.attributes = {};
-        }
+        formContent.attributes = {};
       }
     }
   } else {
-    if (formContent) {
-      formContent.attributes = {};
-    }
+    formContent.attributes = {};
   }
 
   const [loading, setLoading] = useState(true);
-  // user type state
-  const [userType, setUserType] = useState('general');
-  // state for branches list
-  const [branches, setBranches] = useState([]);
-  // designation list state
-  const [designations, setDesignations] = useState([]);
-  // department list state
-  const [departments, setDepartments] = useState([]);
-  // doctor list state
-  const [doctorList, setDoctorList] = useState([]);
 
   const [form] = Form.useForm();
 
   const [body, setBody] = useState(formContent);
 
   const [isPasswordVisible, setIsPasswordVisible] = useState(false);
-  const [visible, setVisible] = useState(false);
 
   const formData = {
     ...body,
@@ -113,20 +92,13 @@ const UserAdd = ({ model, callback, edit, history, formContent, match, additiona
   }
 
   useEffect(() => {
-    if (!loading && formContent) {
-      form.resetFields(); // clear previous values
-      form.setFieldsValue(formContent);
-    }
-  }, [loading, formContent]);
-
-  useEffect(() => {
-    if (formContent?.auth_user) {
+    if (formContent.auth_user) {
       setSelectedOption({
         value: formContent.auth_user,
         label: formContent.auth_user, // Add a helper function to capitalize
       });
     }
-  }, [formContent?.auth_user]);
+  }, [formContent.auth_user]);
 
   useEffect(() => {
     loadUsers();
@@ -153,159 +125,16 @@ const UserAdd = ({ model, callback, edit, history, formContent, match, additiona
       }
     }
   }, []);
-  /**
-   *Define the options dynamically
-   */
-  const getUserTypeOptions = () => [
-    { label: 'General', value: 'GEN' },
-    { label: 'Doctor', value: 'RAD' },
-    { label: 'Radiographer', value: 'TECH' },
-  ];
-
-  /**
-   * Get Branch List
-   */
-  const getBranches = () => {
-    setLoading(true);
-    UsersAPI.getBranches().then(async (result) => {
-      const details = await result.result.map((ele) => {
-        return {
-          ...ele,
-          ...(ele.br_otherdet1 ? JSON.parse(ele.br_otherdet1) : {}),
-        };
-      });
-      setBranches(details);
-      setLoading(false);
-    });
-  };
-
-  /** Get Designation List */
-  const getDesignations = () => {
-    setLoading(true);
-    UsersAPI.getDesignations()
-      .then((result) => {
-        if (result?.success && Array.isArray(result.result)) {
-          const details = result.result.map((ele) => ({
-            label: ele.dg_desc?.trim() || '',
-            value: ele.dg_code,
-          }));
-          setDesignations(details);
-        } else {
-          setDesignations([]);
-        }
-      })
-      .catch((error) => {
-        console.error('Error fetching designations:', error);
-        setDesignations([]);
-      })
-      .finally(() => setLoading(false));
-  };
-
-  /** Get Department List */
-  const getDepartments = () => {
-    setLoading(true);
-    UsersAPI.getDepartments()
-      .then((result) => {
-        if (result?.success && Array.isArray(result.result)) {
-          const details = result.result.map((ele) => ({
-            label: ele.dp_desc?.trim() || '',
-            value: ele.dp_id,
-          }));
-          setDepartments(details);
-        } else {
-          setDepartments([]);
-        }
-      })
-      .catch((error) => {
-        console.error('Error fetching departments:', error);
-        setDepartments([]);
-      })
-      .finally(() => setLoading(false));
-  };
-
-  /** Get Doctor List */
-  const getDoctors = () => {
-    UsersAPI.getDoctors()
-      .then((res) => {
-        if (res?.success && Array.isArray(res.result)) {
-          const list = res.result.map((doc) => ({
-            label: `${doc.do_name} (${doc.do_code})`,
-            value: doc.do_code,
-          }));
-          setDoctorList(list);
-        }
-      })
-      .catch((err) => console.error('Doctor API Error:', err));
-  };
-
-  // Function to handle user type change
-  const handleUserTypeChange = (value) => {
-    setUserType(value);
-
-    if (value === 'RAD') {
-      getDoctors(); // load doctor list
-    } else {
-      form.setFieldsValue({ default_code: undefined });
-    }
-  };
-
-  useEffect(() => {
-    getBranches();
-    getDesignations();
-    getDepartments();
-    getDoctors(); // load doctor list
-  }, []);
-
-  useEffect(() => {
-    if (formContent && formContent.user_type) {
-      form.setFieldsValue({ user_type: formContent.user_type });
-      setUserType(formContent.user_type);
-
-      if (formContent.user_type === 'RAD' && formContent.doctor_code) {
-        form.setFieldsValue({ default_code: formContent.doctor_code });
-      }
-    }
-    if (formContent?.id && formContent?.organization_details) {
-      try {
-        const org = JSON.parse(formContent.organization_details);
-        const branchIds = org.branch_ids?.map((b) => b.id) || [];
-        const defaultBranchObj = org.branch_ids?.find((b) => b.DefaultBranch === 'true');
-        const defaultBr = defaultBranchObj?.id || null;
-
-        setSelectedBranches(branchIds);
-        setDefaultBranch(defaultBr);
-
-        form.setFieldsValue({
-          selectedBranches: branchIds,
-          defaultBranch: defaultBr,
-        });
-      } catch (err) {
-        console.error('Invalid organization_details JSON', err);
-      }
-    }
-  }, [formContent]);
-  // Generate branch options for Select component
-  const branchOptions = branches.map((branch) => ({
-    label: branch.br_desc,
-    value: branch.br_code,
-  }));
 
   /**
    * Submit values
    */
   const onSubmit = (values) => {
-    console.log('values____________', values);
     /**If PanelOpen is open and edit mode then password will be existing password else new password*/
     if (!isPasswordVisible && mode === 'Edit') {
       values.password = body.password;
     }
-    values.user_type = values.user_type;
 
-    if (values.user_type === 'RAD') {
-      values.doctor_code = values.default_code;
-    } else {
-      values.doctor_code = null;
-    }
     values = {
       ...values,
       auth_type: 'LDAP',
@@ -314,8 +143,8 @@ const UserAdd = ({ model, callback, edit, history, formContent, match, additiona
 
     setLoading(true);
 
-    let id = formContent?.id;
-    if (props?.ldap && selectedOption && selectedOption.value) {
+    let id = formContent.id;
+    if (props.ldap && selectedOption && selectedOption.value) {
       values = {
         ...values,
         addAllBranches: props.ldap.addAllBranches,
@@ -336,7 +165,6 @@ const UserAdd = ({ model, callback, edit, history, formContent, match, additiona
 
     if (id) {
       // Update of model
-
       UsersAPI.updateUser({ id, formBody: values }).then((result) => {
         if (result.success) message.success(result.message);
         else message.error(result.message);
@@ -347,14 +175,9 @@ const UserAdd = ({ model, callback, edit, history, formContent, match, additiona
       });
     } else {
       // Append the additional queries to the object
-      // additional_queries.forEach(({ field, value }) => {
-      //   values[field] = value;
-      // });
-      if (Array.isArray(additional_queries)) {
-        additional_queries.forEach(({ field, value }) => {
-          values[field] = value;
-        });
-      }
+      additional_queries.forEach(({ field, value }) => {
+        values[field] = value;
+      });
 
       // add new model
       UsersAPI.create(values).then((result) => {
@@ -423,181 +246,63 @@ const UserAdd = ({ model, callback, edit, history, formContent, match, additiona
         <Skeleton />
       ) : (
         <Form initialValues={formData} form={form} layout="vertical" onFinish={onSubmit}>
-          {/* user type */}
-          <Row gutter={16}>
-            <Col span={6}>
-              <Form.Item
-                name="user_type"
-                label="User Type"
-                allowClear
-                showSearch
-                initialValue="GEN"
-                rules={[{ required: true, message: 'Please select a user type' }]}
-              >
-                <Select options={getUserTypeOptions()} onChange={handleUserTypeChange} />
-              </Form.Item>
-            </Col>
-            <Col span={12}>
-              {/* username */}
-              <Form.Item name={'name'} label="Name" rules={[{ required: true, message: 'Please enter your user name' }]}>
-                <Input placeholder="Enter Name" autoFocus />
-              </Form.Item>
-            </Col>
-            <Col span={6}>
-              {' '}
-              {/* 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' }]}>
-                  <Select
-                    placeholder="Select Code"
-                    options={doctorList}
-                    showSearch
-                    optionFilterProp="label"
-                    dropdownRender={(menu) => (
-                      <>
-                        {menu}
-                        <div
-                          style={{
-                            padding: '8px',
-                            cursor: 'pointer',
-                            borderTop: '1px solid #f0f0f0',
-                            color: '#1890ff',
-                          }}
-                          onClick={() => setVisible(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>
-              )}
-            </Col>
-          </Row>
-          <Row gutter={16}>
-            <Col span={8}>
-              {/* email */}
-              <Form.Item name={'email'} label="User Name / Email" rules={[{ required: true, message: 'Please enter your email' }]}>
-                <Input placeholder="Enter Email Address" />
-              </Form.Item>
-            </Col>
-            <Col span={8}>
-              {/* Mobile */}
-              <Form.Item name="mobile" label="Mobile" rules={[{ required: true, message: 'Please enter your mobile number' }]}>
-                <Input placeholder="Enter Mobile" />
-              </Form.Item>
-            </Col>
-            <Col span={8}>
-              {/* Designation */}
-              <Form.Item name="designation" label="Designation">
-                <Select placeholder="Select Designation" options={designations} allowClear showSearch optionFilterProp="label" />
-              </Form.Item>
-            </Col>
-          </Row>
-          <Row gutter={16}>
-            {' '}
-            <Col span={8}>
-              {/* Department */}
-              <Form.Item name="department" label="Department">
-                <Select placeholder="Select Department" options={departments} allowClear showSearch optionFilterProp="label" />
-              </Form.Item>
-            </Col>
-            <Col span={8}>
-              {/* Branch */}
-              <Form.Item label="Branches" name="selectedBranches" rules={[{ required: true, message: 'Please select at least one branch' }]}>
-                <Select
-                  mode="multiple"
-                  placeholder="Select Branches"
-                  value={selectedBranches}
-                  onChange={(value) => {
-                    setSelectedBranches(value);
-
-                    // ⬅NEW: remove defaultBranch if it’s not in selectedBranches
-                    if (!value.includes(defaultBranch)) {
-                      setDefaultBranch(undefined);
-                      form.setFieldsValue({ defaultBranch: undefined });
-                    }
-                  }}
-                  options={branchOptions}
-                  allowClear
-                  showSearch
-                  optionFilterProp="label"
-                  maxTagCount={5} // Show only 5 tags
-                  maxTagPlaceholder={(omittedValues) => `+${omittedValues.length}`} // Show "+n"
-                />
-              </Form.Item>
-            </Col>
-            <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}>
-                  {branchOptions
-                    .filter((opt) => selectedBranches.includes(opt.value))
-                    .map((opt) => (
-                      <Option key={opt.value} value={opt.value}>
-                        {opt.label}
-                      </Option>
-                    ))}
-                </Select>
+          {/* Caption */}
+          <Form.Item name={'name'} label="Name" required>
+            <Input placeholder="Enter name" />
+          </Form.Item>
+          {/* Caption Ends */}
+
+          {/* Name */}
+          <Form.Item name={'email'} label="Email" required>
+            <Input placeholder="Enter email" />
+          </Form.Item>
+          {/* Name Ends */}
+
+          {formContent.id ? (
+            <>
+              <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>
-            </Col>
-          </Row>
-          <Row gutter={16}>
-            <Col span={8}>
-              {formContent?.id ? (
-                <>
-                  <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>
-
-                  {isPasswordVisible && (
-                    <Form.Item
-                      name="password"
-                      label="Password"
-                      rules={[
-                        { required: true, message: 'Please enter your password' },
-                        { pattern: passwordRegex, message: passwordRegexMessage },
-                      ]}
-                    >
-                      <Input.Password placeholder="Enter password" autoComplete="new-password" />
-                    </Form.Item>
-                  )}
-                </>
-              ) : (
+
+              {isPasswordVisible && (
                 <Form.Item
                   name="password"
                   label="Password"
                   rules={[
-                    {
-                      required: true,
-                      message: 'Please enter your password',
-                    },
-                    {
-                      pattern: new RegExp(passwordRegex),
-                      message: passwordRegexMessage,
-                    },
+                    { required: true, message: 'Please enter your password' },
+                    { pattern: passwordRegex, message: passwordRegexMessage },
                   ]}
                 >
-                  <Input.Password visibilityToggle={false} placeholder="Enter password" autoComplete="new-password" />
+                  <Input.Password placeholder="Enter password" autoComplete="new-password" />
                 </Form.Item>
               )}
-            </Col>
-            {/* </Form.Item> */}
+            </>
+          ) : (
+            <Form.Item
+              name="password"
+              label="Password"
+              rules={[
+                {
+                  required: true,
+                  message: 'Please enter your password',
+                },
+                {
+                  pattern: new RegExp(passwordRegex),
+                  message: passwordRegexMessage,
+                },
+              ]}
+            >
+              <Input.Password visibilityToggle={false} placeholder="Enter password" autoComplete="new-password" />
+            </Form.Item>
+          )}
+
+          {/* </Form.Item> */}
 
-            {/* Path */}
-            {/* <Form.Item name="password" label="Password"
+          {/* Path */}
+          {/* <Form.Item name="password" label="Password"
                         rules={[
                             {
                                 required: true,
@@ -610,25 +315,23 @@ const UserAdd = ({ model, callback, edit, history, formContent, match, additiona
                         ]}>
                         <Input.Password visibilityToggle={false} placeholder="Enter password" autoComplete='new-password' />
                     </Form.Item> */}
-            {/* Path Ends */}
+          {/* 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>
+          {/* Path */}
+          <Form.Item name="user_group" label="User Group" required>
+            <Input placeholder="Enter User Group" />
+          </Form.Item>
 
-            {/* <Form.Item name="mobile" label="Mobile" required={mobileRequired}>
+          <Form.Item name="mobile" label="Mobile" required={mobileRequired}>
             <Input placeholder="Enter Mobile" />
-          </Form.Item> */}
+          </Form.Item>
 
-            {props?.ldap && (
-              <>
-                <Form.Item name="auth_type" label="auth_type">
-                  <Input placeholder="Enter auth_type" value={'LDAP'} disabled />
+          {props.ldap && (
+            <>
+              <Form.Item name="auth_type" label="auth_type">
+                <Input placeholder="Enter auth_type" value={'LDAP'} disabled />
 
-                  {/* <Select
+                {/* <Select
 
                             placeholder="Auth Type"
                             defaultValue={'LDAP'}
@@ -641,7 +344,7 @@ const UserAdd = ({ model, callback, edit, history, formContent, match, additiona
                             </Option>
                         </Select> */}
 
-                  {/* <div style={{ display: 'flex', justifyContent: 'space-between' }}>
+                {/* <div style={{ display: 'flex', justifyContent: 'space-between' }}>
 
                             <div style={{ width: '40%' }}>
  
@@ -650,46 +353,30 @@ const UserAdd = ({ model, callback, edit, history, formContent, match, additiona
                             
 
                         </div> */}
-                </Form.Item>
-
-                {/* Path */}
-                <Form.Item name="auth_user" label="User Name" required>
-                  <Input placeholder="Enter User Name" />
-                </Form.Item>
-              </>
-            )}
-          </Row>
-          <Row gutter={16}>
-            <Col span={8}>
-              <Form.Item>
-                <div style={{ display: 'flex', alignItems: 'center', gap: '8px' }}>
-                  <Switch
-                    disabled={disabled}
-                    // defaultChecked={view}
-                    onChange={changeView}
-                    checked={authentication}
-                    // disabled={disabled}
-                    defaultChecked
-                    // checkedChildren={<OrderedListOutlined />}
-                    // unCheckedChildren={<PicCenterOutlined />}
-                  />
-                  <span>Enable Two Factor Authentication</span>
-                </div>
               </Form.Item>
-            </Col>
-            <Col span={8}>
-              {/* <label>User Status</label> */}
-              <Form.Item
-                name="active"
-                valuePropName="checked"
-                getValueFromEvent={(e) => (e.target.checked ? true : false)}
-                getValueProps={(value) => ({ checked: value === true })}
-                style={{ marginBottom: 0 }}
-              >
-                <Checkbox>Active</Checkbox>
+
+              {/* Path */}
+              <Form.Item name="auth_user" label="User Name" required>
+                <Input placeholder="Enter User Name" />
               </Form.Item>
-            </Col>
-          </Row>
+            </>
+          )}
+
+          <Form.Item>
+            <div style={{ display: 'flex', alignItems: 'center', gap: '8px' }}>
+              <Switch
+                disabled={disabled}
+                // defaultChecked={view}
+                onChange={changeView}
+                checked={authentication}
+                // disabled={disabled}
+                defaultChecked
+                // checkedChildren={<OrderedListOutlined />}
+                // unCheckedChildren={<PicCenterOutlined />}
+              />
+              <span>Enable Two Factor Authentication</span>
+            </div>
+          </Form.Item>
           {/* Path Ends */}
 
           {/* Path */}

package/package.json

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