@tesouro/embedded-components-react 0.2.1

package/dist/libs/tesouro-embedded-components-react/linked-accounts-widget/feature/dist/index7.js

@@ -0,0 +1,29 @@
+import "../../../shared/data-access/dist/lib/rest/client/utils.gen.js";
+import "../../../shared/data-access/dist/lib/EmbedApiContext.js";
+import "../../../shared/data-access/dist/lib/rest/client.gen.js";
+import { hasAnyScope as o } from "../../../shared/data-access/dist/lib/hasAnyScope.js";
+import "@tanstack/react-query";
+import "../../../shared/data-access/dist/lib/rest/zod.gen.js";
+import { Scope as r } from "../../../shared/data-access/dist/lib/scopes.js";
+import "react";
+const e = [
+  r.ExternalBankAccountReadOrg
+], c = [
+  r.ExternalBankAccountWriteOrg
+], i = [
+  r.ExternalBankAccountMicroDepositOrg
+];
+function x(n) {
+  const t = new Set(n ?? []);
+  return {
+    canRead: o(t, e),
+    canWrite: o(t, c),
+    canMicroDeposit: o(
+      t,
+      i
+    )
+  };
+}
+export {
+  x as getLinkedAccountsPermissions
+};

package/dist/libs/tesouro-embedded-components-react/linked-accounts-widget/feature/dist/index8.js

@@ -0,0 +1,34 @@
+function s(i, t, c, e) {
+  return i.map((n) => {
+    const o = n.verificationStatus !== "VERIFIED", a = n.accountStatus === "ACTIVE", u = n.verificationStatus === "VERIFICATION_SENT" ? `${t.accountLabel} ${n.accountNumber} ${t.pendingStatus}` : `${t.accountLabel} ${n.accountNumber}`, l = [];
+    return c.canWrite && l.push({
+      key: "edit",
+      label: e.labels.editButton,
+      icon: "edit",
+      onSelect: () => e.onEditSelect(n.id)
+    }), a && c.canWrite && l.push({
+      key: "unlink",
+      label: e.labels.unlinkButton,
+      icon: "unlink",
+      onSelect: () => e.onUnlinkSelect(n.id)
+    }), !a && c.canMicroDeposit && l.push({
+      key: "link",
+      label: e.labels.linkButton,
+      icon: "link",
+      onSelect: () => e.onLinkSelect(n.id)
+    }), {
+      key: n.id,
+      title: n.nickname || t.accountFallback,
+      subtitle: u,
+      showBadge: o,
+      primaryAction: o && c.canWrite ? {
+        label: e.labels.verifyCtaButton,
+        onSelect: () => e.onVerifySelect(n.id)
+      } : void 0,
+      iconActions: l
+    };
+  });
+}
+export {
+  s as toAccountRows
+};

package/dist/libs/tesouro-embedded-components-react/linked-accounts-widget/feature/dist/index9.js

