ui-soxo-bootstrap-core 2.4.25-dev.11 → 2.4.25-dev.12

package/core/lib/hooks/use-otp-timer.js

@@ -16,25 +16,6 @@ import { useState, useEffect, useRef } from 'react';
  * @returns {(seconds: number) => void} API.start - Start timer with seconds.
  * @returns {(expirytime: string) => void} API.startFromExpiry - Start timer using expiry string (e.g. "2025-09-04T12:13:09.000Z").
  *
- * @example
- * const { remaining, expired, formatted, start, startFromExpiry } = useOtpTimer();
- *
- * // Start with 30 seconds
- * useEffect(() => {
- *   start(30);
- * }, []);
- *
- * // OR start from backend expiry timestamp
- * useEffect(() => {
- *   startFromExpiry("2025-09-04T12:13:09.000Z");
- * }, []);
- *
- * return (
- *   <div>
- *     <p>Time left: {formatted}</p>
- *     {expired && <p>OTP expired!</p>}
- *   </div>
- * );
  */
 
 // helper to format time

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}>
@@ -610,10 +612,10 @@ function LoginPhone({ history, appSettings }) {
                         <Text type="primary">Select Preferred OTP Verification Method</Text>
                         <div className="otp-method-group">
                           <Radio checked={communicationMode === 'email'} onChange={() => setCommunicationMode('email')}>
-                            Email <MailOutlined style={{ marginLeft: 6 }} />
+                            Email <MailOutlined className="otp-icon" style={{ marginLeft: 6 }} />
                           </Radio>
                           <Radio checked={communicationMode === 'mobile'} onChange={() => setCommunicationMode('mobile')}>
-                            SMS <MessageOutlined 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/login/login.scss

@@ -352,10 +352,14 @@ body {
     gap: 30px;
     font-size: 12px;
   }
+  .otp-icon {
+  position: relative;
+  top: 2px;
+}
 
   .ant-radio-wrapper {
     display: flex;
-    align-items: center;
+    // align-items: center;
     gap: 6px;
 
     svg {

package/package.json

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