@tesouro/embedded-components-react 0.2.98 → 0.2.107

package/README.md

@@ -279,6 +279,7 @@ A self-contained widget that fetches and displays a paginated, sortable table of
 
 | Prop               | Type                         | Description                                                                                                                  |
 | ------------------ | ---------------------------- | ---------------------------------------------------------------------------------------------------------------------------- |
+| `title`            | `string`                     | Optional section heading rendered above the table. Omit when the host already provides its own title.                        |
 | `labels`           | `Partial<GlCodeTableLabels>` | Override any subset of UI strings (column headers, action labels, empty/error state copy). Merged with the English defaults. |
 | `onEdit`           | `(row: GlCode) => void`      | When provided, adds an **Edit** action to the row dropdown menu.                                                             |
 | `onDelete`         | `(row: GlCode) => void`      | When provided, adds a **Delete** action to the row dropdown menu.                                                            |

package/dist/index.css

@@ -8,7 +8,6 @@
     --ttw-color-red-50: oklch(97.1% 0.013 17.38);
     --ttw-color-red-100: oklch(93.6% 0.032 17.717);
     --ttw-color-red-200: oklch(88.5% 0.062 18.334);
-    --ttw-color-red-500: oklch(63.7% 0.237 25.331);
     --ttw-color-red-600: oklch(57.7% 0.245 27.325);
     --ttw-color-red-700: oklch(50.5% 0.213 27.518);
     --ttw-color-red-900: oklch(39.6% 0.141 25.723);
@@ -427,6 +426,9 @@
   .ttw\:mr-auto {
     margin-right: auto;
   }
+  .ttw\:mb-0 {
+    margin-bottom: 0;
+  }
   .ttw\:mb-1 {
     margin-bottom: var(--ttw-spacing);
   }
@@ -1179,9 +1181,6 @@
   .ttw\:max-w-60 {
     max-width: calc(var(--ttw-spacing) * 60);
   }
-  .ttw\:max-w-62\.5 {
-    max-width: calc(var(--ttw-spacing) * 62.5);
-  }
   .ttw\:max-w-100 {
     max-width: calc(var(--ttw-spacing) * 100);
   }
@@ -1194,6 +1193,9 @@
   .ttw\:max-w-163 {
     max-width: calc(var(--ttw-spacing) * 163);
   }
+  .ttw\:max-w-178 {
+    max-width: calc(var(--ttw-spacing) * 178);
+  }
   .ttw\:max-w-\[21cm\] {
     max-width: 21cm;
   }
@@ -2768,6 +2770,9 @@
   .ttw\:pl-9 {
     padding-left: calc(var(--ttw-spacing) * 9);
   }
+  .ttw\:pl-20 {
+    padding-left: calc(var(--ttw-spacing) * 20);
+  }
   .ttw\:text-center {
     text-align: center;
   }
@@ -3101,9 +3106,6 @@
   .ttw\:text-purple-700 {
     color: var(--ttw-color-purple-700);
   }
-  .ttw\:text-red-500 {
-    color: var(--ttw-color-red-500);
-  }
   .ttw\:text-red-600 {
     color: var(--ttw-color-red-600);
   }
@@ -6082,6 +6084,11 @@
       max-width: calc(var(--ttw-spacing) * 160);
     }
   }
