@mailstep/design-system 0.6.75-beta.3 → 0.6.75-beta.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mailstep/design-system",
-  "version": "0.6.75-beta.3",
+  "version": "0.6.75-beta.5",
   "license": "ISC",
   "type": "module",
   "main": "./ui/index.js",

package/ui/Blocks/Stepper/hooks/useStepper.js

@@ -4,18 +4,23 @@ export var useStepper = function (_a) {
     var _b = useState(0), activeStep = _b[0], setActiveStep = _b[1];
     var _c = useState(false), isSuccess = _c[0], setSuccess = _c[1];
     var handleReset = useCallback(function () {
+        console.log('RESET');
         setActiveStep(0);
         setSuccess(false);
     }, []);
     var handleGoToNextStep = useCallback(function () {
+        console.log('handleGoToNextStep');
         if (activeStep + 1 === totalSteps) {
+            console.log('success, reset');
             handleReset();
             setSuccess(true);
             return;
         }
+        console.log('SET ACTIVE STEP', activeStep + 1);
         setActiveStep(activeStep + 1);
     }, [activeStep, totalSteps, handleReset]);
     var handleChangeStep = useCallback(function (step) { return function () {
+        console.log('handleChangeStep');
         setActiveStep(step);
     }; }, []);
     return { activeStep: activeStep, handleChangeStep: handleChangeStep, handleGoToNextStep: handleGoToNextStep, isSuccess: isSuccess, handleReset: handleReset };

package/ui/index.es.js

@@ -51737,15 +51737,15 @@ const vke = /* @__PURE__ */ Da(gke), mke = st`
   totalSteps: e
 }) => {
   const [t, r] = Fe(0), [n, i] = Fe(!1), o = Ce(() => {
-    r(0), i(!1);
+    console.log("RESET"), r(0), i(!1);
   }, []), l = Ce(() => {
-    if (t + 1 === e) {
-      o(), i(!0);
+    if (console.log("handleGoToNextStep"), t + 1 === e) {
+      console.log("success, reset"), o(), i(!0);
       return;
     }
-    r(t + 1);
+    console.log("SET ACTIVE STEP", t + 1), r(t + 1);
   }, [t, e, o]), c = Ce((u) => () => {
-    r(u);
+    console.log("handleChangeStep"), r(u);
   }, []);
   return {
     activeStep: t,

package/ui/index.umd.js

@@ -3953,7 +3953,7 @@ ${$.current.stack}
     flex-direction: row;
     width: auto;
   }
-`,COe=({items:e,activeStep:t,hasStepNumbering:r,handleChangeStep:n,handleGoToNextStep:i,isLoading:o})=>{const l=I.useMemo(()=>{var u;return(u=e[t])==null?void 0:u.component},[e,t]);return I.useEffect(()=>{var u;t&&!((u=e[t-1])!=null&&u.completed)&&(n==null||n(0)())},[e]),e!=null&&e.length?g.jsxs(bOe,{children:[g.jsx(yOe,{total:e.length,hasComponent:!!l,children:e.map(({title:u,disabled:c,visible:f,completed:A,icon:p},v)=>g.jsx(mOe,{onClick:n==null?void 0:n(v),title:u,index:v,total:e.length,activeStep:t,disabled:c,visible:f,completed:A,hasStepNumbering:r,icon:p},u))}),l&&g.jsx(l,{handleGoToNextStep:i,isLoading:o})]}):null},wOe=({totalSteps:e})=>{const[t,r]=I.useState(0),[n,i]=I.useState(!1),o=I.useCallback(()=>{r(0),i(!1)},[]),l=I.useCallback(()=>{if(t+1===e){o(),i(!0);return}r(t+1)},[t,e,o]),u=I.useCallback(c=>()=>{r(c)},[]);return{activeStep:t,handleChangeStep:u,handleGoToNextStep:l,isSuccess:n,handleReset:o}},xOe=ee(tt.div)`
+`,COe=({items:e,activeStep:t,hasStepNumbering:r,handleChangeStep:n,handleGoToNextStep:i,isLoading:o})=>{const l=I.useMemo(()=>{var u;return(u=e[t])==null?void 0:u.component},[e,t]);return I.useEffect(()=>{var u;t&&!((u=e[t-1])!=null&&u.completed)&&(n==null||n(0)())},[e]),e!=null&&e.length?g.jsxs(bOe,{children:[g.jsx(yOe,{total:e.length,hasComponent:!!l,children:e.map(({title:u,disabled:c,visible:f,completed:A,icon:p},v)=>g.jsx(mOe,{onClick:n==null?void 0:n(v),title:u,index:v,total:e.length,activeStep:t,disabled:c,visible:f,completed:A,hasStepNumbering:r,icon:p},u))}),l&&g.jsx(l,{handleGoToNextStep:i,isLoading:o})]}):null},wOe=({totalSteps:e})=>{const[t,r]=I.useState(0),[n,i]=I.useState(!1),o=I.useCallback(()=>{console.log("RESET"),r(0),i(!1)},[]),l=I.useCallback(()=>{if(console.log("handleGoToNextStep"),t+1===e){console.log("success, reset"),o(),i(!0);return}console.log("SET ACTIVE STEP",t+1),r(t+1)},[t,e,o]),u=I.useCallback(c=>()=>{console.log("handleChangeStep"),r(c)},[]);return{activeStep:t,handleChangeStep:u,handleGoToNextStep:l,isSuccess:n,handleReset:o}},xOe=ee(tt.div)`
   margin-right: 1em;
 `,SOe=ee.div`
   display: flex;