@tesouro/embedded-components-react 0.2.254 → 0.2.256

package/dist/core.js

@@ -1,2 +1,2 @@
-import { createWidgetTokenManager as e } from "./libs/tesouro-embedded-components-react/shared/util/dist/index12.js";
+import { createWidgetTokenManager as e } from "./libs/tesouro-embedded-components-react/shared/util/dist/lib/widgetTokenManager.js";
 export { e as createWidgetTokenManager };

package/dist/index.css

@@ -724,6 +724,9 @@
   .ttw\:h-21 {
     height: calc(var(--ttw-spacing) * 21);
   }
+  .ttw\:h-24 {
+    height: calc(var(--ttw-spacing) * 24);
+  }
   .ttw\:h-26 {
     height: calc(var(--ttw-spacing) * 26);
   }
@@ -793,6 +796,9 @@
   .ttw\:h-\[calc\(100vh-290px\)\] {
     height: calc(100vh - 290px);
   }
+  .ttw\:h-\[min\(70vh\,44rem\)\] {
+    height: min(70vh, 44rem);
+  }
   .ttw\:h-\[var\(--radix-navigation-menu-viewport-height\)\] {
     height: var(--radix-navigation-menu-viewport-height);
   }
@@ -901,6 +907,9 @@
   .ttw\:min-h-28 {
     min-height: calc(var(--ttw-spacing) * 28);
   }
+  .ttw\:min-h-44 {
+    min-height: calc(var(--ttw-spacing) * 44);
+  }
   .ttw\:min-h-48 {
     min-height: calc(var(--ttw-spacing) * 48);
   }
@@ -970,12 +979,18 @@
   .ttw\:w-2\.5 {
     width: calc(var(--ttw-spacing) * 2.5);
   }
+  .ttw\:w-2\/5 {
+    width: calc(2 / 5 * 100%);
+  }
   .ttw\:w-3 {
     width: calc(var(--ttw-spacing) * 3);
   }
   .ttw\:w-3\/4 {
     width: calc(3 / 4 * 100%);
   }
+  .ttw\:w-3\/5 {
+    width: calc(3 / 5 * 100%);
+  }
   .ttw\:w-4 {
     width: calc(var(--ttw-spacing) * 4);
   }

package/dist/index.js

@@ -15,7 +15,7 @@ import "./lib/AcceptDisclosuresWidget.js";
 import { BankAccountsWidget as x } from "./libs/tesouro-embedded-components-react/bank-accounts-widget/feature/dist/index8.js";
 import "./lib/BankAccountsWidget.js";
 import { CounterpartsWidget as S } from "./libs/tesouro-embedded-components-react/counterparts-widget/feature/dist/index8.js";
-import { BillPayWidget as C } from "./libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index8.js";
+import { BillPayWidget as C } from "./libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index28.js";
 import "./lib/BillPayWidget.js";
 import { CardDetailsWidget as w } from "./libs/tesouro-embedded-components-react/card-details-widget/feature/dist/index6.js";
 import { CardsWidget as T } from "./libs/tesouro-embedded-components-react/cards-widget/feature/dist/index8.js";
@@ -35,7 +35,7 @@ import "./lib/BalancesWidget.js";
 import { INSIGHTS_FEATURE_LABELS_EN as M } from "./libs/tesouro-embedded-components-react/insights-widget/feature/dist/index3.js";
 import { INSIGHTS_WIDGET_LABELS_EN as N } from "./libs/tesouro-embedded-components-react/insights-widget/ui/dist/index2.js";
 import { SINGLE_INSIGHT_LABELS_EN as P } from "./libs/tesouro-embedded-components-react/insights-widget/ui/dist/index4.js";
-import { InsightsWidget as F } from "./libs/tesouro-embedded-components-react/insights-widget/feature/dist/index10.js";
+import { InsightsWidget as F } from "./libs/tesouro-embedded-components-react/insights-widget/feature/dist/index11.js";
 import "./lib/InsightsWidget.js";
 import { CHART_OF_ACCOUNTS_MESSAGE_LABELS_EN as I } from "./libs/tesouro-embedded-components-react/gl-code-table-widget/feature/dist/index5.js";
 import { ACCOUNT_DELETE_DIALOG_LABELS_EN as L, ACCOUNT_FORM_SHEET_LABELS_EN as R, CHART_OF_ACCOUNTS_LABELS_EN as z } from "./libs/tesouro-embedded-components-react/gl-code-table-widget/ui/dist/index2.js";

package/dist/lib/BillPayWidget.d.ts

@@ -2,157 +2,6 @@ import * as React from 'react';
 import { ReactNode, ComponentType, AnchorHTMLAttributes, ErrorInfo } from 'react';
 import { FallbackProps } from 'react-error-boundary';
 
