@mailstep/design-system 0.6.62 → 0.6.63-beta.0

package/package.json

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

package/ui/Blocks/Stepper/Stepper.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMemo } from 'react';
+import { useEffect, useMemo } from 'react';
 import { StepItem } from './components/StepItem';
 import { Container, ItemsWrapper } from './styles';
 export var Stepper = function (_a) {
@@ -7,6 +7,12 @@ export var Stepper = function (_a) {
     if (!(items === null || items === void 0 ? void 0 : items.length))
         return null;
     var Component = useMemo(function () { return items[activeStep].component; }, [items, activeStep]);
+    useEffect(function () {
+        var _a;
+        if (!((_a = items[activeStep]) === null || _a === void 0 ? void 0 : _a.completed)) {
+            handleChangeStep(0);
+        }
+    }, [activeStep]);
     return (_jsxs(Container, { children: [_jsx(ItemsWrapper, { children: items.map(function (_a, index) {
                     var title = _a.title, disabled = _a.disabled, completed = _a.completed;
                     return (_jsx(StepItem, { onClick: handleChangeStep(index), title: title, index: index, activeStep: activeStep, disabled: disabled, completed: completed }, title));

package/ui/Blocks/Stepper/hooks/useStepper.d.ts

@@ -1,6 +1,5 @@
 type Props = {
     totalSteps: number;
-    handleFinish?: () => Promise<void>;
 };
 type HookType = (props: Props) => {
     activeStep: number;

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

@@ -1,6 +1,6 @@
 import { useCallback, useState } from 'react';
 export var useStepper = function (_a) {
-    var totalSteps = _a.totalSteps, handleFinish = _a.handleFinish;
+    var totalSteps = _a.totalSteps;
     var _b = useState(0), activeStep = _b[0], setActiveStep = _b[1];
     var _c = useState(false), isSuccess = _c[0], setSuccess = _c[1];
     var handleReset = useCallback(function () {
@@ -9,13 +9,6 @@ export var useStepper = function (_a) {
     }, []);
     var handleGoToNextStep = useCallback(function () {
         if (activeStep + 1 === totalSteps) {
-            if (handleFinish) {
-                handleFinish().then(function () {
-                    handleReset();
-                    setSuccess(true);
-                });
-                return;
-            }
             handleReset();
             setSuccess(true);
             return;