ui-soxo-bootstrap-core 2.6.32-dev.5 → 2.6.32-dev.6

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

@@ -58,12 +58,7 @@ const TableComponent = ({ columns, dataSource, loading, fixed, scroll, summary,
 
   return (
     <Table
-      title={() =>
-        // <div style={{ fontWeight: 'bold', fontSize: 16, padding: '8px 16px' }}>
-        title ? title : ''
-        // </div>
-      }
-      //   columns={updatedColumns}
+      title={title ? () => title : undefined}
       scroll={scroll}
       dataSource={dataSource}
       loading={loading}

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

@@ -32,7 +32,7 @@ const UserAdd = ({ model, callback, edit, history, formContent, match, additiona
   // for default branch
   // const [defaultBranch, setDefaultBranch] = useState(null);
   //Need to check this condition
-  const [authentication, setAuthentication] = useState(false);
+  const [authentication, setAuthentication] = useState(true);
 
   /**To store user values */
   const [users, setUsers] = useState([]);
@@ -151,8 +151,10 @@ const UserAdd = ({ model, callback, edit, history, formContent, match, additiona
 
         /**if firmmas.otherdetails - 2FA == OPT, then, 2FA option will be enabled by default and editable */
       } else if (firmDetails.FA == 'USR') {
-        setAuthentication(true);
-
+        /** If user has FA set to false , then disable authentication */
+        if (formContent?.FA !== undefined) {
+          setAuthentication(formContent?.FA);
+        }
         setDisabled(true);
 
         /**if firmmas.otherdetails - 2FA == NAP, then, 2FA option will be disabled by default and read-only*/
@@ -161,10 +163,6 @@ const UserAdd = ({ model, callback, edit, history, formContent, match, additiona
 
         setDisabled(true);
       }
-      /** If user has FA set to false , then disable authentication */
-      if (formContent?.FA === false) {
-        setAuthentication(false);
-      }
     }
   }, []);
 
@@ -387,7 +385,8 @@ const UserAdd = ({ model, callback, edit, history, formContent, match, additiona
       ...values,
       auth_type: 'LDAP',
       mobile: mobileWithCountryCode,
-      FA: authentication,
+      FA: formContent?.FA === false ? false : authentication,
+
     };
 
     setLoading(true);
@@ -400,7 +399,7 @@ const UserAdd = ({ model, callback, edit, history, formContent, match, additiona
         addAllBranches: props.ldap.addAllBranches,
         auth_user: selectedOption.value,
         auth_type: 'LDAP',
-        FA: authentication,
+        FA: formContent?.FA === false ? false : authentication,
       };
     }
 

package/core/modules/steps/steps.js

@@ -292,6 +292,7 @@ export default function ProcessStepsPage({ match, CustomComponents = {}, ...prop
   const [steps, setSteps] = useState([]);
   const [processName, setProcessName] = useState(null);
   const [activeStep, setActiveStep] = useState(0);
+  const [resumableStep, setResumableStep] = useState(null);
   const [isStepCompleted, setIsStepCompleted] = useState(false);
 
   const [nextProcessId, setNextProcessId] = useState(null);
@@ -353,11 +354,46 @@ export default function ProcessStepsPage({ match, CustomComponents = {}, ...prop
 
     setProcessTimings(savedTimings);
 
+    let savedActiveStep = 0;
+    try {
+      const rawStep = localStorage.getItem(`processActiveStep_${currentProcessId}`);
+      const parsedStep = rawStep == null ? NaN : parseInt(rawStep, 10);
+      if (Number.isFinite(parsedStep) && parsedStep > 0) {
+        savedActiveStep = parsedStep;
+      }
+    } catch (error) {
+      console.warn('Unable to restore active step from local storage.', error);
+    }
+    setResumableStep(savedActiveStep > 0 ? savedActiveStep : null);
+
     setProcessStartTime(Date.now());
     setStepStartTime(Date.now());
     setShowNextProcessAction(false);
   }, [currentProcessId]);
 
+  /**
+   * Persist the active step so an unexpected exit (refresh, tab close, crash)
+   * can offer a Resume action on the next mount. Only steps beyond the first
+   * are persisted — step 0 is the natural entry point and does not need a
+   * resume marker. The marker is cleared on successful process submission and
+   * when the user explicitly dismisses the resume banner.
+   */
+  useEffect(() => {
+    if (typeof window === 'undefined' || !window.localStorage || !currentProcessId) {
+      return;
+    }
+
+    if (activeStep <= 0) {
+      return;
+    }
+
+    try {
+      localStorage.setItem(`processActiveStep_${currentProcessId}`, String(activeStep));
+    } catch (error) {
+      console.warn('Unable to persist active step to local storage.', error);
+    }
+  }, [activeStep, currentProcessId]);
+
   /**
    * Sync the loaded process name into the address bar.
    * - Mirrors `processName` into a `process` query parameter so deep-links and
@@ -599,10 +635,12 @@ export default function ProcessStepsPage({ match, CustomComponents = {}, ...prop
       if (response.success) {
         try {
           localStorage.removeItem(`processTimings_${currentProcessId}`);
+          localStorage.removeItem(`processActiveStep_${currentProcessId}`);
         } catch (error) {
           console.warn('Unable to clear process timings from local storage.', error);
         }
         setProcessTimings([]);
+        setResumableStep(null);
         return true;
       }
     } catch (e) {
@@ -659,6 +697,33 @@ export default function ProcessStepsPage({ match, CustomComponents = {}, ...prop
    * - Records timing data for the current step.
    */
   const handleTimelineClick = (i) => gotoStep(i);
+  /**
+   * Resume Handlers
+   * - `handleResume` jumps to the persisted step (clamped to current step
+   *   range) so a returning user picks up where they left off.
+   * - `dismissResume` discards the saved marker so the banner does not appear
+   *   again for this process.
+   */
+  const handleResume = () => {
+    if (resumableStep == null || !steps.length) {
+      return;
+    }
+    const target = Math.max(0, Math.min(resumableStep, steps.length - 1));
+    setResumableStep(null);
+    if (target !== activeStep) {
+      gotoStep(target);
+    }
+  };
+  const dismissResume = () => {
+    setResumableStep(null);
+    try {
+      if (typeof window !== 'undefined' && window.localStorage && currentProcessId) {
+        localStorage.removeItem(`processActiveStep_${currentProcessId}`);
+      }
+    } catch (error) {
+      console.warn('Unable to clear resume marker from local storage.', error);
+    }
+  };
   /**
    * Process Completion
    * - Records final step timing.
@@ -1425,6 +1490,33 @@ export default function ProcessStepsPage({ match, CustomComponents = {}, ...prop
               </div>
             </div>
 
+            {/*
+              Resume banner.
+              - Renders only when a saved active step is ahead of the current
+                position, so it stays out of the way during normal navigation
+                and only surfaces when the user returns after an unexpected
+                exit (refresh, tab close, navigation away).
+              - Resuming clamps to the current step range; dismissing clears
+                the persisted marker so the banner does not return for this
+                process.
+            */}
+            {resumableStep != null && resumableStep > activeStep && resumableStep < steps.length ? (
+              <div className="steps-resume-banner" role="status">
+                <span className="steps-resume-banner-text">
+                  You left at Step {resumableStep + 1}
+                  {steps[resumableStep]?.step_name ? ` — ${steps[resumableStep].step_name}` : ''}.
+                </span>
+                <div className="steps-resume-banner-actions">
+                  <Button type="primary" size="small" onClick={handleResume}>
+                    Resume
+                  </Button>
+                  <Button type="text" size="small" onClick={dismissResume}>
+                    Dismiss
+                  </Button>
+                </div>
+              </div>
+            ) : null}
+
             <div className={`steps-content-panel${isStepFullscreen ? ' is-fullscreen' : ''}`}>
               {/*
                 Stage body:

package/core/modules/steps/steps.scss

@@ -212,6 +212,37 @@
   height: 3px;
 }
 
+/* ── Resume banner ──────────────────────────────────────── */
+
+.steps-resume-banner {
+  flex: 0 0 auto;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  padding: 8px 14px;
+  background: #fff8e1;
+  border-bottom: 1px solid #f5e3a3;
+  color: #5b4400;
+  font-size: 13px;
+  font-weight: 500;
+}
+
+.steps-resume-banner-text {
+  flex: 1 1 auto;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.steps-resume-banner-actions {
+  flex: 0 0 auto;
+  display: flex;
+  align-items: center;
+  gap: 6px;
+}
+
 .steps-breadcrumb-strip::-webkit-scrollbar-track {
   background: transparent;
 }
@@ -474,13 +505,17 @@
 
 @media (prefers-reduced-motion: reduce) {
   .steps-touch-nav {
-    transition: opacity 120ms linear, visibility 0s linear 120ms;
+    transition:
+      opacity 120ms linear,
+      visibility 0s linear 120ms;
     transform: translateY(-50%);
   }
 
   .steps-touch-nav.is-visible {
     transform: translateY(-50%);
-    transition: opacity 120ms linear, visibility 0s linear 0s;
+    transition:
+      opacity 120ms linear,
+      visibility 0s linear 0s;
   }
 
   .steps-touch-nav.is-visible:not(:disabled)::before {
@@ -635,7 +670,7 @@
 }
 
 .steps-chat-step-component {
-  margin-top: 10px;
+  // margin-top: 10px;
   display: flex;
   flex: 1 1 auto;
   flex-direction: column;
@@ -730,14 +765,14 @@
 
 .steps-viewport:fullscreen .steps-stage-body,
 .steps-viewport:-webkit-full-screen .steps-stage-body {
-  padding: 6px;
+  padding: 3px;
 }
 
 /* ── Small laptops (13" / 1366px and below) ─────────────── */
 
 @media (max-width: 1366px) {
   .steps-top-bar {
-    padding: 6px 10px;
+    // padding: 6px 10px;
     gap: 6px;
   }
 
@@ -768,7 +803,7 @@
   }
 
   .steps-chat-step-card {
-    padding: 12px 14px;
+    padding: 9px;
   }
 
   .steps-title {

package/package.json

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