@importcsv/react 0.1.13 → 0.1.14

package/build/index.js

@@ -30213,13 +30213,19 @@ var getStepConfig = function (skipHeader, useConsolidated) {
         { label: "Validation", id: Steps.Validation },
     ];
 };
-function useStepNavigation(initialStep, skipHeader, useConsolidated) {
+function useStepNavigation(initialStep, skipHeader, useConsolidated, isDemoMode) {
     var _a;
     if (useConsolidated === void 0) { useConsolidated = true; }
+    if (isDemoMode === void 0) { isDemoMode = false; }
     var t = useTranslation().t;
     var translatedSteps = getStepConfig(skipHeader, useConsolidated).map(function (step) { return (__assign$1(__assign$1({}, step), { label: t(step.label) })); });
-    var stepper = useStepper(translatedSteps, StepEnum.Upload, skipHeader);
-    var _b = useMutableLocalStorage("tf_steps", ""), storageStep = _b[0], setStorageStep = _b[1];
+    // Map initial step to stepper index for consolidated flow
+    var initialStepperIndex = useConsolidated && initialStep === StepEnum.MapColumns ? 1 :
+        useConsolidated && initialStep === StepEnum.Validation ? 2 :
+            useConsolidated && initialStep === StepEnum.Complete ? 3 : 0;
+    var stepper = useStepper(translatedSteps, initialStepperIndex, skipHeader);
+    // Don't use localStorage in demo mode
+    var _b = useMutableLocalStorage("tf_steps", isDemoMode ? "" : ""), storageStep = _b[0], setStorageStep = _b[1];
     var _c = React.useState(initialStep), currentStep = _c[0], setCurrentStep = _c[1];
     var goBack = function (backStep) {
         var targetStep = backStep !== undefined ? backStep : Math.max(0, currentStep - 1);
@@ -30244,6 +30250,10 @@ function useStepNavigation(initialStep, skipHeader, useConsolidated) {
         stepper.setCurrent(stepperIndex);
     };
     React.useEffect(function () {
+        // In demo mode, don't use localStorage
+        if (isDemoMode) {
+            return;
+        }
         var step = storageStep || 0;
         // Map the step to the correct stepper index for consolidated flow
         var stepperIndex = useConsolidated ?
@@ -30254,9 +30264,9 @@ function useStepNavigation(initialStep, skipHeader, useConsolidated) {
             : step;
         stepper.setCurrent(stepperIndex);
         setCurrentStep(step);
-    }, [storageStep]);
+    }, [storageStep, isDemoMode]);
     return {
-        currentStep: storageStep || currentStep,
+        currentStep: isDemoMode ? currentStep : (storageStep || currentStep),
         setStep: setStep,
         goBack: goBack,
         goNext: goNext,
@@ -35810,7 +35820,7 @@ function Main(props) {
     var useConsolidatedFlow = true; // Using consolidated flow to combine header selection and mapping
     // Start at MapColumns step if demo mode is active
     var initialStep = isDemoMode ? StepEnum.MapColumns : StepEnum.Upload;
-    var _e = useStepNavigation(initialStep, skipHeader, useConsolidatedFlow), currentStep = _e.currentStep, setStep = _e.setStep, goNext = _e.goNext, goBack = _e.goBack, stepper = _e.stepper;
+    var _e = useStepNavigation(initialStep, skipHeader, useConsolidatedFlow, isDemoMode), currentStep = _e.currentStep, setStep = _e.setStep, goNext = _e.goNext, goBack = _e.goBack, stepper = _e.stepper;
     // Error handling
     var _f = React.useState(null), initializationError = _f[0], setInitializationError = _f[1];
     var _g = React.useState(null), dataError = _g[0], setDataError = _g[1];
@@ -35850,6 +35860,10 @@ function Main(props) {
                         sheetList: [],
                         errors: results.errors.map(function (error) { return error.message; }),
                     });
+                    // Ensure we're on the correct step after data is loaded
+                    if (currentStep === StepEnum.Upload) {
+                        setStep(StepEnum.MapColumns);
+                    }
                 },
             });
         }