@@ -0,0 +1,83 @@
+function p(t) {
+  return t.filter((e) => {
+    const o = e.status?.toUpperCase() ?? "";
+    return !!e.key.trim() && (o === "ACTIVE" || o === "");
+  }).map((e) => ({
+    key: e.key.trim(),
+    name: e.name,
+    description: e.description?.trim() || e.name
+  }));
+}
+function a(t, e) {
+  const o = e?.trim() ?? "";
+  if (!o)
+    return;
+  const n = o.toLowerCase(), r = t.find(
+    (s) => s.key.toLowerCase() === n
+  );
+  if (r)
+    return r.key;
+  const i = t.find(
+    (s) => s.name.toLowerCase() === n
+  );
+  if (i)
+    return i.key;
+}
+function c(t, e) {
+  const o = a(t, e);
+  if (o)
+    return t.find(
+      (n) => n.key.toLowerCase() === o.toLowerCase()
+    )?.name;
+}
+function d(t, e) {
+  const o = a(t, e);
+  if (o)
+    return t.find(
+      (n) => n.key.toLowerCase() === o.toLowerCase()
+    )?.description;
+}
+function l(t) {
+  const e = t?.trim().toLowerCase() ?? "", o = e.includes(":") ? e.slice(e.lastIndexOf(":") + 1) : e;
+  return o === "admin" || o === "administrator";
+}
+function m(t) {
+  return t.trim() ? t.split("_").filter(Boolean).map((e) => e.length <= 3 && e === e.toUpperCase() ? e.toUpperCase() : e.charAt(0).toUpperCase() + e.slice(1).toLowerCase()).join(" ") : "";
+}
+function u(t, e) {
+  return t.map((o) => {
+    const n = o.role ?? "", r = a(e, n) || n.trim(), i = c(e, n) || m(r), s = d(e, n) ?? "";
+    return {
+      id: o.id,
+      name: o.name,
+      role: i,
+      roleDescription: s,
+      locked: l(r) || l(n)
+    };
+  });
+}
+function f(t, {
+  selectedUserIds: e,
+  disabled: o,
+  fallbackTooltip: n,
+  onUserToggle: r
+}) {
+  return t.map((i) => ({
+    key: i.id,
+    name: i.name,
+    role: i.role,
+    roleTooltip: i.roleDescription || n,
+    checked: i.locked || e.includes(i.id),
+    disabled: o || i.locked,
+    onToggle: (s) => r(i.id, s)
+  }));
+}
+export {
+  l as isAdminRoleKey,
+  d as resolveOrganizationRoleDescription,
+  c as resolveOrganizationRoleDisplayName,
+  a as resolveOrganizationRoleKey,
+  f as toAccessRows,
+  p as toOrganizationRoleOptions,
+  u as toTeamMembers
+};

package/dist/libs/tesouro-embedded-components-react/linked-accounts-widget/ui/dist/index10.js

@@ -0,0 +1,9 @@
+const t = {
+  connectAccountButton: "linked-accounts-widget-connect-account-button",
+  emptyStateConnectAccountButton: "linked-accounts-widget-empty-state-connect-account-button",
+  connectAccountDialog: "linked-accounts-widget-connect-account-dialog",
+  verifySuccessTitle: "linked-accounts-widget-verify-success-title"
+};
+export {
+  t as linkedAccountsWidgetUiTestIds
+};

package/dist/libs/tesouro-embedded-components-react/linked-accounts-widget/ui/dist/index11.js

@@ -0,0 +1,13 @@
+import { jsxs as d, jsx as t } from "react/jsx-runtime";
+function s({
+  children: e,
+  showBadge: r = !1
+}) {
+  return /* @__PURE__ */ d("div", { className: "ttw:relative ttw:shrink-0", children: [
+    /* @__PURE__ */ t("div", { className: "ttw:flex ttw:items-center ttw:justify-center ttw:rounded-xl ttw:border ttw:border-border ttw:bg-muted ttw:p-2.5", children: e }),
+    r && /* @__PURE__ */ t("span", { className: "ttw:absolute ttw:-right-0.5 ttw:-top-0.5 ttw:size-2 ttw:rounded-full ttw:border-2 ttw:border-background ttw:bg-primary" })
+  ] });
+}
+export {
+  s as FeaturedIcon
+};

package/dist/libs/tesouro-embedded-components-react/linked-accounts-widget/ui/dist/index12.js

