aport-tools 4.4.5 → 4.4.7

package/dist/index.js

@@ -1,4 +1,4 @@
-/*! aport-tools v4.4.5 | ISC */
+/*! aport-tools v4.4.7 | ISC */
 'use strict';
 
 var React = require('react');
@@ -209,6 +209,9 @@ var Stepper = function Stepper(_a) {
   var _e = useFormContext(),
     formValues = _e.formValues,
     handleFormSubmit = _e.handleFormSubmit;
+  var _f = React.useState(false),
+    errorBack = _f[0],
+    seterrorBack = _f[1];
   var handleStepPress = function handleStepPress(stepIndex) {
     return __awaiter(void 0, void 0, void 0, function () {
       var errors;
@@ -216,13 +219,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*/];
@@ -320,7 +327,7 @@ var Stepper = function Stepper(_a) {
       }
     }, /*#__PURE__*/React.createElement(reactNative.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