+  .ttw\:sm\:max-w-178 {
+    @media (width >= 40rem) {
+      max-width: calc(var(--ttw-spacing) * 178);
+    }
+  }
   .ttw\:sm\:max-w-180 {
     @media (width >= 40rem) {
       max-width: calc(var(--ttw-spacing) * 180);

package/dist/index.d.ts

@@ -1360,6 +1360,10 @@ type ReceivablesProps = {
      * account picker as "Powered by {embeddedBankName}".
      */
     embeddedBankName?: string;
+    /** Arrival prop: 'create' opens the create-invoice dialog on mount. */
+    initialView?: 'create';
+    /** Arrival prop: preselects this counterpart in the create-invoice form. */
+    initialCounterpartId?: string;
 };
 
 type ALIGN_DIALOG_TYPES = 'left' | 'right';
@@ -1867,12 +1871,18 @@ interface GlCodeTableProps {
     onAddIntegration?: () => void;
     onImportCsv?: () => void;
     learnMoreHref?: string;
+    /** Optional section heading rendered above the table. Omit when the host
+     * already provides its own title. */
+    title?: string;
 }
-declare function GlCodeTable({ data, isLoading, isError, sorting, onSortingChange, pageSize, onPageSizeChange, pageSizeOptions, hasNextPage, hasPrevPage, onNextPage, onPrevPage, labels, onEdit, onDelete, onAddIntegration, onImportCsv, learnMoreHref, }: GlCodeTableProps): React.JSX.Element;
+declare function GlCodeTable({ data, isLoading, isError, sorting, onSortingChange, pageSize, onPageSizeChange, pageSizeOptions, hasNextPage, hasPrevPage, onNextPage, onPrevPage, labels, title, onEdit, onDelete, onAddIntegration, onImportCsv, learnMoreHref, }: GlCodeTableProps): React.JSX.Element;
 
 /**
  * Props that the feature layer owns and wires internally — consumers cannot
  * override these because they are driven by the query and pagination state.
+ * Everything else on `GlCodeTableProps` (including `title`) passes through
+ * this `Omit` untouched via the `...tableProps` spread below — no explicit
+ * feature-layer wiring needed when a new pass-through UI prop is added there.
  */
 type TableProps = Omit<GlCodeTableProps, 'data' | 'isLoading' | 'isError' | 'sorting' | 'onSortingChange' | 'pageSize' | 'onPageSizeChange' | 'pageSizeOptions' | 'hasNextPage' | 'hasPrevPage' | 'onNextPage' | 'onPrevPage'>;
 /**
@@ -2011,7 +2021,7 @@ type HelpWidgetProps = WidgetProviderProps & HelpContentProps;
  */
 declare function HelpWidget({ baseUrl, widgetToken, organizationId, configClient, linkComponent, implementation, uiFramework, errorFallback, onError, analytics, ...contentProps }: HelpWidgetProps): React.JSX.Element;
 
-type ReceivablesWidgetMoniteProps = MoniteRegionProviderProps & Omit<ReceivablesProps, 'pageTitleComponent'> & {
+type ReceivablesWidgetMoniteProps = MoniteRegionProviderProps & Omit<ReceivablesProps, 'pageTitleComponent' | 'initialView' | 'initialCounterpartId'> & {
     pageTitleComponent?: ReceivablesProps['pageTitleComponent'];
 };
 declare function ReceivablesWidgetMonite({ baseUrl, widgetToken, organizationId, configClient, linkComponent, errorFallback, onError, finopsThemeColors, analytics, pageTitleComponent, uiFramework, ...receivablesProps }: ReceivablesWidgetMoniteProps): React.JSX.Element;
@@ -2782,9 +2792,8 @@ interface SettingsWidgetProps extends MoniteRegionProviderProps {
     /** Forwarded to the embedded Team section's {@link TeamWidget} — the
      * allowlisted URL invite emails link to. Defaults to
      * `${window.location.origin}/accept-invite`; set it when the host app's
-     * registered landing route differs (e.g. the partner dashboard uses
-     * `/banking/dashboard`) or the origin is not on the OIDC redirect-URI
-     * allowlist (preview/localhost). */
+     * registered landing route differs from that default, or the origin is
+     * not on the OIDC redirect-URI allowlist (preview/localhost). */
     acceptInviteRedirectUri?: string;
     profileContent?: ReactNode;
     teamContent?: ReactNode;
@@ -2976,6 +2985,9 @@ interface Labels {
     accountAccessSourceColumn: string;
     /** Shown in place of the picker when the selected role is an admin. */
     inviteAccountAccessAdminNote: string;
+    /** Shown beneath the account-access heading when the selected role is an
+     * employee, who inherits no account access (invite and edit flows). */
+    manageAccessEmployeeNote: string;
     /** Shown when the account list failed to load, blocking the invite. */
     inviteAccountAccessLoadError: string;
     inviteCancelButton: string;
@@ -2986,8 +2998,6 @@ interface Labels {
     manageAccessLoadingLabel: string;
     /** Shown in place of the checklist when the selected role is an admin. */
     manageAccessAdminNote: string;
-    /** Shown in place of the checklist when the selected role is an employee. */
-    manageAccessEmployeeNote: string;
     editTitle: string;
     editDescription: string;
     /** Back gesture on the full-page edit form (returns to the member detail). */
@@ -3123,9 +3133,9 @@ interface TeamWidgetProps extends WidgetProviderProps {
      * resend). Must be registered on the OIDC application's redirect-URI
      * allowlist. Defaults to `${window.location.origin}/accept-invite` — the
      * universal invite landing route every dashboard host registers. Set it
-     * when the host app uses a different registered landing URL (e.g. the
-     * partner dashboard uses `/banking/dashboard`) or the origin is not on the
-     * allowlist (e.g. a preview deployment or localhost).
+     * when the host app's registered landing route differs from that default,
+     * or the origin is not on the allowlist (e.g. a preview deployment or
+     * localhost).
      */
     acceptInviteRedirectUri?: string;
 }

package/dist/lib/GlCodeTableWidget.d.ts

@@ -47,8 +47,11 @@ interface GlCodeTableProps {
     onAddIntegration?: () => void;
     onImportCsv?: () => void;
     learnMoreHref?: string;
+    /** Optional section heading rendered above the table. Omit when the host
+     * already provides its own title. */
+    title?: string;
 }
-declare function GlCodeTable({ data, isLoading, isError, sorting, onSortingChange, pageSize, onPageSizeChange, pageSizeOptions, hasNextPage, hasPrevPage, onNextPage, onPrevPage, labels, onEdit, onDelete, onAddIntegration, onImportCsv, learnMoreHref, }: GlCodeTableProps): React.JSX.Element;
+declare function GlCodeTable({ data, isLoading, isError, sorting, onSortingChange, pageSize, onPageSizeChange, pageSizeOptions, hasNextPage, hasPrevPage, onNextPage, onPrevPage, labels, title, onEdit, onDelete, onAddIntegration, onImportCsv, learnMoreHref, }: GlCodeTableProps): React.JSX.Element;
 
 type AuthToken = string | undefined;
 interface Auth {
@@ -617,6 +620,9 @@ interface WidgetProviderProps extends WidgetProviderBaseProps {
 /**
  * Props that the feature layer owns and wires internally — consumers cannot
  * override these because they are driven by the query and pagination state.
+ * Everything else on `GlCodeTableProps` (including `title`) passes through
+ * this `Omit` untouched via the `...tableProps` spread below — no explicit
+ * feature-layer wiring needed when a new pass-through UI prop is added there.
  */
 type TableProps = Omit<GlCodeTableProps, 'data' | 'isLoading' | 'isError' | 'sorting' | 'onSortingChange' | 'pageSize' | 'onPageSizeChange' | 'pageSizeOptions' | 'hasNextPage' | 'hasPrevPage' | 'onNextPage' | 'onPrevPage'>;
 /**

package/dist/lib/HelpWidget.js

@@ -1,11 +1,14 @@
-import { HelpWidget as E } from "../libs/tesouro-embedded-components-react/help-widget/feature/dist/index2.js";
+import { HelpWidget as _ } from "../libs/tesouro-embedded-components-react/help-widget/feature/dist/index2.js";
 import "react/jsx-runtime";
 import "../packages/shared-ui-shadcn/dist/index.js";
+import "@radix-ui/react-use-controllable-state";
+import "lucide-react";
 import "react";
-import { HELP_WIDGET_LABELS_EN as _ } from "../libs/tesouro-embedded-components-react/help-widget/ui/contract/dist/index2.js";
-import { HELP_FAQ_EN as L } from "../libs/tesouro-embedded-components-react/help-widget/ui/contract/dist/index3.js";
+import "../libs/tesouro-embedded-components-react/shared/ui/dist/lib/UIContext/UIContext.js";
+import { HELP_WIDGET_LABELS_EN as f } from "../libs/tesouro-embedded-components-react/help-widget/ui/contract/dist/index2.js";
+import { HELP_FAQ_EN as H } from "../libs/tesouro-embedded-components-react/help-widget/ui/contract/dist/index3.js";
 export {
-  L as HELP_FAQ_EN,
-  _ as HELP_WIDGET_LABELS_EN,
-  E as HelpWidget
+  H as HELP_FAQ_EN,
+  f as HELP_WIDGET_LABELS_EN,
+  _ as HelpWidget
 };

package/dist/lib/InvoicingWidget.d.ts

@@ -10,6 +10,10 @@ type ReceivablesProps = {
      * account picker as "Powered by {embeddedBankName}".
      */
     embeddedBankName?: string;
+    /** Arrival prop: 'create' opens the create-invoice dialog on mount. */
+    initialView?: 'create';
+    /** Arrival prop: preselects this counterpart in the create-invoice form. */
+    initialCounterpartId?: string;
 };
 
 type ALIGN_DIALOG_TYPES = 'left' | 'right';
@@ -593,7 +597,7 @@ interface WidgetProviderProps extends WidgetProviderBaseProps {
 
 type MoniteRegionProviderProps = WidgetProviderProps & MoniteWrapperProps;
 
-type ReceivablesWidgetMoniteProps = MoniteRegionProviderProps & Omit<ReceivablesProps, 'pageTitleComponent'> & {
+type ReceivablesWidgetMoniteProps = MoniteRegionProviderProps & Omit<ReceivablesProps, 'pageTitleComponent' | 'initialView' | 'initialCounterpartId'> & {
     pageTitleComponent?: ReceivablesProps['pageTitleComponent'];
 };
 declare function ReceivablesWidgetMonite({ baseUrl, widgetToken, organizationId, configClient, linkComponent, errorFallback, onError, finopsThemeColors, analytics, pageTitleComponent, uiFramework, ...receivablesProps }: ReceivablesWidgetMoniteProps): React.JSX.Element;

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/index155.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index192.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/index315.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index294.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/index147.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index184.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/index154.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index191.js";
 import "@radix-ui/react-avatar";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index237.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index235.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/index462.js";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index463.js";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index410.js";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index328.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index453.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index454.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index385.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index280.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/index323.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index273.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/index451.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/index382.js";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index176.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index467.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index320.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index322.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index405.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index133.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/index343.js";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index348.js";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index350.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index298.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index303.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index305.js";
 import "react-day-picker";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index352.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index307.js";
 import "@mui/icons-material/BlockOutlined";
 import "@mui/icons-material/CheckOutlined";
 import "@mui/icons-material/ErrorOutlineOutlined";
@@ -90,21 +90,21 @@ import "@mui/icons-material/SendOutlined";
 import "@mui/icons-material/StarHalfOutlined";
 import "@radix-ui/react-accordion";
 import "@radix-ui/react-tooltip";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index252.js";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index377.js";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index445.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index249.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index373.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index437.js";
 import "@mui/icons-material/DriveFileRenameOutline";
 import "deep-eql";
 import "react-use";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index165.js";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index335.js";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index336.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index200.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index287.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index288.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/index209.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index210.js";
 import "@mui/material/styles";
 import "@emotion/cache";
 import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index106.js";

package/dist/lib/SettingsWidget.d.ts

@@ -600,9 +600,8 @@ interface SettingsWidgetProps extends MoniteRegionProviderProps {
     /** Forwarded to the embedded Team section's {@link TeamWidget} — the
      * allowlisted URL invite emails link to. Defaults to
      * `${window.location.origin}/accept-invite`; set it when the host app's
-     * registered landing route differs (e.g. the partner dashboard uses
-     * `/banking/dashboard`) or the origin is not on the OIDC redirect-URI
-     * allowlist (preview/localhost). */
+     * registered landing route differs from that default, or the origin is
+     * not on the OIDC redirect-URI allowlist (preview/localhost). */
     acceptInviteRedirectUri?: string;
     profileContent?: ReactNode;
     teamContent?: ReactNode;

package/dist/lib/TeamWidget.d.ts

@@ -656,6 +656,9 @@ interface Labels {
     accountAccessSourceColumn: string;
     /** Shown in place of the picker when the selected role is an admin. */
     inviteAccountAccessAdminNote: string;
+    /** Shown beneath the account-access heading when the selected role is an
+     * employee, who inherits no account access (invite and edit flows). */
+    manageAccessEmployeeNote: string;
     /** Shown when the account list failed to load, blocking the invite. */
     inviteAccountAccessLoadError: string;
     inviteCancelButton: string;
@@ -666,8 +669,6 @@ interface Labels {
     manageAccessLoadingLabel: string;
     /** Shown in place of the checklist when the selected role is an admin. */
     manageAccessAdminNote: string;
-    /** Shown in place of the checklist when the selected role is an employee. */
-    manageAccessEmployeeNote: string;
     editTitle: string;
     editDescription: string;
     /** Back gesture on the full-page edit form (returns to the member detail). */
@@ -803,9 +804,9 @@ interface TeamWidgetProps extends WidgetProviderProps {
      * resend). Must be registered on the OIDC application's redirect-URI
      * allowlist. Defaults to `${window.location.origin}/accept-invite` — the
      * universal invite landing route every dashboard host registers. Set it
-     * when the host app uses a different registered landing URL (e.g. the
-     * partner dashboard uses `/banking/dashboard`) or the origin is not on the
-     * allowlist (e.g. a preview deployment or localhost).
+     * when the host app's registered landing route differs from that default,
+     * or the origin is not on the allowlist (e.g. a preview deployment or
+     * localhost).
      */
     acceptInviteRedirectUri?: string;
 }