npm - @tesouro/embedded-components-react - Versions diffs - 0.2.66 → 0.2.70 - Mend

@tesouro/embedded-components-react 0.2.66 → 0.2.70

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (505) hide show

package/README.md CHANGED Viewed

@@ -305,10 +305,11 @@ A self-contained invoicing widget that renders the Monite SDK receivables experi
 #### Props
-| Prop                 | Type                                 | Default     | Description                                                                                                                                                         |
-| -------------------- | ------------------------------------ | ----------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `finopsThemeColors`  | `FinopsThemeColors`                  | `undefined` | Overrides the Monite theme's primary colors. Omit to use Monite defaults.                                                                                           |
-| `pageTitleComponent` | `(children: ReactNode) => ReactNode` | Passthrough | Wraps the page header region. The default returns its children unchanged; supply a wrapper to add a title, branding, or toolbar around the widget's action buttons. |
+| Prop                 | Type                                 | Default     | Description                                                                                                                                                                                        |
+| -------------------- | ------------------------------------ | ----------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `finopsThemeColors`  | `FinopsThemeColors`                  | `undefined` | Overrides the Monite theme's primary colors. Omit to use Monite defaults.                                                                                                                          |
+| `embeddedBankName`   | `string`                             | `undefined` | Display name of the sponsor bank powering embedded bank accounts (e.g. `"Zenith Bank"`). Shown next to embedded accounts in the invoice payment-account picker as "Powered by {embeddedBankName}". |
+| `pageTitleComponent` | `(children: ReactNode) => ReactNode` | Passthrough | Wraps the page header region. The default returns its children unchanged; supply a wrapper to add a title, branding, or toolbar around the widget's action buttons.                                |
 ### LinkedAccountsWidget

package/dist/index.css CHANGED Viewed

@@ -1775,6 +1775,9 @@
   .ttw\:overflow-x-hidden {
     overflow-x: hidden;
   }
+  .ttw\:overflow-x-visible {
+    overflow-x: visible;
+  }
   .ttw\:overflow-y-auto {
     overflow-y: auto;
   }
@@ -5064,16 +5067,6 @@
       --tw-exit-scale: .95;
     }
   }
-  .ttw\:data-disabled\:pointer-events-none {
-    &[data-disabled] {
-      pointer-events: none;
-    }
-  }
-  .ttw\:data-disabled\:opacity-50 {
-    &[data-disabled] {
-      opacity: 50%;
-    }
-  }
   .ttw\:data-empty\:p-0 {
     &[data-empty] {
       padding: 0;
@@ -6255,6 +6248,11 @@
       max-width: var(--ttw-container-4xl);
     }
   }
