@tesouro/embedded-components-react 0.2.79 → 0.2.81

package/README.md

@@ -167,18 +167,18 @@ A self-contained banking widget for listing Tesouro bank accounts, creating an a
 
 #### Props
 
-| Prop                        | Type                                       | Default        | Description                                                                       |
-| --------------------------- | ------------------------------------------ | -------------- | --------------------------------------------------------------------------------- |
-| `isBankingTaglineVisible`   | `boolean`                                  | `true`         | Shows the banking tagline under the page title.                                   |
-| `bankLogoSrc`               | `string`                                   | `undefined`    | Optional bank logo for the tagline row.                                           |
-| `bankLogoAlt`               | `string`                                   | `undefined`    | Alt text when `bankLogoSrc` is set.                                               |
-| `labels`                    | `Partial<BankAccountsWidgetLabels>`        | English labels | Overrides list/create-account UI copy.                                            |
-| `accountDetailsLabels`      | `Partial<AccountDetailsWidgetLabels>`      | English labels | Overrides the internal account details UI copy.                                   |
-| `featureLabels`             | `Partial<BankAccountsWidgetFeatureLabels>` | English labels | Overrides feature-level copy (account fallback name, toasts, balance formatting). |
-| `data-testid`               | `string`                                   | `undefined`    | Optional test id forwarded to the widget root.                                    |
-| `selectedAccountId`         | `string \| null`                           | `undefined`    | Controls the open details account.                                                |
-| `defaultSelectedAccountId`  | `string \| null`                           | `undefined`    | Initial uncontrolled details account.                                             |
-| `onSelectedAccountIdChange` | `(id: string \| null) => void`             | `undefined`    | Called when the user opens details or goes back.                                  |
+| Prop                        | Type                                       | Default        | Description                                                                                                       |
+| --------------------------- | ------------------------------------------ | -------------- | ----------------------------------------------------------------------------------------------------------------- |
+| `isBankingTaglineVisible`   | `boolean`                                  | `true`         | Shows the banking tagline under the page title.                                                                   |
+| `bankLogoSrc`               | `string`                                   | `undefined`    | Optional bank logo for the tagline row.                                                                           |
+| `bankLogoAlt`               | `string`                                   | `undefined`    | Alt text when `bankLogoSrc` is set.                                                                               |
+| `labels`                    | `Partial<BankAccountsWidgetLabels>`        | English labels | Overrides list/create-account UI copy.                                                                            |
+| `accountDetailsLabels`      | `Partial<AccountDetailsWidgetLabels>`      | English labels | Overrides the internal account details UI copy.                                                                   |
+| `featureLabels`             | `Partial<BankAccountsWidgetFeatureLabels>` | English labels | Overrides feature-level copy (account fallback name, create/edit/copy toasts, and account-details export toasts). |
+| `data-testid`               | `string`                                   | `undefined`    | Optional test id forwarded to the widget root.                                                                    |
+| `selectedAccountId`         | `string \| null`                           | `undefined`    | Controls the open details account.                                                                                |
+| `defaultSelectedAccountId`  | `string \| null`                           | `undefined`    | Initial uncontrolled details account.                                                                             |
+| `onSelectedAccountIdChange` | `(id: string \| null) => void`             | `undefined`    | Called when the user opens details or goes back.                                                                  |
 
 ### BillPayWidget
 

package/dist/index.css

@@ -4163,6 +4163,13 @@
       }
     }
   }
