@tesouro/embedded-components-react 0.5.215 → 0.5.216

package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index16.js

@@ -1,185 +1,2 @@
-import { Combobox as e, Input as t, Label as n, Select as r, SelectContent as i, SelectItem as a, SelectTrigger as o, SelectValue as s } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
-//#region ../../libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index16.js
-function u({ htmlFor: e, children: t }) {
-	return /* @__PURE__ */ c(n, {
-		htmlFor: e,
-		className: "ttw:mb-1 ttw:block ttw:text-sm ttw:font-medium",
-		children: t
-	});
-}
-var d = "ttw:w-full";
-function f({ fields: n, testIds: f, labels: p, isDisabled: m, websiteInvalid: h = !1, taxIdRequired: g, taxIdPlaceholder: _, taxIdHelpText: v }) {
-	return /* @__PURE__ */ l("section", {
-		className: "ttw:flex ttw:flex-col ttw:gap-3",
-		"data-testid": f?.root,
-		children: [
-			/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c(u, {
-				htmlFor: "companyLegalName",
-				children: p.companyLegalName
-			}), /* @__PURE__ */ c(t, {
-				id: "companyLegalName",
-				value: n.companyLegalName.value,
-				onChange: (e) => n.companyLegalName.onValueChange(e.target.value),
-				disabled: m,
-				required: !0
-			})] }),
-			/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c(u, {
-				htmlFor: "companyDbaName",
-				children: p.companyDbaName
-			}), /* @__PURE__ */ c(t, {
-				id: "companyDbaName",
-				value: n.companyDbaName.value,
-				onChange: (e) => n.companyDbaName.onValueChange(e.target.value),
-				disabled: m
-			})] }),
-			/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c(u, {
-				htmlFor: "businessAddress",
-				children: p.businessAddress
-			}), /* @__PURE__ */ c(t, {
-				id: "businessAddress",
-				value: n.businessAddress.value,
-				onChange: (e) => n.businessAddress.onValueChange(e.target.value),
-				disabled: m,
-				required: !0
-			})] }),
-			/* @__PURE__ */ l("div", {
-				className: "ttw:grid ttw:grid-cols-3 ttw:gap-4",
-				children: [
-					/* @__PURE__ */ l("div", {
-						className: "ttw:min-w-0",
-						children: [/* @__PURE__ */ c(u, {
-							htmlFor: "city",
-							children: p.city
-						}), /* @__PURE__ */ c(t, {
-							id: "city",
-							value: n.city.value,
-							onChange: (e) => n.city.onValueChange(e.target.value),
-							disabled: m,
-							required: !0
-						})]
-					}),
-					/* @__PURE__ */ l("div", {
-						className: "ttw:min-w-0",
-						children: [/* @__PURE__ */ c(u, {
-							htmlFor: "state",
-							children: p.state
-						}), /* @__PURE__ */ l(r, {
-							value: n.state.value,
-							onValueChange: n.state.onValueChange,
-							disabled: m,
-							children: [/* @__PURE__ */ c(o, {
-								id: "state",
-								className: d,
-								children: /* @__PURE__ */ c(s, { placeholder: p.statePlaceholder })
-							}), /* @__PURE__ */ c(i, { children: n.state.options.map((e) => /* @__PURE__ */ c(a, {
-								value: e.value,
-								children: e.label
-							}, e.value)) })]
-						})]
-					}),
-					/* @__PURE__ */ l("div", {
-						className: "ttw:min-w-0",
-						children: [/* @__PURE__ */ c(u, {
-							htmlFor: "zipCode",
-							children: p.zipCode
-						}), /* @__PURE__ */ c(t, {
-							id: "zipCode",
-							value: n.zipCode.value,
-							onChange: (e) => n.zipCode.onValueChange(e.target.value),
-							disabled: m,
-							required: !0,
-							inputMode: "numeric"
-						})]
-					})
-				]
-			}),
-			/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c(u, {
-				htmlFor: "companyPhoneNumber",
-				children: p.companyPhoneNumber
-			}), /* @__PURE__ */ c(t, {
-				id: "companyPhoneNumber",
-				type: "tel",
-				value: n.companyPhoneNumber.value,
-				onChange: (e) => n.companyPhoneNumber.onValueChange(e.target.value),
-				disabled: m,
-				required: !0
-			})] }),
-			/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c(u, {
-				htmlFor: "companyStructure",
-				children: p.companyStructure
-			}), /* @__PURE__ */ l(r, {
-				value: n.companyStructure.value,
-				onValueChange: n.companyStructure.onValueChange,
-				disabled: m,
-				children: [/* @__PURE__ */ c(o, {
-					id: "companyStructure",
-					className: d,
-					children: /* @__PURE__ */ c(s, { placeholder: p.companyStructurePlaceholder })
-				}), /* @__PURE__ */ c(i, { children: n.companyStructure.options.map((e) => /* @__PURE__ */ c(a, {
-					value: e.value,
-					children: e.label
-				}, e.value)) })]
-			})] }),
-			/* @__PURE__ */ l("div", { children: [
-				/* @__PURE__ */ c(u, {
-					htmlFor: "website",
-					children: p.website
-				}),
-				/* @__PURE__ */ c(t, {
-					id: "website",
-					type: "url",
-					value: n.website.value,
-					onChange: (e) => n.website.onValueChange(e.target.value),
-					disabled: m,
-					"aria-invalid": h || void 0,
-					"aria-describedby": h ? "website-error" : void 0
-				}),
-				h ? /* @__PURE__ */ c("p", {
-					id: "website-error",
-					className: "ttw:mt-1 ttw:text-sm ttw:text-destructive",
-					role: "alert",
-					children: p.websiteInvalid
-				}) : null
-			] }),
-			/* @__PURE__ */ l("div", { children: [
-				/* @__PURE__ */ c(u, {
-					htmlFor: "taxId",
-					children: p.taxId
-				}),
-				/* @__PURE__ */ c(t, {
-					id: "taxId",
-					value: n.taxId.value,
-					onChange: (e) => n.taxId.onValueChange(e.target.value),
-					disabled: m,
-					required: g,
-					inputMode: "numeric",
-					maxLength: 9,
-					placeholder: _,
-					"aria-describedby": v ? "taxId-on-file" : void 0
-				}),
-				v ? /* @__PURE__ */ c("p", {
-					id: "taxId-on-file",
-					className: "ttw:mt-1 ttw:text-xs ttw:text-muted-foreground",
-					children: v
-				}) : null
-			] }),
-			/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c(u, {
-				htmlFor: "naicsCode",
-				children: p.naicsCode
-			}), /* @__PURE__ */ c(e, {
-				id: "naicsCode",
-				"data-testid": f?.naicsCombobox,
-				items: n.naicsCode.options,
-				value: n.naicsCode.value,
-				onValueChange: (e) => {
-					n.naicsCode.onValueChange(Array.isArray(e) ? e[0] ?? "" : e);
-				},
-				labels: { placeholder: p.naicsCodePlaceholder },
-				disabled: m
-			})] })
-		]
-	});
-}
-//#endregion
-export { f as BusinessDetailsEditForm };
+import "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import "react/jsx-runtime";

