+ + +
+${this.escapeHtml(message)}
+${window.dt_admin_shared.escape(postType.description)}
+ +Choose the type of records you want to import from your CSV file.
+ +Upload a CSV file containing ${window.dt_admin_shared.escape(this.getPostTypeLabel())} data.
+ +${window.dt_admin_shared.escape(dtImport.translations.dragDropFile)}
+Map each CSV column to the appropriate field in Disciple.Tools.
+ + + +Error loading field options
') + .show(); + }); + }) + .catch((error) => { + console.error('Error fetching column data:', error); + $options + .html('Error loading column data
') + .show(); + }); + } + + showInlineValueMappingWithOptions( + columnIndex, + fieldKey, + fieldConfig, + fieldOptions, + ) { + const $card = $( + `.column-mapping-card[data-column-index="${columnIndex}"]`, + ); + const $options = $card.find('.field-specific-options'); + + // Get unique values from this CSV column (excluding header row) + this.getColumnUniqueValues(columnIndex) + .then((uniqueValues) => { + if (uniqueValues.length === 0) { + $options.hide().empty(); + return; + } + + // Use the provided field options directly + const mappingHtml = this.createInlineValueMappingHtml( + columnIndex, + fieldKey, + uniqueValues, + fieldOptions, + fieldConfig.type, + ); + $options.html(mappingHtml).show(); + + // Apply auto-mapping + this.autoMapInlineValues(columnIndex, fieldOptions); + + // Update field mappings with initial auto-mapped values + this.updateFieldMappingFromInline(columnIndex, fieldKey); + }) + .catch((error) => { + console.error('Error fetching column data:', error); + $options + .html('Error loading column data
') + .show(); + }); + } + + getColumnUniqueValues(columnIndex) { + // Get unique values from the current session's CSV data + return fetch( + `${dtImport.restUrl}${this.sessionId}/column-data?column_index=${columnIndex}`, + { + headers: { + 'X-WP-Nonce': dtImport.nonce, + }, + }, + ) + .then((response) => response.json()) + .then((data) => { + if (data.success) { + return data.data.unique_values || []; + } else { + throw new Error(data.message || 'Failed to fetch column data'); + } + }); + } + + getFieldOptionsForSelect(fieldKey) { + return fetch( + `${dtImport.restUrl}${this.selectedPostType}/field-options?field_key=${fieldKey}`, + { + headers: { + 'X-WP-Nonce': dtImport.nonce, + }, + }, + ) + .then((response) => response.json()) + .then((data) => { + if (data.success) { + return data.data; + } else { + throw new Error(data.message || 'Failed to fetch field options'); + } + }); + } + + createInlineValueMappingHtml( + columnIndex, + fieldKey, + uniqueValues, + fieldOptions, + fieldType, + ) { + const fieldOptionsHtml = Object.entries(fieldOptions) + .map( + ([key, label]) => + ``, + ) + .join(''); + + const valueMappingRows = uniqueValues + .slice(0, 10) + .map((csvValue) => { + // Limit to first 10 values + return ` +Showing first 10 of ${window.dt_admin_shared.escape(uniqueValues.length)} unique values
` + : ''; + + return ` +| CSV Value | +Maps To | +
|---|
Review the data before importing ${window.dt_admin_shared.escape(previewData.total_rows)} records.
+ + ${ + previewData.is_estimated + ? ` +Large File Detected: Counts below are estimated based on a sample of ${window.dt_admin_shared.escape(previewData.sample_size)} rows for faster processing. Actual numbers may vary slightly during import.
+Total Records
+Will Import
+Warnings
+Errors
+* Estimated values based on sampling
+ ` + : '' + } + + ${ + totalErrors > 0 + ? ` +Some records have errors and will be skipped during import. Review the errors below for details.
+Some records will create new connection records. Review the preview below for details.
+No data to preview.
'; + } + + // Get only the headers for fields that are actually being imported + // The preview data from the server only contains fields that have mappings + const headers = Object.keys(rows[0].data); + + if (headers.length === 0) { + return 'No fields selected for import. Please go back and configure field mappings.
'; + } + + // Get field settings to convert field keys to human-readable names + const fieldSettings = this.getFieldSettingsForPostType(); + + const headerHtml = + `Records Imported
+Errors
++ Showing first ${window.dt_admin_shared.escape(results.imported_records.length)} of ${window.dt_admin_shared.escape(results.records_imported)} imported records +
+ ` + : '' + } +${window.dt_admin_shared.escape(mappedCount)} of ${window.dt_admin_shared.escape(totalColumns)} columns mapped
+⚠ Name field is required and must be mapped
+ `); + } else { + $('.summary-stats').html(` +${window.dt_admin_shared.escape(mappedCount)} of ${window.dt_admin_shared.escape(totalColumns)} columns mapped
+✓ Name field is mapped
+ `); + } + + // Disable next button if no mappings OR name field is not mapped + $('.dt-import-next').prop( + 'disabled', + mappedCount === 0 || !nameFieldMapped, + ); + } + + showProcessing(message) { + $('.dt-import-container').append(` + + `); + } + + hideProcessing() { + $('.processing-overlay').remove(); + } + + showError(message) { + // Use Toastify for error messages if available + if (typeof Toastify !== 'undefined') { + Toastify({ + text: message, + duration: 5000, + close: true, + gravity: 'bottom', + position: 'center', + backgroundColor: '#dc3232', + className: 'dt-import-toast-error', + stopOnFocus: true, + }).showToast(); + } else { + // Fallback to original method if Toastify is not available + $('.dt-import-errors') + .html( + ` +${this.escapeHtml(message)}
+${this.escapeHtml(message)}
+${window.dt_admin_shared.escape(dtImport.translations.geocodingNote)}
+${window.dt_admin_shared.escape(dtImport.translations.geocodingOptional)}
++ ${window.dt_admin_shared.escape(dtImport.translations.duplicateCheckingNote)} +
++ Auto-detect works for most formats, but specifying the exact format ensures accuracy. +
+