aport-tools 4.4.5 → 4.4.6

package/dist/index.esm.js

@@ -1,4 +1,4 @@
-/*! aport-tools v4.4.5 | ISC */
+/*! aport-tools v4.4.6 | ISC */
 import React, { useContext, useState, createContext, useCallback, useMemo } from 'react';
 import { StyleSheet, Text as Text$1, Animated, View, TouchableOpacity, Image, TextInput, Modal, Pressable, FlatList, Keyboard, Platform, Alert, ActivityIndicator } from 'react-native';
 import { ThemeContext } from 'aport-themes';
@@ -188,6 +188,9 @@ var Stepper = function Stepper(_a) {
   var _e = useFormContext(),
     formValues = _e.formValues,
     handleFormSubmit = _e.handleFormSubmit;
+  var _f = useState(false),
+    errorBack = _f[0],
+    seterrorBack = _f[1];
   var handleStepPress = function handleStepPress(stepIndex) {
     return __awaiter(void 0, void 0, void 0, function () {
       var errors;
@@ -195,13 +198,17 @@ var Stepper = function Stepper(_a) {
         switch (_a.label) {
           case 0:
             if (!presseable || stepIndex === currentStep) return [2 /*return*/];
+            if (!(stepIndex > currentStep)) return [3 /*break*/, 2];
             return [4 /*yield*/, handleFormSubmit(formValues)];
           case 1:
             errors = _a.sent();
             if (Object.keys(errors).length > 0) {
               console.log("Validation failed. Cannot proceed to step", stepIndex);
+              seterrorBack(true);
               return [2 /*return*/]; // Prevent step change
             }
+            _a.label = 2;
+          case 2:
             // Proceed to change step
             onPress === null || onPress === void 0 ? void 0 : onPress(stepIndex);
             return [2 /*return*/];
@@ -299,7 +306,7 @@ var Stepper = function Stepper(_a) {
       }
     }, /*#__PURE__*/React.createElement(View, {
       style: [styles$9.step, stepStyle === "square" && styles$9.squareStep, {
-        backgroundColor: currentStep >= index ? colors.primary.hex : colors.body.hex
+        backgroundColor: !errorBack ? currentStep >= index ? colors.primary.hex : colors.body.hex : colors.error.hex
       }]
     }, renderStepContent(index)), steps && /*#__PURE__*/React.createElement(Text, {
       style: styles$9.stepText