-/**
- * Action handlers for custom payment flows in payable operations.
- *
- * These handlers provide fine-grained control over payment workflows, allowing customers to:
- * - Integrate external payment providers
- * - Implement custom approval processes or multi-step authentication
- * - Add specialized banking solutions or enterprise payment workflows
- * - Control UI feedback and data refresh timing after payment completion
- *
- * @example Custom payment provider integration:
- * ```typescript
- * const onPay = (id: string, _data?: unknown, actions?: PayActionHandlers) => {
- *   // Start custom payment flow
- *   initiatePayment(id)
- *     .then(() => {
- *       // Payment successful - update SDK state and show success message
- *       actions?.resolve({ showToast: true });
- *     })
- *     .catch((error) => {
- *       // Payment failed - update SDK state and show error message
- *       actions?.reject(error, { showToast: true });
- *     });
- * };
- * ```
- */
-type PayActionHandlers = {
-    /**
-     * Call when a custom payment flow has been successfully initiated/completed.
-     * This triggers SDK's built-in state management: refreshes payable data,
-     * payment records, and optionally displays success feedback to the user.
-     *
-     * @param options.showToast - Whether to display a success toast notification
-     */
-    resolve: (options?: {
-        showToast?: boolean;
-    }) => void;
-    /**
-     * Call when a custom payment flow failed or was cancelled by the user.
-     * This triggers SDK's built-in state management: refreshes payable data,
-     * payment records, and optionally displays error feedback to the user.
-     *
-     * @param error - Optional error details from the failed payment attempt
-     * @param options.showToast - Whether to display an error toast notification
-     */
-    reject: (error?: unknown, options?: {
-        showToast?: boolean;
-    }) => void;
-};
-
-type UsePayableDetailsProps = {
-    /**
-     * The ID of the payable
-     */
-    id?: string;
-    /** when provided it takes precedence over component settings */
-    enableGLCodes?: boolean;
-    /** when provided it makes the payable open in edit mode */
-    shouldOpenInEditMode?: boolean;
-    /**
-     * Callback function that is called when the payable is saved
-     *
-     * @param {string} id - The ID of the payable
-     *
-     * @returns {void}
-     */
-    onSaved?: (id: string) => void;
-    /**
-     * Callback function that is called when the payable is canceled
-     *
-     * @param {string} id - The ID of the payable
-     *
-     * @returns {void}
-     */
-    onCanceled?: (id: string) => void;
-    /**
-     * Callback function that is called when the payable is submitted
-     *
-     * @param {string} id - The ID of the payable
-     *
-     * @returns {void}
-     */
-    onSubmitted?: (id: string) => void;
-    /**
-     * Callback function that is called when the payable is rejected
-     *
-     * @param {string} id - The ID of the payable
-     *
-     * @returns {void}
-     */
-    onRejected?: (id: string) => void;
-    /**
-     * Callback function that is called when the payable is approved
-     *
-     * @param {string} id - The ID of the payable
-     *
-     * @returns {void}
-     */
-    onApproved?: (id: string) => void;
-    /** Callback function that is called when the payable is reopened
-     *
-     * @param {string} id - The ID of the payable
-     *
-     * @returns {void}
-     */
-    onReopened?: (id: string) => void;
-    /** Callback function that is called when the payable is deleted
-     *
-     * @param {string} id - The ID of the payable
-     *
-     * @returns {void}
-     */
-    onDeleted?: (id: string) => void;
-    /**
-     * Callback function that is called when the user press the Pay button
-     *
-     * @param {string} id - The ID of the payable
-     *
-     * @returns {void}
-     */
-    onPay?: (id: string, _data?: unknown, actions?: PayActionHandlers) => void;
-};
-
-type PayablesProps = {
-    pageTitleComponent: (children: ReactNode) => ReactNode;
-    /**
-     * Enable GL code selection for payable line items.
-     * When true, users can assign GL codes to individual line items.
-     * GL codes are fetched from the connected accounting system.
-     */
-    enableGLCodes?: boolean;
-    /** Arrival prop: 'create' opens the create-bill dialog on mount. */
-    initialView?: 'create';
-    /** Arrival prop: preselects this counterpart in the create-bill form. */
-    initialCounterpartId?: string;
-} & Partial<Pick<UsePayableDetailsProps, 'onSaved' | 'onCanceled' | 'onSubmitted' | 'onRejected' | 'onApproved' | 'onReopened' | 'onDeleted' | 'onPay'>>;
-
-type ALIGN_DIALOG_TYPES = 'left' | 'right';
-declare module '@mui/material/transitions' {
-    interface TransitionProps {
-        alignDialog?: ALIGN_DIALOG_TYPES;
-    }
-}
-
-interface FinopsThemeColors {
-    primary?: string;
-    primaryForeground?: string;
-}
-interface MoniteWrapperProps {
-    finopsThemeColors?: FinopsThemeColors;
-}
-
 type AuthToken = string | undefined;
 interface Auth {
     /**
@@ -482,6 +331,157 @@ type EmbeddedClient = Client;
 type ExtractLiterals<T> = T extends string ? string extends T ? never : T : never;
 type BaseUrl = ExtractLiterals<ClientOptions['baseUrl']>;
 
+/**
+ * Action handlers for custom payment flows in payable operations.
+ *
+ * These handlers provide fine-grained control over payment workflows, allowing customers to:
+ * - Integrate external payment providers
+ * - Implement custom approval processes or multi-step authentication
+ * - Add specialized banking solutions or enterprise payment workflows
+ * - Control UI feedback and data refresh timing after payment completion
+ *
+ * @example Custom payment provider integration:
+ * ```typescript
+ * const onPay = (id: string, _data?: unknown, actions?: PayActionHandlers) => {
+ *   // Start custom payment flow
+ *   initiatePayment(id)
+ *     .then(() => {
+ *       // Payment successful - update SDK state and show success message
+ *       actions?.resolve({ showToast: true });
+ *     })
+ *     .catch((error) => {
+ *       // Payment failed - update SDK state and show error message
+ *       actions?.reject(error, { showToast: true });
+ *     });
+ * };
+ * ```
+ */
+type PayActionHandlers = {
+    /**
+     * Call when a custom payment flow has been successfully initiated/completed.
+     * This triggers SDK's built-in state management: refreshes payable data,
+     * payment records, and optionally displays success feedback to the user.
+     *
+     * @param options.showToast - Whether to display a success toast notification
+     */
+    resolve: (options?: {
+        showToast?: boolean;
+    }) => void;
+    /**
+     * Call when a custom payment flow failed or was cancelled by the user.
+     * This triggers SDK's built-in state management: refreshes payable data,
+     * payment records, and optionally displays error feedback to the user.
+     *
+     * @param error - Optional error details from the failed payment attempt
+     * @param options.showToast - Whether to display an error toast notification
+     */
+    reject: (error?: unknown, options?: {
+        showToast?: boolean;
+    }) => void;
+};
+
+type UsePayableDetailsProps = {
+    /**
+     * The ID of the payable
+     */
+    id?: string;
+    /** when provided it takes precedence over component settings */
+    enableGLCodes?: boolean;
+    /** when provided it makes the payable open in edit mode */
+    shouldOpenInEditMode?: boolean;
+    /**
+     * Callback function that is called when the payable is saved
+     *
+     * @param {string} id - The ID of the payable
+     *
+     * @returns {void}
+     */
+    onSaved?: (id: string) => void;
+    /**
+     * Callback function that is called when the payable is canceled
+     *
+     * @param {string} id - The ID of the payable
+     *
+     * @returns {void}
+     */
+    onCanceled?: (id: string) => void;
+    /**
+     * Callback function that is called when the payable is submitted
+     *
+     * @param {string} id - The ID of the payable
+     *
+     * @returns {void}
+     */
+    onSubmitted?: (id: string) => void;
+    /**
+     * Callback function that is called when the payable is rejected
+     *
+     * @param {string} id - The ID of the payable
+     *
+     * @returns {void}
+     */
+    onRejected?: (id: string) => void;
+    /**
+     * Callback function that is called when the payable is approved
+     *
+     * @param {string} id - The ID of the payable
+     *
+     * @returns {void}
+     */
+    onApproved?: (id: string) => void;
+    /** Callback function that is called when the payable is reopened
+     *
+     * @param {string} id - The ID of the payable
+     *
+     * @returns {void}
+     */
+    onReopened?: (id: string) => void;
+    /** Callback function that is called when the payable is deleted
+     *
+     * @param {string} id - The ID of the payable
+     *
+     * @returns {void}
+     */
+    onDeleted?: (id: string) => void;
+    /**
+     * Callback function that is called when the user press the Pay button
+     *
+     * @param {string} id - The ID of the payable
+     *
+     * @returns {void}
+     */
+    onPay?: (id: string, _data?: unknown, actions?: PayActionHandlers) => void;
+};
+
+type PayablesProps = {
+    pageTitleComponent: (children: ReactNode) => ReactNode;
+    /**
+     * Enable GL code selection for payable line items.
+     * When true, users can assign GL codes to individual line items.
+     * GL codes are fetched from the connected accounting system.
+     */
+    enableGLCodes?: boolean;
+    /** Arrival prop: 'create' opens the create-bill dialog on mount. */
+    initialView?: 'create';
+    /** Arrival prop: preselects this counterpart in the create-bill form. */
+    initialCounterpartId?: string;
+} & Partial<Pick<UsePayableDetailsProps, 'onSaved' | 'onCanceled' | 'onSubmitted' | 'onRejected' | 'onApproved' | 'onReopened' | 'onDeleted' | 'onPay'>>;
+
+type ALIGN_DIALOG_TYPES = 'left' | 'right';
+declare module '@mui/material/transitions' {
+    interface TransitionProps {
+        alignDialog?: ALIGN_DIALOG_TYPES;
+    }
+}
+
+interface FinopsThemeColors {
+    primary?: string;
+    primaryForeground?: string;
+}
+interface MoniteWrapperProps {
+    finopsThemeColors?: FinopsThemeColors;
+}
+
 type LinkComponentProps = AnchorHTMLAttributes<HTMLAnchorElement> & {
     children?: ReactNode;
 };

package/dist/lib/BillPayWidget.js

@@ -1,3 +1,3 @@
-import { BillPayWidget as e } from "../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index8.js";
+import { BillPayWidget as e } from "../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index28.js";
 import "../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index.js";
 export { e as BillPayWidget };

package/dist/lib/InsightsWidget.js

@@ -2,6 +2,6 @@ import { INSIGHTS_FEATURE_LABELS_EN as e } from "../libs/tesouro-embedded-compon
 import { INSIGHTS_WIDGET_LABELS_EN as t } from "../libs/tesouro-embedded-components-react/insights-widget/ui/dist/index2.js";
 import { SINGLE_INSIGHT_LABELS_EN as n } from "../libs/tesouro-embedded-components-react/insights-widget/ui/dist/index4.js";
 import "../libs/tesouro-embedded-components-react/insights-widget/ui/dist/index.js";
-import { InsightsWidget as r } from "../libs/tesouro-embedded-components-react/insights-widget/feature/dist/index10.js";
+import { InsightsWidget as r } from "../libs/tesouro-embedded-components-react/insights-widget/feature/dist/index11.js";
 import "../libs/tesouro-embedded-components-react/insights-widget/feature/dist/index.js";
 export { e as INSIGHTS_FEATURE_LABELS_EN, t as INSIGHTS_WIDGET_LABELS_EN, r as InsightsWidget, n as SINGLE_INSIGHT_LABELS_EN };

package/dist/libs/tesouro-embedded-components-react/accept-disclosures-widget/feature/dist/index4.js

@@ -11,7 +11,7 @@ import { useAcceptWidgetDisclosures as a } from "../../data-access/dist/index2.j
 import "../../data-access/dist/index.js";
 import { useAnalyticsTrack as o } from "../../../shared/feature/dist/lib/analytics/hooks.js";
 import { WidgetProvider as s } from "../../../shared/feature/dist/lib/WidgetProvider/WidgetProvider.js";
-import { extractApiErrorMessage as c } from "../../../shared/util/dist/index14.js";
+import { extractApiErrorMessage as c } from "../../../shared/util/dist/lib/apiErrors.js";
 import { useRefetchWidget as l, useWidgetConfig as u } from "../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
 import "../../../shared/feature/dist/index.js";
 import { useCallback as d, useEffect as f, useRef as p, useState as m } from "react";

package/dist/libs/tesouro-embedded-components-react/balances-widget/feature/dist/index3.js

@@ -5,10 +5,10 @@
 import { Scope as e } from "../../../shared/data-access/dist/lib/scopes.js";
 import { useAllBankAccountsQuery as t } from "../../../shared/data-access/dist/lib/bank-account/useAllBankAccountsQuery.js";
 import "../../../shared/data-access/dist/index.js";
-import { formatMoneyExact as n } from "../../../shared/util/dist/index4.js";
-import { normalizeAmountOutputCurrencyCode as r } from "../../../shared/util/dist/index7.js";
-import { parseAmountOutputMajorUnits as i } from "../../../shared/util/dist/index8.js";
-import { sumAmountOutputsMajorUnits as a } from "../../../shared/util/dist/index10.js";
+import { formatMoneyExact as n } from "../../../shared/util/dist/lib/formatMoneyExact.js";
+import { normalizeAmountOutputCurrencyCode as r } from "../../../shared/util/dist/lib/normalizeAmountOutputCurrencyCode.js";
+import { parseAmountOutputMajorUnits as i } from "../../../shared/util/dist/lib/parseAmountOutputMajorUnits.js";
+import { sumAmountOutputsMajorUnits as a } from "../../../shared/util/dist/lib/sumAmountOutputsMajorUnits.js";
 import { useWidgetConfig as o } from "../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
 import "../../../shared/feature/dist/index.js";
 import { createContext as s, useCallback as c, useContext as l, useMemo as u } from "react";