@bunnyapp/components 1.8.0-beta.43 → 1.8.0-beta.45

package/dist/cjs/types/src/components/Subscriptions/Upgrade/PlanPicker/checkoutBar/CheckoutPrice.d.ts

@@ -2,7 +2,6 @@ import PriceList from '@/types/PriceList';
 import { FragmentOf } from 'gql.tada';
 export declare const CheckoutPrice_QuoteFragment: import("gql.tada").TadaDocumentNode<{
     periodAmount: number | null;
-    amountDue: number | null;
     quoteChanges: {
         charges: {
             kind: "SUBSCRIBE" | "UPDATE" | "RENEW" | "REINSTATE" | "UNSUBSCRIBE" | "ADJUSTMENT" | "COUPON" | "DISCOUNT" | "PERCENTAGE_DISCOUNT" | "CREDIT" | "PRICE_UPDATE" | "QUANTITY_UPDATE" | "FREE_PERIOD_DISCOUNT" | "ACTIVATE" | null;

package/dist/cjs/types/src/components/index.d.ts

@@ -1,10 +1,13 @@
+export { InfiniteTable } from './tables/InfiniteTable';
+export type { Column, ColumnAlign, CursorPage, InfiniteTableQueryArgs } from './tables/InfiniteTable';
 export { Invoice } from './Invoice';
+export { Invoices } from './tables/Invoices';
 export { Quote } from './Quote';
-export { Quotes } from './Quotes';
+export { Quotes } from './tables/Quotes';
 export { PaymentForm } from './PaymentForm';
 export { Signup } from './Signup';
 export { default as BunnyProvider } from './BunnyProvider/BunnyProvider';
-export { default as Transactions } from './Transactions';
+export { default as Transactions } from './tables/Transactions';
 export { Subscriptions } from './Subscriptions';
 export { BillingDetails } from './BillingDetails';
 export { Footer } from './Footer';

package/dist/cjs/types/src/components/tables/InfiniteTable/InfiniteResourceTable.d.ts

@@ -0,0 +1,41 @@
+import { ReactNode } from 'react';
+import { ShadowType } from '../../../types/shadowType';
+import { Column, CursorPage, InfiniteTableQueryArgs } from './types';
+export type InfiniteResourceTableDisplayOptions = {
+    className?: string;
+    style?: React.CSSProperties;
+    shadow?: ShadowType;
+    showTitle?: boolean;
+    title?: string;
+    showSearchBar?: boolean;
+    searchBarClassName?: string;
+    searchPlaceholder?: string;
+    useModal?: boolean;
+    detailWidth?: number;
+};
+export type InfiniteResourceTableBehaviorOptions = {
+    rowsPerPage?: number;
+    suppressDetail?: boolean;
+};
+type Props<T> = {
+    queryKey: readonly unknown[];
+    queryFn: (args: InfiniteTableQueryArgs) => Promise<CursorPage<T>>;
+    columns: Column<T>[];
+    getRowKey: (row: T) => string | number;
+    renderMobileRow?: (row: T) => ReactNode;
+    emptyMessage: string;
+    searchValue: string;
+    onSearchChange: (value: string) => void;
+    detailTitle: string | ((item: T) => string);
+    renderDetail: (item: T) => ReactNode;
+    onRowClick?: (row: T) => void;
+    displayOptions?: InfiniteResourceTableDisplayOptions;
+    behaviorOptions?: InfiniteResourceTableBehaviorOptions;
+};
+/**
+ * Shell for a paginated resource list with a search bar, title, and a
+ * detail drawer/modal. Owns selection state; delegates data, columns, and
+ * detail rendering to the caller.
+ */
+export default function InfiniteResourceTable<T>({ queryKey, queryFn, columns, getRowKey, renderMobileRow, emptyMessage, searchValue, onSearchChange, detailTitle, renderDetail, onRowClick, displayOptions, behaviorOptions, }: Props<T>): import("react").JSX.Element;
+export {};

package/dist/cjs/types/src/components/tables/InfiniteTable/InfiniteTable.d.ts

@@ -0,0 +1,29 @@
+import { ReactNode } from 'react';
+import { ShadowType } from '../../../types/shadowType';
+import { Column, CursorPage, InfiniteTableQueryArgs } from './types';
+type Props<T> = {
+    /** Base cache key. `rowsPerPage` is appended automatically. */
+    queryKey: readonly unknown[];
+    /** Fetches a single page. Must return a Relay-shaped `CursorPage`. */
+    queryFn: (args: InfiniteTableQueryArgs) => Promise<CursorPage<T>>;
+    /** Extracts a stable React key from each row. */
+    getRowKey: (row: T) => string | number;
+    /** Declarative column configuration. */
+    columns: Column<T>[];
+    /** Invoked when a row is clicked. Presence enables the row-hover cursor. */
+    onRowClick?: (row: T) => void;
+    /** Fallback text shown when the current page has no rows. */
+    emptyMessage?: string;
+    /** Fully custom empty-state renderer; overrides `emptyMessage`. */
+    renderEmpty?: () => ReactNode;
+    /** Force a page size. When omitted the table auto-sizes to the viewport. Must be 1-100. */
+    rowsPerPage?: number;
+    /** Card shadow class. */
+    shadow?: ShadowType;
+    className?: string;
+    style?: React.CSSProperties;
+    /** Escape hatch: on mobile, render each row with this callback instead of the columns grid. */
+    renderMobileRow?: (row: T) => ReactNode;
+};
+declare function InfiniteTable<T>({ queryKey, queryFn, getRowKey, columns, onRowClick, emptyMessage, renderEmpty, rowsPerPage, shadow, className, style, renderMobileRow, }: Props<T>): import("react").JSX.Element;
+export default InfiniteTable;

package/dist/cjs/types/src/components/tables/InfiniteTable/InfiniteTableFooter.d.ts

@@ -0,0 +1,9 @@
+declare const InfiniteTableFooter: ({ currentPageIndex, totalPages, isFetchingNextPage, onClickPageIndex, onClickNextPage, onClickPreviousPage, }: {
+    currentPageIndex: number;
+    totalPages: number;
+    isFetchingNextPage?: boolean;
+    onClickPageIndex: (index: number) => void;
+    onClickNextPage: () => void;
+    onClickPreviousPage: () => void;
+}) => import("react").JSX.Element | null;
+export default InfiniteTableFooter;

package/dist/cjs/types/src/components/tables/InfiniteTable/InfiniteTableGridCell.d.ts

@@ -0,0 +1,2 @@
+declare const InfiniteTableGridCell: any;
+export default InfiniteTableGridCell;

package/dist/cjs/types/src/components/tables/InfiniteTable/InfiniteTableHeader.d.ts

@@ -0,0 +1,5 @@
+import { Column } from './types';
+declare function InfiniteTableHeader<T>({ columns }: {
+    columns: Column<T>[];
+}): import("react").JSX.Element;
+export default InfiniteTableHeader;

package/dist/cjs/types/src/components/tables/InfiniteTable/hooks/useAutoRowsPerPage.d.ts

@@ -0,0 +1,11 @@
+import { RefObject } from 'react';
+export declare const MAX_ROWS_PER_PAGE = 100;
+/** Throws if `rowsPerPage` is outside the API's per-request range. Callers pass their component name for a clearer error. */
+export declare function assertRowsPerPage(rowsPerPage: number | undefined, componentName: string): void;
+/**
+ * Returns the number of rows the table can show without introducing an
+ * inner scroll bar, given the current viewport height and the card's
+ * position on screen. When `override` is provided, measurement is skipped
+ * and the override is returned directly.
+ */
+export declare function useAutoRowsPerPage(cardRef: RefObject<HTMLElement | null>, override?: number): number;

package/dist/cjs/types/src/components/tables/InfiniteTable/hooks/useContainerWidth.d.ts

@@ -0,0 +1 @@
+export declare function useContainerWidth(): [(el: HTMLElement | null) => void, number];

package/dist/cjs/types/src/components/tables/InfiniteTable/index.d.ts

@@ -0,0 +1,4 @@
+export { default as InfiniteTable } from './InfiniteTable';
+export { default as InfiniteResourceTable } from './InfiniteResourceTable';
+export { MAX_ROWS_PER_PAGE, assertRowsPerPage } from './hooks/useAutoRowsPerPage';
+export type { Column, ColumnAlign, CursorPage, InfiniteTableQueryArgs, TableBehaviorOptions, TableDisplayOptions, } from './types';

package/dist/cjs/types/src/components/tables/InfiniteTable/types.d.ts

@@ -0,0 +1,54 @@
+import { ReactNode } from 'react';
+import { ShadowType } from '../../../types/shadowType';
+export type { CursorPage } from '../../../graphql/queries/paginatedQuery';
+export type ColumnAlign = 'left' | 'right';
+export type Column<T> = {
+    /** Unique identifier for the column; also used as the React key. */
+    key: string;
+    /** Bold header text. Pass an empty string to render no label. */
+    label: string;
+    /** Cell renderer for each row. */
+    render: (row: T) => ReactNode;
+    /** Cell + header alignment. Defaults to 'left'. */
+    align?: ColumnAlign;
+    /** Explicit `grid-template-columns` segment (e.g. `'120px'`, `'auto'`). Ignored when `flex` is true. */
+    width?: string;
+    /** When true, this column takes the remaining space (`3fr`). At most one column should set this. */
+    flex?: boolean;
+};
+export type InfiniteTableQueryArgs = {
+    first: number;
+    after?: string;
+};
+/** Shared display options for the resource table wrappers (Invoices, Quotes, Transactions, ...). */
+export type TableDisplayOptions<ColumnKey extends string> = {
+    /** Whether to show the search bar */
+    showSearchBar?: boolean;
+    /** Whether to show the title */
+    showTitle?: boolean;
+    /** The title to display above the list */
+    title?: string;
+    /** The columns to display */
+    columns?: ColumnKey[];
+    /** A custom class name to apply to the component */
+    className?: string;
+    /** A custom style to apply to the component */
+    style?: React.CSSProperties;
+    /** Card shadow class */
+    shadow?: ShadowType;
+    /** Whether to open the row detail in a modal instead of a drawer */
+    useModal?: boolean;
+    /** A custom class name to apply to the search bar */
+    searchBarClassName?: string;
+    /** Message to display when the list is empty */
+    emptyMessage?: string;
+};
+/** Shared behavior options for the resource table wrappers. */
+export type TableBehaviorOptions = {
+    /** Whether to suppress the row detail drawer/modal on row click */
+    suppressDetail?: boolean;
+    /** Force a specific number of rows per page. When omitted the table
+     *  auto-sizes based on the available viewport height. Must be between
+     *  1 and 100 (the API's per-request cap). */
+    rowsPerPage?: number;
+};

package/dist/cjs/types/src/components/tables/Invoices/Invoices.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+import Invoice from '@/types/Invoice';
+import { TableBehaviorOptions, TableDisplayOptions } from '../InfiniteTable';
+import { InvoiceColumnKey, InvoiceDateType } from './invoicesList/getInvoiceColumns';
+export type InvoicesDisplayOptions = TableDisplayOptions<InvoiceColumnKey>;
+export type InvoicesBehaviorOptions = TableBehaviorOptions & {
+    /** The type of date to display for invoices. */
+    invoiceDateType?: InvoiceDateType;
+    /** Whether to hide the payment form on invoices */
+    hidePaymentForm?: boolean;
+};
+export default function Invoices({ invoiceComponent, onInvoiceClick, filter, sort, displayOptions, behaviorOptions, }: {
+    /** A custom component to render instead of the default invoice component */
+    invoiceComponent?: React.ReactNode;
+    /** A function to call when an invoice is clicked */
+    onInvoiceClick?: (invoice: Invoice) => void;
+    /** Filter expression applied server-side, e.g. `"invoice.amount is 100"`.
+     * Docs: https://docs.bunny.com/developer/getting-started/using-filters-in-queries
+     */
+    filter?: string;
+    /** Sort clause applied server-side, e.g. `"createdAt DESC"` or `"amount ASC"`. */
+    sort?: string;
+    displayOptions?: InvoicesDisplayOptions;
+    behaviorOptions?: InvoicesBehaviorOptions;
+}): React.JSX.Element;

package/dist/cjs/types/src/components/tables/Invoices/index.d.ts

@@ -0,0 +1 @@
+export { default as Invoices } from './Invoices';

package/dist/cjs/types/src/components/tables/Invoices/invoicesList/InvoiceMobileRow.d.ts

@@ -0,0 +1,10 @@
+import Invoice from '@/types/Invoice';
+import { InvoiceColumnKey, InvoiceDateType } from './getInvoiceColumns';
+declare const InvoiceMobileRow: ({ invoice, columns, invoiceDateType, token, apiHost, }: {
+    invoice: Invoice;
+    columns: InvoiceColumnKey[];
+    invoiceDateType: InvoiceDateType;
+    token: string | undefined;
+    apiHost: string;
+}) => import("react").JSX.Element;
+export default InvoiceMobileRow;

package/dist/cjs/types/src/components/tables/Invoices/invoicesList/getInvoiceColumns.d.ts

@@ -0,0 +1,22 @@
+import Invoice from '@/types/Invoice';
+import { Column } from '../../InfiniteTable';
+export type InvoiceColumnKey = 'date' | 'title' | 'state' | 'amount' | 'download' | 'accountName';
+export type InvoiceDateType = 'createdAt' | 'issuedAt' | 'dueAt';
+declare const invoiceDateToDisplay: (invoice: Invoice, dateType: InvoiceDateType) => string;
+declare const InvoiceDownload: ({ invoiceId, token, apiHost, }: {
+    invoiceId: string;
+    token: string | undefined;
+    apiHost: string;
+}) => import("react").JSX.Element;
+/**
+ * Builds the `Column<Invoice>[]` config passed to `<InfiniteTable />` from the
+ * caller-facing `columns` prop of `<Invoices />`.
+ */
+export declare function getInvoiceColumns({ columns, invoiceDateType, token, apiHost, }: {
+    columns: InvoiceColumnKey[];
+    invoiceDateType: InvoiceDateType;
+    token: string | undefined;
+    apiHost: string;
+}): Column<Invoice>[];
+export { InvoiceDownload, invoiceDateToDisplay };
+export default getInvoiceColumns;

package/dist/cjs/types/src/components/tables/Quotes/Quotes.d.ts

@@ -0,0 +1,20 @@
+import { Quote } from '@/types/Quote';
+import { TableBehaviorOptions, TableDisplayOptions } from '../InfiniteTable';
+import { QuoteColumnKey } from './quotesList/getQuoteColumns';
+export type QuotesDisplayOptions = TableDisplayOptions<QuoteColumnKey>;
+export type QuotesBehaviorOptions = TableBehaviorOptions;
+declare function Quotes({ renderQuote, onQuoteClick, filter, sort, displayOptions, behaviorOptions, }: {
+    /** Render a custom quote component. Receives the quote as a parameter. */
+    renderQuote?: (quote: Quote) => React.ReactNode;
+    /** A function to call when a quote is clicked */
+    onQuoteClick?: (quote: Quote) => void;
+    /** Filter expression applied server-side, e.g. `"quote.amount is 100"`.
+     * Docs: https://docs.bunny.com/developer/getting-started/using-filters-in-queries
+     */
+    filter?: string;
+    /** Sort clause applied server-side, e.g. `"createdAt DESC"` or `"amount ASC"`. */
+    sort?: string;
+    displayOptions?: QuotesDisplayOptions;
+    behaviorOptions?: QuotesBehaviorOptions;
+}): import("react").JSX.Element;
+export default Quotes;

package/dist/cjs/types/src/components/tables/Quotes/quotesList/QuoteMobileRow.d.ts

@@ -0,0 +1,9 @@
+import { Quote } from '@/types/Quote';
+import { QuoteColumnKey } from './getQuoteColumns';
+declare const QuoteMobileRow: ({ quote, columns, token, apiHost, }: {
+    quote: Quote;
+    columns: QuoteColumnKey[];
+    token: string | undefined;
+    apiHost: string;
+}) => import("react").JSX.Element;
+export default QuoteMobileRow;

package/dist/cjs/types/src/components/tables/Quotes/quotesList/getQuoteColumns.d.ts

@@ -0,0 +1,22 @@
+import { Quote, QuoteState } from '@/types/Quote';
+import { Column } from '../../InfiniteTable';
+export type QuoteColumnKey = 'date' | 'title' | 'state' | 'amount' | 'download' | 'accountName';
+declare const QuoteStateTag: ({ state }: {
+    state: QuoteState;
+}) => import("react").JSX.Element;
+declare const QuoteDownload: ({ quoteId, token, apiHost, }: {
+    quoteId: string;
+    token: string | undefined;
+    apiHost: string;
+}) => import("react").JSX.Element;
+/**
+ * Builds the `Column<Quote>[]` config passed to `<InfiniteTable />` from the
+ * caller-facing `columns` prop of `<Quotes />`.
+ */
+export declare function getQuoteColumns({ columns, token, apiHost, }: {
+    columns: QuoteColumnKey[];
+    token: string | undefined;
+    apiHost: string;
+}): Column<Quote>[];
+export { QuoteStateTag, QuoteDownload };
+export default getQuoteColumns;

package/dist/cjs/types/src/components/tables/Transactions/Transactions.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+import { Transaction } from '@/types/Transaction';
+import { TransactionDateType } from './types';
+import { TableBehaviorOptions, TableDisplayOptions } from '../InfiniteTable';
+import { TransactionListColumnType } from './transactionsList/getTransactionColumns';
+export type TransactionsDisplayOptions = TableDisplayOptions<TransactionListColumnType>;
+export type TransactionsBehaviorOptions = TableBehaviorOptions & {
+    /** The type of date to display for transactions if applicable. Payments will always only show createdAt date. */
+    transactionDateType?: TransactionDateType;
+    /** Whether to hide the payment form on invoices */
+    hidePaymentForm?: boolean;
+};
+export default function Transactions({ transactionComponent, onTransactionClick, filter, sort, displayOptions, behaviorOptions, }: {
+    /** A custom component to render instead of the default invoice component */
+    transactionComponent?: React.ReactNode;
+    /** A function to call when a transaction is clicked */
+    onTransactionClick?: (transaction: Transaction) => void;
+    /** Filter expression applied server-side, e.g. `"transaction.amount is 100"`.
+     * Docs: https://docs.bunny.com/developer/getting-started/using-filters-in-queries
+     */
+    filter?: string;
+    /** Sort clause applied server-side, e.g. `"createdAt DESC"` or `"amount ASC"`. */
+    sort?: string;
+    displayOptions?: TransactionsDisplayOptions;
+    behaviorOptions?: TransactionsBehaviorOptions;
+}): React.JSX.Element;

package/dist/cjs/types/src/components/{Transactions → tables/Transactions}/Transactions.stories.d.ts

@@ -3,9 +3,6 @@ import Transactions from "./Transactions";
 declare const meta: Meta<typeof Transactions>;
 export default meta;
 type Story = StoryObj<typeof meta>;
-export declare const basicArgs: {
-    token: string;
-};
 export declare const Default: Story;
 export declare const Padding0BGRed: Story;
 export declare const NoShadow: Story;

package/dist/cjs/types/src/components/tables/Transactions/transactionsList/TransactionDetail.d.ts

@@ -0,0 +1,7 @@
+import { Transaction } from '@/types/Transaction';
+type Props = {
+    transaction: Transaction;
+    hidePaymentForm?: boolean;
+};
+export default function TransactionDetail({ transaction, hidePaymentForm }: Props): import("react").JSX.Element;
+export {};

package/dist/cjs/types/src/components/tables/Transactions/transactionsList/TransactionMobileRow.d.ts

@@ -0,0 +1,11 @@
+import { Transaction } from '@/types/Transaction';
+import { TransactionDateType } from '../types';
+import { TransactionListColumnType } from './getTransactionColumns';
+declare const TransactionMobileRow: ({ transaction, columns, transactionDateType, token, apiHost, }: {
+    transaction: Transaction;
+    columns: TransactionListColumnType[];
+    transactionDateType: TransactionDateType;
+    token: string | undefined;
+    apiHost: string;
+}) => import("react").JSX.Element;
+export default TransactionMobileRow;

package/dist/cjs/types/src/components/tables/Transactions/transactionsList/getTransactionColumns.d.ts

@@ -0,0 +1,16 @@
+import { Transaction } from '@/types/Transaction';
+import { TransactionDateType } from '../types';
+import { Column } from '../../InfiniteTable';
+export type TransactionListColumnType = 'date' | 'title' | 'state' | 'amount' | 'download' | 'accountName';
+/**
+ * Builds the `Column<Transaction>[]` config passed to `<InfiniteTable />`
+ * from the caller-facing `columns` prop of `<Transactions />`. Preserves
+ * the desktop column order used by the previous implementation.
+ */
+export declare function getTransactionColumns({ columns, transactionDateType, token, apiHost, }: {
+    columns: TransactionListColumnType[];
+    transactionDateType: TransactionDateType;
+    token: string | undefined;
+    apiHost: string;
+}): Column<Transaction>[];
+export default getTransactionColumns;

package/dist/cjs/types/src/components/{Transactions → tables/Transactions}/transactionsList/utils.d.ts

@@ -1,3 +1,3 @@
 import { Transaction } from '@/types/Transaction';
-import { TransactionDateType } from '../../../contexts/TransactionsListContext';
+import { TransactionDateType } from '../types';
 export declare function transactionDateToDisplay(transaction: Transaction, transactionDateType: TransactionDateType): string;

package/dist/cjs/types/src/components/tables/Transactions/types.d.ts

@@ -0,0 +1 @@
+export type TransactionDateType = 'createdAt' | 'issuedAt' | 'dueAt';

package/dist/cjs/types/src/graphql/queries/getInvoices.d.ts

@@ -0,0 +1,11 @@
+import Invoice from '@/types/Invoice';
+import { CursorPage } from './paginatedQuery';
+declare const getInvoices: (args: {
+    apiHost: string;
+    token?: string;
+    filter?: string;
+    sort?: string;
+    first: number;
+    after?: string;
+}) => Promise<CursorPage<Invoice>>;
+export default getInvoices;

package/dist/cjs/types/src/graphql/queries/getQuotes.d.ts

@@ -1,6 +1,11 @@
-declare const getQuotes: ({ token, apiHost, filter, }: {
-    token?: string;
+import { Quote } from '@/types/Quote';
+import { CursorPage } from './paginatedQuery';
+declare const getQuotes: (args: {
     apiHost: string;
+    token?: string;
     filter?: string;
-}) => Promise<any>;
+    sort?: string;
+    first: number;
+    after?: string;
+}) => Promise<CursorPage<Quote>>;
 export default getQuotes;

package/dist/cjs/types/src/graphql/queries/getTransactions.d.ts

@@ -1,3 +1,11 @@
 import { Transaction } from '@/types/Transaction';
-declare const getTransactions: (filter: string, apiHost: string, token?: string) => Promise<Transaction[]>;
+import { CursorPage } from './paginatedQuery';
+declare const getTransactions: (args: {
+    apiHost: string;
+    token?: string;
+    filter?: string;
+    sort?: string;
+    first: number;
+    after?: string;
+}) => Promise<CursorPage<Transaction>>;
 export default getTransactions;

package/dist/cjs/types/src/graphql/queries/paginatedQuery.d.ts

@@ -0,0 +1,22 @@
+export type CursorPage<T> = {
+    pageInfo: {
+        endCursor?: string | null;
+        hasNextPage: boolean;
+    };
+    totalCount?: number;
+    nodes: T[];
+};
+type PaginatedQueryArgs = {
+    /** GraphQL root field name, e.g. `invoices`. */
+    resource: string;
+    /** GraphQL selection set for a single node, without the surrounding braces. */
+    nodeSelection: string;
+    apiHost: string;
+    token?: string;
+    filter?: string;
+    sort?: string;
+    first: number;
+    after?: string;
+};
+declare const paginatedQuery: <T>({ resource, nodeSelection, apiHost, token, filter, sort, first, after, }: PaginatedQueryArgs) => Promise<CursorPage<T>>;
+export default paginatedQuery;

package/dist/cjs/types/src/utils/QueryKeyFactory.d.ts

@@ -66,8 +66,19 @@ interface TaxationRequiredAccountFieldsKeyParams {
     entityId?: string;
     token?: string;
 }
+interface InvoicesKeyParams {
+    filter?: string;
+    sort?: string;
+    token?: string;
+}
+interface QuotesKeyParams {
+    filter?: string;
+    sort?: string;
+    token?: string;
+}
 interface TransactionsKeyParams {
     filter?: string;
+    sort?: string;
     token?: string;
 }
 declare const QueryKeyFactory: {
@@ -78,7 +89,8 @@ declare const QueryKeyFactory: {
     brandingKey: (token?: string) => string[];
     calculatedPricesKey: ({ priceListId, quantity, token }: CalculatedPricesKeyParams) => (string | number)[];
     createEventsKey: ({ entityId, pluralType, token }: EventsKeyParams) => string[];
-    quotesKey: (filter?: string, token?: string) => string[];
+    quotesKey: ({ filter, sort, token }?: QuotesKeyParams) => string[];
+    invoicesKey: ({ filter, sort, token }?: InvoicesKeyParams) => string[];
     createFormattedInvoiceKey: ({ id, token }: FormattedInvoiceKeyParams) => (string | null | undefined)[];
     createInvoiceKey: ({ id, token }: InvoiceKeyParams) => (string | undefined)[];
     createObjectKey: ({ id, objectName, token }: ObjectKeyParams) => string[];
@@ -96,7 +108,7 @@ declare const QueryKeyFactory: {
     pluginsKey: (token?: string) => string[];
     portalPreviewDataKey: ({ productId, token }: PortalPreviewDataKeyParams) => string[];
     taxationRequiredAccountFieldsKey: ({ entityId, token, }: TaxationRequiredAccountFieldsKeyParams) => string[];
-    transactionsKey: ({ filter, token }: TransactionsKeyParams) => string[];
+    transactionsKey: ({ filter, sort, token }: TransactionsKeyParams) => string[];
     availableAddonPlansKey: ({ priceListId, token, }: {
         priceListId: string | undefined;
         token?: string;