@tesouro/embedded-components-react 0.2.237 → 0.2.239

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

@@ -1,117 +1,225 @@
-import { jsx as t, jsxs as l } from "react/jsx-runtime";
-import { Button as a } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import "@radix-ui/react-use-controllable-state";
-import { XIcon as w, Trash2Icon as s } from "lucide-react";
-import "react";
-import "../../../shared/ui/dist/lib/UIContext/UIContext.js";
-import { OnboardingShellOverlayPortal as c } from "../../../shared/ui/dist/lib/OnboardingShell/OnboardingShellOverlayPortal.js";
-function v({
-  ownerName: r,
-  labels: e,
-  isDisabled: i,
-  onCancel: d,
-  onConfirm: n,
-  onClose: o
-}) {
-  return /* @__PURE__ */ t(c, { children: /* @__PURE__ */ l(
-    "div",
-    {
-      className: "ttw:flex ttw:h-full ttw:w-full ttw:min-h-0 ttw:flex-col ttw:px-8 ttw:pb-8 ttw:pt-8",
-      role: "alertdialog",
-      "aria-modal": "true",
-      "aria-labelledby": "additional-owner-delete-title",
-      "aria-describedby": "additional-owner-delete-description",
-      "data-testid": "additional-owner-delete-overlay",
-      children: [
-        /* @__PURE__ */ t("div", { className: "ttw:relative ttw:shrink-0", children: /* @__PURE__ */ t(
-          a,
-          {
-            type: "button",
-            variant: "ghost",
-            size: "icon-sm",
-            onClick: o,
-            disabled: i,
-            "aria-label": e.close,
-            className: "ttw:absolute ttw:top-0 ttw:right-0",
-            children: /* @__PURE__ */ t(w, { className: "ttw:size-4" })
-          }
-        ) }),
-        /* @__PURE__ */ l(
-          "div",
-          {
-            className: "ttw:flex ttw:flex-1 ttw:flex-col ttw:items-center ttw:justify-center ttw:px-4 ttw:text-center",
-            "data-testid": "additional-owner-delete-content",
-            children: [
-              /* @__PURE__ */ l("div", { className: "ttw:relative ttw:mb-6 ttw:flex ttw:items-center ttw:justify-center", children: [
-                /* @__PURE__ */ t(
-                  "div",
-                  {
-                    className: "ttw:absolute ttw:size-16 ttw:rounded-full ttw:bg-destructive/20 ttw:blur-md",
-                    "aria-hidden": !0
-                  }
-                ),
-                /* @__PURE__ */ t(
-                  "div",
-                  {
-                    className: "ttw:relative ttw:flex ttw:size-14 ttw:items-center ttw:justify-center ttw:rounded-full ttw:bg-destructive/10",
-                    "aria-hidden": !0,
-                    children: /* @__PURE__ */ t(s, { className: "ttw:size-6 ttw:text-destructive" })
-                  }
-                )
-              ] }),
-              /* @__PURE__ */ t(
-                "h2",
-                {
-                  id: "additional-owner-delete-title",
-                  className: "ttw:mb-3 ttw:text-2xl ttw:font-semibold ttw:tracking-tight",
-                  children: e.deleteOwnerHeading
-                }
-              ),
-              /* @__PURE__ */ l(
-                "p",
-                {
-                  id: "additional-owner-delete-description",
-                  className: "ttw:max-w-sm ttw:text-base ttw:text-muted-foreground",
-                  children: [
-                    e.deleteOwnerPromptBeforeName,
-                    " ",
-                    /* @__PURE__ */ t("span", { className: "ttw:font-semibold ttw:text-foreground", children: r }),
-                    " ",
-                    e.deleteOwnerPromptAfterName
-                  ]
-                }
-              )
-            ]
-          }
-        ),
-        /* @__PURE__ */ l("div", { className: "ttw:flex ttw:shrink-0 ttw:gap-3", children: [
-          /* @__PURE__ */ t(
-            a,
-            {
-              type: "button",
-              variant: "outline",
-              onClick: d,
-              disabled: i,
-              className: "ttw:h-auto ttw:flex-1 ttw:rounded-2xl ttw:border-border ttw:py-3 ttw:text-base ttw:font-medium ttw:text-foreground ttw:hover:bg-muted",
-              children: e.cancel
-            }
-          ),
-          /* @__PURE__ */ t(
-            a,
-            {
-              type: "button",
-              variant: "destructive",
-              onClick: n,
-              disabled: i,
-              className: "ttw:h-auto ttw:flex-1 ttw:rounded-2xl ttw:py-3 ttw:text-base ttw:font-medium",
-              children: e.deleteOwnerConfirm
-            }
-          )
-        ] })
-      ]
-    }
-  ) });
+import { Button as e, DatePicker as t, Input as n, InputGroup as r, InputGroupAddon as i, InputGroupInput as a, Label as o, RadioGroup as s, RadioGroupItem as c, Select as l, SelectContent as u, SelectItem as d, SelectTrigger as f, SelectValue as p } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { useState as m } from "react";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
+import { EyeIcon as _, EyeOffIcon as v } from "lucide-react";
+//#region ../../libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index19.js
+function y({ htmlFor: e, children: t }) {
+	return /* @__PURE__ */ h(o, {
+		htmlFor: e,
+		className: "ttw:mb-1 ttw:block ttw:text-sm ttw:font-medium",
+		children: t
+	});
 }
-export {
-  v as AdditionalOwnerDeleteOverlay
-};
+var b = "ttw:w-full";
+function x({ fields: x, labels: S, isDisabled: C, ssnRevealed: w, ssnToggleAriaLabel: T, onToggleSsnVisibility: E, showOwnershipPercentage: D, maxBirthDate: O, ssnMaskedDisplay: k, ssnFormattedDisplay: A }) {
+	let [j, M] = m(!1), N = !w && !j;
+	return /* @__PURE__ */ g("section", {
+		className: "ttw:flex ttw:flex-col ttw:gap-3",
+		"data-testid": "about-you-edit-form",
+		children: [
+			/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h(y, {
+				htmlFor: "firstName",
+				children: S.firstName
+			}), /* @__PURE__ */ h(n, {
+				id: "firstName",
+				value: x.firstName.value,
+				onChange: (e) => x.firstName.onValueChange(e.target.value),
+				disabled: C,
+				required: !0
+			})] }),
+			/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h(y, {
+				htmlFor: "lastName",
+				children: S.lastName
+			}), /* @__PURE__ */ h(n, {
+				id: "lastName",
+				value: x.lastName.value,
+				onChange: (e) => x.lastName.onValueChange(e.target.value),
+				disabled: C,
+				required: !0
+			})] }),
+			/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h(y, {
+				htmlFor: "dateOfBirth",
+				children: S.dateOfBirth
+			}), /* @__PURE__ */ h(t, {
+				id: "dateOfBirth",
+				value: x.dateOfBirth.value,
+				onChange: x.dateOfBirth.onValueChange,
+				placeholder: S.dateOfBirthPlaceholder,
+				disabled: C,
+				maxDate: O
+			})] }),
+			/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h(y, {
+				htmlFor: "ssn",
+				children: S.ssn
+			}), /* @__PURE__ */ g("div", {
+				className: "ttw:flex ttw:gap-2",
+				children: [/* @__PURE__ */ h(n, {
+					id: "ssn",
+					className: "ttw:flex-1 ttw:font-mono ttw:tracking-wider",
+					type: "text",
+					value: N ? k : A,
+					onChange: (e) => x.ssn.onValueChange(e.target.value),
+					onFocus: () => M(!0),
+					onBlur: () => M(!1),
+					disabled: C,
+					autoComplete: "off",
+					inputMode: "numeric",
+					maxLength: 11,
+					required: !0
+				}), /* @__PURE__ */ h(e, {
+					type: "button",
+					variant: "outline",
+					size: "icon",
+					onClick: E,
+					disabled: C,
+					"aria-label": T,
+					children: h(w ? v : _, { className: "ttw:size-4" })
+				})]
+			})] }),
+			/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h(y, {
+				htmlFor: "homeAddress",
+				children: S.homeAddress
+			}), /* @__PURE__ */ h(n, {
+				id: "homeAddress",
+				value: x.homeAddress.value,
+				onChange: (e) => x.homeAddress.onValueChange(e.target.value),
+				disabled: C,
+				required: !0
+			})] }),
+			/* @__PURE__ */ g("div", {
+				className: "ttw:grid ttw:grid-cols-3 ttw:gap-4",
+				children: [
+					/* @__PURE__ */ g("div", {
+						className: "ttw:min-w-0",
+						children: [/* @__PURE__ */ h(y, {
+							htmlFor: "city",
+							children: S.city
+						}), /* @__PURE__ */ h(n, {
+							id: "city",
+							value: x.city.value,
+							onChange: (e) => x.city.onValueChange(e.target.value),
+							disabled: C,
+							required: !0
+						})]
+					}),
+					/* @__PURE__ */ g("div", {
+						className: "ttw:min-w-0",
+						children: [/* @__PURE__ */ h(y, {
+							htmlFor: "state",
+							children: S.state
+						}), /* @__PURE__ */ g(l, {
+							value: x.state.value,
+							onValueChange: x.state.onValueChange,
+							disabled: C,
+							children: [/* @__PURE__ */ h(f, {
+								id: "state",
+								className: b,
+								children: /* @__PURE__ */ h(p, { placeholder: S.statePlaceholder })
+							}), /* @__PURE__ */ h(u, { children: x.state.options.map((e) => /* @__PURE__ */ h(d, {
+								value: e.value,
+								children: e.label
+							}, e.value)) })]
+						})]
+					}),
+					/* @__PURE__ */ g("div", {
+						className: "ttw:min-w-0",
+						children: [/* @__PURE__ */ h(y, {
+							htmlFor: "zipCode",
+							children: S.zipCode
+						}), /* @__PURE__ */ h(n, {
+							id: "zipCode",
+							value: x.zipCode.value,
+							onChange: (e) => x.zipCode.onValueChange(e.target.value),
+							disabled: C,
+							required: !0,
+							inputMode: "numeric"
+						})]
+					})
+				]
+			}),
+			/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h(y, {
+				htmlFor: "mobilePhoneNumber",
+				children: S.mobilePhoneNumber
+			}), /* @__PURE__ */ h(n, {
+				id: "mobilePhoneNumber",
+				type: "tel",
+				value: x.mobilePhoneNumber.value,
+				onChange: (e) => x.mobilePhoneNumber.onValueChange(e.target.value),
+				disabled: C,
+				required: !0
+			})] }),
+			/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h(y, {
+				htmlFor: "workEmail",
+				children: S.workEmail
+			}), /* @__PURE__ */ h(n, {
+				id: "workEmail",
+				type: "email",
+				value: x.workEmail.value,
+				onChange: (e) => x.workEmail.onValueChange(e.target.value),
+				disabled: C,
+				required: !0
+			})] }),
+			/* @__PURE__ */ g("fieldset", {
+				"data-testid": "about-you-owns-over-25-question",
+				children: [/* @__PURE__ */ h("legend", {
+					id: "ownsOver25Legend",
+					className: "ttw:mb-2 ttw:text-sm ttw:font-medium",
+					children: S.ownsOver25Question
+				}), /* @__PURE__ */ g(s, {
+					value: x.ownsOver25Percent.value,
+					onValueChange: x.ownsOver25Percent.onValueChange,
+					className: "ttw:flex ttw:gap-4",
+					disabled: C,
+					"aria-labelledby": "ownsOver25Legend",
+					children: [/* @__PURE__ */ g("div", {
+						className: "ttw:flex ttw:cursor-pointer ttw:items-center ttw:gap-2",
+						children: [/* @__PURE__ */ h(c, {
+							value: "yes",
+							id: "ownsOver25Yes",
+							className: "ttw:cursor-pointer"
+						}), /* @__PURE__ */ h(o, {
+							htmlFor: "ownsOver25Yes",
+							className: "ttw:cursor-pointer",
+							children: S.ownsOver25Yes
+						})]
+					}), /* @__PURE__ */ g("div", {
+						className: "ttw:flex ttw:cursor-pointer ttw:items-center ttw:gap-2",
+						children: [/* @__PURE__ */ h(c, {
+							value: "no",
+							id: "ownsOver25No",
+							className: "ttw:cursor-pointer"
+						}), /* @__PURE__ */ h(o, {
+							htmlFor: "ownsOver25No",
+							className: "ttw:cursor-pointer",
+							children: S.ownsOver25No
+						})]
+					})]
+				})]
+			}),
+			D ? /* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h(y, {
+				htmlFor: "ownershipPercentage",
+				children: S.ownershipPercentage
+			}), /* @__PURE__ */ g(r, {
+				className: "ttw:w-32",
+				children: [/* @__PURE__ */ h(a, {
+					id: "ownershipPercentage",
+					type: "number",
+					min: 25,
+					max: 100,
+					"data-has-end-addon": "",
+					placeholder: S.ownershipPercentagePlaceholder,
+					value: x.ownershipPercentage.value ?? "",
+					onChange: (e) => x.ownershipPercentage.onValueChange(e.target.value === "" ? null : Number(e.target.value)),
+					disabled: C,
+					required: !0
+				}), /* @__PURE__ */ h(i, {
+					align: "inline-end",
+					"aria-hidden": !0,
+					children: "%"
+				})]
+			})] }) : null
+		]
+	});
+}
+//#endregion
+export { x as AboutYouEditForm };

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

