@importcsv/react 0.1.13 → 0.1.15

package/build/importer/features/main/hooks/useStepNavigation.d.ts

@@ -6,7 +6,7 @@ export declare const StepEnum: {
     Validation: number;
     Complete: number;
 };
-declare function useStepNavigation(initialStep: number, skipHeader: boolean, useConsolidated?: boolean): {
+declare function useStepNavigation(initialStep: number, skipHeader: boolean, useConsolidated?: boolean, isDemoMode?: boolean): {
     currentStep: any;
     setStep: (newStep: number) => void;
     goBack: (backStep?: number) => void;

package/build/index.esm.js

@@ -30186,14 +30186,24 @@ 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 - use a dummy state instead
+    var localStorageResult = isDemoMode ?
+        [null, function () { }] :
+        useMutableLocalStorage("tf_steps", "");
+    var _b = localStorageResult, storageStep = _b[0], setStorageStep = _b[1];
     var _c = useState$1(initialStep), currentStep = _c[0], setCurrentStep = _c[1];
+    console.log('🔧 useStepNavigation - initialStep:', initialStep, 'isDemoMode:', isDemoMode, 'storageStep:', storageStep);
     var goBack = function (backStep) {
         var targetStep = backStep !== undefined ? backStep : Math.max(0, currentStep - 1);
         setStep(targetStep);
@@ -30217,6 +30227,10 @@ function useStepNavigation(initialStep, skipHeader, useConsolidated) {
         stepper.setCurrent(stepperIndex);
     };
     useEffect$2(function () {
+        // In demo mode or when storageStep is null, don't update from localStorage
+        if (isDemoMode || storageStep === null) {
+            return;
+        }
         var step = storageStep || 0;
         // Map the step to the correct stepper index for consolidated flow
         var stepperIndex = useConsolidated ?
@@ -30227,9 +30241,9 @@ function useStepNavigation(initialStep, skipHeader, useConsolidated) {
             : step;
         stepper.setCurrent(stepperIndex);
         setCurrentStep(step);
-    }, [storageStep]);
+    }, [storageStep, isDemoMode]);
     return {
-        currentStep: storageStep || currentStep,
+        currentStep: isDemoMode ? currentStep : (storageStep !== null && storageStep !== void 0 ? storageStep : currentStep),
         setStep: setStep,
         goBack: goBack,
         goNext: goNext,
@@ -35776,6 +35790,8 @@ function Main(props) {
     demoData = props.demoData;
     var skipHeader = skipHeaderRowSelection !== null && skipHeaderRowSelection !== void 0 ? skipHeaderRowSelection : false;
     var isDemoMode = !!demoData;
+    console.log('🎯 Main Component - demoData:', demoData);
+    console.log('🎯 Main Component - isDemoMode:', isDemoMode);
     var t = useTranslation().t;
     // Apply custom styles
     useCustomStyles(parseObjectOrStringJSON("customStyles", customStyles));
@@ -35783,7 +35799,9 @@ 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;
+    console.log('🚀 Initial step calculation - isDemoMode:', isDemoMode, 'initialStep:', initialStep);
+    var _e = useStepNavigation(initialStep, skipHeader, useConsolidatedFlow, isDemoMode), currentStep = _e.currentStep, setStep = _e.setStep, goNext = _e.goNext, goBack = _e.goBack, stepper = _e.stepper;
+    console.log('🚀 After useStepNavigation - currentStep:', currentStep);
     // Error handling
     var _f = useState$1(null), initializationError = _f[0], setInitializationError = _f[1];
     var _g = useState$1(null), dataError = _g[0], setDataError = _g[1];
@@ -35810,23 +35828,36 @@ function Main(props) {
     var _r = useState$1(false), disableOnInvalidRows = _r[0], setDisableOnInvalidRows = _r[1];
     // Initialize demo data if provided
     useEffect$2(function () {
+        console.log('📊 Demo Data Effect - isDemoMode:', isDemoMode);
+        console.log('📊 Demo Data Effect - demoData:', demoData);
         if (isDemoMode && demoData) {
+            console.log('📊 Starting to parse demo CSV content...');
             // Parse the demo CSV content
             papaparse_min.parse(demoData.csvContent, {
                 complete: function (results) {
+                    console.log('📊 Papa.parse complete - results:', results);
                     var csvData = results.data;
                     var isNotBlankRow = function (row) { return row.some(function (cell) { return cell.toString().trim() !== ""; }); };
                     var rows = csvData.filter(isNotBlankRow).map(function (row, index) { return ({ index: index, values: row }); });
+                    console.log('📊 Parsed rows:', rows);
                     setData({
                         fileName: demoData.fileName,
                         rows: rows,
                         sheetList: [],
                         errors: results.errors.map(function (error) { return error.message; }),
                     });
+                    // No need to change step - we already start at MapColumns in demo mode
+                    console.log('📊 Data loaded, already at MapColumns step');
                 },
+                error: function (error) {
+                    console.error('📊 Papa.parse error:', error);
+                }
             });
         }
-    }, [isDemoMode, demoData]);
+        else {
+            console.log('📊 Demo mode not active or no demo data provided');
+        }
+    }, [isDemoMode, demoData]); // Only parse when demo mode or data changes
     // Fetch schema from the backend using importerKey
     useEffect$2(function () {
         var fetchSchema = function () { return __awaiter(_this, void 0, void 0, function () {
@@ -35901,10 +35932,11 @@ function Main(props) {
     useEffect$2(function () {
         // TODO (client-sdk): Have the importer continue where left off if closed
         // Temporary solution to reload state if closed and opened again
-        if (data.rows.length === 0 && currentStep !== StepEnum.Upload) {
+        // Don't reload in demo mode - let the demo data load
+        if (!isDemoMode && data.rows.length === 0 && currentStep !== StepEnum.Upload) {
             reload();
         }
-    }, [data]);
+    }, [data, isDemoMode]);
     // Actions
     var reload = function () {
         setData(emptyData);
@@ -36048,6 +36080,7 @@ function Main(props) {
         return (jsx("div", __assign$1({ className: style$5.wrapper }, { children: jsx(Errors, { error: initializationError, centered: true }) })));
     }
     var renderContent = function () {
+        console.log('🎨 renderContent - currentStep:', currentStep, 'StepEnum:', StepEnum);
         switch (currentStep) {
             case StepEnum.Upload:
                 return (jsx(Uploader, { template: parsedTemplate, skipHeaderRowSelection: skipHeader || false, showDownloadTemplateButton: showDownloadTemplateButton, setDataError: setDataError, onSuccess: function (file) { return __awaiter(_this, void 0, void 0, function () {
@@ -37828,6 +37861,7 @@ var CSVImporter = forwardRef(function (importerProps, forwardRef) {
     var _a = importerProps.isModal, isModal = _a === void 0 ? true : _a, _b = importerProps.modalIsOpen, modalIsOpen = _b === void 0 ? true : _b, _c = importerProps.modalOnCloseTriggered, modalOnCloseTriggered = _c === void 0 ? function () { return null; } : _c, modalCloseOnOutsideClick = importerProps.modalCloseOnOutsideClick, _d = importerProps.darkMode, darkMode = _d === void 0 ? false : _d, _e = importerProps.primaryColor, primaryColor = _e === void 0 ? "#2563eb" : _e, className = importerProps.className, onComplete = importerProps.onComplete, customStyles = importerProps.customStyles, showDownloadTemplateButton = importerProps.showDownloadTemplateButton, skipHeaderRowSelection = importerProps.skipHeaderRowSelection, language = importerProps.language, customTranslations = importerProps.customTranslations, importerKey = importerProps.importerKey, backendUrl = importerProps.backendUrl, user = importerProps.user, metadata = importerProps.metadata, demoData = importerProps.demoData, 
     // Any remaining props will be valid DOM props
     domProps = __rest$1(importerProps, ["isModal", "modalIsOpen", "modalOnCloseTriggered", "modalCloseOnOutsideClick", "darkMode", "primaryColor", "className", "onComplete", "customStyles", "showDownloadTemplateButton", "skipHeaderRowSelection", "language", "customTranslations", "importerKey", "backendUrl", "user", "metadata", "demoData"]);
+    console.log('🔍 CSVImporter - demoData received:', demoData);
     var ref = forwardRef !== null && forwardRef !== void 0 ? forwardRef : useRef$1(null);
     var current = ref === null || ref === void 0 ? void 0 : ref.current;
     useEffect$2(function () {