@tesouro/embedded-components-react 0.2.32 → 0.2.34

package/dist/libs/tesouro-embedded-components-react/bank-accounts-widget/account-details/ui/dist/index5.js

@@ -0,0 +1,92 @@
+"use client";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { Dialog as u, DialogContent as p, DialogHeader as w, DialogTitle as b, Button as i, Label as h, Input as g, DialogFooter as D, DropdownMenu as N, DropdownMenuTrigger as C, DropdownMenuContent as f, DropdownMenuItem as k } from "../../../../../../packages/shared-ui-shadcn/dist/index.js";
+import "@radix-ui/react-use-controllable-state";
+import { XIcon as v, MoreVerticalIcon as x } from "lucide-react";
+import "react";
+import "../../../../shared/ui/dist/lib/UIContext/UIContext.js";
+import { InlineErrorAlert as A } from "../../../../shared/ui/dist/lib/InlineErrorAlert/InlineErrorAlert.js";
+function S({
+  labels: e,
+  open: o,
+  form: r,
+  isSubmitting: a,
+  isError: s,
+  onOpenChange: l,
+  onFormChange: c,
+  onSubmit: d
+}) {
+  return /* @__PURE__ */ t(u, { open: o, onOpenChange: l, children: /* @__PURE__ */ n(p, { className: "ttw:max-w-[400px] ttw:gap-0 ttw:p-0", children: [
+    /* @__PURE__ */ n(w, { className: "ttw:border-b ttw:border-border ttw:p-6 ttw:pb-4 ttw:pr-12", children: [
+      /* @__PURE__ */ t(b, { className: "ttw:text-left", children: e.editDialogTitle }),
+      /* @__PURE__ */ t(
+        i,
+        {
+          type: "button",
+          variant: "ghost",
+          size: "icon",
+          className: "ttw:absolute ttw:top-4 ttw:right-4",
+          "aria-label": e.editDialogCloseAriaLabel,
+          disabled: a,
+          onClick: () => l(!1),
+          children: /* @__PURE__ */ t(v, { className: "ttw:size-4" })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ n("div", { className: "ttw:p-6", children: [
+      /* @__PURE__ */ n("div", { className: "ttw:space-y-2", children: [
+        /* @__PURE__ */ n(h, { htmlFor: "edit-account-nickname", children: [
+          e.editNicknameLabel,
+          /* @__PURE__ */ t("span", { className: "ttw:text-destructive", children: "*" })
+        ] }),
+        /* @__PURE__ */ t(
+          g,
+          {
+            id: "edit-account-nickname",
+            value: r.nickname,
+            disabled: a,
+            onChange: (m) => c({ nickname: m.target.value })
+          }
+        )
+      ] }),
+      s ? /* @__PURE__ */ t(A, { className: "ttw:mt-4", children: e.editErrorTitle }) : null
+    ] }),
+    /* @__PURE__ */ n(D, { className: "ttw:border-t ttw:border-border ttw:p-6 ttw:pt-4", children: [
+      /* @__PURE__ */ t(
+        i,
+        {
+          type: "button",
+          variant: "outline",
+          disabled: a,
+          onClick: () => l(!1),
+          children: e.editCancelButton
+        }
+      ),
+      /* @__PURE__ */ t(i, { type: "button", disabled: a, onClick: d, children: e.editSaveButton })
+    ] })
+  ] }) });
+}
+function F({
+  labels: e,
+  canEdit: o,
+  onEditNickname: r
+}) {
+  return o ? /* @__PURE__ */ n(N, { children: [
+    /* @__PURE__ */ t(C, { asChild: !0, children: /* @__PURE__ */ t(
+      i,
+      {
+        type: "button",
+        variant: "outline",
+        size: "icon",
+        className: "ttw:size-10 ttw:rounded-xl ttw:border-border ttw:text-muted-foreground",
+        "aria-label": e.editAccountMenuItem,
+        children: /* @__PURE__ */ t(x, { className: "ttw:size-4" })
+      }
+    ) }),
+    /* @__PURE__ */ t(f, { align: "end", children: /* @__PURE__ */ t(k, { onSelect: r, children: e.editAccountMenuItem }) })
+  ] }) : null;
+}
+export {
+  F as AccountActionsMenu,
+  S as EditAccountDialog
+};

package/dist/libs/tesouro-embedded-components-react/bank-accounts-widget/account-details/ui/dist/index6.js

@@ -0,0 +1,8 @@
+"use client";
+import { jsx as t } from "react/jsx-runtime";
+function d({ labels: e }) {
+  return /* @__PURE__ */ t("div", { className: "ttw:rounded-xl ttw:border ttw:border-border ttw:bg-card ttw:p-6", children: /* @__PURE__ */ t("p", { className: "ttw:text-muted-foreground", children: e.noStatementsLabel }) });
+}
+export {
+  d as StatementsPanel
+};

package/dist/libs/tesouro-embedded-components-react/bank-accounts-widget/account-details/ui/dist/index7.js

@@ -0,0 +1,28 @@
+"use client";
+import { jsx as t, jsxs as l } from "react/jsx-runtime";
+import { Table as s, TableHeader as i, TableRow as o, TableHead as r, TableBody as d, TableCell as w } from "../../../../../../packages/shared-ui-shadcn/dist/index.js";
+function p({ labels: a, rows: n }) {
+  return n.length === 0 ? /* @__PURE__ */ t("div", { className: "ttw:rounded-xl ttw:border ttw:border-border ttw:bg-card ttw:p-6", children: /* @__PURE__ */ t("p", { className: "ttw:text-muted-foreground", children: a.noTransactionsLabel }) }) : /* @__PURE__ */ t("div", { className: "ttw:overflow-hidden ttw:rounded-xl ttw:border ttw:border-border", children: /* @__PURE__ */ l(s, { children: [
+    /* @__PURE__ */ t(i, { children: /* @__PURE__ */ l(o, { className: "ttw:border-border ttw:bg-muted/50 ttw:hover:bg-muted/50", children: [
+      /* @__PURE__ */ t(r, { className: "ttw:h-auto ttw:w-[15%] ttw:px-4 ttw:py-3 ttw:font-semibold", children: a.transactionDateColumn }),
+      /* @__PURE__ */ t(r, { className: "ttw:h-auto ttw:w-[60%] ttw:px-4 ttw:py-3 ttw:font-semibold", children: a.transactionDescriptionColumn }),
+      /* @__PURE__ */ t(r, { className: "ttw:h-auto ttw:w-[12%] ttw:px-4 ttw:py-3 ttw:text-right ttw:font-semibold", children: a.transactionAmountColumn }),
+      /* @__PURE__ */ t(r, { className: "ttw:h-auto ttw:w-[13%] ttw:px-4 ttw:py-3 ttw:text-right ttw:font-semibold", children: a.transactionBalanceColumn })
+    ] }) }),
+    /* @__PURE__ */ t(d, { className: "ttw:bg-card", children: n.map((e) => /* @__PURE__ */ l(o, { className: "ttw:hover:bg-transparent", children: [
+      /* @__PURE__ */ t(w, { className: "ttw:px-4 ttw:py-3 ttw:align-top", children: e.dateLabel }),
+      /* @__PURE__ */ t(w, { className: "ttw:px-4 ttw:py-3 ttw:align-top ttw:font-medium", children: e.descriptionLabel }),
+      /* @__PURE__ */ t(
+        w,
+        {
+          className: `ttw:px-4 ttw:py-3 ttw:text-right ttw:align-top ttw:whitespace-nowrap ${e.amountVariant === "positive" ? "ttw:text-green-700" : "ttw:text-foreground"}`,
+          children: e.amountLabel
+        }
+      ),
+      /* @__PURE__ */ t(w, { className: "ttw:px-4 ttw:py-3 ttw:text-right ttw:align-top ttw:whitespace-nowrap", children: e.balanceLabel })
+    ] }, e.key)) })
+  ] }) });
+}
+export {
+  p as TransactionsTable
+};

package/dist/libs/tesouro-embedded-components-react/bank-accounts-widget/data-access/dist/index4.js

@@ -0,0 +1,22 @@
+"use client";
+import { useMutation as r } from "@tanstack/react-query";
+import { invalidateAllClients as s } from "../../../shared/data-access/dist/lib/clientRegistry.js";
+import "../../../shared/data-access/dist/lib/rest/client/utils.gen.js";
+import { useEmbedApi as e } from "../../../shared/data-access/dist/lib/EmbedApiContext.js";
+import { organizationHeaders as c } from "../../../shared/data-access/dist/lib/organizationHeaders.js";
+import "../../../shared/data-access/dist/lib/rest/client.gen.js";
+import { getBankAccountsQueryKey as m, grantBankAccountAccessMutation as u } from "../../../shared/data-access/dist/lib/rest/@tanstack/react-query.gen.js";
+import "../../../shared/data-access/dist/lib/rest/zod.gen.js";
+import "react";
+function B() {
+  const { client: t, organizationId: n } = e(), a = c(n), o = u({ client: t, headers: a });
+  return r({
+    ...o,
+    onSuccess: async (...i) => {
+      await s(m({ client: t, headers: a })), await o.onSuccess?.(...i);
+    }
+  });
+}
+export {
+  B as useGrantBankAccountAccessMutation
+};

package/dist/libs/tesouro-embedded-components-react/bank-accounts-widget/data-access/dist/index5.js

@@ -0,0 +1,98 @@
+"use client";
+import { useMemo as p, useEffect as E } from "react";
+import { useInfiniteQuery as N } from "@tanstack/react-query";
+import "../../../shared/data-access/dist/lib/rest/client/utils.gen.js";
+import { useEmbedApi as x } from "../../../shared/data-access/dist/lib/EmbedApiContext.js";
+import { organizationHeaders as T } from "../../../shared/data-access/dist/lib/organizationHeaders.js";
+import { getUsers as y } from "../../../shared/data-access/dist/lib/rest/sdk.gen.js";
+import { getUsersOptions as I } from "../../../shared/data-access/dist/lib/rest/@tanstack/react-query.gen.js";
+import { withAuthEpoch as k } from "../../../shared/data-access/dist/lib/withAuthEpoch.js";
+import "../../../shared/data-access/dist/lib/rest/client.gen.js";
+import "../../../shared/data-access/dist/lib/rest/zod.gen.js";
+const f = 100, v = [
+  "ACTIVE",
+  "INVITED"
+];
+function h(n, r) {
+  const { client: d, organizationId: u, authEpoch: t } = x(), e = T(u), c = I({
+    client: d,
+    headers: e,
+    query: { Status: n, Limit: f }
+  }), a = N({
+    queryKey: [
+      ...k(c, t).queryKey,
+      "all",
+      n
+    ],
+    enabled: r,
+    initialPageParam: void 0,
+    queryFn: async ({ signal: i, pageParam: o }) => {
+      const { data: s } = await y({
+        client: d,
+        headers: e,
+        query: {
+          Status: n,
+          Limit: f,
+          ...o ? { PaginationToken: o } : {}
+        },
+        signal: i,
+        throwOnError: !0
+      });
+      return s;
+    },
+    getNextPageParam: (i, o, s, l) => {
+      const g = i.nextPaginationToken ?? void 0;
+      if (!(g === void 0 || l.includes(g)))
+        return g;
+    }
+  });
+  E(() => {
+    !r || !a.hasNextPage || a.isFetchingNextPage || a.isError || a.fetchNextPage();
+  }, [
+    r,
+    a.hasNextPage,
+    a.isFetchingNextPage,
+    a.isError,
+    a.fetchNextPage
+  ]);
+  const P = p(() => a.data ? {
+    data: a.data.pages.flatMap(
+      (i) => i.data ?? []
+    ),
+    nextPaginationToken: null,
+    prevPaginationToken: null
+  } : void 0, [a.data]);
+  return {
+    ...a,
+    data: P
+  };
+}
+function M({
+  enabled: n
+} = {}) {
+  const { organizationId: r, widgetToken: d } = x(), u = !!(r && d) && (n === !0 || n === void 0), t = h("ACTIVE", u), e = h("INVITED", u), c = p(() => {
+    const s = /* @__PURE__ */ new Map();
+    for (const l of v) {
+      const g = l === "ACTIVE" ? t.data?.data ?? [] : e.data?.data ?? [];
+      for (const m of g)
+        s.set(m.id, m);
+    }
+    return {
+      data: [...s.values()],
+      nextPaginationToken: null,
+      prevPaginationToken: null
+    };
+  }, [t.data, e.data]), a = t.isLoading || e.isLoading, P = t.isFetchingNextPage || e.isFetchingNextPage, i = t.hasNextPage || e.hasNextPage, o = t.isError || e.isError;
+  return {
+    ...t,
+    data: c,
+    isLoading: a,
+    isFetchingNextPage: P,
+    hasNextPage: i,
+    isError: o,
+    isSuccess: t.isSuccess && e.isSuccess
+  };
+}
+export {
+  M as useAllOrganizationUsersQuery
+};

package/dist/libs/tesouro-embedded-components-react/bank-accounts-widget/feature/dist/index10.js

@@ -0,0 +1,85 @@
+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) => {
+      o || i.locked || 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/bank-accounts-widget/feature/dist/index2.js

@@ -1,179 +1,103 @@
 "use client";
-import { jsx as s } from "react/jsx-runtime";
-import { useState as F, useEffect as M, useMemo as v } from "react";
-import { useControllableState as U } from "@radix-ui/react-use-controllable-state";
-import { useBankAccountsQuery as z } from "../../data-access/dist/index2.js";
-import { useCreateBankAccountMutation as D } from "../../data-access/dist/index3.js";
-import { AccountDetailsWidget as R } from "../../account-details/feature/dist/index2.js";
-import { BankAccountsWidgetUi as $ } from "../../ui/dist/index2.js";
+import { jsx as t, jsxs as u, Fragment as g } from "react/jsx-runtime";
+import { AccountDetailsWidget as k } from "../../account-details/feature/dist/index2.js";
+import { BankAccountsWidgetUi as A } from "../../ui/dist/index2.js";
 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 "@tanstack/react-query";
 import "../../../shared/data-access/dist/lib/rest/zod.gen.js";
+import "react";
 import "../../../shared/feature/dist/lib/WidgetProvider/types.js";
+import "@radix-ui/react-use-controllable-state";
 import "lucide-react";
 import "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { EmbeddedToaster as b } from "../../../shared/ui/dist/lib/EmbeddedToaster.js";
 import "../../../shared/ui/dist/lib/UIContext/UIContext.js";
 import "../../../shared/feature/dist/lib/WidgetProvider/WidgetContext.js";
-import { WidgetProvider as j } from "../../../shared/feature/dist/lib/WidgetProvider/WidgetProvider.js";
+import { WidgetProvider as f } from "../../../shared/feature/dist/lib/WidgetProvider/WidgetProvider.js";
 import "../../../shared/feature/dist/lib/WidgetProvider/WidgetTokenRefreshContext.js";
-import { useWidgetConfig as P } from "../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
-import { useAnalyticsTrack as x } from "../../../shared/feature/dist/lib/analytics/hooks.js";
-import { BankAccountsWidgetAnalyticsEvent as k } from "./index4.js";
-import { DEFAULT_FEATURE_LABELS as O } from "./index3.js";
-const E = {
-  nickname: "",
-  reference: ""
-};
-function _({
-  labels: a,
-  accountDetailsLabels: i,
+import { useBankAccountsWidget as I } from "./index3.js";
+function L({
+  labels: o,
+  accountDetailsLabels: a,
   featureLabels: n,
-  selectedAccountId: r,
-  defaultSelectedAccountId: c,
+  isBankingTaglineVisible: r,
+  bankLogoSrc: c,
+  bankLogoAlt: i,
+  "data-testid": l,
+  selectedAccountId: s,
+  defaultSelectedAccountId: d,
   onSelectedAccountIdChange: m
 }) {
-  const t = {
-    ...O,
-    ...n
-  }, l = x(), { organizationId: d, widgetToken: b } = P(), o = !!(d && b), [C, S] = U({
-    prop: r,
-    defaultProp: c ?? null,
-    onChange: m,
-    caller: "BankAccountsWidget"
-  }), [B, A] = F(!1), [f, L] = F(E);
-  M(() => {
-    l(k.Mounted);
-  }, [l]);
-  const p = z({
-    limit: 100,
-    enabled: o
-  }), g = D(), u = o ? p.data?.data ?? [] : [], w = v(
-    () => Q(u, t),
-    [u, t]
-  ), N = v(
-    () => u.map((e) => ({
-      id: e.id,
-      title: e.nickname || t.accountFallback,
-      subtitle: e.accountNumber,
-      balanceLabel: I(e.balance, t),
-      statusLabel: e.status,
-      detailLines: [
+  const e = I({
+    labels: o,
+    featureLabels: n,
+    isBankingTaglineVisible: r,
+    bankLogoSrc: c,
+    bankLogoAlt: i,
+    "data-testid": l,
+    selectedAccountId: s,
+    defaultSelectedAccountId: d,
+    onSelectedAccountIdChange: m
+  });
+  if (e.selectedAccountId)
+    return /* @__PURE__ */ u(g, { children: [
+      /* @__PURE__ */ t(b, {}),
+      /* @__PURE__ */ t(
+        k,
         {
-          label: t.routingNumberLabel,
-          value: e.routingNumber
+          accountId: e.selectedAccountId,
+          labels: a,
+          featureLabels: n,
+          isBankingTaglineVisible: e.isBankingTaglineVisible,
+          bankLogoSrc: e.bankLogoSrc,
+          bankLogoAlt: i,
+          onBack: () => e.onSelectAccount(null)
         },
-        {
-          label: t.referenceLabel,
-          value: e.bankAccountReference ?? t.unavailableLabel
-        }
-      ]
-    })),
-    [u, t]
-  ), y = (e) => {
-    S(e), e && l(k.AccountSelected, { accountId: e });
-  }, W = (e) => {
-    e && !o || A(e);
-  }, h = () => {
-    if (!o) return;
-    const e = f.nickname.trim() || t.defaultNickname;
-    g.mutate(
-      {
-        body: {
-          nickname: e,
-          bankAccountReference: f.reference.trim() || null
-        }
-      },
-      {
-        onSuccess: (T) => {
-          l(k.AccountCreated, {
-            accountId: T?.id
-          }), L(E), A(!1);
-        }
-      }
-    );
-  };
-  return C && o ? /* @__PURE__ */ s(
-    R,
-    {
-      accountId: C,
-      labels: i,
-      featureLabels: t,
-      onBack: () => y(null)
-    }
-  ) : /* @__PURE__ */ s(
-    $,
-    {
-      labels: a,
-      rows: N,
-      totalBalanceLabel: w,
-      isLoading: !o || p.isLoading,
-      isError: p.isError,
-      isCreateError: g.isError,
-      isCreateOpen: B,
-      isCreateDisabled: !o,
-      isSubmitting: g.isPending,
-      createForm: f,
-      onCreateOpenChange: W,
-      onCreateFormChange: L,
-      onCreateSubmit: h,
-      onRowSelect: y
-    }
-  );
+        e.selectedAccountId
+      )
+    ] });
+  const {
+    selectedAccountId: S,
+    onSelectAccount: B,
+    ...p
+  } = e;
+  return /* @__PURE__ */ u(g, { children: [
+    /* @__PURE__ */ t(b, {}),
+    /* @__PURE__ */ t(A, { labels: o, ...p })
+  ] });
 }
-function fe({
-  baseUrl: a,
-  widgetToken: i,
+function H({
+  baseUrl: o,
+  widgetToken: a,
   organizationId: n,
   configClient: r,
   linkComponent: c,
-  implementation: m,
-  uiFramework: t,
-  errorFallback: l,
+  implementation: i,
+  uiFramework: l,
+  errorFallback: s,
   onError: d,
-  analytics: b,
-  ...o
+  analytics: m,
+  ...e
 }) {
-  return /* @__PURE__ */ s(
-    j,
+  return /* @__PURE__ */ t(
+    f,
     {
-      baseUrl: a,
-      widgetToken: i,
+      baseUrl: o,
+      widgetToken: a,
       organizationId: n,
       configClient: r,
       linkComponent: c,
-      implementation: m,
-      uiFramework: t,
-      errorFallback: l,
+      implementation: i,
+      uiFramework: l,
+      errorFallback: s,
       onError: d,
-      analytics: b,
-      children: /* @__PURE__ */ s(_, { ...o })
+      analytics: m,
+      children: /* @__PURE__ */ t(L, { ...e })
     }
   );
 }
-function Q(a, i) {
-  if (a.length === 0) return;
-  const n = /* @__PURE__ */ new Map();
-  for (const r of a) {
-    const c = n.get(r.balance.currencyCode) ?? 0;
-    n.set(
-      r.balance.currencyCode,
-      c + Number(r.balance.value)
-    );
-  }
-  return [...n].map(
-    ([r, c]) => I({ currencyCode: r, value: c }, i)
-  ).join(", ");
-}
-function I(a, i) {
-  if (!a) return i.unavailableLabel;
-  const n = Number(a.value);
-  return Number.isFinite(n) ? new Intl.NumberFormat(void 0, {
-    style: "currency",
-    currency: a.currencyCode
-  }).format(n / 100) : i.unavailableLabel;
-}
 export {
-  fe as BankAccountsWidget
+  H as BankAccountsWidget
 };