@forgeroute/ui 0.4.39 → 0.4.41

package/fesm2022/forgeroute-ui-stripe.mjs

@@ -1,9 +1,10 @@
 import * as i0 from "@angular/core";
-import { ChangeDetectionStrategy, Component, DestroyRef, ElementRef, Injectable, InjectionToken, PLATFORM_ID, ViewEncapsulation, computed, effect, inject, input, output, signal, untracked, viewChild } from "@angular/core";
+import { ChangeDetectionStrategy, Component, DestroyRef, ElementRef, Injectable, InjectionToken, PLATFORM_ID, ViewEncapsulation, computed, effect, inject, input, model, output, signal, untracked, viewChild } from "@angular/core";
 import { DOCUMENT, isPlatformBrowser } from "@angular/common";
-import { AlertComponent, BadgeComponent, ButtonComponent, FormRowComponent, FormSectionComponent, ModalComponent, SkeletonComponent, TextComponent, TextInputComponent } from "@forgeroute/ui";
+import { AlertComponent, BadgeComponent, ButtonComponent, DetailCardComponent, FormRowComponent, FormSectionComponent, ModalComponent, SkeletonComponent, StackComponent, TextComponent, TextInputComponent } from "@forgeroute/ui";
 import * as i1 from "@angular/forms";
 import { FormsModule } from "@angular/forms";
+import { takeUntilDestroyed } from "@angular/core/rxjs-interop";
 const sdkImporter = { load: () => import("@stripe/stripe-js") };
 const defaultStripeLoader = async (publishableKey, options) => {
 	const sdk = await sdkImporter.load();
@@ -1405,7 +1406,8 @@ var StripePaymentComponent = class StripePaymentComponent {
 						"dismissAriaLabel",
 						"quiet",
 						"compact",
-						"inline"
+						"inline",
+						"fill"
 					],
 					outputs: ["dismissed"]
 				},
@@ -2391,7 +2393,8 @@ var MicrodepositVerifyComponent = class MicrodepositVerifyComponent {
 						"dismissAriaLabel",
 						"quiet",
 						"compact",
-						"inline"
+						"inline",
+						"fill"
 					],
 					outputs: ["dismissed"]
 				},
@@ -2822,6 +2825,741 @@ i0.ɵɵngDeclareClassMetadata({
 		}]
 	}
 });