+  .ttw\:2xl\:grid-cols-\[14rem_minmax\(0\,1fr\)\] {
+    @media (width >= 96rem) {
+      grid-template-columns: 14rem minmax(0,1fr);
+    }
+  }
   .ttw\:\@md\/field-group\:flex-row {
     @container field-group (width >= 28rem) {
       flex-direction: row;

package/dist/index.d.ts CHANGED Viewed

@@ -1398,6 +1398,12 @@ type PayablesProps = {
 type ReceivablesProps = {
     pageTitleComponent: (children: ReactNode) => ReactNode;
+    /**
+     * Display name of the sponsor bank that powers embedded bank accounts, e.g.
+     * "Zenith Bank". Shown next to embedded accounts in the invoice payment
+     * account picker as "Powered by {embeddedBankName}".
+     */
+    embeddedBankName?: string;
 };
 type ALIGN_DIALOG_TYPES = 'left' | 'right';

package/dist/lib/InvoicingWidget.d.ts CHANGED Viewed

@@ -4,6 +4,12 @@ import { FallbackProps } from 'react-error-boundary';
 type ReceivablesProps = {
     pageTitleComponent: (children: ReactNode) => ReactNode;
+    /**
+     * Display name of the sponsor bank that powers embedded bank accounts, e.g.
+     * "Zenith Bank". Shown next to embedded accounts in the invoice payment
+     * account picker as "Powered by {embeddedBankName}".
+     */
+    embeddedBankName?: string;
 };
 type ALIGN_DIALOG_TYPES = 'left' | 'right';

package/dist/lib/ReceivablesWidget.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
 import "@emotion/react/jsx-runtime";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index58.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index57.js";
 import "clsx";
 import "tailwind-merge";
 import "@radix-ui/react-dialog";
@@ -9,57 +9,57 @@ import "lucide-react";
 import "@lingui/react";
 import "date-fns";
 import "@radix-ui/react-dropdown-menu";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index85.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index84.js";
 import "react-hot-toast";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index86.js";
+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/index154.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index153.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/index309.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index328.js";
 import "@radix-ui/react-checkbox";
 import "@radix-ui/react-select";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index91.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index90.js";
 import "../libs/tesouro-embedded-components-react/shared/data-access/dist/lib/rest/client/utils.gen.js";
 import "../libs/tesouro-embedded-components-react/shared/data-access/dist/lib/EmbedApiContext.js";
 import "../libs/tesouro-embedded-components-react/shared/data-access/dist/lib/rest/client.gen.js";
 import "@tanstack/react-query";
 import "../libs/tesouro-embedded-components-react/shared/data-access/dist/lib/rest/zod.gen.js";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index93.js";
+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/index145.js";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index84.js";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index56.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index144.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";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index51.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index50.js";
 import "@mui/icons-material/ArrowBack";
 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/index153.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index152.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/index235.js";
 import "@mui/icons-material/AddCircleOutline";
 import "@mui/icons-material/Delete";
 import "@emotion/react";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index102.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index101.js";
 import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index450.js";
 import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index458.js";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index390.js";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index298.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index381.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index275.js";
 import "@mui/icons-material/Cancel";
 import "@mui/icons-material/HourglassEmpty";
 import "@mui/icons-material/PaidOutlined";
 import "../packages/shared-ui-shadcn/dist/index.js";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index87.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/index282.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index311.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/index462.js";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index292.js";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index294.js";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index385.js";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index164.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index465.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index287.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index289.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index391.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index163.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/index349.js";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index354.js";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index356.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index317.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index322.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index324.js";
 import "react-day-picker";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index358.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index326.js";
 import "@radix-ui/react-accordion";
 import "@radix-ui/react-tooltip";
 import "@mui/icons-material/BlockOutlined";
@@ -90,24 +90,24 @@ 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/index375.js";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index444.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index250.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index370.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index439.js";
 import "@mui/icons-material/DriveFileRenameOutline";
 import "deep-eql";
 import "react-use";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index202.js";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index305.js";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index306.js";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index57.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index195.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/index56.js";
 import "react-script-hook";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index55.js";
+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/index205.js";
 import "@mui/material/styles";
 import "@emotion/cache";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index107.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index106.js";
 import "@openapi-qraft/react/Unstable_QraftSecureRequestFn";
 import "@openapi-qraft/react";
 import "@openapi-qraft/react/callbacks/index";

package/dist/lib/monite-sdk.d.ts CHANGED Viewed

@@ -72229,6 +72229,11 @@ interface CreateReceivablesProps {
     onCreate?: (receivableId: string) => void;
     open: boolean;
     onOpenChange: (open: boolean) => void;
+    /**
+     * Display name of the sponsor bank that powers embedded bank accounts, e.g.
+     * "Zenith Bank". Forwarded to the payment account picker.
+     */
+    embeddedBankName?: string;
 }
 /**
  * A component for creating a new Receivable
@@ -73944,48 +73949,14 @@ declare const useGetPayablesAnalytics: (query: Services["finops"]["getAnalyticsP
 type ReceivablesProps = {
     pageTitleComponent: (children: ReactNode) => ReactNode;
-};
-declare const Receivables: (props: ReceivablesProps) => _emotion_react_jsx_runtime.JSX.Element;
-type BankAccountFormProps = {
-    /**
-     * Selected entity bank account id
-     */
-    entityBankAccountId: string;
-    /**
-     * Boolean flag to determine if dialog is open or not
-     */
-    isOpen: boolean;
-    /**
-     * List of entity bank accounts
-     */
-    bankAccounts: components['schemas']['EntityBankAccountResponse'][];
     /**
-     * Callback function for cancelling
+     * Display name of the sponsor bank that powers embedded bank accounts, e.g.
+     * "Zenith Bank". Shown next to embedded accounts in the invoice payment
+     * account picker as "Powered by {embeddedBankName}".
      */
-    onCancel?: () => void;
-    /**
-     * Callback function for creating
-     */
-    onCreate?: (id: string) => void;
-    /**
-     * Callback function for updating
-     */
-    onUpdate?: () => void;
-    /**
-     * Callback function for deleting
-     */
-    onDelete?: () => void;
-    /**
-     * Callback function for closing
-     */
-    handleClose?: () => void;
-    /**
-     * Callback function for selecting another bank account after deleting selected bank account
-     */
-    handleSelectBankAfterDeletion?: (bankId: string) => void;
+    embeddedBankName?: string;
 };
-declare const BankAccountFormDialog: (props: BankAccountFormProps) => _emotion_react_jsx_runtime.JSX.Element;
+declare const Receivables: (props: ReceivablesProps) => _emotion_react_jsx_runtime.JSX.Element;
 type ProductsProps = {
     pageTitleComponent: (children: ReactNode) => ReactNode;
@@ -74633,5 +74604,5 @@ declare const MoniteAPIProvider: ({ children, APIContext, }: {
     APIContext: Context<QraftContextValue>;
 }) => _emotion_react_jsx_runtime.JSX.Element;
-export { schema_d as APISchema, ApprovalPolicies, ApprovalPoliciesTable, ApprovalPolicyDetails, ApprovalRequests, ApprovalRequestsTable, BankAccountFormDialog, Combobox, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxSeparator, ComboboxTrigger, ComboboxValue, CounterpartAutocomplete, CounterpartDetails, Counterparts, CreateProduct, CreateReceivables, CreditNotesTable, CustomersTable, Dialog, FinanceBanner, FinanceIntegrationCard, FinanceInvoice, FinanceTab, Integrations, InvoicesTable, LOGO_MAX_FILE_SIZE_IN_MB, LOGO_SUPPORTED_FORMATS, MoniteAPIProvider, MoniteProvider, MoniteScopedProviders, OCR_SUPPORTED_FORMATS, PageHeader, PayableDetails, Payables, PayablesTable, ProductDetails, Products, ProductsTable, QuotesTable, Receivables, ReceivablesTable, ReceivablesTableTabEnum, RootElementsProvider, TagFormModal, Tags, TagsTable, TemplateSettings, VendorsTable, breakpoints, countryCurrencyList, createAPIClient, dateStringToLocalDate, defaultAvailableCountries, defaultAvailableCurrencies, defaultCounterpartColumnWidth, filterOptions, formatDateRangeFilterChip, formatFilterChipMultiSelectValueSegment, getCounterpartName, getCountries, getCountriesArray, getCurrencies, getCurrenciesArray, getEntityName, getGroupTitleForOption, getIndividualName, getIndividualNameWithFallback, getPayableRefetchInterval, getUserDisplayName, rateMajorToMinor, rateMinorToMajor, sortCurrencyOptionsByGroup, useApprovalPolicyById, useAreCounterpartsLoading, useAutosizeGridColumns, useCancelPayableById, useComboboxAnchor, useComponentSettings, useCounterpartAddresses, useCounterpartById, useCounterpartContactList, useCounterpartList, useCounterpartVatList, useCreatePayable, useCreatePayableLineItem, useCreatePaymentRecord, useCurrencies, useDebounce, useDebounceCallback, useDeletePayable, useDeletePayableLineItem, useDialog, useEntitySettings, useEntityUserByAuthToken, useEntityUserById, useFileById, useFileInput, useForceApprovePayable, useForceRejectPayable, useFormPersist, useGetPayableApprovalRequests, useGetPayableById, useGetPayableCounterpart, useGetPayableLineItems, useGetPayablesAnalytics, useGetReceivableById, useIsDesktopScreen, useIsExtraLargeDesktopScreen, useIsLargeDesktopScreen, useIsLargerThan, useIsMobile, useIsMobileScreen, useIsMounted, useIsSmallerThan, useIsTabletScreen, useLedgerAccounts, useLocalStorageFields, useMe, useMediaQuery, useMenuButton, useMoniteContext, useMyEntity, useOptionalFields, usePatchEntitiesIdSettings, usePayButtonVisibility, usePayableCallbacks, usePayableDetailsThemeProps, usePayablePaymentIntentsAndRecords, usePaymentIntentById, usePaymentRecordById, usePaymentRecords, useReceivablesTableProps, useReopenPayable, useRootElements, useSubmitPayableForApproval, useUpdatePayable, useUpdatePayableLineItem };
+export { schema_d as APISchema, ApprovalPolicies, ApprovalPoliciesTable, ApprovalPolicyDetails, ApprovalRequests, ApprovalRequestsTable, Combobox, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxSeparator, ComboboxTrigger, ComboboxValue, CounterpartAutocomplete, CounterpartDetails, Counterparts, CreateProduct, CreateReceivables, CreditNotesTable, CustomersTable, Dialog, FinanceBanner, FinanceIntegrationCard, FinanceInvoice, FinanceTab, Integrations, InvoicesTable, LOGO_MAX_FILE_SIZE_IN_MB, LOGO_SUPPORTED_FORMATS, MoniteAPIProvider, MoniteProvider, MoniteScopedProviders, OCR_SUPPORTED_FORMATS, PageHeader, PayableDetails, Payables, PayablesTable, ProductDetails, Products, ProductsTable, QuotesTable, Receivables, ReceivablesTable, ReceivablesTableTabEnum, RootElementsProvider, TagFormModal, Tags, TagsTable, TemplateSettings, VendorsTable, breakpoints, countryCurrencyList, createAPIClient, dateStringToLocalDate, defaultAvailableCountries, defaultAvailableCurrencies, defaultCounterpartColumnWidth, filterOptions, formatDateRangeFilterChip, formatFilterChipMultiSelectValueSegment, getCounterpartName, getCountries, getCountriesArray, getCurrencies, getCurrenciesArray, getEntityName, getGroupTitleForOption, getIndividualName, getIndividualNameWithFallback, getPayableRefetchInterval, getUserDisplayName, rateMajorToMinor, rateMinorToMajor, sortCurrencyOptionsByGroup, useApprovalPolicyById, useAreCounterpartsLoading, useAutosizeGridColumns, useCancelPayableById, useComboboxAnchor, useComponentSettings, useCounterpartAddresses, useCounterpartById, useCounterpartContactList, useCounterpartList, useCounterpartVatList, useCreatePayable, useCreatePayableLineItem, useCreatePaymentRecord, useCurrencies, useDebounce, useDebounceCallback, useDeletePayable, useDeletePayableLineItem, useDialog, useEntitySettings, useEntityUserByAuthToken, useEntityUserById, useFileById, useFileInput, useForceApprovePayable, useForceRejectPayable, useFormPersist, useGetPayableApprovalRequests, useGetPayableById, useGetPayableCounterpart, useGetPayableLineItems, useGetPayablesAnalytics, useGetReceivableById, useIsDesktopScreen, useIsExtraLargeDesktopScreen, useIsLargeDesktopScreen, useIsLargerThan, useIsMobile, useIsMobileScreen, useIsMounted, useIsSmallerThan, useIsTabletScreen, useLedgerAccounts, useLocalStorageFields, useMe, useMediaQuery, useMenuButton, useMoniteContext, useMyEntity, useOptionalFields, usePatchEntitiesIdSettings, usePayButtonVisibility, usePayableCallbacks, usePayableDetailsThemeProps, usePayablePaymentIntentsAndRecords, usePaymentIntentById, usePaymentRecordById, usePaymentRecords, useReceivablesTableProps, useReopenPayable, useRootElements, useSubmitPayableForApproval, useUpdatePayable, useUpdatePayableLineItem };
 export type { ApprovalPolicyDetailsProps, ComponentSettings, CounterpartResponse, CounterpartsAutocompleteOptionProps, CountriesType, CountryType, CreateMoniteAPIClientOptions, CreateMoniteAPIClientResult, CreateProductProps, CreateReceivablesProps, CreditNotesTableSortModel, CurrenciesType, CurrencyGroup, CurrencyType, CustomersTableProps, InvoicesTableProps, MoniteApprovalRequestStatusChipProps, MoniteApprovalStatusChipProps, MoniteCounterpartStatusChipProps, MoniteDialogProps, MoniteInvoiceRecurrenceIterationStatusChipProps, MoniteInvoiceRecurrenceStatusChipProps, MoniteInvoiceStatusChipProps, MonitePayableStatusChipProps, MoniteReceivablesTableProps, MoniteSettings, PaginationLayout, PaginationPosition, PayActionHandlers, PayablesDetailsProps, PayablesProps, ProductDetailsProps, ProductTableProps, ProductsProps, QuotesTableSortModel, ReceivableGridSortModel, ReceivablesProps, ReceivablesTableProps, TemplateSettingsProps, UseFileInputOptions, VendorDetailsProps, VendorsTableProps };