@forgeroute/ui 0.4.42 → 0.4.44

package/fesm2022/forgeroute-ui.mjs

@@ -9940,59 +9940,56 @@ var ImportExportComponent = class ImportExportComponent {
         </div>
       }
 
-      <!-- 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') {
+      <!-- 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>
         </div>
       }
-      }
       @if (step === 'result') {
         <span modal-footer-left></span>
       }
@@ -10319,59 +10316,56 @@ i0.ɵɵngDeclareClassMetadata({
         </div>
       }
 
-      <!-- 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') {
+      <!-- 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>
         </div>
       }
-      }
       @if (step === 'result') {
         <span modal-footer-left></span>
       }
@@ -43394,6 +43388,7 @@ const DEFAULT_TEXTS = {
 	connected: "Connected",
 	importMore: "Import more",
 	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",
@@ -43426,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);
@@ -43588,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 {
@@ -43908,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>
                 }
@@ -43988,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> }
 
@@ -44387,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>
                 }
@@ -44467,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> }