-export { MICRODEPOSIT_COPY, MicrodepositVerifyComponent, STRIPE_A11Y_MESSAGES, STRIPE_ACH_NOTICE, STRIPE_DEFAULT_ERROR_MESSAGE, STRIPE_ERROR_MESSAGES, STRIPE_LOADER, STRIPE_PAYMENT_DEFAULTS, STRIPE_TECHNICAL_ERROR_MESSAGES, StripePaymentComponent, StripePaymentService, buildLoadOptions, defaultStripeLoader, depositAmountError, descriptorCodeError, getStripeErrorMessage, isDarkPage, microdepositArrivalText, microdepositCancelMessage, microdepositKeepsActiveText, microdepositProcessingText, microdepositStepsText, normalizeDescriptorCode, normalizeIntent, outcomeOf, paymentMethodIdOf, provideStripePayment, readStripeAppearance, readStripeReturnParams, retrieveIntent, verificationOf, verifyMicrodeposits };
+function isStripeUrl(url) {
+	if (!url) return false;
+	try {
+		const u = new URL(url);
+		return u.protocol === "https:" && (u.hostname === "stripe.com" || u.hostname.endsWith(".stripe.com"));
+	} catch {
+		return false;
+	}
+}
+var StripeConnectFlow = class {
+	constructor(o) {
+		this.o = o;
+		this.tabOpened = false;
+	}
+	get blocked() {
+		return this.o.state.loading() || !!this.o.disabled?.();
+	}
+	start() {
+		const create = this.o.createAccount();
+		if (!create || this.blocked) return;
+		this.o.state.loading.set(true);
+		const tab = this.openBlankTab();
+		create().pipe(takeUntilDestroyed(this.o.destroyRef)).subscribe({
+			next: (result) => {
+				this.o.state.accountId.set(result.accountId);
+				this.o.state.loading.set(false);
+				this.openStripe(tab, result.onboardingUrl);
+			},
+			error: (error) => {
+				this.closeTab(tab);
+				this.o.state.loading.set(false);
+				this.o.emit({
+					kind: "failed",
+					action: "start",
+					error
+				});
+			}
+		});
+	}
+	check() {
+		const status = this.o.getStatus();
+		if (!status || this.blocked) return;
+		this.o.state.loading.set(true);
+		status().pipe(takeUntilDestroyed(this.o.destroyRef)).subscribe({
+			next: (s) => {
+				this.o.state.complete.set(s.isComplete);
+				this.o.state.detailsSubmitted.set(s.detailsSubmitted ?? false);
+				this.o.state.loading.set(false);
+				if (s.isComplete) this.o.emit({
+					kind: "complete",
+					source: "check"
+				});
+				else if (s.detailsSubmitted) this.o.emit({
+					kind: "verifying",
+					source: "check"
+				});
+				else if (s.onboardingUrl) this.o.emit({ kind: "incomplete" });
+			},
+			error: (error) => {
+				this.o.state.loading.set(false);
+				this.o.emit({
+					kind: "failed",
+					action: "check",
+					error
+				});
+			}
+		});
+	}
+	resume() {
+		const status = this.o.getStatus();
+		if (!status || this.blocked) return;
+		this.o.state.loading.set(true);
+		const tab = this.openBlankTab();
+		status().pipe(takeUntilDestroyed(this.o.destroyRef)).subscribe({
+			next: (s) => {
+				this.o.state.loading.set(false);
+				if (s.isComplete) {
+					this.closeTab(tab);
+					this.o.state.complete.set(true);
+					this.o.emit({
+						kind: "complete",
+						source: "resume"
+					});
+				} else if (s.detailsSubmitted) {
+					this.closeTab(tab);
+					this.o.state.detailsSubmitted.set(true);
+					this.o.emit({
+						kind: "verifying",
+						source: "resume"
+					});
+				} else this.openStripe(tab, s.onboardingUrl);
+			},
+			error: (error) => {
+				this.closeTab(tab);
+				this.o.state.loading.set(false);
+				this.o.emit({
+					kind: "failed",
+					action: "resume",
+					error
+				});
+			}
+		});
+	}
+	readStatusOnReturn() {
+		const status = this.o.getStatus();
+		if (!status) return;
+		status().pipe(takeUntilDestroyed(this.o.destroyRef)).subscribe({
+			next: (s) => {
+				this.o.state.complete.set(s.isComplete);
+				this.o.state.detailsSubmitted.set(s.detailsSubmitted ?? false);
+				if (s.isComplete) this.o.emit({
+					kind: "complete",
+					source: "return"
+				});
+				else if (s.detailsSubmitted) this.o.emit({
+					kind: "verifying",
+					source: "return"
+				});
+			},
+			error: () => {}
+		});
+	}
+	openStripe(tab, url) {
+		if (isStripeUrl(url) && tab) {
+			tab.location.href = url;
+			this.tabOpened = true;
+		} else if (isStripeUrl(url)) this.navigateCurrentTab(url);
+		else {
+			this.closeTab(tab);
+			this.o.emit({ kind: "link-unavailable" });
+		}
+	}
+	openBlankTab() {
+		const tab = window.open("about:blank", "_blank");
+		if (tab) try {
+			tab.opener = null;
+		} catch {}
+		return tab;
+	}
+	navigateCurrentTab(url) {
+		if (this.o.navigate) this.o.navigate(url);
+		else window.location.href = url;
+	}
+	closeTab(tab) {
+		try {
+			tab?.close();
+		} catch {}
+	}
+};
+function stripeConnectNotice(outcome) {
+	switch (outcome.kind) {
+		case "complete": return {
+			variant: "success",
+			message: outcome.source === "resume" ? "Payment account setup is already complete!" : "Payment account setup complete!"
+		};
+		case "verifying": return {
+			variant: "success",
+			message: "Setup submitted! Stripe is verifying your account. This usually takes a few minutes. Click \"Check Status\" to refresh."
+		};
+		case "incomplete": return {
+			variant: "error",
+			message: "Payment account setup is not yet complete. Please continue setup."
+		};
+		case "link-unavailable": return {
+			variant: "error",
+			message: "Unable to retrieve onboarding link. Please try again."
+		};
+		case "failed": return {
+			variant: "error",
+			message: outcome.action === "start" ? "Failed to start payment account setup" : outcome.action === "check" ? "Failed to check payment account status" : "Failed to retrieve onboarding link"
+		};
+	}
+}
+var StripeConnectComponent = class StripeConnectComponent {
+	constructor() {
+		this.destroyRef = inject(DestroyRef);
+		this.createAccount = input(null, ...ngDevMode ? [{ debugName: "createAccount" }] : /* istanbul ignore next */ []);
+		this.getStatus = input(null, ...ngDevMode ? [{ debugName: "getStatus" }] : /* istanbul ignore next */ []);
+		this.accountId = model(null, ...ngDevMode ? [{ debugName: "accountId" }] : /* istanbul ignore next */ []);
+		this.complete = model(false, ...ngDevMode ? [{ debugName: "complete" }] : /* istanbul ignore next */ []);
+		this.detailsSubmitted = model(false, ...ngDevMode ? [{ debugName: "detailsSubmitted" }] : /* istanbul ignore next */ []);
+		this.title = input("Stripe Connect Account", ...ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []);
+		this.showWhenNoAccount = input(false, ...ngDevMode ? [{ debugName: "showWhenNoAccount" }] : /* istanbul ignore next */ []);
+		this.startTitle = input("Connect your Stripe account", ...ngDevMode ? [{ debugName: "startTitle" }] : /* istanbul ignore next */ []);
+		this.startText = input("Collect your customers' payments online. You finish setting up your account on Stripe, then come back here.", ...ngDevMode ? [{ debugName: "startText" }] : /* istanbul ignore next */ []);
+		this.startLabel = input("Set Up Payment Account", ...ngDevMode ? [{ debugName: "startLabel" }] : /* istanbul ignore next */ []);
+		this.disabled = input(false, ...ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []);
+		this.refreshOnReturn = input(false, ...ngDevMode ? [{ debugName: "refreshOnReturn" }] : /* istanbul ignore next */ []);
+		this.dashboardUrl = input("https://dashboard.stripe.com", ...ngDevMode ? [{ debugName: "dashboardUrl" }] : /* istanbul ignore next */ []);
+		this.outcome = output();
+		this.loading = model(false, ...ngDevMode ? [{ debugName: "loading" }] : /* istanbul ignore next */ []);
+		this.navigateTab = input(null, ...ngDevMode ? [{ debugName: "navigateTab" }] : /* istanbul ignore next */ []);
+		this.visible = computed(() => !!this.accountId() || this.showWhenNoAccount(), ...ngDevMode ? [{ debugName: "visible" }] : /* istanbul ignore next */ []);
+		this.flow = new StripeConnectFlow({
+			createAccount: () => this.createAccount(),
+			getStatus: () => this.getStatus(),
+			state: {
+				accountId: this.accountId,
+				complete: this.complete,
+				detailsSubmitted: this.detailsSubmitted,
+				loading: this.loading
+			},
+			emit: (outcome) => this.outcome.emit(outcome),
+			disabled: () => this.disabled(),
+			navigate: (url) => this.navigateCurrentTab(url),
+			destroyRef: this.destroyRef
+		});
+		if (typeof document !== "undefined") {
+			const onVisible = () => {
+				if (document.visibilityState !== "visible" || !this.flow.tabOpened || !this.refreshOnReturn() || this.loading()) return;
+				this.flow.tabOpened = false;
+				this.flow.readStatusOnReturn();
+			};
+			document.addEventListener("visibilitychange", onVisible);
+			this.destroyRef.onDestroy(() => document.removeEventListener("visibilitychange", onVisible));
+		}
+	}
+	start() {
+		this.flow.start();
+	}
+	check() {
+		this.flow.check();
+	}
+	resume() {
+		this.flow.resume();
+	}
+	openDashboard() {
+		window.open(this.dashboardUrl(), "_blank", "noopener,noreferrer");
+	}
+	navigateCurrentTab(url) {
+		const navigate = this.navigateTab();
+		if (navigate) navigate(url);
+		else window.location.href = url;
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: StripeConnectComponent,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "17.0.0",
+			version: "22.2.2",
+			type: StripeConnectComponent,
+			isStandalone: true,
+			selector: "ui-stripe-connect",
+			inputs: {
+				createAccount: {
+					classPropertyName: "createAccount",
+					publicName: "createAccount",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				getStatus: {
+					classPropertyName: "getStatus",
+					publicName: "getStatus",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				accountId: {
+					classPropertyName: "accountId",
+					publicName: "accountId",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				complete: {
+					classPropertyName: "complete",
+					publicName: "complete",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				detailsSubmitted: {
+					classPropertyName: "detailsSubmitted",
+					publicName: "detailsSubmitted",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				title: {
+					classPropertyName: "title",
+					publicName: "title",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				showWhenNoAccount: {
+					classPropertyName: "showWhenNoAccount",
+					publicName: "showWhenNoAccount",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				startTitle: {
+					classPropertyName: "startTitle",
+					publicName: "startTitle",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				startText: {
+					classPropertyName: "startText",
+					publicName: "startText",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				startLabel: {
+					classPropertyName: "startLabel",
+					publicName: "startLabel",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				disabled: {
+					classPropertyName: "disabled",
+					publicName: "disabled",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				refreshOnReturn: {
+					classPropertyName: "refreshOnReturn",
+					publicName: "refreshOnReturn",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				dashboardUrl: {
+					classPropertyName: "dashboardUrl",
+					publicName: "dashboardUrl",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				loading: {
+					classPropertyName: "loading",
+					publicName: "loading",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				navigateTab: {
+					classPropertyName: "navigateTab",
+					publicName: "navigateTab",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				}
+			},
+			outputs: {
+				accountId: "accountIdChange",
+				complete: "completeChange",
+				detailsSubmitted: "detailsSubmittedChange",
+				outcome: "outcome",
+				loading: "loadingChange"
+			},
+			ngImport: i0,
+			template: `
+    @if (visible()) {
+      <ui-detail-card [collapsible]="false" [title]="title()" [headingLevel]="3" data-testid="connect-account-card">
+        @if (!accountId()) {
+          <ui-alert variant="info" [quiet]="true" [title]="startTitle()" data-testid="connect-status-none">
+            <ui-stack gap="sm">
+              <ui-text size="sm" [text]="startText()" />
+              <ui-stack direction="horizontal">
+                <ui-button variant="primary" size="sm" data-testid="connect-start-button" [disabled]="loading() || disabled()" (click)="start()">{{ loading() ? 'Loading...' : startLabel() }}</ui-button>
+              </ui-stack>
+            </ui-stack>
+          </ui-alert>
+        } @else if (complete()) {
+          <ui-alert variant="success" [quiet]="true" title="Account setup complete" data-testid="connect-status-complete">
+            <ui-stack gap="sm">
+              <ui-text size="sm" tone="muted" [text]="'Account ID: ' + accountId()" />
+              <ui-stack direction="horizontal">
+                <ui-button variant="secondary" size="sm" data-testid="connect-dashboard-button" (click)="openDashboard()">View Stripe Dashboard</ui-button>
+              </ui-stack>
+            </ui-stack>
+          </ui-alert>
+        } @else if (detailsSubmitted()) {
+          <ui-alert variant="info" [quiet]="true" title="Stripe is verifying your account" data-testid="connect-status-verifying">
+            <ui-stack gap="sm">
+              <ui-text size="sm" text="Your setup has been submitted. Stripe is reviewing your information — this usually takes a few minutes. Payment collection will be enabled automatically once approved." />
+              <ui-stack direction="horizontal">
+                <ui-button variant="primary" size="sm" data-testid="connect-check-status-button" [disabled]="loading() || disabled()" (click)="check()">{{ loading() ? 'Checking...' : 'Check Status' }}</ui-button>
+              </ui-stack>
+            </ui-stack>
+          </ui-alert>
+        } @else {
+          <ui-alert variant="warning" [quiet]="true" title="Account setup incomplete" data-testid="connect-status-incomplete">
+            <ui-stack gap="sm">
+              <ui-text size="sm" text="Complete your Stripe account setup to start collecting payments from customers." />
+              <ui-stack direction="horizontal">
+                <ui-button variant="primary" size="sm" data-testid="connect-complete-setup-button" [disabled]="loading() || disabled()" (click)="resume()">{{ loading() ? 'Loading...' : 'Complete Setup' }}</ui-button>
+              </ui-stack>
+            </ui-stack>
+          </ui-alert>
+        }
+      </ui-detail-card>
+    }
+  `,
+			isInline: true,
+			styles: ["ui-stripe-connect{display:block;min-width:0}\n"],
+			dependencies: [
+				{
+					kind: "component",
+					type: AlertComponent,
+					selector: "ui-alert",
+					inputs: [
+						"variant",
+						"title",
+						"dismissible",
+						"dismissAriaLabel",
+						"quiet",
+						"compact",
+						"inline",
+						"fill"
+					],
+					outputs: ["dismissed"]
+				},
+				{
+					kind: "component",
+					type: ButtonComponent,
+					selector: "ui-button",
+					inputs: [
+						"variant",
+						"routerLink",
+						"queryParams",
+						"fragment",
+						"state",
+						"href",
+						"target",
+						"rel",
+						"shortLabel",
+						"shortBelow",
+						"color",
+						"active",
+						"size",
+						"type",
+						"disabled",
+						"loading",
+						"fullWidth",
+						"ariaLabel",
+						"ariaExpanded",
+						"ariaPressed",
+						"ariaDescribedBy",
+						"modal-footer-left",
+						"modal-footer-right"
+					]
+				},
+				{
+					kind: "component",
+					type: DetailCardComponent,
+					selector: "ui-detail-card",
+					inputs: [
+						"title",
+						"uppercaseTitle",
+						"headingLevel",
+						"titleId",
+						"ariaLabel",
+						"subtitle",
+						"background",
+						"headerBackground",
+						"footerBackground",
+						"textColor",
+						"showHeader",
+						"collapsible",
+						"expanded",
+						"showEdit",
+						"editLabel",
+						"editTestId",
+						"editIcon",
+						"editAriaLabel",
+						"fill",
+						"maxBodyHeight",
+						"selectable",
+						"selected",
+						"selectedColor",
+						"selectedBackground"
+					],
+					outputs: [
+						"expandedChange",
+						"editClick",
+						"selectedChange"
+					]
+				},
+				{
+					kind: "component",
+					type: StackComponent,
+					selector: "ui-stack",
+					inputs: [
+						"gap",
+						"direction",
+						"align",
+						"justify",
+						"wrap",
+						"minHeight",
+						"width",
+						"maxWidth",
+						"padding",
+						"centered"
+					]
+				},
+				{
+					kind: "component",
+					type: TextComponent,
+					selector: "ui-text",
+					inputs: [
+						"text",
+						"size",
+						"tone",
+						"color",
+						"strong",
+						"weight"
+					]
+				}
+			],
+			changeDetection: i0.ChangeDetectionStrategy.OnPush,
+			encapsulation: i0.ViewEncapsulation.None
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: StripeConnectComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "ui-stripe-connect",
+			standalone: true,
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			imports: [
+				AlertComponent,
+				ButtonComponent,
+				DetailCardComponent,
+				StackComponent,
+				TextComponent
+			],
+			template: `
+    @if (visible()) {
+      <ui-detail-card [collapsible]="false" [title]="title()" [headingLevel]="3" data-testid="connect-account-card">
+        @if (!accountId()) {
+          <ui-alert variant="info" [quiet]="true" [title]="startTitle()" data-testid="connect-status-none">
+            <ui-stack gap="sm">
+              <ui-text size="sm" [text]="startText()" />
+              <ui-stack direction="horizontal">
+                <ui-button variant="primary" size="sm" data-testid="connect-start-button" [disabled]="loading() || disabled()" (click)="start()">{{ loading() ? 'Loading...' : startLabel() }}</ui-button>
+              </ui-stack>
+            </ui-stack>
+          </ui-alert>
+        } @else if (complete()) {
+          <ui-alert variant="success" [quiet]="true" title="Account setup complete" data-testid="connect-status-complete">
+            <ui-stack gap="sm">
+              <ui-text size="sm" tone="muted" [text]="'Account ID: ' + accountId()" />
+              <ui-stack direction="horizontal">
+                <ui-button variant="secondary" size="sm" data-testid="connect-dashboard-button" (click)="openDashboard()">View Stripe Dashboard</ui-button>
+              </ui-stack>
+            </ui-stack>
+          </ui-alert>
+        } @else if (detailsSubmitted()) {
+          <ui-alert variant="info" [quiet]="true" title="Stripe is verifying your account" data-testid="connect-status-verifying">
+            <ui-stack gap="sm">
+              <ui-text size="sm" text="Your setup has been submitted. Stripe is reviewing your information — this usually takes a few minutes. Payment collection will be enabled automatically once approved." />
+              <ui-stack direction="horizontal">
+                <ui-button variant="primary" size="sm" data-testid="connect-check-status-button" [disabled]="loading() || disabled()" (click)="check()">{{ loading() ? 'Checking...' : 'Check Status' }}</ui-button>
+              </ui-stack>
+            </ui-stack>
+          </ui-alert>
+        } @else {
+          <ui-alert variant="warning" [quiet]="true" title="Account setup incomplete" data-testid="connect-status-incomplete">
+            <ui-stack gap="sm">
+              <ui-text size="sm" text="Complete your Stripe account setup to start collecting payments from customers." />
+              <ui-stack direction="horizontal">
+                <ui-button variant="primary" size="sm" data-testid="connect-complete-setup-button" [disabled]="loading() || disabled()" (click)="resume()">{{ loading() ? 'Loading...' : 'Complete Setup' }}</ui-button>
+              </ui-stack>
+            </ui-stack>
+          </ui-alert>
+        }
+      </ui-detail-card>
+    }
+  `,
+			encapsulation: ViewEncapsulation.None,
+			styles: ["ui-stripe-connect{display:block;min-width:0}\n"]
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		createAccount: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "createAccount",
+				required: false
+			}]
+		}],
+		getStatus: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "getStatus",
+				required: false
+			}]
+		}],
+		accountId: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "accountId",
+				required: false
+			}]
+		}, {
+			type: i0.Output,
+			args: ["accountIdChange"]
+		}],
+		complete: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "complete",
+				required: false
+			}]
+		}, {
+			type: i0.Output,
+			args: ["completeChange"]
+		}],
+		detailsSubmitted: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "detailsSubmitted",
+				required: false
+			}]
+		}, {
+			type: i0.Output,
+			args: ["detailsSubmittedChange"]
+		}],
+		title: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "title",
+				required: false
+			}]
+		}],
+		showWhenNoAccount: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "showWhenNoAccount",
+				required: false
+			}]
+		}],
+		startTitle: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "startTitle",
+				required: false
+			}]
+		}],
+		startText: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "startText",
+				required: false
+			}]
+		}],
+		startLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "startLabel",
+				required: false
+			}]
+		}],
+		disabled: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "disabled",
+				required: false
+			}]
+		}],
+		refreshOnReturn: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "refreshOnReturn",
+				required: false
+			}]
+		}],
+		dashboardUrl: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "dashboardUrl",
+				required: false
+			}]
+		}],
+		outcome: [{
+			type: i0.Output,
+			args: ["outcome"]
+		}],
+		loading: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "loading",
+				required: false
+			}]
+		}, {
+			type: i0.Output,
+			args: ["loadingChange"]
+		}],
+		navigateTab: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "navigateTab",
+				required: false
+			}]
+		}]
+	}
+});
+export { MICRODEPOSIT_COPY, MicrodepositVerifyComponent, STRIPE_A11Y_MESSAGES, STRIPE_ACH_NOTICE, STRIPE_DEFAULT_ERROR_MESSAGE, STRIPE_ERROR_MESSAGES, STRIPE_LOADER, STRIPE_PAYMENT_DEFAULTS, STRIPE_TECHNICAL_ERROR_MESSAGES, StripeConnectComponent, StripeConnectFlow, StripePaymentComponent, StripePaymentService, buildLoadOptions, defaultStripeLoader, depositAmountError, descriptorCodeError, getStripeErrorMessage, isDarkPage, isStripeUrl, microdepositArrivalText, microdepositCancelMessage, microdepositKeepsActiveText, microdepositProcessingText, microdepositStepsText, normalizeDescriptorCode, normalizeIntent, outcomeOf, paymentMethodIdOf, provideStripePayment, readStripeAppearance, readStripeReturnParams, retrieveIntent, stripeConnectNotice, verificationOf, verifyMicrodeposits };
 
 //# sourceMappingURL=forgeroute-ui-stripe.mjs.map