@tesouro/embedded-components-react 0.5.271 → 0.5.273

package/README.md

@@ -42,6 +42,10 @@ export function App() {
 }
 ```
 
+`widgetToken` comes from your server, never the browser: create it with
+[`@tesouro/embedded-components-widget-token`](https://www.npmjs.com/package/@tesouro/embedded-components-widget-token),
+which keeps your client and widget secrets server-side.
+
 Every provider and widget prop is typed in the shipped declarations, so your
 editor documents them inline.
 

package/dist/index.css

@@ -4697,6 +4697,9 @@
   .ttw\:last\:border-b-transparent:last-child {
     border-bottom-color: transparent;
   }
+  .ttw\:focus-within\:border-destructive:focus-within {
+    border-color: var(--ttw-destructive);
+  }
   .ttw\:focus-within\:border-ring:focus-within {
     border-color: var(--ttw-ring);
   }
@@ -4704,6 +4707,12 @@
     --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
+  .ttw\:focus-within\:ring-destructive\/20:focus-within {
+    --tw-ring-color: var(--ttw-destructive);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--ttw-destructive) 20%, transparent);
+    }
+  }
   .ttw\:focus-within\:ring-ring\/50:focus-within {
     --tw-ring-color: var(--ttw-ring);
     @supports (color: color-mix(in lab, red, red)) {
@@ -4776,6 +4785,14 @@
     .ttw\:hover\:bg-cyan-50:hover {
       background-color: var(--ttw-color-cyan-50);
     }
+    .ttw\:hover\:bg-destructive\/5:hover {
+      background-color: var(--ttw-destructive);
+    }
+    @supports (color: color-mix(in lab, red, red)) {
+      .ttw\:hover\:bg-destructive\/5:hover {
+        background-color: color-mix(in oklab, var(--ttw-destructive) 5%, transparent);
+      }
+    }
     .ttw\:hover\:bg-destructive\/10:hover {
       background-color: var(--ttw-destructive);
     }

package/dist/index.d.ts

@@ -1739,11 +1739,19 @@ interface AdditionalOwnersLabels {
     state: string;
     statePlaceholder: string;
     zipCode: string;
+    zipCodeInvalid: string;
     mobilePhoneNumber: string;
     mobilePhoneNumberInvalid: string;
     ownershipPercentage: string;
     ownershipPercentagePlaceholder: string;
     ownershipPercentageMinError: string;
+    ownershipPercentageMaxError: string;
+    /** Shown under a required field the user left blank. */
+    requiredFieldError: string;
+    /** Shown under a filled-in field that fails a rule with no message of its own. */
+    invalidFieldError: string;
+    /** Shown on an owners-list row whose saved details are incomplete or invalid. */
+    ownerIncompleteError: string;
     /** Required-field marker appended to field labels (e.g. ` *`). */
     requiredFieldMarker: string;
     /** Suffix shown after ownership percentage inputs (e.g. `%`). */
@@ -1767,8 +1775,13 @@ interface BusinessDetailsLabels {
     state: string;
     statePlaceholder: string;
     zipCode: string;
+    zipCodeInvalid: string;
     companyPhoneNumber: string;
     companyPhoneNumberInvalid: string;
+    /** Shown under a required field the user left blank. */
+    requiredFieldError: string;
+    /** Shown under a filled-in field that fails a rule with no message of its own. */
+    invalidFieldError: string;
     companyStructure: string;
     companyStructurePlaceholder: string;
     website: string;
@@ -1816,9 +1829,15 @@ interface PersonalDetailsLabels {
     state: string;
     statePlaceholder: string;
     zipCode: string;
+    zipCodeInvalid: string;
     mobilePhoneNumber: string;
     mobilePhoneNumberInvalid: string;
     workEmail: string;
+    workEmailInvalid: string;
+    /** Shown under a required field the user left blank. */
+    requiredFieldError: string;
+    /** Shown under a filled-in field that fails a rule with no message of its own. */
+    invalidFieldError: string;
     ownsOver25Question: string;
     ownsOver25SummaryLabel: string;
     ownsOver25Yes: string;

package/dist/index.js

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

package/dist/lib/BankAccountOnboardingWidget.d.ts

@@ -807,11 +807,19 @@ interface AdditionalOwnersLabels {
     state: string;
     statePlaceholder: string;
     zipCode: string;
+    zipCodeInvalid: string;
     mobilePhoneNumber: string;
     mobilePhoneNumberInvalid: string;
     ownershipPercentage: string;
     ownershipPercentagePlaceholder: string;
     ownershipPercentageMinError: string;
+    ownershipPercentageMaxError: string;
+    /** Shown under a required field the user left blank. */
+    requiredFieldError: string;
+    /** Shown under a filled-in field that fails a rule with no message of its own. */
+    invalidFieldError: string;
+    /** Shown on an owners-list row whose saved details are incomplete or invalid. */
+    ownerIncompleteError: string;
     /** Required-field marker appended to field labels (e.g. ` *`). */
     requiredFieldMarker: string;
     /** Suffix shown after ownership percentage inputs (e.g. `%`). */
@@ -835,8 +843,13 @@ interface BusinessDetailsLabels {
     state: string;
     statePlaceholder: string;
     zipCode: string;
+    zipCodeInvalid: string;
     companyPhoneNumber: string;
     companyPhoneNumberInvalid: string;
+    /** Shown under a required field the user left blank. */
+    requiredFieldError: string;
+    /** Shown under a filled-in field that fails a rule with no message of its own. */
+    invalidFieldError: string;
     companyStructure: string;
     companyStructurePlaceholder: string;
     website: string;
@@ -884,9 +897,15 @@ interface PersonalDetailsLabels {
     state: string;
     statePlaceholder: string;
     zipCode: string;
+    zipCodeInvalid: string;
     mobilePhoneNumber: string;
     mobilePhoneNumberInvalid: string;
     workEmail: string;
+    workEmailInvalid: string;
+    /** Shown under a required field the user left blank. */
+    requiredFieldError: string;
+    /** Shown under a filled-in field that fails a rule with no message of its own. */
+    invalidFieldError: string;
     ownsOver25Question: string;
     ownsOver25SummaryLabel: string;
     ownsOver25Yes: string;

package/dist/lib/BankAccountOnboardingWidget.js

@@ -1,7 +1,7 @@
-import { ADDITIONAL_OWNERS_LABELS_EN as e } from "../libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index5.js";
-import { BUSINESS_DETAILS_LABELS_EN as t } from "../libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index7.js";
-import { PERSONAL_DETAILS_LABELS_EN as n } from "../libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index8.js";
-import { RESULT_LABELS_EN as r } from "../libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index15.js";
+import { ADDITIONAL_OWNERS_LABELS_EN as e } from "../libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index6.js";
+import { BUSINESS_DETAILS_LABELS_EN as t } from "../libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index8.js";
+import { PERSONAL_DETAILS_LABELS_EN as n } from "../libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index9.js";
+import { RESULT_LABELS_EN as r } from "../libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index16.js";
 import "../libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index.js";
 import { APPLICATION_STATUS_LABELS_EN as i } from "../libs/tesouro-embedded-components-react/bank-account-onboarding-widget/feature/dist/lib/BankAccountOnboardingWidget/labels.js";
 import { BankAccountOnboardingWidget as a } from "../libs/tesouro-embedded-components-react/bank-account-onboarding-widget/feature/dist/lib/BankAccountOnboardingWidget/BankAccountOnboardingWidget.js";

package/dist/lib/WidgetSuite.d.ts

@@ -861,11 +861,19 @@ interface AdditionalOwnersLabels {
     state: string;
     statePlaceholder: string;
     zipCode: string;
+    zipCodeInvalid: string;
     mobilePhoneNumber: string;
     mobilePhoneNumberInvalid: string;
     ownershipPercentage: string;
     ownershipPercentagePlaceholder: string;
     ownershipPercentageMinError: string;
+    ownershipPercentageMaxError: string;
+    /** Shown under a required field the user left blank. */
+    requiredFieldError: string;
+    /** Shown under a filled-in field that fails a rule with no message of its own. */
+    invalidFieldError: string;
+    /** Shown on an owners-list row whose saved details are incomplete or invalid. */
+    ownerIncompleteError: string;
     /** Required-field marker appended to field labels (e.g. ` *`). */
     requiredFieldMarker: string;
     /** Suffix shown after ownership percentage inputs (e.g. `%`). */
@@ -888,8 +896,13 @@ interface BusinessDetailsLabels {
     state: string;
     statePlaceholder: string;
     zipCode: string;
+    zipCodeInvalid: string;
     companyPhoneNumber: string;
     companyPhoneNumberInvalid: string;
+    /** Shown under a required field the user left blank. */
+    requiredFieldError: string;
+    /** Shown under a filled-in field that fails a rule with no message of its own. */
+    invalidFieldError: string;
     companyStructure: string;
     companyStructurePlaceholder: string;
     website: string;
@@ -936,9 +949,15 @@ interface PersonalDetailsLabels {
     state: string;
     statePlaceholder: string;
     zipCode: string;
+    zipCodeInvalid: string;
     mobilePhoneNumber: string;
     mobilePhoneNumberInvalid: string;
     workEmail: string;
+    workEmailInvalid: string;
+    /** Shown under a required field the user left blank. */
+    requiredFieldError: string;
+    /** Shown under a filled-in field that fails a rule with no message of its own. */
+    invalidFieldError: string;
     ownsOver25Question: string;
     ownsOver25SummaryLabel: string;
     ownsOver25Yes: string;

package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/feature/dist/lib/BankAccountOnboardingWidget/AdditionalOwnersStep.js

@@ -2,104 +2,125 @@
 "use client";
 "use client";
 "use client";
-import { ADDITIONAL_OWNERS_LABELS_EN as e } from "../../../../ui/dist/index5.js";
-import { AdditionalOwnersForm as t } from "../../../../ui/dist/index6.js";
+import { ADDITIONAL_OWNERS_LABELS_EN as e } from "../../../../ui/dist/index6.js";
+import { AdditionalOwnersForm as t } from "../../../../ui/dist/index7.js";
 import "../../../../ui/dist/index.js";
 import { bankAccountOnboardingTestIds as n } from "./testIds.js";
 import { buildAdditionalOwnerSchema as r } from "./stepSchemas.js";
-import { valuesKey as i } from "./valuesKey.js";
-import { EMPTY_ADDITIONAL_OWNER as a, buildAdditionalOwnerEditDisplay as o, buildAdditionalOwnerEditFields as s, normalizeAdditionalOwnerDraft as c } from "./additionalOwnerDraft.js";
-import { useEffect as l, useMemo as u, useRef as d, useState as f } from "react";
-import { jsx as p } from "react/jsx-runtime";
+import { fieldErrorsFromIssues as i, fieldsToFlagOnOpen as ee, labelOwnedFallback as a, useTouchedFields as te, withFieldFeedback as o } from "./fieldErrors.js";
+import { valuesKey as s } from "./valuesKey.js";
+import { EMPTY_ADDITIONAL_OWNER as c, buildAdditionalOwnerEditDisplay as l, buildAdditionalOwnerEditFields as u, normalizeAdditionalOwnerDraft as d } from "./additionalOwnerDraft.js";
+import { useEffect as f, useMemo as p, useRef as m, useState as h } from "react";
+import { jsx as g } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/bank-account-onboarding-widget/feature/dist/lib/BankAccountOnboardingWidget/AdditionalOwnersStep.js
-function m(e) {
+var _ = [
+	"firstName",
+	"lastName",
+	"dateOfBirth",
+	"ssn",
+	"homeAddress",
+	"city",
+	"state",
+	"zipCode",
+	"mobilePhoneNumber",
+	"ownershipPercentage"
+];
+function v(e) {
 	return e.ownershipPercentage !== null && e.ownershipPercentage >= 25 ? e.ownershipPercentage : 0;
 }
-function h(e) {
-	return `${m(e)}%`;
+function y(e) {
+	return `${e.ownershipPercentage ?? 0}%`;
 }
-function g(e) {
+function b(e, t) {
 	return {
 		name: `${e.firstName} ${e.lastName}`.trim(),
-		shareDisplay: h(e)
+		shareDisplay: y(e),
+		error: t
 	};
 }
-function _({ owners: h, onOwnersChange: _, primaryOwnerName: v, primaryOwnerPercentage: y, stateOptions: b, onSnapshotChange: x, onPendingOwnerChange: S, isSubmitting: C, labels: w }) {
-	let T = u(() => ({
+function x({ owners: y, onOwnersChange: x, primaryOwnerName: S, primaryOwnerPercentage: C, stateOptions: w, onSnapshotChange: T, onPendingOwnerChange: E, isSubmitting: ne, labels: D }) {
+	let O = p(() => ({
 		...e,
-		...w
-	}), [w]), E = u(() => r(T), [T]), [D, O] = f(null), [k, A] = f(null), [j, M] = f(null), [N, P] = f(null), [F, I] = f(!1), L = (e) => {
-		O(c(e));
-	}, R = y + h.reduce((e, t) => e + m(t), 0), z = R > 100 ? T.totalOwnershipExceedsTemplate(R) : null, B = R > 75, V = `${y}%`, H = y >= 25, U = h.every((e) => E.safeParse(e).success), W = D !== null && E.safeParse(D).success, G = U && z === null && D === null && N === null ? h : null, K = JSON.stringify({ snapshot: G?.map((e) => ({
+		...D
+	}), [D]), k = p(() => r(O), [O]), A = a(O.invalidFieldError), [j, M] = h(null), [N, P] = h(null), [re, F] = h(null), [I, L] = h(null), [R, z] = h(!1), B = te(() => []), V = (e) => {
+		M(d(e));
+	}, H = C + y.reduce((e, t) => e + v(t), 0), U = H > 100 ? O.totalOwnershipExceedsTemplate(H) : null, W = H > 75, G = `${C}%`, K = C >= 25, q = y.map((e) => {
+		let t = k.safeParse(e, A);
+		if (t.success) return;
+		let n = t.error.issues.find((e) => e.path[0] === "ownershipPercentage");
+		return n ? e.ownershipPercentage === null ? O.ownershipPercentageMinError : n.message : O.ownerIncompleteError;
+	}), J = q.every((e) => e === void 0), Y = j === null ? null : k.safeParse(j, A), ie = Y?.success ?? !1, X = J && U === null && j === null && I === null ? y : null, ae = JSON.stringify({ snapshot: X?.map((e) => ({
 		...e,
 		dateOfBirth: e.dateOfBirth?.toISOString()
-	})) }), q = d(x);
-	q.current = x, l(() => {
-		q.current(G);
-	}, [K]);
-	let J = D !== null && i(D) !== i(j) ? {
-		owner: D,
-		index: k
-	} : null, Y = i(J), X = d(S);
-	X.current = S, l(() => {
-		X.current?.(J);
-	}, [Y]), l(() => () => X.current?.(null), []);
-	let Z = () => {
-		A(null), I(!1), O({ ...a }), M({ ...a });
-	}, Q = (e) => {
-		A(e), I(!1);
-		let t = c({ ...h[e] });
-		O(t), M(t);
-	}, $ = (e) => {
-		let t = h[e];
-		P({
+	})) }), Z = m(T);
+	Z.current = T, f(() => {
+		Z.current(X);
+	}, [ae]);
+	let Q = j !== null && N !== null && s(j) !== s(re) ? {
+		owner: j,
+		index: N
+	} : null, oe = s(Q), $ = m(E);
+	$.current = E, f(() => {
+		$.current?.(Q);
+	}, [oe]), f(() => () => $.current?.(null), []);
+	let se = () => {
+		P(null), z(!1), M({ ...c }), F({ ...c }), B.reset([]);
+	}, ce = (e) => {
+		P(e), z(!1);
+		let t = d({ ...y[e] });
+		M(t), F(t);
+		let n = k.safeParse(t, A);
+		B.reset(ee(_, t, i(_, t, n.error?.issues, O.requiredFieldError)));
+	}, le = (e) => {
+		let t = y[e];
+		L({
 			index: e,
 			displayName: `${t.firstName} ${t.lastName}`.trim()
 		});
-	}, ee = () => {
-		N && (_(h.filter((e, t) => t !== N.index)), P(null));
-	}, te = () => {
-		P(null);
-	}, ne = D ? {
-		fields: s(D, L, { stateOptions: b }),
-		display: o(D, T),
-		isExisting: k !== null,
-		isValid: W,
-		ssnRevealed: F,
-		ssnToggleAriaLabel: F ? T.ssnHide : T.ssnShow,
-		onToggleSsnVisibility: () => I((e) => !e),
+	}, ue = () => {
+		I && (x(y.filter((e, t) => t !== I.index)), L(null));
+	}, de = () => {
+		L(null);
+	}, fe = j ? {
+		fields: o(u(j, V, { stateOptions: w }), i(_, j, Y?.error?.issues, O.requiredFieldError), B.touched, B.touch),
+		display: l(j, O),
+		isExisting: N !== null,
+		isValid: ie,
+		ssnRevealed: R,
+		ssnToggleAriaLabel: R ? O.ssnHide : O.ssnShow,
+		onToggleSsnVisibility: () => z((e) => !e),
 		onSubmit: () => {
-			if (!D) return;
-			let e = E.safeParse(D);
+			if (!j) return;
+			let e = k.safeParse(j);
 			if (e.success) {
-				if (k === null) _([...h, e.data]);
+				if (N === null) x([...y, e.data]);
 				else {
-					let t = [...h];
-					t[k] = e.data, _(t);
+					let t = [...y];
+					t[N] = e.data, x(t);
 				}
-				O(null), A(null), I(!1);
+				M(null), P(null), z(!1);
 			}
 		},
 		onCancel: () => {
-			O(null), A(null), I(!1);
+			M(null), P(null), z(!1);
 		}
 	} : null;
-	return /* @__PURE__ */ p(t, {
-		ownerRows: h.map(g),
-		primaryOwnerName: v,
-		primaryOwnerShareDisplay: V,
-		showPrimaryOwner: H,
-		totalOwnershipError: z,
-		addOwnerDisabled: B,
-		onAddOwner: Z,
-		onEditOwner: Q,
-		onDeleteOwnerRequest: $,
-		deletingOwnerName: N?.displayName ?? null,
-		onDeleteOwnerConfirm: ee,
-		onDeleteOwnerCancel: te,
-		editingOverlay: ne,
-		isSubmitting: C,
-		labels: w,
+	return /* @__PURE__ */ g(t, {
+		ownerRows: y.map((e, t) => b(e, q[t])),
+		primaryOwnerName: S,
+		primaryOwnerShareDisplay: G,
+		showPrimaryOwner: K,
+		totalOwnershipError: U,
+		addOwnerDisabled: W,
+		onAddOwner: se,
+		onEditOwner: ce,
+		onDeleteOwnerRequest: le,
+		deletingOwnerName: I?.displayName ?? null,
+		onDeleteOwnerConfirm: ue,
+		onDeleteOwnerCancel: de,
+		editingOverlay: fe,
+		isSubmitting: ne,
+		labels: D,
 		testIds: {
 			addOwnerButton: n.addOwnerButton,
 			overlay: { root: n.shellOverlay },
@@ -111,4 +132,4 @@ function _({ owners: h, onOwnersChange: _, primaryOwnerName: v, primaryOwnerPerc
 	});
 }
 //#endregion
-export { _ as AdditionalOwnersStep, m as getAdditionalOwnerShare };
+export { x as AdditionalOwnersStep, v as getAdditionalOwnerShare };

package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/feature/dist/lib/BankAccountOnboardingWidget/BankAccountOnboardingWidget.js

@@ -22,12 +22,12 @@ import { useRefetchWidget as oe, useWidgetConfig as se, useWidgetInitStaleForTok
 import { getNaicsOptions as ue } from "../../../../../shared/feature/dist/lib/naicsCodeMap.js";
 import { deniedNoticeExpiresAt as de, selectBankAccountApplication as fe } from "../../../../../shared/feature/dist/lib/application/bankAccountApplication.js";
 import "../../../../../shared/feature/dist/index.js";
-import { ADDITIONAL_OWNERS_LABELS_EN as pe } from "../../../../ui/dist/index5.js";
-import { interpolateBankName as me } from "../../../../ui/dist/index7.js";
-import { ApplicationStatusCard as he } from "../../../../ui/dist/index10.js";
-import { ResultStep as ge } from "../../../../ui/dist/index14.js";
-import { UnsavedApplicationDialog as _e } from "../../../../ui/dist/index28.js";
-import { DeleteApplicationDialog as ve } from "../../../../ui/dist/index30.js";
+import { ADDITIONAL_OWNERS_LABELS_EN as pe } from "../../../../ui/dist/index6.js";
+import { interpolateBankName as me } from "../../../../ui/dist/index8.js";
+import { ApplicationStatusCard as he } from "../../../../ui/dist/index11.js";
+import { ResultStep as ge } from "../../../../ui/dist/index15.js";
+import { UnsavedApplicationDialog as _e } from "../../../../ui/dist/index29.js";
+import { DeleteApplicationDialog as ve } from "../../../../ui/dist/index31.js";
 import "../../../../ui/dist/index.js";
 import { DEFAULT_LABELS as ye } from "./labels.js";
 import { OnboardingApplicationView as be, applicationStatusNoticeFor as xe, hiddenViewReason as Se, isNoticeView as Ce, mergeApplicationStatusLabels as we, onboardingApplicationViewFor as Te } from "./applicationStatusView.js";
@@ -71,7 +71,7 @@ function at(e) {
 	};
 }
 function ot(e, t) {
-	return t ? t.index === null ? [...e, t.owner] : e.map((e, n) => n === t.index ? t.owner : e) : e;
+	return t ? e.map((e, n) => n === t.index ? t.owner : e) : e;
 }
 var st = {
 	companyLegalName: "",

package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/feature/dist/lib/BankAccountOnboardingWidget/BusinessDetailsStep.js

@@ -2,56 +2,70 @@
 "use client";
 "use client";
 "use client";
-import { BusinessDetailsPanel as e } from "../../../../ui/dist/index21.js";
-import { BusinessDisclosuresSection as t } from "../../../../ui/dist/index26.js";
+import { BusinessDetailsPanel as e } from "../../../../ui/dist/index22.js";
+import { BusinessDisclosuresSection as t } from "../../../../ui/dist/index27.js";
 import "../../../../ui/dist/index.js";
 import { bankAccountOnboardingTestIds as n } from "./testIds.js";
-import { buildBusinessDetailsPanelFieldsSchema as r, buildBusinessDetailsSchema as i, isTaxIdSatisfied as a } from "./stepSchemas.js";
-import { buildBusinessDetailsEditFields as o, buildBusinessDetailsPanelLabels as s, buildBusinessDetailsSummaryRows as c, buildTaxIdFieldDisplay as l, isBusinessWebsiteInvalid as u, mergeBusinessDetailsLabels as d } from "./businessDetailsPanelMapping.js";
-import { useEffect as f, useMemo as p, useRef as m, useState as h } from "react";
-import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { ALWAYS_CHECK as r, buildBusinessDetailsPanelFieldsSchema as i, buildBusinessDetailsSchema as a, isTaxIdSatisfied as o } from "./stepSchemas.js";
+import { buildBusinessDetailsEditFields as s, buildBusinessDetailsPanelLabels as c, buildBusinessDetailsSummaryRows as l, buildTaxIdFieldDisplay as ee, mergeBusinessDetailsLabels as u } from "./businessDetailsPanelMapping.js";
+import { fieldErrorsFromIssues as d, fieldsToFlagOnOpen as f, labelOwnedFallback as p, useTouchedFields as m, withFieldFeedback as h } from "./fieldErrors.js";
+import { useEffect as g, useMemo as _, useRef as v, useState as y } from "react";
+import { jsx as b, jsxs as x } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/bank-account-onboarding-widget/feature/dist/lib/BankAccountOnboardingWidget/BusinessDetailsStep.js
-function v({ value: v, onValueChange: y, onSnapshotChange: b, naicsOptions: x, stateOptions: S, isSubmitting: C, labels: w, bankName: T, termsHref: E, privacyHref: D, electronicCommunicationHref: O, patriotActHref: k }) {
-	let A = p(() => d(w), [w]), j = p(() => ({
-		panelFields: r(A).refine(a, {
-			message: A.taxIdInvalid,
-			path: ["taxId"]
+var S = [
+	"companyLegalName",
+	"companyDbaName",
+	"businessAddress",
+	"city",
+	"state",
+	"zipCode",
+	"companyPhoneNumber",
+	"companyStructure",
+	"website",
+	"taxId",
+	"naicsCode"
+];
+function C({ value: C, onValueChange: w, onSnapshotChange: T, naicsOptions: E, stateOptions: D, isSubmitting: O, labels: k, bankName: A, termsHref: j, privacyHref: M, electronicCommunicationHref: N, patriotActHref: P }) {
+	let F = _(() => u(k), [k]), I = _(() => ({
+		panelFields: i(F).refine(o, {
+			message: F.taxIdInvalid,
+			path: ["taxId"],
+			...r
 		}),
-		full: i(A)
-	}), [A]), M = j.full.safeParse(v), N = M.success ? M.data : null, P = j.panelFields.safeParse(v).success, F = JSON.stringify(N), I = m(b);
-	I.current = b, f(() => {
-		I.current(N);
-	}, [F]);
-	let [L, R] = h(() => !P);
-	f(() => {
-		P || R(!0);
-	}, [P]);
-	let z = p(() => ({
-		stateOptions: S,
-		naicsOptions: x,
-		labels: w
+		full: a(F)
+	}), [F]), L = I.full.safeParse(C), R = L.success ? L.data : null, z = I.panelFields.safeParse(C, p(F.invalidFieldError)), B = z.success, V = d(S, C, z.error?.issues, F.requiredFieldError), { touched: H, touch: U } = m(() => f(S, C, V)), W = JSON.stringify(R), G = v(T);
+	G.current = T, g(() => {
+		G.current(R);
+	}, [W]);
+	let [K, q] = y(() => !B);
+	g(() => {
+		B || q(!0);
+	}, [B]);
+	let J = _(() => ({
+		stateOptions: D,
+		naicsOptions: E,
+		labels: k
 	}), [
-		S,
-		x,
-		w
-	]), B = p(() => s(w), [w]), V = p(() => c(v, z), [v, z]), H = p(() => o(v, y, z), [
-		v,
-		y,
-		z
-	]), U = u(v.website), W = p(() => l(v, w), [v, w]);
-	return /* @__PURE__ */ _("div", {
+		D,
+		E,
+		k
+	]), Y = _(() => c(k), [k]), X = _(() => l(C, J), [C, J]), Z = _(() => s(C, w, J), [
+		C,
+		w,
+		J
+	]), Q = h(Z, V, H, U), $ = _(() => ee(C, k), [C, k]);
+	return /* @__PURE__ */ x("div", {
 		className: "ttw:flex ttw:flex-col ttw:gap-6",
-		children: [/* @__PURE__ */ g(e, {
-			isEditing: L,
-			onEditClick: () => R(!0),
-			summaryRows: V,
-			editFields: H,
-			labels: B,
-			isDisabled: C,
-			websiteInvalid: U,
-			taxIdRequired: W.required,
-			taxIdPlaceholder: W.placeholder,
-			taxIdHelpText: W.helpText,
+		children: [/* @__PURE__ */ b(e, {
+			isEditing: K,
+			onEditClick: () => q(!0),
+			summaryRows: X,
+			editFields: Q,
+			labels: Y,
+			isDisabled: O,
+			taxIdRequired: $.required,
+			taxIdPlaceholder: $.placeholder,
+			taxIdHelpText: $.helpText,
 			testIds: {
 				root: n.businessDetailsPanel,
 				editButton: n.businessDetailsEditButton,
@@ -61,22 +75,22 @@ function v({ value: v, onValueChange: y, onSnapshotChange: b, naicsOptions: x, s
 					naicsCombobox: n.businessDetailsNaicsCombobox
 				}
 			}
-		}), /* @__PURE__ */ g(t, {
+		}), /* @__PURE__ */ b(t, {
 			value: {
-				isAuthorized: v.isAuthorized,
-				isCheckboxChecked: v.isCheckboxChecked
+				isAuthorized: C.isAuthorized,
+				isCheckboxChecked: C.isCheckboxChecked
 			},
-			onChange: (e) => y({
-				...v,
+			onChange: (e) => w({
+				...C,
 				...e
 			}),
-			isSubmitting: C,
-			labels: w,
-			bankName: T,
-			termsHref: E,
-			privacyHref: D,
-			electronicCommunicationHref: O,
-			patriotActHref: k,
+			isSubmitting: O,
+			labels: k,
+			bankName: A,
+			termsHref: j,
+			privacyHref: M,
+			electronicCommunicationHref: N,
+			patriotActHref: P,
 			testIds: {
 				authorizationCheckbox: n.authorizationCheckbox,
 				disclosureCheckbox: n.disclosureCheckbox
@@ -85,4 +99,4 @@ function v({ value: v, onValueChange: y, onSnapshotChange: b, naicsOptions: x, s
 	});
 }
 //#endregion
-export { v as BusinessDetailsStep };
+export { C as BusinessDetailsStep };