@@ -0,0 +1,74 @@
+import { jsxs as r, jsx as t } from "react/jsx-runtime";
+import { Skeleton as o, TooltipProvider as m, Tooltip as d, TooltipTrigger as w, TooltipContent as h, Switch as p } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import "@radix-ui/react-use-controllable-state";
+import { HelpCircleIcon as g } from "lucide-react";
+import "react";
+import "../../../shared/ui/dist/lib/UIContext/UIContext.js";
+import { InlineErrorAlert as u } from "../../../shared/ui/dist/lib/InlineErrorAlert/InlineErrorAlert.js";
+function v({
+  labels: a,
+  rows: i,
+  grantedCount: n,
+  isLoading: l,
+  isError: s
+}) {
+  return /* @__PURE__ */ r("div", { className: "ttw:space-y-4", children: [
+    /* @__PURE__ */ r("div", { className: "ttw:space-y-1", children: [
+      /* @__PURE__ */ t("h3", { className: "ttw:text-base ttw:font-semibold ttw:text-primary", children: `${a.connectStep2Heading} (${n})` }),
+      /* @__PURE__ */ t("p", { className: "ttw:text-sm ttw:text-muted-foreground", children: a.connectStep2Description })
+    ] }),
+    l && /* @__PURE__ */ r(
+      "div",
+      {
+        "aria-label": a.teamMembersLoadingLabel,
+        className: "ttw:space-y-3",
+        children: [
+          /* @__PURE__ */ t(o, { height: 40, width: "100%" }),
+          /* @__PURE__ */ t(o, { height: 40, width: "100%" }),
+          /* @__PURE__ */ t(o, { height: 40, width: "100%" })
+        ]
+      }
+    ),
+    !l && s && /* @__PURE__ */ t(u, { children: a.teamMembersErrorTitle }),
+    !l && !s && i.length === 0 && /* @__PURE__ */ t("p", { className: "ttw:text-sm ttw:text-muted-foreground", children: a.teamMembersEmptyLabel }),
+    !l && !s && i.length > 0 && /* @__PURE__ */ t(m, { children: /* @__PURE__ */ t("ul", { className: "ttw:-mr-2 ttw:max-h-72 ttw:space-y-1 ttw:overflow-y-auto ttw:pr-2", children: i.map((e) => /* @__PURE__ */ r(
+      "li",
+      {
+        className: "ttw:flex ttw:items-center ttw:justify-between ttw:gap-3 ttw:py-2",
+        children: [
+          /* @__PURE__ */ r("div", { className: "ttw:min-w-0", children: [
+            /* @__PURE__ */ t("p", { className: "ttw:truncate ttw:text-sm ttw:font-medium ttw:text-foreground", children: e.name }),
+            /* @__PURE__ */ r("div", { className: "ttw:flex ttw:items-center ttw:gap-1 ttw:text-sm ttw:text-muted-foreground", children: [
+              /* @__PURE__ */ t("span", { className: "ttw:truncate", children: e.role }),
+              /* @__PURE__ */ r(d, { children: [
+                /* @__PURE__ */ t(
+                  w,
+                  {
+                    type: "button",
+                    className: "ttw:inline-flex ttw:shrink-0 ttw:cursor-help ttw:text-muted-foreground",
+                    "aria-label": e.roleTooltip,
+                    children: /* @__PURE__ */ t(g, { className: "ttw:size-4" })
+                  }
+                ),
+                /* @__PURE__ */ t(h, { className: "ttw:max-w-60", children: e.roleTooltip })
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ t(
+            p,
+            {
+              checked: e.checked,
+              disabled: e.disabled,
+              "aria-label": e.name,
+              onCheckedChange: (c) => e.onToggle(c)
+            }
+          )
+        ]
+      },
+      e.key
+    )) }) })
+  ] });
+}
+export {
+  v as ConnectStepAccess
+};

package/dist/libs/tesouro-embedded-components-react/linked-accounts-widget/ui/dist/index13.js

@@ -0,0 +1,95 @@
+import { jsxs as l, jsx as t } from "react/jsx-runtime";
+import { Select as s, SelectTrigger as u, SelectValue as m, SelectContent as p, SelectItem as o, Label as b } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { TextInput as c } from "./index16.js";
+function N({
+  labels: e,
+  connectForm: a,
+  disabled: r,
+  routingNumberError: d = !1,
+  onConnectFormChange: i
+}) {
+  return /* @__PURE__ */ l("div", { className: "ttw:space-y-4", children: [
+    /* @__PURE__ */ l("div", { className: "ttw:space-y-1", children: [
+      /* @__PURE__ */ t("h3", { className: "ttw:text-base ttw:font-semibold ttw:text-primary", children: e.connectStep1Heading }),
+      /* @__PURE__ */ t("p", { className: "ttw:text-sm ttw:text-muted-foreground", children: e.connectStep1Description })
+    ] }),
+    /* @__PURE__ */ l("div", { className: "ttw:relative", children: [
+      /* @__PURE__ */ l(
+        s,
+        {
+          value: a.type || void 0,
+          disabled: r,
+          onValueChange: (n) => i({
+            ...a,
+            type: n
+          }),
+          children: [
+            /* @__PURE__ */ t(
+              u,
+              {
+                id: "linked-account-type",
+                className: "ttw:h-auto ttw:min-h-12 ttw:w-full ttw:rounded-xl ttw:px-3 ttw:pt-5 ttw:pb-1 ttw:text-base ttw:data-[size=default]:h-auto",
+                children: /* @__PURE__ */ t(m, { placeholder: e.accountTypePlaceholder })
+              }
+            ),
+            /* @__PURE__ */ l(p, { children: [
+              /* @__PURE__ */ t(o, { value: "CHECKING", children: e.checkingOption }),
+              /* @__PURE__ */ t(o, { value: "SAVINGS", children: e.savingsOption })
+            ] })
+          ]
+        }
+      ),
+      /* @__PURE__ */ l(
+        b,
+        {
+          htmlFor: "linked-account-type",
+          className: "ttw:pointer-events-none ttw:absolute ttw:top-1.5 ttw:left-3 ttw:gap-0.5 ttw:font-normal ttw:text-xs ttw:text-muted-foreground",
+          children: [
+            e.typeLabel,
+            /* @__PURE__ */ t("span", { className: "ttw:text-destructive", "aria-hidden": "true", children: "*" })
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ t(
+      c,
+      {
+        id: "linked-account-nickname",
+        label: e.nicknameLabel,
+        value: a.nickname,
+        disabled: r,
+        required: !0,
+        onChange: (n) => i({ ...a, nickname: n })
+      }
+    ),
+    /* @__PURE__ */ t(
+      c,
+      {
+        id: "linked-account-number",
+        label: e.accountNumberLabel,
+        value: a.accountNumber,
+        disabled: r,
+        required: !0,
+        onChange: (n) => i({ ...a, accountNumber: n })
+      }
+    ),
+    /* @__PURE__ */ t(
+      c,
+      {
+        id: "linked-account-routing",
+        label: e.routingNumberLabel,
+        value: a.routingNumber,
+        disabled: r,
+        required: !0,
+        error: d,
+        errorMessage: e.routingNumberError,
+        maxLength: 9,
+        inputMode: "numeric",
+        onChange: (n) => i({ ...a, routingNumber: n })
+      }
+    )
+  ] });
+}
+export {
+  N as ConnectStepDetails
+};

package/dist/libs/tesouro-embedded-components-react/linked-accounts-widget/ui/dist/index14.js

@@ -0,0 +1,110 @@
+import { jsxs as r, jsx as t } from "react/jsx-runtime";
+import { Avatar as c, AvatarFallback as o, Separator as w, Badge as d } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { LinkIcon as u, CheckIcon as p, ClockIcon as h } from "lucide-react";
+import { FeaturedIcon as b } from "./index11.js";
+function l({ label: e }) {
+  return /* @__PURE__ */ r(d, { className: "ttw:shrink-0 ttw:border-transparent ttw:bg-emerald-100 ttw:text-emerald-700 ttw:hover:bg-emerald-100 ttw:hover:text-emerald-700", children: [
+    /* @__PURE__ */ t(p, {}),
+    e
+  ] });
+}
+function n({ label: e }) {
+  return /* @__PURE__ */ r(
+    d,
+    {
+      variant: "secondary",
+      className: "ttw:shrink-0 ttw:hover:bg-neutral ttw:hover:text-neutral-foreground",
+      children: [
+        /* @__PURE__ */ t(h, {}),
+        e
+      ]
+    }
+  );
+}
+function i({
+  title: e,
+  description: s,
+  badge: a,
+  children: m
+}) {
+  return /* @__PURE__ */ r("div", { className: "ttw:space-y-2", children: [
+    /* @__PURE__ */ r("div", { className: "ttw:flex ttw:items-start ttw:justify-between ttw:gap-3", children: [
+      /* @__PURE__ */ r("div", { className: "ttw:space-y-1", children: [
+        /* @__PURE__ */ t("p", { className: "ttw:text-sm ttw:font-semibold ttw:text-foreground", children: e }),
+        /* @__PURE__ */ t("p", { className: "ttw:text-sm ttw:text-muted-foreground", children: s })
+      ] }),
+      a
+    ] }),
+    m
+  ] });
+}
+function g({
+  labels: e,
+  summary: s
+}) {
+  return /* @__PURE__ */ r("div", { className: "ttw:space-y-6", children: [
+    /* @__PURE__ */ r("div", { className: "ttw:space-y-4", children: [
+      /* @__PURE__ */ t("h3", { className: "ttw:text-base ttw:font-semibold ttw:text-primary", children: e.summaryCompletedHeading }),
+      /* @__PURE__ */ t(
+        i,
+        {
+          title: e.summaryStep1Title,
+          description: e.summaryStep1Description,
+          badge: /* @__PURE__ */ t(l, { label: e.statusComplete }),
+          children: /* @__PURE__ */ r("div", { className: "ttw:flex ttw:items-center ttw:gap-3 ttw:rounded-xl ttw:border ttw:border-border ttw:p-3", children: [
+            /* @__PURE__ */ t(b, { children: /* @__PURE__ */ t(u, { className: "ttw:size-5 ttw:text-foreground" }) }),
+            /* @__PURE__ */ r("div", { className: "ttw:min-w-0", children: [
+              /* @__PURE__ */ t("p", { className: "ttw:truncate ttw:text-sm ttw:font-medium ttw:text-foreground", children: s.nickname }),
+              /* @__PURE__ */ t("p", { className: "ttw:text-sm ttw:text-muted-foreground", children: `${e.summaryAccountPrefix} (${s.maskedAccountNumber})` })
+            ] })
+          ] })
+        }
+      ),
+      /* @__PURE__ */ t(
+        i,
+        {
+          title: e.summaryStep2Title,
+          description: e.summaryStep2Description,
+          badge: /* @__PURE__ */ t(l, { label: e.statusComplete }),
+          children: /* @__PURE__ */ t("ul", { className: "ttw:divide-y ttw:divide-border ttw:rounded-xl ttw:border ttw:border-border", children: s.users.map((a) => /* @__PURE__ */ r(
+            "li",
+            {
+              className: "ttw:flex ttw:items-center ttw:gap-3 ttw:p-3",
+              children: [
+                /* @__PURE__ */ t(c, { size: "sm", children: /* @__PURE__ */ t(o, { children: a.initials }) }),
+                /* @__PURE__ */ r("div", { className: "ttw:min-w-0", children: [
+                  /* @__PURE__ */ t("p", { className: "ttw:truncate ttw:text-sm ttw:font-medium ttw:text-foreground", children: a.name }),
+                  /* @__PURE__ */ t("p", { className: "ttw:truncate ttw:text-sm ttw:text-muted-foreground", children: a.role })
+                ] })
+              ]
+            },
+            a.key
+          )) })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ t(w, {}),
+    /* @__PURE__ */ r("div", { className: "ttw:space-y-4", children: [
+      /* @__PURE__ */ t("h3", { className: "ttw:text-base ttw:font-semibold ttw:text-primary", children: e.summaryNextStepsHeading }),
+      /* @__PURE__ */ t(
+        i,
+        {
+          title: e.summaryStep3Title,
+          description: e.summaryStep3Description,
+          badge: /* @__PURE__ */ t(n, { label: e.statusTodo })
+        }
+      ),
+      /* @__PURE__ */ t(
+        i,
+        {
+          title: e.summaryStep4Title,
+          description: e.summaryStep4Description,
+          badge: /* @__PURE__ */ t(n, { label: e.statusTodo })
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  g as ConnectStepSummary
+};

package/dist/libs/tesouro-embedded-components-react/linked-accounts-widget/ui/dist/index15.js

@@ -0,0 +1,21 @@
+import { jsx as r } from "react/jsx-runtime";
+const i = {
+  default: "ttw:bg-primary ttw:text-primary-foreground ttw:ring-primary/20",
+  destructive: "ttw:bg-destructive ttw:text-destructive-foreground ttw:ring-destructive/20",
+  success: "ttw:bg-emerald-100 ttw:text-emerald-600 ttw:ring-emerald-500/20"
+};
+function s({
+  children: t,
+  variant: e = "default"
+}) {
+  return /* @__PURE__ */ r(
+    "span",
+    {
+      className: `ttw:flex ttw:size-11 ttw:items-center ttw:justify-center ttw:rounded-full ttw:ring-8 ${i[e]}`,
+      children: t
+    }
+  );
+}
+export {
+  s as DialogFeaturedIcon
+};

package/dist/libs/tesouro-embedded-components-react/linked-accounts-widget/ui/dist/index16.js

@@ -0,0 +1,53 @@
+import { jsxs as r, jsx as s } from "react/jsx-runtime";
+import { Input as x, Label as m } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+function b({
+  id: e,
+  label: o,
+  value: d,
+  disabled: i = !1,
+  readOnly: w = !1,
+  required: l = !1,
+  error: t = !1,
+  errorMessage: a,
+  maxLength: p,
+  inputMode: c,
+  onChange: u
+}) {
+  const n = a ? `${e}-error` : void 0;
+  return /* @__PURE__ */ r("div", { className: "ttw:space-y-1", children: [
+    /* @__PURE__ */ r("div", { className: "ttw:relative", children: [
+      /* @__PURE__ */ s(
+        x,
+        {
+          id: e,
+          placeholder: " ",
+          disabled: i,
+          readOnly: w,
+          required: l,
+          "aria-invalid": t || void 0,
+          "aria-describedby": t ? n : void 0,
+          value: d,
+          maxLength: p,
+          inputMode: c,
+          onChange: (h) => u?.(h.target.value),
+          className: "ttw:peer ttw:h-auto ttw:min-h-12 ttw:rounded-xl ttw:px-3 ttw:pt-5 ttw:pb-1 ttw:text-base ttw:leading-6 ttw:placeholder:text-transparent"
+        }
+      ),
+      /* @__PURE__ */ r(
+        m,
+        {
+          htmlFor: e,
+          className: `ttw:pointer-events-none ttw:absolute ttw:top-1.5 ttw:left-3 ttw:gap-0.5 ttw:font-normal ttw:text-xs ttw:transition-all ttw:peer-placeholder-shown:top-1/2 ttw:peer-placeholder-shown:-translate-y-1/2 ttw:peer-placeholder-shown:text-base ttw:peer-focus:top-1.5 ttw:peer-focus:translate-y-0 ttw:peer-focus:text-xs ${t ? "ttw:text-destructive" : "ttw:text-muted-foreground"}`,
+          children: [
+            o,
+            l && /* @__PURE__ */ s("span", { className: "ttw:text-destructive", "aria-hidden": "true", children: "*" })
+          ]
+        }
+      )
+    ] }),
+    t && a && /* @__PURE__ */ s("p", { id: n, className: "ttw:text-xs ttw:text-destructive", children: a })
+  ] });
+}
+export {
+  b as TextInput
+};