@tesouro/embedded-components-react 0.2.133 → 0.2.148

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

@@ -0,0 +1,91 @@
+import { jsx as t, jsxs as s } from "react/jsx-runtime";
+import { Dialog as p, DialogContent as u, DialogClose as f, DialogTitle as h, Button as C } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { X as b, ArrowRight as y } from "lucide-react";
+import { MarketingBenefitItem as x } from "./index28.js";
+import { MARKETING_WIDGET_LABELS_EN as N } from "./index15.js";
+import { marketingWidgetTestIds as n } from "./index16.js";
+function A({
+  open: l,
+  providedByCaption: d,
+  modalPrimaryImg: a,
+  primaryModalHeader: w,
+  benefits: m,
+  appearance: e,
+  onClose: o,
+  onPrimaryCtaClick: c,
+  labels: g
+}) {
+  const i = { ...N, ...g };
+  return /* @__PURE__ */ t(
+    p,
+    {
+      open: l,
+      onOpenChange: (r) => {
+        r || o();
+      },
+      children: /* @__PURE__ */ s(
+        u,
+        {
+          "data-testid": n.modal,
+          showCloseButton: !1,
+          className: "ttw:max-w-[500px] ttw:gap-0 ttw:p-6",
+          style: {
+            backgroundColor: e.modalBackgroundColor,
+            borderRadius: e.borderRadius
+          },
+          children: [
+            /* @__PURE__ */ t(
+              f,
+              {
+                className: "ttw:absolute ttw:right-4 ttw:top-4 ttw:cursor-pointer ttw:rounded-sm ttw:text-muted-foreground ttw:opacity-70 ttw:ring-offset-background ttw:transition-opacity ttw:hover:opacity-100 ttw:focus:outline-hidden ttw:focus:ring-2 ttw:focus:ring-ring ttw:focus:ring-offset-2",
+                onClick: o,
+                "aria-label": i.dismissModalAriaLabel,
+                children: /* @__PURE__ */ t(b, { className: "ttw:size-5", "aria-hidden": !0 })
+              }
+            ),
+            /* @__PURE__ */ t(h, { className: "ttw:mb-2 ttw:text-center ttw:text-[1.35rem] ttw:font-semibold ttw:leading-tight", children: w }),
+            /* @__PURE__ */ t("p", { className: "ttw:mb-2 ttw:text-center ttw:text-sm ttw:text-muted-foreground", children: d }),
+            /* @__PURE__ */ t("div", { className: "ttw:mb-6 ttw:flex ttw:justify-center", children: /* @__PURE__ */ t(
+              "img",
+              {
+                src: a.src,
+                alt: a.alt,
+                width: 432,
+                height: 200,
+                className: "ttw:h-[200px] ttw:w-[60%] ttw:rounded-lg ttw:object-cover"
+              }
+            ) }),
+            /* @__PURE__ */ t("div", { className: "ttw:mb-6 ttw:grid ttw:grid-cols-2 ttw:gap-4", children: m.map((r) => /* @__PURE__ */ t(
+              x,
+              {
+                text: r,
+                iconColor: e.primaryColor
+              },
+              r
+            )) }),
+            /* @__PURE__ */ t("div", { className: "ttw:flex ttw:justify-center", children: /* @__PURE__ */ s(
+              C,
+              {
+                type: "button",
+                onClick: c,
+                className: "ttw:h-auto ttw:w-[83%] ttw:rounded-xl ttw:py-3 ttw:text-base ttw:font-medium ttw:transition-[filter] ttw:hover:brightness-90",
+                style: {
+                  backgroundColor: e.primaryColor,
+                  color: e.primaryContrastColor
+                },
+                "data-testid": n.primaryCtaButton,
+                children: [
+                  i.primaryCta,
+                  /* @__PURE__ */ t(y, { className: "ttw:size-4", "aria-hidden": !0 })
+                ]
+              }
+            ) })
+          ]
+        }
+      )
+    }
+  );
+}
+export {
+  A as MarketingWidgetModal
+};

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

@@ -0,0 +1,8 @@
+const a = {
+  learnMore: "Learn more",
+  primaryCta: "Apply for an account",
+  dismissModalAriaLabel: "Close marketing modal"
+};
+export {
+  a as MARKETING_WIDGET_LABELS_EN
+};

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

@@ -0,0 +1,9 @@
+const t = {
+  root: "marketing-widget",
+  learnMoreButton: "marketing-widget-learn-more-button",
+  modal: "marketing-widget-modal",
+  primaryCtaButton: "marketing-widget-primary-cta-button"
+};
+export {
+  t as marketingWidgetTestIds
+};

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