package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index17.js

@@ -1,30 +1,4 @@
-import { Typography as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { Fragment as t, jsx as n, jsxs as r } from "react/jsx-runtime";
-//#region ../../libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index17.js
-function i({ label: i, value: a, testId: o }) {
-	return a ? /* @__PURE__ */ r(t, { children: [/* @__PURE__ */ n(e, {
-		component: "span",
-		variant: "body2",
-		className: "ttw:text-muted-foreground",
-		children: i
-	}), /* @__PURE__ */ n(e, {
-		component: "span",
-		variant: "body2",
-		"data-testid": o,
-		className: "ttw:min-w-0 ttw:wrap-break-word ttw:whitespace-pre-line ttw:text-left ttw:font-medium ttw:text-foreground",
-		children: a
-	})] }) : null;
-}
-function a({ rows: e, testIds: t }) {
-	return /* @__PURE__ */ n("div", {
-		className: "ttw:grid ttw:grid-cols-[max-content_1fr] ttw:gap-x-4 ttw:gap-y-2",
-		"data-testid": t?.root,
-		children: e.map((e) => /* @__PURE__ */ n(i, {
-			label: e.label,
-			value: e.value,
-			testId: e.testId
-		}, e.testId ?? e.label))
-	});
-}
-//#endregion
-export { a as BusinessDetailsSummary };
+import "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import "react";
+import "react/jsx-runtime";
+import "@radix-ui/react-use-controllable-state";

package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index18.js

@@ -1,23 +1,185 @@
+import { Combobox as e, Input as t, Label as n, Select as r, SelectContent as i, SelectItem as a, SelectTrigger as o, SelectValue as s } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index18.js
-var e = {
-	panelTitle: "Business Details",
-	editButtonAriaLabel: "Edit business details",
-	editTooltip: "Edit business details",
-	companyLegalName: "Legal company name",
-	companyDbaName: "Doing business as (optional)",
-	businessAddress: "Business address",
-	city: "City",
-	state: "State",
-	statePlaceholder: "Select state",
-	zipCode: "Postal code",
-	companyPhoneNumber: "Company phone number",
-	companyStructure: "Company structure",
-	companyStructurePlaceholder: "Select structure",
-	website: "Website (optional)",
-	websiteInvalid: "Enter a valid website URL (no spaces).",
-	taxId: "Tax ID (EIN)",
-	naicsCode: "Industry (NAICS code)",
-	naicsCodePlaceholder: "Search by code or industry"
-};
+function u({ htmlFor: e, children: t }) {
+	return /* @__PURE__ */ c(n, {
+		htmlFor: e,
+		className: "ttw:mb-1 ttw:block ttw:text-sm ttw:font-medium",
+		children: t
+	});
+}
+var d = "ttw:w-full";
+function f({ fields: n, testIds: f, labels: p, isDisabled: m, websiteInvalid: h = !1, taxIdRequired: g, taxIdPlaceholder: _, taxIdHelpText: v }) {
+	return /* @__PURE__ */ l("section", {
+		className: "ttw:flex ttw:flex-col ttw:gap-3",
+		"data-testid": f?.root,
+		children: [
+			/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c(u, {
+				htmlFor: "companyLegalName",
+				children: p.companyLegalName
+			}), /* @__PURE__ */ c(t, {
+				id: "companyLegalName",
+				value: n.companyLegalName.value,
+				onChange: (e) => n.companyLegalName.onValueChange(e.target.value),
+				disabled: m,
+				required: !0
+			})] }),
+			/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c(u, {
+				htmlFor: "companyDbaName",
+				children: p.companyDbaName
+			}), /* @__PURE__ */ c(t, {
+				id: "companyDbaName",
+				value: n.companyDbaName.value,
+				onChange: (e) => n.companyDbaName.onValueChange(e.target.value),
+				disabled: m
+			})] }),
+			/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c(u, {
+				htmlFor: "businessAddress",
+				children: p.businessAddress
+			}), /* @__PURE__ */ c(t, {
+				id: "businessAddress",
+				value: n.businessAddress.value,
+				onChange: (e) => n.businessAddress.onValueChange(e.target.value),
+				disabled: m,
+				required: !0
+			})] }),
+			/* @__PURE__ */ l("div", {
+				className: "ttw:grid ttw:grid-cols-3 ttw:gap-4",
+				children: [
+					/* @__PURE__ */ l("div", {
+						className: "ttw:min-w-0",
+						children: [/* @__PURE__ */ c(u, {
+							htmlFor: "city",
+							children: p.city
+						}), /* @__PURE__ */ c(t, {
+							id: "city",
+							value: n.city.value,
+							onChange: (e) => n.city.onValueChange(e.target.value),
+							disabled: m,
+							required: !0
+						})]
+					}),
+					/* @__PURE__ */ l("div", {
+						className: "ttw:min-w-0",
+						children: [/* @__PURE__ */ c(u, {
+							htmlFor: "state",
+							children: p.state
+						}), /* @__PURE__ */ l(r, {
+							value: n.state.value,
+							onValueChange: n.state.onValueChange,
+							disabled: m,
+							children: [/* @__PURE__ */ c(o, {
+								id: "state",
+								className: d,
+								children: /* @__PURE__ */ c(s, { placeholder: p.statePlaceholder })
+							}), /* @__PURE__ */ c(i, { children: n.state.options.map((e) => /* @__PURE__ */ c(a, {
+								value: e.value,
+								children: e.label
+							}, e.value)) })]
+						})]
+					}),
+					/* @__PURE__ */ l("div", {
+						className: "ttw:min-w-0",
+						children: [/* @__PURE__ */ c(u, {
+							htmlFor: "zipCode",
+							children: p.zipCode
+						}), /* @__PURE__ */ c(t, {
+							id: "zipCode",
+							value: n.zipCode.value,
+							onChange: (e) => n.zipCode.onValueChange(e.target.value),
+							disabled: m,
+							required: !0,
+							inputMode: "numeric"
+						})]
+					})
+				]
+			}),
+			/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c(u, {
+				htmlFor: "companyPhoneNumber",
+				children: p.companyPhoneNumber
+			}), /* @__PURE__ */ c(t, {
+				id: "companyPhoneNumber",
+				type: "tel",
+				value: n.companyPhoneNumber.value,
+				onChange: (e) => n.companyPhoneNumber.onValueChange(e.target.value),
+				disabled: m,
+				required: !0
+			})] }),
+			/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c(u, {
+				htmlFor: "companyStructure",
+				children: p.companyStructure
+			}), /* @__PURE__ */ l(r, {
+				value: n.companyStructure.value,
+				onValueChange: n.companyStructure.onValueChange,
+				disabled: m,
+				children: [/* @__PURE__ */ c(o, {
+					id: "companyStructure",
+					className: d,
+					children: /* @__PURE__ */ c(s, { placeholder: p.companyStructurePlaceholder })
+				}), /* @__PURE__ */ c(i, { children: n.companyStructure.options.map((e) => /* @__PURE__ */ c(a, {
+					value: e.value,
+					children: e.label
+				}, e.value)) })]
+			})] }),
+			/* @__PURE__ */ l("div", { children: [
+				/* @__PURE__ */ c(u, {
+					htmlFor: "website",
+					children: p.website
+				}),
+				/* @__PURE__ */ c(t, {
+					id: "website",
+					type: "url",
+					value: n.website.value,
+					onChange: (e) => n.website.onValueChange(e.target.value),
+					disabled: m,
+					"aria-invalid": h || void 0,
+					"aria-describedby": h ? "website-error" : void 0
+				}),
+				h ? /* @__PURE__ */ c("p", {
+					id: "website-error",
+					className: "ttw:mt-1 ttw:text-sm ttw:text-destructive",
+					role: "alert",
+					children: p.websiteInvalid
+				}) : null
+			] }),
+			/* @__PURE__ */ l("div", { children: [
+				/* @__PURE__ */ c(u, {
+					htmlFor: "taxId",
+					children: p.taxId
+				}),
+				/* @__PURE__ */ c(t, {
+					id: "taxId",
+					value: n.taxId.value,
+					onChange: (e) => n.taxId.onValueChange(e.target.value),
+					disabled: m,
+					required: g,
+					inputMode: "numeric",
+					maxLength: 9,
+					placeholder: _,
+					"aria-describedby": v ? "taxId-on-file" : void 0
+				}),
+				v ? /* @__PURE__ */ c("p", {
+					id: "taxId-on-file",
+					className: "ttw:mt-1 ttw:text-xs ttw:text-muted-foreground",
+					children: v
+				}) : null
+			] }),
+			/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c(u, {
+				htmlFor: "naicsCode",
+				children: p.naicsCode
+			}), /* @__PURE__ */ c(e, {
+				id: "naicsCode",
+				"data-testid": f?.naicsCombobox,
+				items: n.naicsCode.options,
+				value: n.naicsCode.value,
+				onValueChange: (e) => {
+					n.naicsCode.onValueChange(Array.isArray(e) ? e[0] ?? "" : e);
+				},
+				labels: { placeholder: p.naicsCodePlaceholder },
+				disabled: m
+			})] })
+		]
+	});
+}
 //#endregion
