allaw-ui 2.5.4 → 2.5.6

package/dist/components/molecules/billingCount/BillingCount.js

@@ -4,6 +4,7 @@ var LOCAL_STORAGE_KEYS = {
     START_TIME: "startTimeBilling",
     ACCUMULATED_TIME: "accumulatedTime",
     IS_RUNNING: "isRunning",
+    HAS_STARTED_BEFORE: "hasStartedBefore",
 };
 var BillingCount = function (_a) {
     var onEnd = _a.onEnd, setIsStarted = _a.setIsStarted, resetTimer = _a.resetTimer, pauseTimer = _a.pauseTimer;
@@ -12,17 +13,20 @@ var BillingCount = function (_a) {
     var intervalRef = useRef(null);
     // --- Au premier render, on relit le localStorage
     useEffect(function () {
-        var savedAccumulated = getAccumulatedTime(); // secondes
+        var savedAccumulated = getAccumulatedTime();
         var savedIsRunning = localStorage.getItem(LOCAL_STORAGE_KEYS.IS_RUNNING) === "true";
-        var savedStartTime = getStartTime(); // en ms ou 0
-        if (savedAccumulated) {
+        var savedStartTime = getStartTime();
+        var hasStartedBefore = localStorage.getItem(LOCAL_STORAGE_KEYS.HAS_STARTED_BEFORE) === "true"; // ✅ Vérifier si un chrono a déjà été utilisé
+        if (savedAccumulated > 0) {
             setElapsedSeconds(savedAccumulated);
         }
-        if (savedIsRunning && savedStartTime > 0) {
+        if (hasStartedBefore && savedIsRunning && savedStartTime > 0) {
+            // ✅ Reprendre seulement si le chrono a déjà été lancé au moins une fois
             setIsRunning(true);
             setIsStarted && setIsStarted(true);
         }
         else {
+            // ✅ Ne pas démarrer automatiquement si aucun chrono n'a été lancé
             setIsRunning(false);
             setIsStarted && setIsStarted(false);
         }
@@ -50,6 +54,8 @@ var BillingCount = function (_a) {
     // --- Sur changement de resetTimer/pauseTimer
     //     on applique la logique de reset, de pause ou de start
     useEffect(function () {
+        var hasStartedBefore = localStorage.getItem(LOCAL_STORAGE_KEYS.HAS_STARTED_BEFORE) === "true";
+        var savedAccumulated = getAccumulatedTime();
         if (resetTimer) {
             resetTimerHandler();
         }
@@ -57,7 +63,10 @@ var BillingCount = function (_a) {
             pauseTimerHandler();
         }
         else if (!pauseTimer && !resetTimer) {
-            startTimerHandler();
+            // ⚠️ Ne lance le chrono que s'il est déjà en cours ou s'il y a du temps accumulé
+            if (hasStartedBefore && savedAccumulated > 0) {
+                startTimerHandler();
+            }
         }
     }, [resetTimer, pauseTimer]);
     // --- Fonctions utilitaires ---
@@ -76,7 +85,8 @@ var BillingCount = function (_a) {
     var startTimerHandler = function () {
         var isRunningFlag = localStorage.getItem(LOCAL_STORAGE_KEYS.IS_RUNNING) === "true";
         if (!isRunningFlag) {
-            // On enregistre le moment précis du démarrage (ms)
+            // ✅ Indiquer que le chrono a été démarré au moins une fois
+            localStorage.setItem(LOCAL_STORAGE_KEYS.HAS_STARTED_BEFORE, "true");
             localStorage.setItem(LOCAL_STORAGE_KEYS.START_TIME, Date.now().toString());
             localStorage.setItem(LOCAL_STORAGE_KEYS.IS_RUNNING, "true");
             setIsRunning(true);
@@ -103,6 +113,7 @@ var BillingCount = function (_a) {
     // On remet tout à zéro
     var resetTimerHandler = function () {
         clearTimerData();
+        localStorage.setItem(LOCAL_STORAGE_KEYS.HAS_STARTED_BEFORE, "false");
         setElapsedSeconds(0);
         setIsRunning(false);
         setIsStarted && setIsStarted(false);

package/dist/components/molecules/stepper/Stepper.css

@@ -4,7 +4,7 @@
   max-width: 768px;
   padding: 2.5rem;
   flex-direction: column;
-  justify-content: flex-start;
+  justify-content: center;
   align-items: center;
   gap: 16px;
   border-radius: 16px;
@@ -19,10 +19,11 @@
 .stepper-content {
   width: 100%;
   flex: 1;
+  margin: 20px 0;
   overflow-y: auto;
   display: flex;
   flex-direction: column;
-  align-items: flex-start;
+  align-items: center;
   font-family: "Open Sans", sans-serif;
   font-size: 16px;
   font-weight: 400;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "allaw-ui",
-  "version": "2.5.4",
+  "version": "2.5.6",
   "description": "Composants UI pour l'application Allaw",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",