@@ -1,11 +1,12 @@
 const e = {
-  heading: "Tell us about yourself",
-  subheading: "We need this information to verify your identity.",
+  panelTitle: "Personal Details",
+  editButtonAriaLabel: "Edit personal details",
+  editTooltip: "Edit personal details",
   firstName: "First name",
   lastName: "Last name",
   dateOfBirth: "Date of birth",
   dateOfBirthPlaceholder: "Pick a date",
-  ssn: "Social Security Number",
+  ssn: "SSN",
   ssnShow: "Show",
   ssnHide: "Hide",
   homeAddress: "Home address",
@@ -16,10 +17,12 @@ const e = {
   mobilePhoneNumber: "Mobile phone number",
   workEmail: "Work email",
   ownsOver25Question: "Do you own 25% or more of the business?",
+  ownsOver25SummaryLabel: "Owns 25% or more of the business",
   ownsOver25Yes: "Yes",
   ownsOver25No: "No",
-  ownershipPercentage: "Ownership percentage"
+  ownershipPercentage: "Ownership share (minimum 25%)",
+  ownershipPercentagePlaceholder: "e.g., 25"
 };
 export {
-  e as PERSONAL_DETAILS_LABELS_EN
+  e as ABOUT_YOU_PANEL_LABELS_EN
 };

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

@@ -0,0 +1,23 @@
+const 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"
+};
+export {
+  e as BUSINESS_DETAILS_PANEL_LABELS_EN
+};

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

@@ -0,0 +1,117 @@
+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
+            }
+          )
+        ] })
+      ]
+    }
+  ) });
+}
+export {
+  v as AdditionalOwnerDeleteOverlay
+};

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

@@ -0,0 +1,131 @@
+import { jsxs as l, jsx as t } from "react/jsx-runtime";
+import { Table as S, TableHeader as T, TableRow as s, TableHead as w, TableBody as A, TableCell as n, Button as c, Alert as D, AlertDescription as R } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { PencilIcon as E, Trash2Icon as k, PlusIcon as z } from "lucide-react";
+import { AdditionalOwnerDeleteOverlay as I } from "./index19.js";
+import { AdditionalOwnerFormOverlay as L } from "./index20.js";
+import { ADDITIONAL_OWNERS_LABELS_EN as j } from "./index3.js";
+function H({
+  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: r,
+  labels: C
+}) {
+  const a = {
+    ...j,
+    ...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(S, { children: [
+        /* @__PURE__ */ t(T, { 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(A, { children: [
+          p ? /* @__PURE__ */ l(s, { className: "ttw:hover:bg-transparent", children: [
+            /* @__PURE__ */ t(n, { className: "ttw:px-4", children: g }),
+            /* @__PURE__ */ t(n, { className: "ttw:px-4", children: x }),
+            /* @__PURE__ */ t(n, { className: "ttw:px-4" })
+          ] }) : null,
+          m.map((u, d) => /* @__PURE__ */ l(s, { className: "ttw:hover:bg-transparent", children: [
+            /* @__PURE__ */ t(n, { className: "ttw:px-4", children: u.name }),
+            /* @__PURE__ */ t(n, { className: "ttw:px-4", children: u.shareDisplay }),
+            /* @__PURE__ */ t(n, { 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: r || o,
+                  children: /* @__PURE__ */ t(E, { className: "ttw:size-4" })
+                }
+              ),
+              /* @__PURE__ */ t(
+                c,
+                {
+                  type: "button",
+                  variant: "ghost",
+                  size: "icon-sm",
+                  "aria-label": a.remove,
+                  onClick: () => f(d),
+                  disabled: r || o,
+                  children: /* @__PURE__ */ t(k, { className: "ttw:size-4" })
+                }
+              )
+            ] }) })
+          ] }, d)),
+          !p && m.length === 0 ? /* @__PURE__ */ t(s, { className: "ttw:hover:bg-transparent", children: /* @__PURE__ */ t(
+            n,
+            {
+              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 || r,
+          "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(z, { className: "ttw:size-4" }),
+            a.addOwner
+          ]
+        }
+      )
+    ] }),
+    h ? /* @__PURE__ */ t(D, { variant: "destructive", children: /* @__PURE__ */ t(R, { children: h }) }) : null,
+    e ? /* @__PURE__ */ t(
+      L,
+      {
+        fields: e.fields,
+        display: e.display,
+        isExisting: e.isExisting,
+        isValid: e.isValid,
+        isDisabled: r,
+        labels: a,
+        onCancel: e.onCancel,
+        onSubmit: e.onSubmit,
+        onClose: e.onCancel,
+        ssnRevealed: e.ssnRevealed,
+        ssnToggleAriaLabel: e.ssnToggleAriaLabel,
+        onToggleSsnVisibility: e.onToggleSsnVisibility
+      }
+    ) : null,
+    i ? /* @__PURE__ */ t(
+      I,
+      {
+        ownerName: i,
+        labels: a,
+        isDisabled: r,
+        onCancel: b,
+        onConfirm: O,
+        onClose: b
+      }
+    ) : null
+  ] });
+}
+export {
+  H as AdditionalOwnersForm
+};