ui-soxo-bootstrap-core 2.5.1 → 2.5.3

package/core/lib/components/sidemenu/sidemenu.scss

@@ -43,8 +43,8 @@
     width: 17%;
     background: #fff;
     // border-bottom: 1.5px solid #24aeb8;
-    &.close{
-      width:6% !important
+    &.close {
+      width: 6% !important;
     }
 
     .logo-wrapper {
@@ -70,7 +70,7 @@
 
         @media only screen and (max-width: 500px) {
           margin-right: 0px;
-// margin: 10px;
+          // margin: 10px;
           width: 150px;
         }
 
@@ -160,7 +160,7 @@
 
     /* Pseudo-element  (as before) */
     .menu-collapsed::after {
-      content: "";
+      content: '';
       position: absolute;
       top: -100%;
       left: 0;
@@ -175,26 +175,26 @@
       // background-color: #E0EBFF;
       // transform: scale(0.95); /* Apply scale effect on hover */
     }
-/* Style selected item */
-.ant-menu{
-  background-color: transparent !important;
-}
-// .ant-menu-inline .ant-menu-item::after{
-//   border-right: none;
-// }
-// .ant-menu-item-selected {
-//   background-color: var(--selected-bg-color) !important;
-//   color: var(--selected-text-color) !important;
-//    border-radius: 12px;
-//   // font-weight: 600;
-//   // margin: 4px 8px;
-// }
-
-// /* Optional: remove hover effects */
-// .ant-menu-item:hover {
-//   background-color: transparent !important;
-//   color: transparent !important;
-// }
+    /* Style selected item */
+    .ant-menu {
+      background-color: transparent !important;
+    }
+    // .ant-menu-inline .ant-menu-item::after{
+    //   border-right: none;
+    // }
+    // .ant-menu-item-selected {
+    //   background-color: var(--selected-bg-color) !important;
+    //   color: var(--selected-text-color) !important;
+    //    border-radius: 12px;
+    //   // font-weight: 600;
+    //   // margin: 4px 8px;
+    // }
+
+    // /* Optional: remove hover effects */
+    // .ant-menu-item:hover {
+    //   background-color: transparent !important;
+    //   color: transparent !important;
+    // }
 
     /* River flow effect */
     .menu-collapsed:hover::after {
@@ -248,9 +248,7 @@
       padding: 0px;
       // width: 100% !important;
       // padding: 10px 16px;
-    
     }
-   
 
     .menu-item {
       width: 100% !important;
@@ -262,3 +260,18 @@
     }
   }
 }
+
+.ant-menu-item:hover {
+  background-color: #e6f7ff !important;
+  color: #1677ff !important;
+}
+
+/* Tooltip styling if needed */
+.ant-tooltip-inner {
+  max-width: 200px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  background-color: #ffffff !important;
+  color: #000000 !important;
+}

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/lib/pages/profile/theme-config.js

@@ -3,7 +3,7 @@ import themes from './themes.json';
 export const THEME_GROUPS = {
   nura: ['nura', 'default'],
   purple: ['purple'],
-  default: ['default'],
+  default: ['nura'],
 };
 
 const currentEnvTheme = process.env.REACT_APP_THEME?.toLowerCase() || 'default';