@forgeroute/ui 0.4.40 → 0.4.42

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@forgeroute/ui",
-  "version": "0.4.40",
+  "version": "0.4.42",
   "peerDependencies": {
     "@angular/common": ">=22.0.0",
     "@angular/core": ">=22.0.0",

package/types/forgeroute-ui-messaging.d.ts

@@ -1029,6 +1029,12 @@ declare class SendEmailComponent implements OnInit {
   readonly videoDefaults: import("@angular/core").InputSignal<VideoDefaults | null>;
   /** false hides Attach Files and "Schedule for later" (for a host whose send function can't deliver them). */
   readonly attachmentsAndScheduling: import("@angular/core").InputSignal<boolean>;
+  /** false hides the Subject field (and Send no longer needs one): for a host whose send function has no subject. Default true. */
+  readonly showSubject: import("@angular/core").InputSignal<boolean>;
+  /** false hides the "Use Existing Template" tab: the form is Create Message only, and the template picker (`GET /templates`) is never shown. Default true. */
+  readonly showTemplates: import("@angular/core").InputSignal<boolean>;
+  /** false hides the Video section (and its picker, `GET /video-messages`). Default true. */
+  readonly showVideo: import("@angular/core").InputSignal<boolean>;
   readonly sent: import("@angular/core").OutputEmitterRef<void>;
   readonly emailAdded: import("@angular/core").OutputEmitterRef<string>;
   readonly validChange: import("@angular/core").OutputEmitterRef<boolean>;
@@ -1340,6 +1346,21 @@ declare class SendEmailComponent implements OnInit {
       "required": false;
       "isSignal": true;
     };
+    "showSubject": {
+      "alias": "showSubject";
+      "required": false;
+      "isSignal": true;
+    };
+    "showTemplates": {
+      "alias": "showTemplates";
+      "required": false;
+      "isSignal": true;
+    };
+    "showVideo": {
+      "alias": "showVideo";
+      "required": false;
+      "isSignal": true;
+    };
   }, {
     "sent": "sent";
     "emailAdded": "emailAdded";
@@ -1348,6 +1369,87 @@ declare class SendEmailComponent implements OnInit {
     "mapFieldsClick": "mapFieldsClick";
   }, never, never, true, never>;
 }
+/** What the in-app form sends to the host's `sendFn`: there is no address, only who it is for and what was written. */
+interface SendInAppPayload {
+  contactName: string;
+  contactId?: string;
+  /** Only present when the Subject field is shown. */
+  subject?: string;
+  body: string;
+}
+/**
+ * The form of a message that is not delivered by email or text but handed to the host's own function (e.g. a client portal message to the
+ * agent): "To" card with the name only, an optional Subject, the Message. No address, templates, video, attachments or scheduling, and it makes
+ * no request of its own: `sendFn` does the sending. Used by `<ui-send-message-panel recipientMode="in-app">`.
+ */
+declare class SendInAppComponent implements OnInit {
+  private readonly destroyRef;
+  private readonly toast;
+  readonly contactName: import("@angular/core").InputSignal<string>;
+  readonly contactId: import("@angular/core").InputSignal<string>;
+  /** Prefills Subject / Message. */
+  readonly defaultSubject: import("@angular/core").InputSignal<string>;
+  readonly defaultBody: import("@angular/core").InputSignal<string>;
+  /** false hides the Subject field; Send then needs only a Message. */
+  readonly showSubject: import("@angular/core").InputSignal<boolean>;
+  /** Longest Message the host's backend accepts (the field stops there and shows "Too long"); null = no limit. */
+  readonly maxLength: import("@angular/core").InputSignal<number | null>;
+  /** The host's sender; this form makes no request of its own. */
+  /** `maxLength` when it is a positive number, else 0 (no limit). */
+  protected readonly limit: import("@angular/core").Signal<number>;
+  readonly sendFn: import("@angular/core").InputSignal<((payload: SendInAppPayload) => Observable<unknown>) | null>;
+  readonly sent: import("@angular/core").OutputEmitterRef<void>;
+  readonly validChange: import("@angular/core").OutputEmitterRef<boolean>;
+  readonly MAX_SUBJECT = 255;
+  readonly sending: import("@angular/core").WritableSignal<boolean>;
+  subject: string;
+  body: string;
+  ngOnInit(): void;
+  get canSend(): boolean;
+  notifyValid(): void;
+  submit(): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<SendInAppComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<SendInAppComponent, "ui-send-in-app", never, {
+    "contactName": {
+      "alias": "contactName";
+      "required": false;
+      "isSignal": true;
+    };
+    "contactId": {
+      "alias": "contactId";
+      "required": false;
+      "isSignal": true;
+    };
+    "defaultSubject": {
+      "alias": "defaultSubject";
+      "required": false;
+      "isSignal": true;
+    };
+    "defaultBody": {
+      "alias": "defaultBody";
+      "required": false;
+      "isSignal": true;
+    };
+    "showSubject": {
+      "alias": "showSubject";
+      "required": false;
+      "isSignal": true;
+    };
+    "maxLength": {
+      "alias": "maxLength";
+      "required": false;
+      "isSignal": true;
+    };
+    "sendFn": {
+      "alias": "sendFn";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "sent": "sent";
+    "validChange": "validChange";
+  }, never, never, true, never>;
+}
 /** What the text form sends — the default `POST <baseUrl>/text-messages` body, or the host's `sendFn` argument. */
 interface SendTextPayload {
   contactName: string;
@@ -1392,6 +1494,10 @@ declare class SendTextComponent implements OnInit {
   readonly documents: import("@angular/core").InputSignal<boolean>;
   /** false hides Attach Image and "Schedule for later" (for a host whose send function can't deliver them). */
   readonly attachmentsAndScheduling: import("@angular/core").InputSignal<boolean>;
+  /** false hides the "Use Existing Template" tab: the form is Create Message only. Default true. */
+  readonly showTemplates: import("@angular/core").InputSignal<boolean>;
+  /** false hides the Video section (and its picker, `GET /video-messages`). Default true. */
+  readonly showVideo: import("@angular/core").InputSignal<boolean>;
   /** Purposes the app's backend supports for documents (default all). The text form only sends `ESIGN`; without it the section is unavailable. */
   readonly documentPurposes: import("@angular/core").InputSignal<DocumentSendPurpose[]>;
   /** Documents already chosen in the Documents section when the form opens. */
@@ -1594,6 +1700,16 @@ declare class SendTextComponent implements OnInit {
       "required": false;
       "isSignal": true;
     };
+    "showTemplates": {
+      "alias": "showTemplates";
+      "required": false;
+      "isSignal": true;
+    };
+    "showVideo": {
+      "alias": "showVideo";
+      "required": false;
+      "isSignal": true;
+    };
     "documentPurposes": {
       "alias": "documentPurposes";
       "required": false;
@@ -1698,6 +1814,24 @@ export declare class SendMessagePanelComponent {
   readonly documentsEnabled: import("@angular/core").InputSignal<boolean>;
   /** Email tab only: adds a CC field; the addresses are sent as `SendEmailPayload.cc`. */
   readonly showCc: import("@angular/core").InputSignal<boolean>;
+  /**
+   * `'contact'` (default) = the message goes by email or text to the contact's address. `'in-app'` = the message is NOT delivered by email or
+   * text but handed to the host's `sendMessage` function (e.g. a client portal message to the agent): the contact needs no email or phone, the
+   * panel never shows the "add an email" form, the channel toggle, the contact picker, notices, templates, video, attachments or scheduling,
+   * and makes no request of its own. The `contact` must be passed (its `name` is shown in "To"); the footer button says `Send Message`.
+   */
+  readonly recipientMode: import("@angular/core").InputSignal<"contact" | "in-app">;
+  /** `recipientMode="in-app"` only: sends the message (the form shows no address; it calls this and then toasts "Message sent"). */
+  readonly sendMessage: import("@angular/core").InputSignal<((payload: SendInAppPayload) => Observable<unknown>) | null>;
+  /** `recipientMode="in-app"` only: the longest Message the host's backend accepts; null (default) = no limit. */
+  readonly maxBodyLength: import("@angular/core").InputSignal<number | null>;
+  /** false hides the Subject field in the email form and the in-app form (Send then needs only a Message). Default true. */
+  readonly showSubject: import("@angular/core").InputSignal<boolean>;
+  /** false hides the "Use Existing Template" tab in the email and text forms (Create Message only; the template picker, `GET /templates`, is never used). Default true. */
+  readonly showTemplates: import("@angular/core").InputSignal<boolean>;
+  /** false hides the Video section (picker, `GET /video-messages`) in the email and text forms. Default true. */
+  readonly showVideo: import("@angular/core").InputSignal<boolean>;
+  protected readonly inApp: import("@angular/core").Signal<boolean>;
   /** false hides Attach Files / Attach Image and "Schedule for later" in both forms (a host `sendEmail` / `sendText` that can't deliver them). */
   readonly attachmentsAndScheduling: import("@angular/core").InputSignal<boolean>;
   /** Purposes the app's backend supports for documents (default all three); `['ESIGN']` hides the purpose select. */
@@ -1801,6 +1935,7 @@ export declare class SendMessagePanelComponent {
   readonly phoneAdded: import("@angular/core").OutputEmitterRef<string>;
   readonly sendEmailRef: import("@angular/core").Signal<SendEmailComponent | undefined>;
   readonly sendTextRef: import("@angular/core").Signal<SendTextComponent | undefined>;
+  readonly sendInAppRef: import("@angular/core").Signal<SendInAppComponent | undefined>;
   private readonly destroyRef;
   readonly jobSearch$: Subject<string>;
   readonly jobOptions: import("@angular/core").WritableSignal<ComboboxOption<unknown>[]>;
@@ -1913,6 +2048,36 @@ export declare class SendMessagePanelComponent {
       "required": false;
       "isSignal": true;
     };
+    "recipientMode": {
+      "alias": "recipientMode";
+      "required": false;
+      "isSignal": true;
+    };
+    "sendMessage": {
+      "alias": "sendMessage";
+      "required": false;
+      "isSignal": true;
+    };
+    "maxBodyLength": {
+      "alias": "maxBodyLength";
+      "required": false;
+      "isSignal": true;
+    };
+    "showSubject": {
+      "alias": "showSubject";
+      "required": false;
+      "isSignal": true;
+    };
+    "showTemplates": {
+      "alias": "showTemplates";
+      "required": false;
+      "isSignal": true;
+    };
+    "showVideo": {
+      "alias": "showVideo";
+      "required": false;
+      "isSignal": true;
+    };
     "attachmentsAndScheduling": {
       "alias": "attachmentsAndScheduling";
       "required": false;
@@ -2162,4 +2327,4 @@ export declare class DocumentMergeCheckComponent {
     "warningsChange": "warningsChange";
   }, never, never, true, never>;
 }
-export type { CreateDocumentRequestBody, DocuSignSendBody, DocumentSentInfo, DocumentSentMessage, DocumentsPayloadExtras, ExistingEnvelopeSendBody, SendDocumentsPayload, SendEmailPayload, SendTextPayload, VideoDefaults, VideoLinkOptions };
+export type { CreateDocumentRequestBody, DocuSignSendBody, DocumentSentInfo, DocumentSentMessage, DocumentsPayloadExtras, ExistingEnvelopeSendBody, SendDocumentsPayload, SendEmailPayload, SendInAppPayload, SendTextPayload, VideoDefaults, VideoLinkOptions };

package/types/forgeroute-ui-stripe.d.ts

@@ -1,5 +1,6 @@
 import * as i0 from "@angular/core";
-import { InjectionToken, Provider } from "@angular/core";
+import { DestroyRef, InjectionToken, Provider, WritableSignal } from "@angular/core";
+import { Observable } from "rxjs";
 /**
  * The small part of Stripe.js the library calls, written as plain structural types so the library has NO compile-time or run-time
  * dependency on `@stripe/stripe-js` outside of the lazy loader (`stripe-loader.ts`). The real `Stripe` object satisfies these; so does a hand-written fake.
@@ -450,8 +451,10 @@ export declare class StripePaymentComponent {
   readonly disabled: import("@angular/core").InputSignal<boolean>;
   /** The host is still creating the intent: show the loading skeleton. */
   readonly pending: import("@angular/core").InputSignal<boolean>;
-  /** Accessible name of the payment form. */
+  /** Accessible name of the payment form (also its visible heading when `required` is set). */
   readonly label: import("@angular/core").InputSignal<string>;
+  /** The payment details are required (a required wizard step): a visible heading with a red asterisk is shown above the form. Not shown in `mountOnly` mode. */
+  readonly required: import("@angular/core").InputSignal<boolean>;
   /** The `id` of the element container (an app's e2e selector such as `#payment-element`). */
   readonly mountId: import("@angular/core").InputSignal<string>;
   /** Extra CSS classes on the element container. */
@@ -751,6 +754,11 @@ export declare class StripePaymentComponent {
       "required": false;
       "isSignal": true;
     };
+    "required": {
+      "alias": "required";
+      "required": false;
+      "isSignal": true;
+    };
     "mountId": {
       "alias": "mountId";
       "required": false;
@@ -1141,104 +1149,220 @@ export declare class MicrodepositVerifyComponent {
     "verifyFailed": "verifyFailed";
   }, never, never, true, never>;
 }
+/** What the account-status call answers (the shape of cremo's `GET /organizations/connect/status`). `isComplete` = Stripe accepts charges and payouts. */
+interface StripeConnectStatus {
+  isComplete: boolean;
+  detailsSubmitted?: boolean;
+  /** The address of Stripe's onboarding page for an unfinished account. */
+  onboardingUrl?: string;
+}
+/** What the create-account call answers (cremo's `POST /organizations/connect/create`): the new (or resumed) account and the address of Stripe's onboarding page. */
+interface StripeConnectAccount {
+  accountId: string;
+  onboardingUrl: string;
+}
+/**
+ * What happened after the user pressed a button or the page asked for the state. The flow never shows toasts itself (each app has its own): the host words
+ * each outcome, and decides what follows a finished account (for example switching payment collection on).
+ *
+ *  - `complete`: Stripe accepts the account. `source: 'check'` = after "Check Status"; `'resume'` = "Complete Setup" found it already complete; `'return'` =
+ *    the state was read again when the user came back to this tab (`refreshOnReturn`).
+ *  - `verifying`: the details were submitted and Stripe is reviewing them.
+ *  - `incomplete`: "Check Status" found an unfinished onboarding (`onboardingUrl` present).
+ *  - `link-unavailable`: the answer had no https Stripe address; nothing was opened.
+ *  - `failed`: a call failed (`action` says which); `error` is what it threw.
+ */
+type StripeConnectOutcome = {
+  kind: 'complete';
+  source: 'check' | 'resume' | 'return';
+} | {
+  kind: 'verifying';
+  source: 'check' | 'resume' | 'return';
+} | {
+  kind: 'incomplete';
+} | {
+  kind: 'link-unavailable';
+} | {
+  kind: 'failed';
+  action: 'start' | 'check' | 'resume';
+  error: unknown;
+};
+/** The state the flow reads and writes: signals owned by the host (or by the card's two-way models). */
+interface StripeConnectState {
+  accountId: WritableSignal<string | null>;
+  complete: WritableSignal<boolean>;
+  detailsSubmitted: WritableSignal<boolean>;
+  loading: WritableSignal<boolean>;
+}
+interface StripeConnectFlowOptions {
+  /** Read at call time, so a host can swap the call. Null = no call yet (`start()` does nothing). */
+  createAccount: () => (() => Observable<StripeConnectAccount>) | null;
+  getStatus: () => (() => Observable<StripeConnectStatus>) | null;
+  state: StripeConnectState;
+  /** Where outcomes go. */
+  emit: (outcome: StripeConnectOutcome) => void;
+  /** The buttons and methods do nothing while this says true (a read-only user). */
+  disabled?: () => boolean;
+  /** How THIS tab is sent to Stripe when the browser refused the new tab (default `window.location.href = url`). */
+  navigate?: (url: string) => void;
+  destroyRef: DestroyRef;
+}
+/** Only an https address on stripe.com or a real subdomain (never `evilstripe.com` / `connect.stripe.com.evil.com`, `http:`, `javascript:`). */
+export declare function isStripeUrl(url: string | undefined): url is string;
+/**
+ * The Stripe Connect flow of cremo Settings > Payment & Billing, as a plain class: create the account, "Check Status", "Complete Setup", and the "back from Stripe" read.
+ * `ui-stripe-connect` runs it behind its card; a host that has to start the flow from code before any view exists (Settings: the first change-detection pass with
+ * `?connect=return`) creates its own instance over the same state signals. Stripe's page always opens in a NEW tab opened inside the click (a tab opened after the
+ * request is blocked by popup blockers); only an https Stripe address is opened; a failed call closes the empty tab.
+ */
+export declare class StripeConnectFlow {
+  private readonly o;
+  /** A Stripe tab was opened: the card reads the state again when the user comes back (`refreshOnReturn`). */
+  tabOpened: boolean;
+  constructor(o: StripeConnectFlowOptions);
+  private get blocked();
+  /** Creates (or resumes) the account and opens Stripe's onboarding page in a new tab. */
+  start(): void;
+  /** "Check Status": reads the state; a finished or submitted account updates the card, an unfinished one is reported. */
+  check(): void;
+  /** "Complete Setup": reads the state and opens the onboarding address of an unfinished account in a new tab (a finished or submitted one just updates the card). */
+  resume(): void;
+  /** The state read when the user came back to this tab: silent unless something finished or was submitted. */
+  readStatusOnReturn(): void;
+  private openStripe;
+  /** The empty tab, opened inside the click and cut from this page (`opener`); null when the browser refused. */
+  openBlankTab(): Window | null;
+  /** The browser refused the new tab: Stripe opens in this one. */
+  private navigateCurrentTab;
+  private closeTab;
+}
+/**
+ * The default wording of an outcome (the texts cremo Settings has always used), for apps that just want a toast: `{ variant, message }`, or null when
+ * nothing should be said. `completeText` replaces the sentence of a finished account when the host has more to say about what follows.
+ */
+export declare function stripeConnectNotice(outcome: StripeConnectOutcome): {
+  variant: 'success' | 'info' | 'error';
+  message: string;
+} | null;
 /**
- * "Connect your Stripe account": the one card every app shows where a business connects the Stripe account it collects payments into (Stripe Connect). It reads
- * the account's state from the app's backend, and Connect asks the backend for the address of Stripe's onboarding page and sends the browser there: the user
- * finishes setting up the account on Stripe and Stripe sends them back to the address the backend chose. An unfinished onboarding simply shows Connect again
- * (the backend resumes the same account); a finished one shows Connected with Reconnect.
+ * "Stripe Connect Account": the card where a business connects the Stripe account it collects payments into (cremo Settings > Payment & Billing, built here
+ * once so every app and the setup wizard show and run the SAME flow). The host owns the data (its two calls and the three state values); the component owns
+ * the screen and the flow:
  *
- *   <ui-stripe-connect [connectParams]="{ returnTo: 'setup' }" (statusChange)="onConnected($event)" />
+ *  - no account yet (`accountId` empty): nothing is shown (the host has its own entry point and calls `start()`), or with `showWhenNoAccount` a card with
+ *    "Set Up Payment Account";;
+ *  - account, not complete, nothing submitted: warning "Account setup incomplete" with "Complete Setup" (asks the status for the onboarding address and opens it);
+ *  - details submitted, not complete: info "Stripe is verifying your account" with "Check Status";
+ *  - complete: success "Account setup complete" with the account id and "View Stripe Dashboard".
  *
- * The backend follows the convention of the setup wizard's `stripe` preset: `GET /integrations/stripe/status` answers `{ connected }` and
- * `GET /integrations/stripe/connect` answers `{ url }` (`authUrl` / `onboardingUrl` are read too). Both addresses and the texts can be replaced. The calls go
- * through `FORGEROUTE_CONFIG.baseUrl` and the app's HTTP interceptors (its sign-in token).
+ * Stripe's onboarding page always opens in a NEW tab: the empty tab is opened inside the click (a tab opened after the request is blocked by popup
+ * blockers) and receives the address when it arrives; with the tab refused the address opens in the current tab. Only an https Stripe address is ever opened,
+ * never one an answer made up (`javascript:`, `data:`). A failed call closes the empty tab.
+ *
+ *   <ui-stripe-connect [(accountId)]="accountId" [(complete)]="complete" [(detailsSubmitted)]="submitted"
+ *     [createAccount]="createAccount" [getStatus]="getStatus" [showWhenNoAccount]="true" (outcome)="onOutcome($event)" />
+ *
+ * where `createAccount = () => http.post<StripeConnectAccount>('/connect/create', {})` and `getStatus = () => http.get<StripeConnectStatus>('/connect/status')`.
  */
 export declare class StripeConnectComponent {
-  private readonly http;
   private readonly destroyRef;
-  private readonly apiBase;
-  /** GET: answers `{ connected }`. Relative to `FORGEROUTE_CONFIG.baseUrl`. */
-  readonly statusEndpoint: import("@angular/core").InputSignal<string>;
-  /** GET: answers the address of Stripe's onboarding page (`{ url }`). Relative to `FORGEROUTE_CONFIG.baseUrl`. */
-  readonly connectEndpoint: import("@angular/core").InputSignal<string>;
-  /** Query parameters sent with the connect request (for example `{ returnTo: 'setup' }`: where Stripe sends the user back to). */
-  readonly connectParams: import("@angular/core").InputSignal<Record<string, string> | null>;
+  /** The call that creates the organization's Stripe account (or resumes it) and answers its id and the onboarding address. Needed for `start()`. */
+  readonly createAccount: import("@angular/core").InputSignal<(() => Observable<StripeConnectAccount>) | null>;
+  /** The call that reads the account's state. Needed for `check()`, `resume()` and `refreshOnReturn`. */
+  readonly getStatus: import("@angular/core").InputSignal<(() => Observable<StripeConnectStatus>) | null>;
+  /** The Stripe account's id (null / empty = no account yet). Two-way: the component sets it when `start()` created the account. */
+  readonly accountId: import("@angular/core").ModelSignal<string | null>;
+  /** Stripe accepts the account (charges and payouts on). Two-way: set by `check()` / `resume()`. */
+  readonly complete: import("@angular/core").ModelSignal<boolean>;
+  /** The details were submitted and Stripe is reviewing them. Two-way: set by `check()` / `resume()`. */
+  readonly detailsSubmitted: import("@angular/core").ModelSignal<boolean>;
   readonly title: import("@angular/core").InputSignal<string>;
-  readonly description: import("@angular/core").InputSignal<string>;
-  readonly connectedText: import("@angular/core").InputSignal<string>;
-  readonly connectLabel: import("@angular/core").InputSignal<string>;
-  readonly reconnectLabel: import("@angular/core").InputSignal<string>;
-  /** What the user sees when the status or the address could not be loaded and the server gave no message. */
-  readonly loadFailedText: import("@angular/core").InputSignal<string>;
-  readonly connectFailedText: import("@angular/core").InputSignal<string>;
+  /** No card around the content: the text and the button sit directly in the host's own card (the setup wizard's step card). `title` is not shown then. */
+  readonly bare: import("@angular/core").InputSignal<boolean>;
+  /** Shows the card (with "Set Up Payment Account") while there is no account yet. Default false: hosts with their own entry point show nothing and call `start()`. */
+  readonly showWhenNoAccount: import("@angular/core").InputSignal<boolean>;
+  readonly startTitle: import("@angular/core").InputSignal<string>;
+  readonly startText: import("@angular/core").InputSignal<string>;
+  readonly startLabel: import("@angular/core").InputSignal<string>;
+  /** The buttons cannot be pressed (a read-only user). */
   readonly disabled: import("@angular/core").InputSignal<boolean>;
-  /** The account's state changed (it was read, or read again): true = connected. */
-  readonly statusChange: import("@angular/core").OutputEmitterRef<boolean>;
-  protected readonly connected: import("@angular/core").WritableSignal<boolean>;
-  protected readonly statusKnown: import("@angular/core").WritableSignal<boolean>;
-  protected readonly connecting: import("@angular/core").WritableSignal<boolean>;
-  protected readonly error: import("@angular/core").WritableSignal<string>;
-  protected readonly busy: import("@angular/core").Signal<boolean>;
-  private started;
+  /** After a Stripe tab was opened, the state is read again when this tab becomes visible again (the user came back): `(outcome)` then reports `complete` / `verifying` with source `return`. */
+  readonly refreshOnReturn: import("@angular/core").InputSignal<boolean>;
+  /** The page "View Stripe Dashboard" opens. */
+  readonly dashboardUrl: import("@angular/core").InputSignal<string>;
+  /** What happened (see {@link StripeConnectOutcome}); the host words it. */
+  readonly outcome: import("@angular/core").OutputEmitterRef<StripeConnectOutcome>;
+  /** A request is running: the buttons show "Loading..." / "Checking..." and cannot be pressed again. Two-way, so a host that shows the state elsewhere can read it. */
+  readonly loading: import("@angular/core").ModelSignal<boolean>;
+  /** How the current tab is sent to Stripe when the browser refused the new tab (default: `window.location.href = url`); a host can route it through its own method. */
+  readonly navigateTab: import("@angular/core").InputSignal<((url: string) => void) | null>;
+  protected readonly visible: import("@angular/core").Signal<boolean>;
+  private readonly flow;
   constructor();
-  /** Reads the account's state again (after the user came back from Stripe, for example). */
-  refresh(): void;
-  /** Asks the backend for Stripe's onboarding address and sends the browser there. */
-  protected connect(): void;
-  /** Sends the browser to Stripe. */
-  protected redirect(url: string): void;
-  /** Only an http(s) address is ever opened (never `javascript:` or `data:` from a response). */
-  private isWebAddress;
-  private messageOf;
+  /** Creates (or resumes) the account and opens Stripe's onboarding page in a new tab. */
+  start(): void;
+  /** "Check Status": reads the state; a finished or submitted account updates the card, an unfinished one is reported. */
+  check(): void;
+  /** "Complete Setup": reads the state and opens the onboarding address of an unfinished account in a new tab. */
+  resume(): void;
+  /** Opens the Stripe dashboard in a new tab. */
+  openDashboard(): void;
+  /** The browser refused the new tab: Stripe opens in this one (through the host's `navigateTab` when it gave one). */
+  protected navigateCurrentTab(url: string): void;
   static ɵfac: i0.ɵɵFactoryDeclaration<StripeConnectComponent, never>;
   static ɵcmp: i0.ɵɵComponentDeclaration<StripeConnectComponent, "ui-stripe-connect", never, {
-    "statusEndpoint": {
-      "alias": "statusEndpoint";
+    "createAccount": {
+      "alias": "createAccount";
       "required": false;
       "isSignal": true;
     };
-    "connectEndpoint": {
-      "alias": "connectEndpoint";
+    "getStatus": {
+      "alias": "getStatus";
       "required": false;
       "isSignal": true;
     };
-    "connectParams": {
-      "alias": "connectParams";
+    "accountId": {
+      "alias": "accountId";
       "required": false;
       "isSignal": true;
     };
-    "title": {
-      "alias": "title";
+    "complete": {
+      "alias": "complete";
       "required": false;
       "isSignal": true;
     };
-    "description": {
-      "alias": "description";
+    "detailsSubmitted": {
+      "alias": "detailsSubmitted";
       "required": false;
       "isSignal": true;
     };
-    "connectedText": {
-      "alias": "connectedText";
+    "title": {
+      "alias": "title";
       "required": false;
       "isSignal": true;
     };
-    "connectLabel": {
-      "alias": "connectLabel";
+    "bare": {
+      "alias": "bare";
       "required": false;
       "isSignal": true;
     };
-    "reconnectLabel": {
-      "alias": "reconnectLabel";
+    "showWhenNoAccount": {
+      "alias": "showWhenNoAccount";
       "required": false;
       "isSignal": true;
     };
-    "loadFailedText": {
-      "alias": "loadFailedText";
+    "startTitle": {
+      "alias": "startTitle";
       "required": false;
       "isSignal": true;
     };
-    "connectFailedText": {
-      "alias": "connectFailedText";
+    "startText": {
+      "alias": "startText";
+      "required": false;
+      "isSignal": true;
+    };
+    "startLabel": {
+      "alias": "startLabel";
       "required": false;
       "isSignal": true;
     };
@@ -1247,8 +1371,32 @@ export declare class StripeConnectComponent {
       "required": false;
       "isSignal": true;
     };
+    "refreshOnReturn": {
+      "alias": "refreshOnReturn";
+      "required": false;
+      "isSignal": true;
+    };
+    "dashboardUrl": {
+      "alias": "dashboardUrl";
+      "required": false;
+      "isSignal": true;
+    };
+    "loading": {
+      "alias": "loading";
+      "required": false;
+      "isSignal": true;
+    };
+    "navigateTab": {
+      "alias": "navigateTab";
+      "required": false;
+      "isSignal": true;
+    };
   }, {
-    "statusChange": "statusChange";
+    "accountId": "accountIdChange";
+    "complete": "completeChange";
+    "detailsSubmitted": "detailsSubmittedChange";
+    "outcome": "outcome";
+    "loading": "loadingChange";
   }, never, never, true, never>;
 }
-export type { HandleReturnOptions, MicrodepositStartedBy, MicrodepositStepsContext, MicrodepositType, MicrodepositVerifyData, MicrodepositVerifyEvent, ProvideStripePaymentOptions, StripeA11yMessages, StripeAppearance, StripeBillingDetails, StripeConfirmResult, StripeConfirmedEvent, StripeConnection, StripeCreateIntentFn, StripeDeferredIntent, StripeElementChange, StripeElementsLike, StripeErrorDisplay, StripeErrorLike, StripeErrorMessageOptions, StripeFailure, StripeFailureStage, StripeIntentKind, StripeIntentLike, StripeLike, StripeLikeWithBankSetup, StripeLoadOptions, StripeLoaderFn, StripeMicrodepositNextAction, StripeMicrodepositResult, StripeOutcome, StripePaymentDefaults, StripePaymentElementLike, StripeReadyEvent, StripeReturnParams, StripeReturnResult, StripeVerification };
+export type { HandleReturnOptions, MicrodepositStartedBy, MicrodepositStepsContext, MicrodepositType, MicrodepositVerifyData, MicrodepositVerifyEvent, ProvideStripePaymentOptions, StripeA11yMessages, StripeAppearance, StripeBillingDetails, StripeConfirmResult, StripeConfirmedEvent, StripeConnectAccount, StripeConnectFlowOptions, StripeConnectOutcome, StripeConnectState, StripeConnectStatus, StripeConnection, StripeCreateIntentFn, StripeDeferredIntent, StripeElementChange, StripeElementsLike, StripeErrorDisplay, StripeErrorLike, StripeErrorMessageOptions, StripeFailure, StripeFailureStage, StripeIntentKind, StripeIntentLike, StripeLike, StripeLikeWithBankSetup, StripeLoadOptions, StripeLoaderFn, StripeMicrodepositNextAction, StripeMicrodepositResult, StripeOutcome, StripePaymentDefaults, StripePaymentElementLike, StripeReadyEvent, StripeReturnParams, StripeReturnResult, StripeVerification };