+  .ttw\:hover\:bg-card {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--ttw-card);
+      }
+    }
+  }
   .ttw\:hover\:bg-destructive\/10 {
     &:hover {
       @media (hover: hover) {
@@ -6697,6 +6704,12 @@
       border-color: var(--ttw-border);
     }
   }
+  .ttw\:\[\&_tr\:first-child\]\:border-b-0 {
+    & tr:first-child {
+      border-bottom-style: var(--tw-border-style);
+      border-bottom-width: 0px;
+    }
+  }
   .ttw\:\[\&_tr\:last-child\]\:border-0 {
     & tr:last-child {
       border-style: var(--tw-border-style);

package/dist/index.d.ts

@@ -1143,6 +1143,16 @@ interface Labels$5 {
     transactionDescriptionColumn: string;
     transactionAmountColumn: string;
     transactionBalanceColumn: string;
+    exportButton: string;
+    exportDialogTitle: string;
+    exportDialogDescription: string;
+    exportDialogCloseAriaLabel: string;
+    exportStartDateLabel: string;
+    exportEndDateLabel: string;
+    exportStartDatePlaceholder: string;
+    exportEndDatePlaceholder: string;
+    exportCancelButton: string;
+    exportDownloadButton: string;
     noStatementsLabel: string;
     editAccountMenuItem: string;
     editDialogTitle: string;
@@ -1178,6 +1188,12 @@ interface FeatureLabels$5 {
     editSuccessToast: string;
     copyAccountNumberToast: string;
     copyRoutingNumberToast: string;
+    /** Account-details export toast — forwarded to AccountDetailsWidget. */
+    exportLoadingToast: string;
+    /** Account-details export toast — forwarded to AccountDetailsWidget. */
+    exportSuccessToast: string;
+    /** Account-details export toast — forwarded to AccountDetailsWidget. */
+    exportErrorToast: string;
 }
 
 interface BankAccountsWidgetProps extends WidgetProviderProps {

package/dist/lib/BankAccountsWidget.d.ts

@@ -611,6 +611,16 @@ interface Labels {
     transactionDescriptionColumn: string;
     transactionAmountColumn: string;
     transactionBalanceColumn: string;
+    exportButton: string;
+    exportDialogTitle: string;
+    exportDialogDescription: string;
+    exportDialogCloseAriaLabel: string;
+    exportStartDateLabel: string;
+    exportEndDateLabel: string;
+    exportStartDatePlaceholder: string;
+    exportEndDatePlaceholder: string;
+    exportCancelButton: string;
+    exportDownloadButton: string;
     noStatementsLabel: string;
     editAccountMenuItem: string;
     editDialogTitle: string;
@@ -646,6 +656,12 @@ interface FeatureLabels {
     editSuccessToast: string;
     copyAccountNumberToast: string;
     copyRoutingNumberToast: string;
+    /** Account-details export toast — forwarded to AccountDetailsWidget. */
+    exportLoadingToast: string;
+    /** Account-details export toast — forwarded to AccountDetailsWidget. */
+    exportSuccessToast: string;
+    /** Account-details export toast — forwarded to AccountDetailsWidget. */
+    exportErrorToast: string;
 }
 
 interface BankAccountsWidgetProps extends WidgetProviderProps {

package/dist/lib/ReceivablesWidget.js

@@ -14,12 +14,12 @@ import "react-hot-toast";
 import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index85.js";
 import "radix-ui";
 import "react-hook-form";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index153.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index169.js";
 import "@radix-ui/react-label";
 import "@radix-ui/react-radio-group";
 import "@hookform/resolvers/zod";
 import "zod";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index321.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index241.js";
 import "@radix-ui/react-checkbox";
 import "@radix-ui/react-select";
 import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index90.js";
@@ -31,7 +31,7 @@ import "../libs/tesouro-embedded-components-react/shared/data-access/dist/lib/re
 import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index92.js";
 import "react-dom";
 import "@mui/x-data-grid";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index144.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index162.js";
 import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index83.js";
 import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index55.js";
 import "@mui/material";
@@ -41,17 +41,17 @@ import "@mui/icons-material/Close";
 import "@mui/material/IconButton";
 import "@mui/material/Tooltip";
 import "@tanstack/react-table";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index152.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index168.js";
 import "@radix-ui/react-avatar";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index242.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index246.js";
 import "@mui/icons-material/AddCircleOutline";
 import "@mui/icons-material/Delete";
 import "@emotion/react";
 import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index101.js";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index470.js";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index456.js";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index428.js";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index347.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index444.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index453.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index377.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index254.js";
 import "@mui/icons-material/Cancel";
 import "@mui/icons-material/HourglassEmpty";
 import "@mui/icons-material/PaidOutlined";
@@ -59,7 +59,7 @@ import "../packages/shared-ui-shadcn/dist/index.js";
 import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index86.js";
 import "@mui/icons-material/DangerousOutlined";
 import "@mui/x-date-pickers";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index295.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index281.js";
 import "@mui/icons-material/CheckCircleOutlineRounded";
 import "@mui/icons-material/HighlightOffRounded";
 import "@mui/icons-material/Add";
@@ -67,19 +67,19 @@ import "@mui/icons-material/DeleteForever";
 import "@mui/icons-material/AttachFile";
 import "@mui/icons-material/CloudUploadOutlined";
 import "@mui/icons-material/MoreVert";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index460.js";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index286.js";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index288.js";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index392.js";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index162.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index461.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index276.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index278.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index374.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index182.js";
 import "@mui/icons-material/Sync";
 import "@mui/icons-material/Search";
 import "@mui/icons-material/CalendarToday";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index334.js";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index339.js";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index341.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index324.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index329.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index331.js";
 import "react-day-picker";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index343.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index333.js";
 import "@radix-ui/react-accordion";
 import "@radix-ui/react-tooltip";
 import "@mui/icons-material/BlockOutlined";
@@ -90,21 +90,21 @@ import "@mui/icons-material/InsertDriveFileOutlined";
 import "@mui/icons-material/ReplayOutlined";
 import "@mui/icons-material/SendOutlined";
 import "@mui/icons-material/StarHalfOutlined";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index257.js";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index371.js";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index439.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index299.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index419.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index466.js";
 import "@mui/icons-material/DriveFileRenameOutline";
 import "deep-eql";
 import "react-use";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index197.js";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index278.js";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index279.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index137.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index315.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index316.js";
 import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index56.js";
 import "react-script-hook";
 import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index54.js";
 import "@mui/icons-material/Money";
 import "@mui/icons-material/MonetizationOnOutlined";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index212.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index174.js";
 import "@mui/material/styles";
 import "@emotion/cache";
 import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index106.js";

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

@@ -1,31 +1,48 @@
 "use client";
-import { useMutation as c } from "@tanstack/react-query";
-import { invalidateAllClients as i } from "../../../../shared/data-access/dist/lib/clientRegistry.js";
+import { useMutation as m } from "@tanstack/react-query";
 import "../../../../shared/data-access/dist/lib/rest/client/utils.gen.js";
 import { useEmbedApi as u } from "../../../../shared/data-access/dist/lib/EmbedApiContext.js";
-import { organizationHeaders as m } from "../../../../shared/data-access/dist/lib/organizationHeaders.js";
+import { organizationHeaders as d } from "../../../../shared/data-access/dist/lib/organizationHeaders.js";
+import { downloadBankAccountTransactions as p } from "../../../../shared/data-access/dist/lib/rest/sdk.gen.js";
 import "../../../../shared/data-access/dist/lib/rest/client.gen.js";
-import { getBankAccountsQueryKey as p, getBankAccountQueryKey as l, updateBankAccountMutation as d } 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 w() {
-  const { client: t, organizationId: n } = u(), a = m(n), o = d({ client: t, headers: a });
-  return c({
-    ...o,
-    onSuccess: async (r, e, ...s) => {
-      await Promise.all([
-        i(p({ client: t, headers: a })),
-        i(
-          l({
-            client: t,
-            headers: a,
-            path: e.path
-          })
-        )
-      ]), await o.onSuccess?.(r, e, ...s);
+function f(t) {
+  if (!t)
+    return;
+  const n = /filename\*=UTF-8''([^;]+)/i.exec(t);
+  if (n?.[1])
+    try {
+      return decodeURIComponent(n[1].trim());
+    } catch {
+      return n[1].trim();
+    }
+  const r = /filename[^;=\n]*=((['"]).*?\2|[^;\n]*)/.exec(t);
+  if (r?.[1])
+    return r[1].replace(/['"]/g, "").trim() || void 0;
+}
+function v() {
+  const { client: t, organizationId: n } = u();
+  return m({
+    mutationFn: async ({
+      id: r,
+      startDate: o,
+      endDate: a
+    }) => {
+      const { data: e, response: i } = await p({
+        client: t,
+        headers: d(n),
+        path: { id: r },
+        query: { startDate: o, endDate: a },
+        parseAs: "text",
+        throwOnError: !0
+      }), s = typeof e == "string" ? e : String(e ?? ""), c = f(
+        i.headers.get("Content-Disposition")
+      ) ?? `transactions-${o}-to-${a}.csv`;
+      return { csv: s, filename: c };
     }
   });
 }
 export {
-  w as useUpdateBankAccountMutation
+  v as useDownloadBankAccountTransactionsMutation
 };

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

@@ -0,0 +1,31 @@
+"use client";
+import { useMutation as c } from "@tanstack/react-query";
+import { invalidateAllClients as i } from "../../../../shared/data-access/dist/lib/clientRegistry.js";
+import "../../../../shared/data-access/dist/lib/rest/client/utils.gen.js";
+import { useEmbedApi as u } from "../../../../shared/data-access/dist/lib/EmbedApiContext.js";
+import { organizationHeaders as m } from "../../../../shared/data-access/dist/lib/organizationHeaders.js";
+import "../../../../shared/data-access/dist/lib/rest/client.gen.js";
+import { getBankAccountsQueryKey as p, getBankAccountQueryKey as l, updateBankAccountMutation as d } 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 w() {
+  const { client: t, organizationId: n } = u(), a = m(n), o = d({ client: t, headers: a });
+  return c({
+    ...o,
+    onSuccess: async (r, e, ...s) => {
+      await Promise.all([
+        i(p({ client: t, headers: a })),
+        i(
+          l({
+            client: t,
+            headers: a,
+            path: e.path
+          })
+        )
+      ]), await o.onSuccess?.(r, e, ...s);
+    }
+  });
+}
+export {
+  w as useUpdateBankAccountMutation
+};

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

@@ -1,13 +1,12 @@
 import "../../../../../embedded-banking/shared/util/dist/index3.js";
-import { resolveBankNameForBranding as i, getBankAsset as n } from "../../../../../embedded-banking/shared/util/dist/index8.js";
-function m(t, a) {
-  const r = typeof window < "u" ? window.location.host : "", o = i(
-    t?.trim() ?? "",
-    r
+import { resolveBankNameForBranding as e, getBankAsset as n } from "../../../../../embedded-banking/shared/util/dist/index8.js";
+function d(r, t) {
+  const s = typeof window < "u" ? window.location.host : "", o = e(
+    r?.trim() ?? "",
+    s
   ).trim();
-  if (o)
-    return n(o, "alternativeLogo") ?? void 0;
+  return o ? n(o, "address") ?? "" : "";
 }
 export {
-  m as resolveBankLogoSrc
+  d as resolveBankAddress
 };

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

@@ -1,9 +1,13 @@
-import { getWhiteLabelInstanceFromHost as t } from "../../../../../embedded-banking/shared/util/dist/index3.js";
-function n(e) {
-  const o = typeof window < "u" ? window.location.host : "";
+import "../../../../../embedded-banking/shared/util/dist/index3.js";
+import { resolveBankNameForBranding as i, getBankAsset as n } from "../../../../../embedded-banking/shared/util/dist/index8.js";
+function m(t, a) {
+  const r = typeof window < "u" ? window.location.host : "", o = i(
+    t?.trim() ?? "",
+    r
+  ).trim();
   if (o)
-    return t(o)?.supportTeamUrl;
+    return n(o, "alternativeLogo") ?? void 0;
 }
 export {
-  n as resolveSupportTeamUrl
+  m as resolveBankLogoSrc
 };

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

@@ -0,0 +1,9 @@
+import { getWhiteLabelInstanceFromHost as t } from "../../../../../embedded-banking/shared/util/dist/index3.js";
+function n(e) {
+  const o = typeof window < "u" ? window.location.host : "";
+  if (o)
+    return t(o)?.supportTeamUrl;
+}
+export {
+  n as resolveSupportTeamUrl
+};