@forgeroute/ui 0.4.41 → 0.4.42

package/fesm2022/forgeroute-ui.mjs

@@ -9381,6 +9381,9 @@ var ImportExportComponent = class ImportExportComponent {
 		this.importSources = input(void 0, ...ngDevMode ? [{ debugName: "importSources" }] : /* istanbul ignore next */ []);
 		this.exportParams = input({}, ...ngDevMode ? [{ debugName: "exportParams" }] : /* istanbul ignore next */ []);
 		this.exportOnly = input(false, ...ngDevMode ? [{ debugName: "exportOnly" }] : /* istanbul ignore next */ []);
+		this.closeOnly = input(false, ...ngDevMode ? [{ debugName: "closeOnly" }] : /* istanbul ignore next */ []);
+		this.submit = input(null, ...ngDevMode ? [{ debugName: "submit" }] : /* istanbul ignore next */ []);
+		this.finished = output();
 		this.imported = output();
 		this.http = inject(HttpClient);
 		this.apiBase = inject(FORGEROUTE_CONFIG, { optional: true })?.baseUrl ?? "/api";
@@ -9400,6 +9403,7 @@ var ImportExportComponent = class ImportExportComponent {
 		this.mappingError = null;
 		this.importing = false;
 		this.importResult = null;
+		this.csvFile = null;
 		this.destroyRef.onDestroy(() => this.stopImportTimer());
 		effect(() => {
 			const v = this._configInput();
@@ -9466,6 +9470,7 @@ var ImportExportComponent = class ImportExportComponent {
 		this.selectedSource = "";
 		this.csvHeaders = [];
 		this.csvRows = [];
+		this.csvFile = null;
 		this.fileError = null;
 		this.columnMapping = {};
 		this.mappingError = null;
@@ -9492,6 +9497,7 @@ var ImportExportComponent = class ImportExportComponent {
 	}
 	finishImport() {
 		this.importOpen = false;
+		if (this.importResult) this.finished.emit(this.importResult);
 		this.imported.emit();
 	}
 	onFileChange(event) {
@@ -9500,6 +9506,7 @@ var ImportExportComponent = class ImportExportComponent {
 		this.readCsvFile(file);
 	}
 	readCsvFile(file, encoding) {
+		this.csvFile = file;
 		const reader = new FileReader();
 		reader.onload = (e) => {
 			const raw = e.target.result;
@@ -9641,7 +9648,12 @@ var ImportExportComponent = class ImportExportComponent {
 			}
 			return record;
 		});
-		this.http.post(`${this.apiBase}${this.config.importEndpoint ?? ""}`, { records }).subscribe({
+		const custom = this.submit();
+		(custom ? custom({
+			file: this.csvFile,
+			records,
+			mapping: { ...this.columnMapping }
+		}) : this.http.post(`${this.apiBase}${this.config.importEndpoint ?? ""}`, { records })).subscribe({
 			next: (result) => {
 				this.stopImportTimer();
 				this.importing = false;
@@ -9654,10 +9666,21 @@ var ImportExportComponent = class ImportExportComponent {
 				if (result.imported > 0) this.toast.show(`${result.imported} ${this.config.entityNamePlural.toLowerCase()} imported successfully`);
 				this.cdr.detectChanges();
 			},
-			error: () => {
+			error: (err) => {
 				this.stopImportTimer();
 				this.importing = false;
-				this.toast.error("Import failed. Please check your data and try again.");
+				if (custom && Array.isArray(err?.error?.errors)) {
+					this.importResult = {
+						imported: err.error.successCount ?? 0,
+						errors: err.error.errors,
+						warnings: []
+					};
+					this.step = "result";
+					this.cdr.detectChanges();
+					return;
+				}
+				const serverMessage = custom && typeof err?.error?.message === "string" ? err.error.message : "";
+				this.toast.error(serverMessage || "Import failed. Please check your data and try again.");
 				this.cdr.detectChanges();
 			}
 		});
@@ -9707,9 +9730,26 @@ var ImportExportComponent = class ImportExportComponent {
 					isSignal: true,
 					isRequired: false,
 					transformFunction: null
+				},
+				closeOnly: {
+					classPropertyName: "closeOnly",
+					publicName: "closeOnly",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				submit: {
+					classPropertyName: "submit",
+					publicName: "submit",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
 				}
 			},
-			outputs: { imported: "imported" },
+			outputs: {
+				finished: "finished",
+				imported: "imported"
+			},
 			ngImport: i0,
 			template: `
     <!-- Trigger buttons -->
@@ -9768,7 +9808,7 @@ var ImportExportComponent = class ImportExportComponent {
           <div class="ie-template-hint">
             <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><circle cx="12" cy="12" r="10"/><line x1="12" y1="8" x2="12" y2="12"/><line x1="12" y1="16" x2="12.01" y2="16"/></svg>
             Start with our CSV template to ensure correct column names.
-            <ui-button variant="ghost" size="sm" (click)="downloadTemplate()">Download template</ui-button>
+            <ui-button variant="ghost" size="sm" data-testid="import-template-button" (click)="downloadTemplate()">{{ config.templateLabel || 'Download template' }}</ui-button>
           </div>
           <label class="ie-dropzone" [class.has-error]="!!fileError">
             <input type="file" class="ie-file-hidden" accept=".csv,text/csv" aria-label="Choose CSV file to import" (change)="onFileChange($event)" />
@@ -9901,6 +9941,21 @@ var ImportExportComponent = class ImportExportComponent {
       }
 
       <!-- Footer -->
+      @if (closeOnly()) {
+        <!-- no Back: one Close that shuts the window at once (the setup wizard) -->
+        @if (step !== 'result') {
+          <ui-button modal-footer-left variant="secondary" size="sm" data-testid="import-close-button" [disabled]="importing" (click)="closeImport()">Close</ui-button>
+        }
+        @if (step === 'source') {
+          <ui-button modal-footer-right variant="primary" size="sm" [disabled]="!selectedSource" (click)="confirmSource()">Next</ui-button>
+        }
+        @if (step === 'mapping') {
+          <ui-button modal-footer-right variant="primary" size="sm" [disabled]="!canSubmit" (click)="goToPreview()">Preview Import</ui-button>
+        }
+        @if (step === 'preview') {
+          <ui-button modal-footer-right variant="primary" size="sm" [loading]="importing" (click)="submitImport()">Import {{ csvRows.length }} Record(s)</ui-button>
+        }
+      } @else {
       @if (step === 'source') {
         <ui-button modal-footer-left variant="secondary" size="sm" (click)="closeImport()">Cancel</ui-button>
       }
@@ -9937,6 +9992,7 @@ var ImportExportComponent = class ImportExportComponent {
           <ui-button variant="primary" size="sm" [loading]="importing" (click)="submitImport()">Import {{ csvRows.length }} Record(s)</ui-button>
         </div>
       }
+      }
       @if (step === 'result') {
         <span modal-footer-left></span>
       }
@@ -10131,7 +10187,7 @@ i0.ɵɵngDeclareClassMetadata({
           <div class="ie-template-hint">
             <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><circle cx="12" cy="12" r="10"/><line x1="12" y1="8" x2="12" y2="12"/><line x1="12" y1="16" x2="12.01" y2="16"/></svg>
             Start with our CSV template to ensure correct column names.
-            <ui-button variant="ghost" size="sm" (click)="downloadTemplate()">Download template</ui-button>
+            <ui-button variant="ghost" size="sm" data-testid="import-template-button" (click)="downloadTemplate()">{{ config.templateLabel || 'Download template' }}</ui-button>
           </div>
           <label class="ie-dropzone" [class.has-error]="!!fileError">
             <input type="file" class="ie-file-hidden" accept=".csv,text/csv" aria-label="Choose CSV file to import" (change)="onFileChange($event)" />
@@ -10264,6 +10320,21 @@ i0.ɵɵngDeclareClassMetadata({
       }
 
       <!-- Footer -->
+      @if (closeOnly()) {
+        <!-- no Back: one Close that shuts the window at once (the setup wizard) -->
+        @if (step !== 'result') {
+          <ui-button modal-footer-left variant="secondary" size="sm" data-testid="import-close-button" [disabled]="importing" (click)="closeImport()">Close</ui-button>
+        }
+        @if (step === 'source') {
+          <ui-button modal-footer-right variant="primary" size="sm" [disabled]="!selectedSource" (click)="confirmSource()">Next</ui-button>
+        }
+        @if (step === 'mapping') {
+          <ui-button modal-footer-right variant="primary" size="sm" [disabled]="!canSubmit" (click)="goToPreview()">Preview Import</ui-button>
+        }
+        @if (step === 'preview') {
+          <ui-button modal-footer-right variant="primary" size="sm" [loading]="importing" (click)="submitImport()">Import {{ csvRows.length }} Record(s)</ui-button>
+        }
+      } @else {
       @if (step === 'source') {
         <ui-button modal-footer-left variant="secondary" size="sm" (click)="closeImport()">Cancel</ui-button>
       }
@@ -10300,6 +10371,7 @@ i0.ɵɵngDeclareClassMetadata({
           <ui-button variant="primary" size="sm" [loading]="importing" (click)="submitImport()">Import {{ csvRows.length }} Record(s)</ui-button>
         </div>
       }
+      }
       @if (step === 'result') {
         <span modal-footer-left></span>
       }
@@ -10346,6 +10418,26 @@ i0.ɵɵngDeclareClassMetadata({
 				required: false
 			}]
 		}],
+		closeOnly: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "closeOnly",
+				required: false
+			}]
+		}],
+		submit: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "submit",
+				required: false
+			}]
+		}],
+		finished: [{
+			type: i0.Output,
+			args: ["finished"]
+		}],
 		imported: [{
 			type: i0.Output,
 			args: ["imported"]
@@ -13650,9 +13742,11 @@ var DataTableComponent = class DataTableComponent {
 						"config",
 						"importSources",
 						"exportParams",
-						"exportOnly"
+						"exportOnly",
+						"closeOnly",
+						"submit"
 					],
-					outputs: ["imported"]
+					outputs: ["finished", "imported"]
 				},
 				{
 					kind: "component",
@@ -43299,7 +43393,6 @@ const DEFAULT_TEXTS = {
 	selectSource: "Select",
 	connected: "Connected",
 	importMore: "Import more",
-	downloadSample: "Download CSV Template",
 	importRequired: "Import your data to continue, or skip this step.",
 	importErrorsTitle: (errors) => `${errors} row${errors === 1 ? "" : "s"} could not be imported`,
 	importErrorsText: (_imported, errors) => `Nothing was imported yet. Fix the ${errors === 1 ? "row" : "rows"} listed in the import window in your file, then import the whole file again to continue.`,
@@ -43523,9 +43616,6 @@ var SetupWizardComponent = class SetupWizardComponent {
 		importer.onSourceSelected(source);
 		importer.confirmSource();
 	}
-	downloadSample() {
-		this.importers()[0]?.downloadTemplate();
-	}
 	openImport(key) {
 		if (this.steps().findIndex((s) => s.key === key) < 0) return;
 		this.importers()[0]?.openImport();
@@ -43870,16 +43960,13 @@ var SetupWizardComponent = class SetupWizardComponent {
                     </ui-alert>
                   } @else {
                     @if (imp.hint) { <p class="sw-hint">{{ imp.hint }}</p> }
-                    @if (imp.config.importFields?.length) {
-                      <ui-button variant="link" [attr.data-testid]="'download-sample-' + current().key" (click)="downloadSample()">{{ imp.templateLabel || t().downloadSample }}</ui-button>
-                    }
                     @if (imp.sources?.length) {
                       <ui-import-source-grid appearance="card" [disabled]="busy()" [actionLabel]="t().selectSource" [sources]="imp.sources!" [ariaLabel]="'Select your ' + imp.config.entityName + ' source'" (sourceSelect)="startImport(current().key, $event)" />
                     } @else {
                       <ui-button variant="primary" size="sm" [attr.data-testid]="'open-import-' + current().key" (click)="openImport(current().key)"><svg class="sw-ico" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path [attr.d]="iconD('upload')" /></svg> {{ imp.buttonLabel }}</ui-button>
                     }
                   }
-                  <ui-import-export #importer style="display:none" [config]="imp.config" [importSources]="imp.sources" (imported)="onImported(current().key)" />
+                  <ui-import-export #importer style="display:none" [config]="imp.config" [importSources]="imp.sources" [closeOnly]="true" [submit]="imp.submit ?? null" (imported)="onImported(current().key)" />
                 }
               }
               @case ('integrations') {
@@ -44013,9 +44100,11 @@ var SetupWizardComponent = class SetupWizardComponent {
 						"config",
 						"importSources",
 						"exportParams",
-						"exportOnly"
+						"exportOnly",
+						"closeOnly",
+						"submit"
 					],
-					outputs: ["imported"]
+					outputs: ["finished", "imported"]
 				},
 				{
 					kind: "component",
@@ -44350,16 +44439,13 @@ i0.ɵɵngDeclareClassMetadata({
                     </ui-alert>
                   } @else {
                     @if (imp.hint) { <p class="sw-hint">{{ imp.hint }}</p> }
-                    @if (imp.config.importFields?.length) {
-                      <ui-button variant="link" [attr.data-testid]="'download-sample-' + current().key" (click)="downloadSample()">{{ imp.templateLabel || t().downloadSample }}</ui-button>
-                    }
                     @if (imp.sources?.length) {
                       <ui-import-source-grid appearance="card" [disabled]="busy()" [actionLabel]="t().selectSource" [sources]="imp.sources!" [ariaLabel]="'Select your ' + imp.config.entityName + ' source'" (sourceSelect)="startImport(current().key, $event)" />
                     } @else {
                       <ui-button variant="primary" size="sm" [attr.data-testid]="'open-import-' + current().key" (click)="openImport(current().key)"><svg class="sw-ico" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path [attr.d]="iconD('upload')" /></svg> {{ imp.buttonLabel }}</ui-button>
                     }
                   }
-                  <ui-import-export #importer style="display:none" [config]="imp.config" [importSources]="imp.sources" (imported)="onImported(current().key)" />
+                  <ui-import-export #importer style="display:none" [config]="imp.config" [importSources]="imp.sources" [closeOnly]="true" [submit]="imp.submit ?? null" (imported)="onImported(current().key)" />
                 }
               }
               @case ('integrations') {