-export { e as BUSINESS_DETAILS_PANEL_LABELS_EN };
+export { f as BusinessDetailsEditForm };

package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index19.js

@@ -1,70 +1,30 @@
-import { Button as e, Tooltip as t, TooltipContent as n, TooltipProvider as r, TooltipTrigger as i, Typography as a } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { BUSINESS_DETAILS_PANEL_LABELS_EN as o } from "./index18.js";
-import { BusinessDetailsEditForm as s } from "./index16.js";
-import { BusinessDetailsSummary as c } from "./index17.js";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
-import { Pen as d } from "lucide-react";
+import { Typography as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { Fragment as t, jsx as n, jsxs as r } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index19.js
-function f({ isEditing: f, onEditClick: p, summaryRows: m, editFields: h, labels: g, isDisabled: _, websiteInvalid: v, taxIdRequired: y, taxIdPlaceholder: b, taxIdHelpText: x, testIds: S }) {
-	let C = {
-		...o,
-		...g
-	};
-	return f ? /* @__PURE__ */ l(s, {
-		fields: h,
-		labels: C,
-		isDisabled: _,
-		websiteInvalid: v,
-		taxIdRequired: y,
-		taxIdPlaceholder: b,
-		taxIdHelpText: x,
-		testIds: S?.editForm
-	}) : /* @__PURE__ */ u("section", {
-		"data-testid": S?.root,
-		className: "ttw:relative ttw:min-w-0 ttw:rounded-lg ttw:bg-surface-subtle ttw:p-4",
-		children: [
-			/* @__PURE__ */ u("div", {
-				className: "ttw:mb-3 ttw:flex ttw:items-center ttw:justify-between ttw:gap-3",
-				children: [/* @__PURE__ */ l(a, {
-					component: "h3",
-					variant: "h6",
-					className: "ttw:font-semibold ttw:text-foreground",
-					children: C.panelTitle
-				}), /* @__PURE__ */ l(r, { children: /* @__PURE__ */ u(t, { children: [/* @__PURE__ */ l(i, {
-					asChild: !0,
-					onFocus: (e) => {
-						e.preventDefault();
-					},
-					children: /* @__PURE__ */ l(e, {
-						type: "button",
-						variant: "ghost",
-						size: "icon-sm",
-						onClick: p,
-						disabled: _,
-						"aria-label": C.editButtonAriaLabel,
-						"data-testid": S?.editButton,
-						className: "ttw:rounded-lg ttw:bg-muted ttw:text-foreground ttw:hover:bg-primary/10 ttw:hover:text-foreground",
-						children: /* @__PURE__ */ l(d, {
-							className: "ttw:size-5",
-							"aria-hidden": !0
-						})
-					})
-				}), /* @__PURE__ */ l(n, {
-					side: "top",
-					sideOffset: 4,
-					children: C.editTooltip
-				})] }) })]
-			}),
-			/* @__PURE__ */ l("div", {
-				className: "ttw:mb-3 ttw:border-b ttw:border-border",
-				"aria-hidden": !0
-			}),
-			/* @__PURE__ */ l(c, {
-				rows: m,
-				testIds: S?.summary
-			})
-		]
+function i({ label: i, value: a, testId: o }) {
+	return a ? /* @__PURE__ */ r(t, { children: [/* @__PURE__ */ n(e, {
+		component: "span",
+		variant: "body2",
+		className: "ttw:text-muted-foreground",
+		children: i
+	}), /* @__PURE__ */ n(e, {
+		component: "span",
+		variant: "body2",
+		"data-testid": o,
+		className: "ttw:min-w-0 ttw:wrap-break-word ttw:whitespace-pre-line ttw:text-left ttw:font-medium ttw:text-foreground",
+		children: a
+	})] }) : null;
+}
+function a({ rows: e, testIds: t }) {
+	return /* @__PURE__ */ n("div", {
+		className: "ttw:grid ttw:grid-cols-[max-content_1fr] ttw:gap-x-4 ttw:gap-y-2",
+		"data-testid": t?.root,
+		children: e.map((e) => /* @__PURE__ */ n(i, {
+			label: e.label,
+			value: e.value,
+			testId: e.testId
+		}, e.testId ?? e.label))
 	});
 }
 //#endregion
-export { o as BUSINESS_DETAILS_PANEL_LABELS_EN, f as BusinessDetailsPanel };
+export { a as BusinessDetailsSummary };