@mailstep/design-system 0.6.62-beta.2 → 0.6.62

package/package.json

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

package/ui/Blocks/Stepper/Stepper.js

@@ -3,12 +3,12 @@ import { useMemo } from 'react';
 import { StepItem } from './components/StepItem';
 import { Container, ItemsWrapper } from './styles';
 export var Stepper = function (_a) {
-    var items = _a.items, activeStep = _a.activeStep, handleChangeStep = _a.handleChangeStep, handleGoToNextStep = _a.handleGoToNextStep;
+    var items = _a.items, activeStep = _a.activeStep, handleChangeStep = _a.handleChangeStep, handleGoToNextStep = _a.handleGoToNextStep, isLoading = _a.isLoading;
     if (!(items === null || items === void 0 ? void 0 : items.length))
         return null;
     var Component = useMemo(function () { return items[activeStep].component; }, [items, 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));
-                }) }), _jsx(Component, { handleGoToNextStep: handleGoToNextStep })] }));
+                }) }), _jsx(Component, { handleGoToNextStep: handleGoToNextStep, isLoading: isLoading })] }));
 };

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

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

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

@@ -9,7 +9,13 @@ export var useStepper = function (_a) {
     }, []);
     var handleGoToNextStep = useCallback(function () {
         if (activeStep + 1 === totalSteps) {
-            handleFinish === null || handleFinish === void 0 ? void 0 : handleFinish();
+            if (handleFinish) {
+                handleFinish().then(function () {
+                    handleReset();
+                    setSuccess(true);
+                });
+                return;
+            }
             handleReset();
             setSuccess(true);
             return;

package/ui/Blocks/Stepper/types.d.ts

@@ -4,9 +4,11 @@ export type StepperProps = {
     activeStep: number;
     handleChangeStep: (step: number) => () => void;
     handleGoToNextStep: () => void;
+    isLoading?: boolean;
 };
 export type StepperPassedDownProps = {
     handleGoToNextStep: () => void;
+    isLoading?: boolean;
 };
 export type StepperItem = {
     title: string;

package/ui/index.es.js

@@ -52080,18 +52080,19 @@ const zSe = /* @__PURE__ */ Ra(HSe), GSe = q.div`
   items: e,
   activeStep: t,
   handleChangeStep: r,
-  handleGoToNextStep: n
+  handleGoToNextStep: n,
+  isLoading: i
 }) => {
   if (!(e != null && e.length))
     return null;
-  const i = Xe(() => e[t].component, [e, t]);
+  const o = Xe(() => e[t].component, [e, t]);
   return /* @__PURE__ */ g.jsxs(XSe, { children: [
     /* @__PURE__ */ g.jsx(JSe, { children: e.map(({
-      title: o,
-      disabled: l,
-      completed: c
-    }, u) => /* @__PURE__ */ g.jsx(YSe, { onClick: r(u), title: o, index: u, activeStep: t, disabled: l, completed: c }, o)) }),
-    /* @__PURE__ */ g.jsx(i, { handleGoToNextStep: n })
+      title: l,
+      disabled: c,
+      completed: u
+    }, f) => /* @__PURE__ */ g.jsx(YSe, { onClick: r(f), title: l, index: f, activeStep: t, disabled: c, completed: u }, l)) }),
+    /* @__PURE__ */ g.jsx(o, { handleGoToNextStep: n, isLoading: i })
   ] });
 }, Tke = ({
   totalSteps: e,
@@ -52101,7 +52102,13 @@ const zSe = /* @__PURE__ */ Ra(HSe), GSe = q.div`
     n(0), o(!1);
   }, []), c = Ce(() => {
     if (r + 1 === e) {
-      t == null || t(), l(), o(!0);
+      if (t) {
+        t().then(() => {
+          l(), o(!0);
+        });
+        return;
+      }
+      l(), o(!0);
       return;
     }
     n(r + 1);

package/ui/index.umd.js

@@ -3933,7 +3933,7 @@ ${ee.current.stack}
 `,GEe=q.div`
   display: flex;
   margin-bottom: 36px;
-`,_Ee=({items:e,activeStep:t,handleChangeStep:r,handleGoToNextStep:n})=>{if(!(e!=null&&e.length))return null;const i=I.useMemo(()=>e[t].component,[e,t]);return g.jsxs(zEe,{children:[g.jsx(GEe,{children:e.map(({title:o,disabled:l,completed:u},c)=>g.jsx(HEe,{onClick:r(c),title:o,index:c,activeStep:t,disabled:l,completed:u},o))}),g.jsx(i,{handleGoToNextStep:n})]})},UEe=({totalSteps:e,handleFinish:t})=>{const[r,n]=I.useState(0),[i,o]=I.useState(!1),l=I.useCallback(()=>{n(0),o(!1)},[]),u=I.useCallback(()=>{if(r+1===e){t==null||t(),l(),o(!0);return}n(r+1)},[r,e,l]),c=I.useCallback(f=>()=>{n(f)},[]);return{activeStep:r,handleChangeStep:c,handleGoToNextStep:u,isSuccess:i,handleReset:l}},ZEe=q(rt.div)`
+`,_Ee=({items:e,activeStep:t,handleChangeStep:r,handleGoToNextStep:n,isLoading:i})=>{if(!(e!=null&&e.length))return null;const o=I.useMemo(()=>e[t].component,[e,t]);return g.jsxs(zEe,{children:[g.jsx(GEe,{children:e.map(({title:l,disabled:u,completed:c},f)=>g.jsx(HEe,{onClick:r(f),title:l,index:f,activeStep:t,disabled:u,completed:c},l))}),g.jsx(o,{handleGoToNextStep:n,isLoading:i})]})},UEe=({totalSteps:e,handleFinish:t})=>{const[r,n]=I.useState(0),[i,o]=I.useState(!1),l=I.useCallback(()=>{n(0),o(!1)},[]),u=I.useCallback(()=>{if(r+1===e){if(t){t().then(()=>{l(),o(!0)});return}l(),o(!0);return}n(r+1)},[r,e,l]),c=I.useCallback(f=>()=>{n(f)},[]);return{activeStep:r,handleChangeStep:c,handleGoToNextStep:u,isSuccess:i,handleReset:l}},ZEe=q(rt.div)`
   margin-right: 1em;
 `,YEe=q.div`
   display: flex;