@@ -1,131 +1,87 @@
-import { jsxs as l, jsx as t } from "react/jsx-runtime";
-import { Table as T, TableHeader as A, TableRow as s, TableHead as w, TableBody as D, TableCell as r, Button as c, Alert as S, AlertDescription as E } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { PencilIcon as R, Trash2Icon as z, PlusIcon as I } from "lucide-react";
-import { AdditionalOwnerDeleteOverlay as L } from "./index19.js";
-import { AdditionalOwnerFormOverlay as j } from "./index20.js";
-import { ADDITIONAL_OWNERS_LABELS_EN as k } from "./index3.js";
-function _({
-  ownerRows: m,
-  primaryOwnerName: g,
-  primaryOwnerShareDisplay: x,
-  showPrimaryOwner: p = !0,
-  totalOwnershipError: h,
-  addOwnerDisabled: N,
-  onAddOwner: v,
-  onEditOwner: y,
-  onDeleteOwnerRequest: f,
-  deletingOwnerName: i,
-  onDeleteOwnerConfirm: O,
-  onDeleteOwnerCancel: b,
-  editingOverlay: e,
-  isSubmitting: n,
-  labels: C
-}) {
-  const a = {
-    ...k,
-    ...C
-  }, o = e !== null || i !== null;
-  return /* @__PURE__ */ l("div", { className: "ttw:relative ttw:flex ttw:flex-col ttw:gap-6", children: [
-    /* @__PURE__ */ l("div", { className: "ttw:flex ttw:flex-col ttw:gap-2", children: [
-      /* @__PURE__ */ t("div", { className: "ttw:overflow-hidden ttw:rounded-md ttw:border ttw:border-border", children: /* @__PURE__ */ l(T, { children: [
-        /* @__PURE__ */ t(A, { children: /* @__PURE__ */ l(s, { className: "ttw:border-border ttw:bg-muted ttw:hover:bg-muted", children: [
-          /* @__PURE__ */ t(w, { className: "ttw:px-4 ttw:py-3", children: a.ownerNameColumn }),
-          /* @__PURE__ */ t(w, { className: "ttw:px-4 ttw:py-3", children: a.ownerShareColumn }),
-          /* @__PURE__ */ t(w, { className: "ttw:px-4 ttw:py-3 ttw:text-right", children: a.ownerActionsColumn })
-        ] }) }),
-        /* @__PURE__ */ l(D, { children: [
-          p ? /* @__PURE__ */ l(s, { className: "ttw:hover:bg-transparent", children: [
-            /* @__PURE__ */ t(r, { className: "ttw:px-4", children: g }),
-            /* @__PURE__ */ t(r, { className: "ttw:px-4", children: x }),
-            /* @__PURE__ */ t(r, { className: "ttw:px-4" })
-          ] }) : null,
-          m.map((u, d) => /* @__PURE__ */ l(s, { className: "ttw:hover:bg-transparent", children: [
-            /* @__PURE__ */ t(r, { className: "ttw:px-4", children: u.name }),
-            /* @__PURE__ */ t(r, { className: "ttw:px-4", children: u.shareDisplay }),
-            /* @__PURE__ */ t(r, { className: "ttw:px-4 ttw:text-right", children: /* @__PURE__ */ l("div", { className: "ttw:flex ttw:justify-end ttw:gap-2", children: [
-              /* @__PURE__ */ t(
-                c,
-                {
-                  type: "button",
-                  variant: "ghost",
-                  size: "icon-sm",
-                  "aria-label": a.edit,
-                  onClick: () => y(d),
-                  disabled: n || o,
-                  children: /* @__PURE__ */ t(R, { className: "ttw:size-4" })
-                }
-              ),
-              /* @__PURE__ */ t(
-                c,
-                {
-                  type: "button",
-                  variant: "ghost",
-                  size: "icon-sm",
-                  "aria-label": a.remove,
-                  onClick: () => f(d),
-                  disabled: n || o,
-                  children: /* @__PURE__ */ t(z, { className: "ttw:size-4" })
-                }
-              )
-            ] }) })
-          ] }, d)),
-          !p && m.length === 0 ? /* @__PURE__ */ t(s, { className: "ttw:hover:bg-transparent", children: /* @__PURE__ */ t(
-            r,
-            {
-              colSpan: 3,
-              className: "ttw:px-4 ttw:text-center ttw:text-sm ttw:text-muted-foreground",
-              children: a.emptyOwnersText
-            }
-          ) }) : null
-        ] })
-      ] }) }),
-      o ? null : /* @__PURE__ */ l(
-        c,
-        {
-          type: "button",
-          variant: "ghost",
-          onClick: v,
-          disabled: N || n,
-          "data-testid": "bank-account-onboarding-add-owner-button",
-          className: "ttw:h-auto ttw:w-fit ttw:justify-start ttw:gap-1.5 ttw:px-0 ttw:has-[>svg]:px-0 ttw:pl-4 ttw:font-normal ttw:text-primary ttw:hover:bg-transparent ttw:hover:text-primary/90",
-          children: [
-            /* @__PURE__ */ t(I, { className: "ttw:size-4" }),
-            a.addOwner
-          ]
-        }
-      )
-    ] }),
-    h ? /* @__PURE__ */ t(S, { variant: "destructive", children: /* @__PURE__ */ t(E, { children: h }) }) : null,
-    e ? /* @__PURE__ */ t(
-      j,
-      {
-        fields: e.fields,
-        display: e.display,
-        isExisting: e.isExisting,
-        isValid: e.isValid,
-        isDisabled: n,
-        labels: a,
-        onCancel: e.onCancel,
-        onSubmit: e.onSubmit,
-        onClose: e.onCancel,
-        ssnRevealed: e.ssnRevealed,
-        ssnToggleAriaLabel: e.ssnToggleAriaLabel,
-        onToggleSsnVisibility: e.onToggleSsnVisibility
-      }
-    ) : null,
-    i ? /* @__PURE__ */ t(
-      L,
-      {
-        ownerName: i,
-        labels: a,
-        isDisabled: n,
-        onCancel: b,
-        onConfirm: O,
-        onClose: b
-      }
-    ) : null
-  ] });
+import { Button as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { OnboardingShellOverlayPortal as t } from "../../../shared/ui/dist/lib/OnboardingShell/OnboardingShellOverlayPortal.js";
+import "../../../shared/ui/dist/index.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { Trash2Icon as i, XIcon as a } from "lucide-react";
+//#region ../../libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index2.js
+function o({ ownerName: o, labels: s, isDisabled: c, onCancel: l, onConfirm: u, onClose: d }) {
+	return /* @__PURE__ */ n(t, { children: /* @__PURE__ */ r("div", {
+		className: "ttw:flex ttw:h-full ttw:w-full ttw:min-h-0 ttw:flex-col ttw:px-8 ttw:pb-8 ttw:pt-8",
+		role: "alertdialog",
+		"aria-modal": "true",
+		"aria-labelledby": "additional-owner-delete-title",
+		"aria-describedby": "additional-owner-delete-description",
+		"data-testid": "additional-owner-delete-overlay",
+		children: [
+			/* @__PURE__ */ n("div", {
+				className: "ttw:relative ttw:shrink-0",
+				children: /* @__PURE__ */ n(e, {
+					type: "button",
+					variant: "ghost",
+					size: "icon-sm",
+					onClick: d,
+					disabled: c,
+					"aria-label": s.close,
+					className: "ttw:absolute ttw:top-0 ttw:right-0",
+					children: /* @__PURE__ */ n(a, { className: "ttw:size-4" })
+				})
+			}),
+			/* @__PURE__ */ r("div", {
+				className: "ttw:flex ttw:flex-1 ttw:flex-col ttw:items-center ttw:justify-center ttw:px-4 ttw:text-center",
+				"data-testid": "additional-owner-delete-content",
+				children: [
+					/* @__PURE__ */ r("div", {
+						className: "ttw:relative ttw:mb-6 ttw:flex ttw:items-center ttw:justify-center",
+						children: [/* @__PURE__ */ n("div", {
+							className: "ttw:absolute ttw:size-16 ttw:rounded-full ttw:bg-destructive/20 ttw:blur-md",
+							"aria-hidden": !0
+						}), /* @__PURE__ */ n("div", {
+							className: "ttw:relative ttw:flex ttw:size-14 ttw:items-center ttw:justify-center ttw:rounded-full ttw:bg-destructive/10",
+							"aria-hidden": !0,
+							children: /* @__PURE__ */ n(i, { className: "ttw:size-6 ttw:text-destructive" })
+						})]
+					}),
+					/* @__PURE__ */ n("h2", {
+						id: "additional-owner-delete-title",
+						className: "ttw:mb-3 ttw:text-2xl ttw:font-semibold ttw:tracking-tight",
+						children: s.deleteOwnerHeading
+					}),
+					/* @__PURE__ */ r("p", {
+						id: "additional-owner-delete-description",
+						className: "ttw:max-w-sm ttw:text-base ttw:text-muted-foreground",
+						children: [
+							s.deleteOwnerPromptBeforeName,
+							" ",
+							/* @__PURE__ */ n("span", {
+								className: "ttw:font-semibold ttw:text-foreground",
+								children: o
+							}),
+							" ",
+							s.deleteOwnerPromptAfterName
+						]
+					})
+				]
+			}),
+			/* @__PURE__ */ r("div", {
+				className: "ttw:flex ttw:shrink-0 ttw:gap-3",
+				children: [/* @__PURE__ */ n(e, {
+					type: "button",
+					variant: "outline",
+					onClick: l,
+					disabled: c,
+					className: "ttw:h-auto ttw:flex-1 ttw:rounded-2xl ttw:border-border ttw:py-3 ttw:text-base ttw:font-medium ttw:text-foreground ttw:hover:bg-muted",
+					children: s.cancel
+				}), /* @__PURE__ */ n(e, {
+					type: "button",
+					variant: "destructive",
+					onClick: u,
+					disabled: c,
+					className: "ttw:h-auto ttw:flex-1 ttw:rounded-2xl ttw:py-3 ttw:text-base ttw:font-medium",
+					children: s.deleteOwnerConfirm
+				})]
+			})
+		]
+	}) });
 }
-export {
-  _ as AdditionalOwnersForm
-};
+//#endregion
+export { o as AdditionalOwnerDeleteOverlay };