@tesouro/embedded-components-react 0.10.6 → 0.10.10

package/dist/index.css

@@ -2881,6 +2881,9 @@
   .ttw\:bg-stone-200 {
     background-color: var(--ttw-color-stone-200);
   }
+  .ttw\:bg-success {
+    background-color: var(--ttw-success);
+  }
   .ttw\:bg-success-subtle {
     background-color: var(
     --ttw-success-subtle,
@@ -3709,6 +3712,9 @@
   .ttw\:text-right {
     text-align: right;
   }
+  .ttw\:align-baseline {
+    vertical-align: baseline;
+  }
   .ttw\:align-middle {
     vertical-align: middle;
   }
@@ -6131,6 +6137,9 @@
     }
   }
   @media (width >= 40rem) {
+    .ttw\:sm\:col-span-2 {
+      grid-column: span 2 / span 2;
+    }
     .ttw\:sm\:mr-auto {
       margin-right: auto;
     }

package/dist/index.d.ts

@@ -1815,14 +1815,41 @@ interface DisclosureLinks {
 
 interface AdditionalOwnersLabels {
     heading: string;
+    /** Why owners are asked for, under the heading. */
     subheading: string;
-    /** Replaces `subheading` while nobody is listed, beside the empty state. */
+    /**
+     * @deprecated Unused since the section always shows `subheading`, and the
+     * empty state carries its own body. Kept so existing overrides still
+     * type-check.
+     */
     emptySubheading: string;
+    /** Asks whether the applicant is a beneficial owner, given the business name. */
+    applicantOwnsQuestionTemplate: (businessName: string) => string;
+    /** Stands in for the business name in the copy above until one is entered. */
+    businessNameFallback: string;
+    applicantOwnsYes: string;
+    applicantOwnsNo: string;
+    /** Badge beside the applicant's name in their own editor. */
+    applicantBadge: string;
+    /** The applicant's share field in their editor. */
+    applicantOwnershipPercentage: string;
+    /** Says where the read-only summary in the applicant's editor comes from. */
+    applicantDetailsSourceNote: string;
+    /** Summary parts in the applicant's editor, joined by `applicantSummarySeparator`. */
+    applicantBornTemplate: (dateOfBirth: string) => string;
+    applicantSsnEndingTemplate: (last4: string) => string;
+    applicantSummarySeparator: string;
+    /** Link from the applicant's editor back to the Personal details step. */
+    editPersonalDetails: string;
+    /** Accessible name of the pencil on the applicant's own row. */
+    editApplicantOwnership: string;
     /** The owners section title on the Review step. */
     reviewSectionTitle: string;
     primaryOwnerShareLabel: string;
     /** Empty-state title, shown while nobody is listed. */
     emptyOwnersText: string;
+    /** Empty-state body, given the business name. */
+    emptyOwnersBodyTemplate: (businessName: string) => string;
     /** The empty state's own add button, which stands in for `addOwner`. */
     emptyOwnersAddOwner: string;
     addOwner: string;
@@ -1832,9 +1859,15 @@ interface AdditionalOwnersLabels {
     remove: string;
     /** The applicant's own row: they are removed from the Personal step instead. */
     removePrimaryOwnerDisabled: string;
-    /** The applicant's own row: their details are edited on the Personal step. */
+    /**
+     * @deprecated Unused since the applicant edits their share in their own row.
+     * Kept so existing overrides still type-check.
+     */
     editPrimaryOwnerDisabled: string;
-    /** Hover/focus tooltip on the applicant's disabled pencil: where to edit. */
+    /**
+     * @deprecated Unused since the applicant edits their share in their own row.
+     * Kept so existing overrides still type-check.
+     */
     editPrimaryOwnerTooltip: string;
     /** Hover/focus tooltip on the applicant's disabled trash: why it is locked. */
     removePrimaryOwnerTooltip: string;
@@ -2290,11 +2323,17 @@ interface BankAccountOnboardingWidgetInnerProps {
      */
     onNoticeReplacedByForm?: () => void;
     /**
-     * Moves focus to the form's title when it mounts. Set by the session scope
-     * after "Start a new application", whose button unmounts with the deleted
-     * screen. Not set by hosts.
+     * Moves focus to the form's title, or to the status card's when the restart
+     * lands on one, when it mounts. Set by the session scope after "Start a new
+     * application", whose button unmounts with the deleted screen. Not set by
+     * hosts.
      */
     focusFormOnMount?: boolean;
+    /**
+     * Called once whatever `focusFormOnMount` focused has mounted, so the
+     * session scope can drop the flag. Set by the session scope, not by hosts.
+     */
+    onFocusFormOnMountDone?: () => void;
     bankLogoSrc?: string;
     /**
      * Host-resolved disclosure URLs for the business-details agreement step.
@@ -2323,7 +2362,7 @@ interface BankAccountOnboardingWidgetInnerProps {
      */
     onResultPhaseChange?: (isInResultPhase: boolean) => void;
 }
-type BankAccountOnboardingWidgetProps = WidgetProviderProps & Omit<BankAccountOnboardingWidgetInnerProps, 'initialApplicationId' | 'initialBoundAuthEpoch' | 'initialBusinessDetails' | 'initialPersonalDetails' | 'initialAdditionalOwners' | 'onEditableDraftChange' | 'onApplicationDeleted' | 'onNoticeReplacedByForm' | 'focusFormOnMount'> & {
+type BankAccountOnboardingWidgetProps = WidgetProviderProps & Omit<BankAccountOnboardingWidgetInnerProps, 'initialApplicationId' | 'initialBoundAuthEpoch' | 'initialBusinessDetails' | 'initialPersonalDetails' | 'initialAdditionalOwners' | 'onEditableDraftChange' | 'onApplicationDeleted' | 'onNoticeReplacedByForm' | 'focusFormOnMount' | 'onFocusFormOnMountDone'> & {
     initialBusinessDetails?: Partial<HostSupplied<BusinessDetailsValues>>;
     initialPersonalDetails?: Partial<HostSupplied<PersonalDetailsValues>>;
     initialAdditionalOwners?: HostSuppliedOwner[];

package/dist/index.js

@@ -37,10 +37,10 @@ import { TRANSFERS_WIDGET_LABELS_EN as Y } from "./libs/tesouro-embedded-compone
 import { TransfersWidget as X } from "./libs/tesouro-embedded-components-react/transfers-widget/feature/dist/lib/TransfersWidget/TransfersWidgetFeature.js";
 import { ACCEPT_DISCLOSURES_WIDGET_LABELS_EN as Z } from "./libs/tesouro-embedded-components-react/accept-disclosures-widget/ui/dist/lib/AcceptDisclosuresWidget/labels.js";
 import { AcceptDisclosuresWidget as Q } from "./libs/tesouro-embedded-components-react/accept-disclosures-widget/feature/dist/lib/AcceptDisclosuresWidget/AcceptDisclosuresWidget.js";
-import { ADDITIONAL_OWNERS_LABELS_EN as $ } from "./libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index8.js";
-import { BUSINESS_DETAILS_LABELS_EN as ee } from "./libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index11.js";
-import { PERSONAL_DETAILS_LABELS_EN as te } from "./libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index12.js";
-import { RESULT_LABELS_EN as ne } from "./libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index19.js";
+import { ADDITIONAL_OWNERS_LABELS_EN as $ } from "./libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index9.js";
+import { BUSINESS_DETAILS_LABELS_EN as ee } from "./libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index12.js";
+import { PERSONAL_DETAILS_LABELS_EN as te } from "./libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index13.js";
+import { RESULT_LABELS_EN as ne } from "./libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index20.js";
 import { APPLICATION_STATUS_LABELS_EN as re } from "./libs/tesouro-embedded-components-react/bank-account-onboarding-widget/feature/dist/lib/BankAccountOnboardingWidget/labels.js";
 import { BankAccountOnboardingWidget as ie } from "./libs/tesouro-embedded-components-react/bank-account-onboarding-widget/feature/dist/lib/BankAccountOnboardingWidget/BankAccountOnboardingWidget.js";
 import { WidgetSuite as ae } from "./libs/tesouro-embedded-components-react/widget-suite/feature/dist/lib/WidgetSuite/WidgetSuite.js";

package/dist/lib/BankAccountOnboardingWidget.d.ts

@@ -793,14 +793,41 @@ interface DisclosureLinks {
 
 interface AdditionalOwnersLabels {
     heading: string;
+    /** Why owners are asked for, under the heading. */
     subheading: string;
-    /** Replaces `subheading` while nobody is listed, beside the empty state. */
+    /**
+     * @deprecated Unused since the section always shows `subheading`, and the
+     * empty state carries its own body. Kept so existing overrides still
+     * type-check.
+     */
     emptySubheading: string;
+    /** Asks whether the applicant is a beneficial owner, given the business name. */
+    applicantOwnsQuestionTemplate: (businessName: string) => string;
+    /** Stands in for the business name in the copy above until one is entered. */
+    businessNameFallback: string;
+    applicantOwnsYes: string;
+    applicantOwnsNo: string;
+    /** Badge beside the applicant's name in their own editor. */
+    applicantBadge: string;
+    /** The applicant's share field in their editor. */
+    applicantOwnershipPercentage: string;
+    /** Says where the read-only summary in the applicant's editor comes from. */
+    applicantDetailsSourceNote: string;
+    /** Summary parts in the applicant's editor, joined by `applicantSummarySeparator`. */
+    applicantBornTemplate: (dateOfBirth: string) => string;
+    applicantSsnEndingTemplate: (last4: string) => string;
+    applicantSummarySeparator: string;
+    /** Link from the applicant's editor back to the Personal details step. */
+    editPersonalDetails: string;
+    /** Accessible name of the pencil on the applicant's own row. */
+    editApplicantOwnership: string;
     /** The owners section title on the Review step. */
     reviewSectionTitle: string;
     primaryOwnerShareLabel: string;
     /** Empty-state title, shown while nobody is listed. */
     emptyOwnersText: string;
+    /** Empty-state body, given the business name. */
+    emptyOwnersBodyTemplate: (businessName: string) => string;
     /** The empty state's own add button, which stands in for `addOwner`. */
     emptyOwnersAddOwner: string;
     addOwner: string;
@@ -810,9 +837,15 @@ interface AdditionalOwnersLabels {
     remove: string;
     /** The applicant's own row: they are removed from the Personal step instead. */
     removePrimaryOwnerDisabled: string;
-    /** The applicant's own row: their details are edited on the Personal step. */
+    /**
+     * @deprecated Unused since the applicant edits their share in their own row.
+     * Kept so existing overrides still type-check.
+     */
     editPrimaryOwnerDisabled: string;
-    /** Hover/focus tooltip on the applicant's disabled pencil: where to edit. */
+    /**
+     * @deprecated Unused since the applicant edits their share in their own row.
+     * Kept so existing overrides still type-check.
+     */
     editPrimaryOwnerTooltip: string;
     /** Hover/focus tooltip on the applicant's disabled trash: why it is locked. */
     removePrimaryOwnerTooltip: string;
@@ -1268,11 +1301,17 @@ interface BankAccountOnboardingWidgetInnerProps {
      */
     onNoticeReplacedByForm?: () => void;
     /**
-     * Moves focus to the form's title when it mounts. Set by the session scope
-     * after "Start a new application", whose button unmounts with the deleted
-     * screen. Not set by hosts.
+     * Moves focus to the form's title, or to the status card's when the restart
+     * lands on one, when it mounts. Set by the session scope after "Start a new
+     * application", whose button unmounts with the deleted screen. Not set by
+     * hosts.
      */
     focusFormOnMount?: boolean;
+    /**
+     * Called once whatever `focusFormOnMount` focused has mounted, so the
+     * session scope can drop the flag. Set by the session scope, not by hosts.
+     */
+    onFocusFormOnMountDone?: () => void;
     bankLogoSrc?: string;
     /**
      * Host-resolved disclosure URLs for the business-details agreement step.
@@ -1301,7 +1340,7 @@ interface BankAccountOnboardingWidgetInnerProps {
      */
     onResultPhaseChange?: (isInResultPhase: boolean) => void;
 }
-type BankAccountOnboardingWidgetProps = WidgetProviderProps & Omit<BankAccountOnboardingWidgetInnerProps, 'initialApplicationId' | 'initialBoundAuthEpoch' | 'initialBusinessDetails' | 'initialPersonalDetails' | 'initialAdditionalOwners' | 'onEditableDraftChange' | 'onApplicationDeleted' | 'onNoticeReplacedByForm' | 'focusFormOnMount'> & {
+type BankAccountOnboardingWidgetProps = WidgetProviderProps & Omit<BankAccountOnboardingWidgetInnerProps, 'initialApplicationId' | 'initialBoundAuthEpoch' | 'initialBusinessDetails' | 'initialPersonalDetails' | 'initialAdditionalOwners' | 'onEditableDraftChange' | 'onApplicationDeleted' | 'onNoticeReplacedByForm' | 'focusFormOnMount' | 'onFocusFormOnMountDone'> & {
     initialBusinessDetails?: Partial<HostSupplied<BusinessDetailsValues>>;
     initialPersonalDetails?: Partial<HostSupplied<PersonalDetailsValues>>;
     initialAdditionalOwners?: HostSuppliedOwner[];

package/dist/lib/BankAccountOnboardingWidget.js

@@ -1,8 +1,8 @@
 import { OnboardingSuppressionReason as e } from "../libs/tesouro-embedded-components-react/shared/data-access/dist/lib/onboardingSuppressionReason.js";
-import { ADDITIONAL_OWNERS_LABELS_EN as t } from "../libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index8.js";
-import { BUSINESS_DETAILS_LABELS_EN as n } from "../libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index11.js";
-import { PERSONAL_DETAILS_LABELS_EN as r } from "../libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index12.js";
-import { RESULT_LABELS_EN as i } from "../libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index19.js";
+import { ADDITIONAL_OWNERS_LABELS_EN as t } from "../libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index9.js";
+import { BUSINESS_DETAILS_LABELS_EN as n } from "../libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index12.js";
+import { PERSONAL_DETAILS_LABELS_EN as r } from "../libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index13.js";
+import { RESULT_LABELS_EN as i } from "../libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index20.js";
 import "../libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index.js";
 import { APPLICATION_STATUS_LABELS_EN as a } from "../libs/tesouro-embedded-components-react/bank-account-onboarding-widget/feature/dist/lib/BankAccountOnboardingWidget/labels.js";
 import { BankAccountOnboardingWidget as o } from "../libs/tesouro-embedded-components-react/bank-account-onboarding-widget/feature/dist/lib/BankAccountOnboardingWidget/BankAccountOnboardingWidget.js";

package/dist/lib/WidgetSuite.d.ts

@@ -847,14 +847,41 @@ interface DisclosureLinks {
 
 interface AdditionalOwnersLabels {
     heading: string;
+    /** Why owners are asked for, under the heading. */
     subheading: string;
-    /** Replaces `subheading` while nobody is listed, beside the empty state. */
+    /**
+     * @deprecated Unused since the section always shows `subheading`, and the
+     * empty state carries its own body. Kept so existing overrides still
+     * type-check.
+     */
     emptySubheading: string;
+    /** Asks whether the applicant is a beneficial owner, given the business name. */
+    applicantOwnsQuestionTemplate: (businessName: string) => string;
+    /** Stands in for the business name in the copy above until one is entered. */
+    businessNameFallback: string;
+    applicantOwnsYes: string;
+    applicantOwnsNo: string;
+    /** Badge beside the applicant's name in their own editor. */
+    applicantBadge: string;
+    /** The applicant's share field in their editor. */
+    applicantOwnershipPercentage: string;
+    /** Says where the read-only summary in the applicant's editor comes from. */
+    applicantDetailsSourceNote: string;
+    /** Summary parts in the applicant's editor, joined by `applicantSummarySeparator`. */
+    applicantBornTemplate: (dateOfBirth: string) => string;
+    applicantSsnEndingTemplate: (last4: string) => string;
+    applicantSummarySeparator: string;
+    /** Link from the applicant's editor back to the Personal details step. */
+    editPersonalDetails: string;
+    /** Accessible name of the pencil on the applicant's own row. */
+    editApplicantOwnership: string;
     /** The owners section title on the Review step. */
     reviewSectionTitle: string;
     primaryOwnerShareLabel: string;
     /** Empty-state title, shown while nobody is listed. */
     emptyOwnersText: string;
+    /** Empty-state body, given the business name. */
+    emptyOwnersBodyTemplate: (businessName: string) => string;
     /** The empty state's own add button, which stands in for `addOwner`. */
     emptyOwnersAddOwner: string;
     addOwner: string;
@@ -864,9 +891,15 @@ interface AdditionalOwnersLabels {
     remove: string;
     /** The applicant's own row: they are removed from the Personal step instead. */
     removePrimaryOwnerDisabled: string;
-    /** The applicant's own row: their details are edited on the Personal step. */
+    /**
+     * @deprecated Unused since the applicant edits their share in their own row.
+     * Kept so existing overrides still type-check.
+     */
     editPrimaryOwnerDisabled: string;
-    /** Hover/focus tooltip on the applicant's disabled pencil: where to edit. */
+    /**
+     * @deprecated Unused since the applicant edits their share in their own row.
+     * Kept so existing overrides still type-check.
+     */
     editPrimaryOwnerTooltip: string;
     /** Hover/focus tooltip on the applicant's disabled trash: why it is locked. */
     removePrimaryOwnerTooltip: string;
@@ -1317,11 +1350,17 @@ interface BankAccountOnboardingWidgetInnerProps {
      */
     onNoticeReplacedByForm?: () => void;
     /**
-     * Moves focus to the form's title when it mounts. Set by the session scope
-     * after "Start a new application", whose button unmounts with the deleted
-     * screen. Not set by hosts.
+     * Moves focus to the form's title, or to the status card's when the restart
+     * lands on one, when it mounts. Set by the session scope after "Start a new
+     * application", whose button unmounts with the deleted screen. Not set by
+     * hosts.
      */
     focusFormOnMount?: boolean;
+    /**
+     * Called once whatever `focusFormOnMount` focused has mounted, so the
+     * session scope can drop the flag. Set by the session scope, not by hosts.
+     */
+    onFocusFormOnMountDone?: () => void;
     bankLogoSrc?: string;
     /**
      * Host-resolved disclosure URLs for the business-details agreement step.
@@ -1350,7 +1389,7 @@ interface BankAccountOnboardingWidgetInnerProps {
      */
     onResultPhaseChange?: (isInResultPhase: boolean) => void;
 }
-type BankAccountOnboardingWidgetProps = WidgetProviderProps & Omit<BankAccountOnboardingWidgetInnerProps, 'initialApplicationId' | 'initialBoundAuthEpoch' | 'initialBusinessDetails' | 'initialPersonalDetails' | 'initialAdditionalOwners' | 'onEditableDraftChange' | 'onApplicationDeleted' | 'onNoticeReplacedByForm' | 'focusFormOnMount'> & {
+type BankAccountOnboardingWidgetProps = WidgetProviderProps & Omit<BankAccountOnboardingWidgetInnerProps, 'initialApplicationId' | 'initialBoundAuthEpoch' | 'initialBusinessDetails' | 'initialPersonalDetails' | 'initialAdditionalOwners' | 'onEditableDraftChange' | 'onApplicationDeleted' | 'onNoticeReplacedByForm' | 'focusFormOnMount' | 'onFocusFormOnMountDone'> & {
     initialBusinessDetails?: Partial<HostSupplied<BusinessDetailsValues>>;
     initialPersonalDetails?: Partial<HostSupplied<PersonalDetailsValues>>;
     initialAdditionalOwners?: HostSuppliedOwner[];