@forgeroute/ui 0.4.41 → 0.4.43

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)" />
@@ -9900,38 +9940,51 @@ var ImportExportComponent = class ImportExportComponent {
         </div>
       }
 
-      <!-- Footer -->
-      @if (step === 'source') {
+      <!-- Footer. Every item is its own top-level @if with ONE root element: that is what lets ui-modal project it into its footer slot (a wrapper block with several items would land in the body). -->
+      <!-- closeOnly (the setup wizard): no Back, no Cancel - one Close that shuts the window at once, plus the step's primary button -->
+      @if (closeOnly() && step !== 'result') {
+        <ui-button modal-footer-left variant="secondary" size="sm" data-testid="import-close-button" [disabled]="importing" (click)="closeImport()">Close</ui-button>
+      }
+      @if (closeOnly() && step === 'source') {
+        <ui-button modal-footer-right variant="primary" size="sm" [disabled]="!selectedSource" (click)="confirmSource()">Next</ui-button>
+      }
+      @if (closeOnly() && step === 'mapping') {
+        <ui-button modal-footer-right variant="primary" size="sm" [disabled]="!canSubmit" (click)="goToPreview()">Preview Import</ui-button>
+      }
+      @if (closeOnly() && step === 'preview') {
+        <ui-button modal-footer-right variant="primary" size="sm" [loading]="importing" (click)="submitImport()">Import {{ csvRows.length }} Record(s)</ui-button>
+      }
+      @if (!closeOnly() && step === 'source') {
         <ui-button modal-footer-left variant="secondary" size="sm" (click)="closeImport()">Cancel</ui-button>
       }
-      @if (step === 'source') {
+      @if (!closeOnly() && step === 'source') {
         <ui-button modal-footer-right variant="primary" size="sm" [disabled]="!selectedSource" (click)="confirmSource()">Next</ui-button>
       }
-      @if (step === 'upload') {
+      @if (!closeOnly() && step === 'upload') {
         <span modal-footer-left></span>
       }
-      @if (step === 'upload' && importSources()?.length) {
+      @if (!closeOnly() && step === 'upload' && importSources()?.length) {
         <div modal-footer-right class="ie-footer-right">
           <ui-button variant="ghost" size="sm" (click)="step = 'source'">Back</ui-button>
           <ui-button variant="secondary" size="sm" (click)="closeImport()">Cancel</ui-button>
         </div>
       }
-      @if (step === 'upload' && !importSources()?.length) {
+      @if (!closeOnly() && step === 'upload' && !importSources()?.length) {
         <ui-button modal-footer-right variant="secondary" size="sm" (click)="closeImport()">Cancel</ui-button>
       }
-      @if (step === 'mapping') {
+      @if (!closeOnly() && step === 'mapping') {
         <ui-button modal-footer-left variant="ghost" size="sm" (click)="step = 'upload'">Back</ui-button>
       }
-      @if (step === 'mapping') {
+      @if (!closeOnly() && step === 'mapping') {
         <div modal-footer-right class="ie-footer-right">
           <ui-button variant="secondary" size="sm" (click)="closeImport()">Cancel</ui-button>
           <ui-button variant="primary" size="sm" [disabled]="!canSubmit" (click)="goToPreview()">Preview Import</ui-button>
         </div>
       }
-      @if (step === 'preview') {
+      @if (!closeOnly() && step === 'preview') {
         <ui-button modal-footer-left variant="ghost" size="sm" (click)="step = 'mapping'">Back</ui-button>
       }
-      @if (step === 'preview') {
+      @if (!closeOnly() && step === 'preview') {
         <div modal-footer-right class="ie-footer-right">
           <ui-button variant="secondary" size="sm" [disabled]="importing" (click)="closeImport()">Cancel</ui-button>
           <ui-button variant="primary" size="sm" [loading]="importing" (click)="submitImport()">Import {{ csvRows.length }} Record(s)</ui-button>
@@ -10131,7 +10184,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)" />
@@ -10263,38 +10316,51 @@ i0.ɵɵngDeclareClassMetadata({
         </div>
       }
 
-      <!-- Footer -->
-      @if (step === 'source') {
+      <!-- Footer. Every item is its own top-level @if with ONE root element: that is what lets ui-modal project it into its footer slot (a wrapper block with several items would land in the body). -->
+      <!-- closeOnly (the setup wizard): no Back, no Cancel - one Close that shuts the window at once, plus the step's primary button -->
+      @if (closeOnly() && step !== 'result') {
+        <ui-button modal-footer-left variant="secondary" size="sm" data-testid="import-close-button" [disabled]="importing" (click)="closeImport()">Close</ui-button>
+      }
+      @if (closeOnly() && step === 'source') {
+        <ui-button modal-footer-right variant="primary" size="sm" [disabled]="!selectedSource" (click)="confirmSource()">Next</ui-button>
+      }
+      @if (closeOnly() && step === 'mapping') {
+        <ui-button modal-footer-right variant="primary" size="sm" [disabled]="!canSubmit" (click)="goToPreview()">Preview Import</ui-button>
+      }
+      @if (closeOnly() && step === 'preview') {
+        <ui-button modal-footer-right variant="primary" size="sm" [loading]="importing" (click)="submitImport()">Import {{ csvRows.length }} Record(s)</ui-button>
+      }
+      @if (!closeOnly() && step === 'source') {
         <ui-button modal-footer-left variant="secondary" size="sm" (click)="closeImport()">Cancel</ui-button>
       }
-      @if (step === 'source') {
+      @if (!closeOnly() && step === 'source') {
         <ui-button modal-footer-right variant="primary" size="sm" [disabled]="!selectedSource" (click)="confirmSource()">Next</ui-button>
       }
-      @if (step === 'upload') {
+      @if (!closeOnly() && step === 'upload') {
         <span modal-footer-left></span>
       }
-      @if (step === 'upload' && importSources()?.length) {
+      @if (!closeOnly() && step === 'upload' && importSources()?.length) {
         <div modal-footer-right class="ie-footer-right">
           <ui-button variant="ghost" size="sm" (click)="step = 'source'">Back</ui-button>
           <ui-button variant="secondary" size="sm" (click)="closeImport()">Cancel</ui-button>
         </div>
       }
-      @if (step === 'upload' && !importSources()?.length) {
+      @if (!closeOnly() && step === 'upload' && !importSources()?.length) {
         <ui-button modal-footer-right variant="secondary" size="sm" (click)="closeImport()">Cancel</ui-button>
       }
-      @if (step === 'mapping') {
+      @if (!closeOnly() && step === 'mapping') {
         <ui-button modal-footer-left variant="ghost" size="sm" (click)="step = 'upload'">Back</ui-button>
       }
-      @if (step === 'mapping') {
+      @if (!closeOnly() && step === 'mapping') {
         <div modal-footer-right class="ie-footer-right">
           <ui-button variant="secondary" size="sm" (click)="closeImport()">Cancel</ui-button>
           <ui-button variant="primary" size="sm" [disabled]="!canSubmit" (click)="goToPreview()">Preview Import</ui-button>
         </div>
       }
-      @if (step === 'preview') {
+      @if (!closeOnly() && step === 'preview') {
         <ui-button modal-footer-left variant="ghost" size="sm" (click)="step = 'mapping'">Back</ui-button>
       }
-      @if (step === 'preview') {
+      @if (!closeOnly() && step === 'preview') {
         <div modal-footer-right class="ie-footer-right">
           <ui-button variant="secondary" size="sm" [disabled]="importing" (click)="closeImport()">Cancel</ui-button>
           <ui-button variant="primary" size="sm" [loading]="importing" (click)="submitImport()">Import {{ csvRows.length }} Record(s)</ui-button>
@@ -10346,6 +10412,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 +13736,11 @@ var DataTableComponent = class DataTableComponent {
 						"config",
 						"importSources",
 						"exportParams",
-						"exportOnly"
+						"exportOnly",
+						"closeOnly",
+						"submit"
 					],
-					outputs: ["imported"]
+					outputs: ["finished", "imported"]
 				},
 				{
 					kind: "component",
@@ -43299,8 +43387,8 @@ const DEFAULT_TEXTS = {
 	selectSource: "Select",
 	connected: "Connected",
 	importMore: "Import more",
-	downloadSample: "Download CSV Template",
 	importRequired: "Import your data to continue, or skip this step.",
+	connectRequired: "Connect at least one 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.`,
 	importAgain: "Import again",
@@ -43333,6 +43421,10 @@ var SetupWizardComponent = class SetupWizardComponent {
 		this.apiBase = inject(FORGEROUTE_CONFIG, { optional: true })?.baseUrl ?? "/api";
 		this.destroyRef = inject(DestroyRef);
 		this.narrow = signal(false, ...ngDevMode ? [{ debugName: "narrow" }] : /* istanbul ignore next */ []);
+		this.connectBlocked = computed(() => {
+			const st = this.current();
+			return st.kind === "integrations" && !!st.requireConnection && !(st.integrations ?? []).some((i) => this.isConnected(i));
+		}, ...ngDevMode ? [{ debugName: "connectBlocked" }] : /* istanbul ignore next */ []);
 		this.importBlocked = computed(() => {
 			const st = this.current();
 			return st.kind === "import" && !!st.requireImport && !this.completed().has(st.key);
@@ -43495,6 +43587,7 @@ var SetupWizardComponent = class SetupWizardComponent {
 		if (this.busy()) return;
 		const step = this.current();
 		if (step.canContinue && !step.canContinue()) return;
+		if (this.connectBlocked()) return;
 		this.busy.set(true);
 		this.error.set("");
 		try {
@@ -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();
@@ -43818,7 +43908,7 @@ var SetupWizardComponent = class SetupWizardComponent {
                   </ui-button>
                   }
                 } @else if (current().kind === 'integrations') {
-                  <ui-button variant="primary" size="sm" [fullWidth]="narrow()" data-testid="wizard-save" [loading]="busy()" [disabled]="current().canContinue ? !current().canContinue!() : false" (click)="saveAndContinue()">{{ t().saveAndContinue }} <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('arrow-right')" /></svg></ui-button>
+                  <ui-button variant="primary" size="sm" [fullWidth]="narrow()" data-testid="wizard-save" [loading]="busy()" [disabled]="(current().canContinue ? !current().canContinue!() : false) || connectBlocked()" [ariaDescribedBy]="connectBlocked() ? 'sw-continue-hint' : ''" (click)="saveAndContinue()">{{ t().saveAndContinue }} <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('arrow-right')" /></svg></ui-button>
                 } @else if (current().kind === 'import') {
                   <ui-button variant="primary" size="sm" [fullWidth]="narrow()" data-testid="wizard-continue" [disabled]="importBlocked()" [ariaDescribedBy]="importBlocked() ? 'sw-continue-hint' : ''" (click)="continueFromImport()">{{ t().continue }} <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('arrow-right')" /></svg></ui-button>
                 }
@@ -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') {
@@ -43901,6 +43988,7 @@ var SetupWizardComponent = class SetupWizardComponent {
             }
 
             @if (importBlocked()) { <p class="sw-hint sw-continue-hint" id="sw-continue-hint" data-testid="wizard-continue-hint">{{ t().importRequired }}</p> }
+            @if (connectBlocked()) { <p class="sw-hint sw-continue-hint" id="sw-continue-hint" data-testid="wizard-continue-hint">{{ t().connectRequired }}</p> }
 
             @if (error()) { <ui-alert variant="danger" data-testid="wizard-save-error">{{ error() }}</ui-alert> }
 
@@ -44013,9 +44101,11 @@ var SetupWizardComponent = class SetupWizardComponent {
 						"config",
 						"importSources",
 						"exportParams",
-						"exportOnly"
+						"exportOnly",
+						"closeOnly",
+						"submit"
 					],
-					outputs: ["imported"]
+					outputs: ["finished", "imported"]
 				},
 				{
 					kind: "component",
@@ -44298,7 +44388,7 @@ i0.ɵɵngDeclareClassMetadata({
                   </ui-button>
                   }
                 } @else if (current().kind === 'integrations') {
-                  <ui-button variant="primary" size="sm" [fullWidth]="narrow()" data-testid="wizard-save" [loading]="busy()" [disabled]="current().canContinue ? !current().canContinue!() : false" (click)="saveAndContinue()">{{ t().saveAndContinue }} <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('arrow-right')" /></svg></ui-button>
+                  <ui-button variant="primary" size="sm" [fullWidth]="narrow()" data-testid="wizard-save" [loading]="busy()" [disabled]="(current().canContinue ? !current().canContinue!() : false) || connectBlocked()" [ariaDescribedBy]="connectBlocked() ? 'sw-continue-hint' : ''" (click)="saveAndContinue()">{{ t().saveAndContinue }} <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('arrow-right')" /></svg></ui-button>
                 } @else if (current().kind === 'import') {
                   <ui-button variant="primary" size="sm" [fullWidth]="narrow()" data-testid="wizard-continue" [disabled]="importBlocked()" [ariaDescribedBy]="importBlocked() ? 'sw-continue-hint' : ''" (click)="continueFromImport()">{{ t().continue }} <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('arrow-right')" /></svg></ui-button>
                 }
@@ -44350,16 +44440,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') {
@@ -44381,6 +44468,7 @@ i0.ɵɵngDeclareClassMetadata({
             }
 
             @if (importBlocked()) { <p class="sw-hint sw-continue-hint" id="sw-continue-hint" data-testid="wizard-continue-hint">{{ t().importRequired }}</p> }
+            @if (connectBlocked()) { <p class="sw-hint sw-continue-hint" id="sw-continue-hint" data-testid="wizard-continue-hint">{{ t().connectRequired }}</p> }
 
             @if (error()) { <ui-alert variant="danger" data-testid="wizard-save-error">{{ error() }}</ui-alert> }