@mailstep/design-system 0.6.73-beta.3 → 0.6.73-beta.4

package/package.json

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

package/ui/Blocks/Stepper/Stepper.js

@@ -4,7 +4,7 @@ import { StepItem } from './components/StepItem';
 import { Container, ItemsWrapper } from './styles';
 export var Stepper = function (_a) {
     var items = _a.items, activeStep = _a.activeStep, hasStepNumbering = _a.hasStepNumbering, handleChangeStep = _a.handleChangeStep, handleGoToNextStep = _a.handleGoToNextStep, isLoading = _a.isLoading;
-    var Component = useMemo(function () { return items[activeStep].component; }, [items, activeStep]);
+    var Component = useMemo(function () { var _a; return (_a = items[activeStep]) === null || _a === void 0 ? void 0 : _a.component; }, [items, activeStep]);
     useEffect(function () {
         var _a;
         if (!!activeStep && !((_a = items[activeStep - 1]) === null || _a === void 0 ? void 0 : _a.completed)) {

package/ui/index.es.js

@@ -51695,7 +51695,10 @@ const Cke = /* @__PURE__ */ Da(wke), xke = ot`
   handleGoToNextStep: i,
   isLoading: o
 }) => {
-  const l = Ye(() => e[t].component, [e, t]);
+  const l = Ye(() => {
+    var c;
+    return (c = e[t]) == null ? void 0 : c.component;
+  }, [e, t]);
   return At(() => {
     var c;
     t && !((c = e[t - 1]) != null && c.completed) && (n == null || n(0)());

package/ui/index.umd.js

@@ -3985,7 +3985,7 @@ ${ee.current.stack}
     flex-direction: row;
     width: auto;
   }
-`,kOe=({items:e,activeStep:t,hasStepNumbering:r,handleChangeStep:n,handleGoToNextStep:i,isLoading:o})=>{const l=I.useMemo(()=>e[t].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(EOe,{children:[g.jsx(IOe,{total:e.length,hasComponent:!!l,children:e.map(({title:u,disabled:c,completed:f,icon:A},p)=>g.jsx(SOe,{onClick:n==null?void 0:n(p),title:u,index:p,total:e.length,activeStep:t,disabled:c,completed:f,hasStepNumbering:r,icon:A},u))}),l&&g.jsx(l,{handleGoToNextStep:i,isLoading:o})]}):null},OOe=({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}},POe=$(Xe.div)`
+`,kOe=({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(EOe,{children:[g.jsx(IOe,{total:e.length,hasComponent:!!l,children:e.map(({title:u,disabled:c,completed:f,icon:A},p)=>g.jsx(SOe,{onClick:n==null?void 0:n(p),title:u,index:p,total:e.length,activeStep:t,disabled:c,completed:f,hasStepNumbering:r,icon:A},u))}),l&&g.jsx(l,{handleGoToNextStep:i,isLoading:o})]}):null},OOe=({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}},POe=$(Xe.div)`
   margin-right: 1em;
 `,TOe=$.div`
   display: flex;