@importcsv/react 0.1.14 → 0.1.15

package/build/index.esm.js

@@ -30197,9 +30197,13 @@ function useStepNavigation(initialStep, skipHeader, useConsolidated, isDemoMode)
         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];
+    // 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);
@@ -30223,8 +30227,8 @@ function useStepNavigation(initialStep, skipHeader, useConsolidated, isDemoMode)
         stepper.setCurrent(stepperIndex);
     };
     useEffect$2(function () {
-        // In demo mode, don't use localStorage
-        if (isDemoMode) {
+        // In demo mode or when storageStep is null, don't update from localStorage
+        if (isDemoMode || storageStep === null) {
             return;
         }
         var step = storageStep || 0;
@@ -30239,7 +30243,7 @@ function useStepNavigation(initialStep, skipHeader, useConsolidated, isDemoMode)
         setCurrentStep(step);
     }, [storageStep, isDemoMode]);
     return {
-        currentStep: isDemoMode ? currentStep : (storageStep || currentStep),
+        currentStep: isDemoMode ? currentStep : (storageStep !== null && storageStep !== void 0 ? storageStep : currentStep),
         setStep: setStep,
         goBack: goBack,
         goNext: goNext,
@@ -35786,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));
@@ -35793,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;
+    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];
@@ -35820,27 +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; }),
                     });
-                    // Ensure we're on the correct step after data is loaded
-                    if (currentStep === StepEnum.Upload) {
-                        setStep(StepEnum.MapColumns);
-                    }
+                    // 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 () {
@@ -35915,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);
@@ -36062,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 () {
@@ -37842,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 () {