@bunnyapp/components 1.0.13 → 1.0.14

package/dist/esm/src/components/BunnyProvider.d.ts

@@ -1,25 +1,23 @@
 /// <reference types="react" />
 import { QueryClient } from "@tanstack/react-query";
+import { ThemeConfig } from "antd";
 import { GraphQLClient } from "graphql-request";
 export type BunnyContextValues = {
     apiHost: string;
     graphQLClient: GraphQLClient;
-    window: Window;
     token: string;
-    accountId?: string;
     displayPayButtonNameAnyways?: boolean;
     darkMode?: boolean;
     onTokenExpired?: () => void;
 };
 export declare const BunnyContext: import("react").Context<BunnyContextValues>;
-declare function BunnyProvider({ accountId, children, darkMode, queryClient, apiHost, token, window, onTokenExpired, }: {
-    accountId?: string;
+declare function BunnyProvider({ children, darkMode, queryClient, apiHost, token, onTokenExpired, configProviderProps, }: {
     children: React.ReactNode;
     darkMode?: boolean;
     queryClient?: QueryClient;
     apiHost: string;
     token: string;
-    window: Window;
     onTokenExpired?: () => void;
+    configProviderProps?: ThemeConfig | undefined;
 }): import("react/jsx-runtime").JSX.Element;
 export default BunnyProvider;

package/dist/esm/src/components/Invoice/Invoice.d.ts

@@ -1,16 +1,2 @@
-import React from "react";
-import { ShadowType } from "../../types/shadowType";
-export type InvoiceQuoteContextProps = {
-    id?: string;
-    invoiceQuoteViewComponent?: React.ReactNode;
-    backButtonName?: string;
-    onBackButtonClick?: () => void;
-    onInvoiceDownloadError?: () => void;
-    onPaymentSuccess?: (savePaymentMethod?: boolean) => void;
-    entityId: string;
-    shadow?: ShadowType;
-    className?: string;
-    hideDownloadButton?: boolean;
-};
-export declare const InvoiceQuoteContext: React.Context<InvoiceQuoteContextProps>;
+import { InvoiceQuoteContextProps } from "./InvoiceQuoteContext";
 export default function Invoice({ id, invoiceQuoteViewComponent, backButtonName, onBackButtonClick, onInvoiceDownloadError, onPaymentSuccess, entityId, shadow, className, hideDownloadButton, }: InvoiceQuoteContextProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/src/components/Invoice/InvoiceQuoteContext.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { ShadowType } from "../../types/shadowType";
+export type InvoiceQuoteContextProps = {
+    id?: string;
+    invoiceQuoteViewComponent?: React.ReactNode;
+    backButtonName?: string;
+    onBackButtonClick?: () => void;
+    onInvoiceDownloadError?: () => void;
+    onPaymentSuccess?: (savePaymentMethod?: boolean) => void;
+    entityId: string;
+    shadow?: ShadowType;
+    className?: string;
+    hideDownloadButton?: boolean;
+};
+export declare const InvoiceQuoteContext: import("react").Context<InvoiceQuoteContextProps>;

package/dist/esm/src/components/PaymentForm/PaymentForm.d.ts

@@ -1,6 +1,7 @@
 import { FormattedInvoice, Quote } from "@bunnyapp/common";
 import { OnPaymentSuccessType } from "./PaymentFormTypes";
-export declare const PaymentForm: ({ entityId, invoice, onFail, onPaymentSuccess, quote, accountId, onSavePaymentMethod, }: {
+import { GraphQLClient } from "graphql-request";
+export declare const PaymentForm: ({ entityId, invoice, onFail, onPaymentSuccess, quote, accountId, onSavePaymentMethod, overrideToken, graphQLClient, }: {
     entityId: string;
     invoice?: FormattedInvoice | undefined;
     quote?: Quote | undefined;
@@ -8,4 +9,6 @@ export declare const PaymentForm: ({ entityId, invoice, onFail, onPaymentSuccess
     onPaymentSuccess?: (({ pluginPaymentResponse, savedPaymentMethodResponse, }: OnPaymentSuccessType) => void) | undefined;
     onSavePaymentMethod?: (() => void) | undefined;
     accountId?: string | undefined;
+    overrideToken?: string | undefined;
+    graphQLClient: GraphQLClient;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/esm/src/components/Quote/Quote.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-import { InvoiceQuoteContextProps } from "../Invoice/Invoice";
+import { InvoiceQuoteContextProps } from "../Invoice/InvoiceQuoteContext";
 export declare const MarkupContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export default function Quote({ id, invoiceQuoteViewComponent, onInvoiceDownloadError, onPaymentSuccess, entityId, shadow, className, hideDownloadButton, }: InvoiceQuoteContextProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/src/components/Quote/Quote.stories.d.ts

@@ -18,14 +18,14 @@ export declare const Default: import("@storybook/csf").StoryAnnotations<import("
 }, {
     id?: string | undefined;
     entityId?: string | undefined;
+    backButtonName?: string | undefined;
+    onBackButtonClick?: (() => void) | undefined;
+    shadow?: import("../../types/shadowType").ShadowType | undefined;
+    hideDownloadButton?: boolean | undefined;
     className?: string | undefined;
+    onPaymentSuccess?: ((savePaymentMethod?: boolean | undefined) => void) | undefined;
     invoiceQuoteViewComponent?: import("react").ReactNode;
     onInvoiceDownloadError?: (() => void) | undefined;
-    onPaymentSuccess?: ((savePaymentMethod?: boolean | undefined) => void) | undefined;
-    shadow?: import("../../types/shadowType").ShadowType | undefined;
-    hideDownloadButton?: boolean | undefined;
-    backButtonName?: string | undefined;
-    onBackButtonClick?: (() => void) | undefined;
 }>;
 export declare const NoShadow: import("@storybook/csf").StoryAnnotations<import("@storybook/react/dist/types-a5624094").R, {
     id?: string | undefined;
@@ -41,14 +41,14 @@ export declare const NoShadow: import("@storybook/csf").StoryAnnotations<import(
 }, {
     id?: string | undefined;
     entityId?: string | undefined;
+    backButtonName?: string | undefined;
+    onBackButtonClick?: (() => void) | undefined;
+    shadow?: import("../../types/shadowType").ShadowType | undefined;
+    hideDownloadButton?: boolean | undefined;
     className?: string | undefined;
+    onPaymentSuccess?: ((savePaymentMethod?: boolean | undefined) => void) | undefined;
     invoiceQuoteViewComponent?: import("react").ReactNode;
     onInvoiceDownloadError?: (() => void) | undefined;
-    onPaymentSuccess?: ((savePaymentMethod?: boolean | undefined) => void) | undefined;
-    shadow?: import("../../types/shadowType").ShadowType | undefined;
-    hideDownloadButton?: boolean | undefined;
-    backButtonName?: string | undefined;
-    onBackButtonClick?: (() => void) | undefined;
 }>;
 export declare const Mobile: import("@storybook/csf").StoryAnnotations<import("@storybook/react/dist/types-a5624094").R, {
     id?: string | undefined;
@@ -64,14 +64,14 @@ export declare const Mobile: import("@storybook/csf").StoryAnnotations<import("@
 }, {
     id?: string | undefined;
     entityId?: string | undefined;
+    backButtonName?: string | undefined;
+    onBackButtonClick?: (() => void) | undefined;
+    shadow?: import("../../types/shadowType").ShadowType | undefined;
+    hideDownloadButton?: boolean | undefined;
     className?: string | undefined;
+    onPaymentSuccess?: ((savePaymentMethod?: boolean | undefined) => void) | undefined;
     invoiceQuoteViewComponent?: import("react").ReactNode;
     onInvoiceDownloadError?: (() => void) | undefined;
-    onPaymentSuccess?: ((savePaymentMethod?: boolean | undefined) => void) | undefined;
-    shadow?: import("../../types/shadowType").ShadowType | undefined;
-    hideDownloadButton?: boolean | undefined;
-    backButtonName?: string | undefined;
-    onBackButtonClick?: (() => void) | undefined;
 }>;
 export declare const CustomClassName: import("@storybook/csf").StoryAnnotations<import("@storybook/react/dist/types-a5624094").R, {
     id?: string | undefined;
@@ -87,14 +87,14 @@ export declare const CustomClassName: import("@storybook/csf").StoryAnnotations<
 }, {
     id?: string | undefined;
     entityId?: string | undefined;
+    backButtonName?: string | undefined;
+    onBackButtonClick?: (() => void) | undefined;
+    shadow?: import("../../types/shadowType").ShadowType | undefined;
+    hideDownloadButton?: boolean | undefined;
     className?: string | undefined;
+    onPaymentSuccess?: ((savePaymentMethod?: boolean | undefined) => void) | undefined;
     invoiceQuoteViewComponent?: import("react").ReactNode;
     onInvoiceDownloadError?: (() => void) | undefined;
-    onPaymentSuccess?: ((savePaymentMethod?: boolean | undefined) => void) | undefined;
-    shadow?: import("../../types/shadowType").ShadowType | undefined;
-    hideDownloadButton?: boolean | undefined;
-    backButtonName?: string | undefined;
-    onBackButtonClick?: (() => void) | undefined;
 }>;
 export declare const HideDownloadButton: Story;
 export declare const AcceptedQuote: Story;
@@ -113,12 +113,12 @@ export declare const DarkMode: import("@storybook/csf").StoryAnnotations<import(
 }, {
     id?: string | undefined;
     entityId?: string | undefined;
+    backButtonName?: string | undefined;
+    onBackButtonClick?: (() => void) | undefined;
+    shadow?: import("../../types/shadowType").ShadowType | undefined;
+    hideDownloadButton?: boolean | undefined;
     className?: string | undefined;
+    onPaymentSuccess?: ((savePaymentMethod?: boolean | undefined) => void) | undefined;
     invoiceQuoteViewComponent?: import("react").ReactNode;
     onInvoiceDownloadError?: (() => void) | undefined;
-    onPaymentSuccess?: ((savePaymentMethod?: boolean | undefined) => void) | undefined;
-    shadow?: import("../../types/shadowType").ShadowType | undefined;
-    hideDownloadButton?: boolean | undefined;
-    backButtonName?: string | undefined;
-    onBackButtonClick?: (() => void) | undefined;
 }>;

package/dist/esm/src/components/Quotes/Quotes.d.ts

@@ -2,7 +2,7 @@
 import { FrontendTransaction as T } from "@bunnyapp/common";
 import { ShadowType } from "../../types/shadowType";
 import { TransactionListColumnType } from "../Transactions/transactionsList/TransactionsListDesktop";
-declare function Quotes({ className, columns, entityId, filter, noQuotesMessage, onQuoteClick, quoteComponent, searchBarClassName, shadow, showSearchBar, showTitle, title, style, suppressQuoteDisplay, useModal, }: {
+declare function Quotes({ className, columns, entityId, filter, filterQuotes, sort, noQuotesMessage, onQuoteClick, quoteComponent, searchBarClassName, shadow, showSearchBar, showTitle, title, style, suppressQuoteDisplay, useModal, }: {
     /** A custom component to render instead of the default invoice component */
     quoteComponent?: React.ReactNode;
     /** Whether to show the search bar */
@@ -29,6 +29,10 @@ declare function Quotes({ className, columns, entityId, filter, noQuotesMessage,
     style?: React.CSSProperties;
     /** A filter to apply to the quotes. Docs on filter: https://docs.bunny.com/developer/getting-started/using-filters-in-queries */
     filter?: string;
+    /** A function to filter the quotes. Runs on the client side. */
+    filterQuotes?: (quote: T.Transaction) => boolean;
+    /** A function to sort the quotes. Runs on the client side. */
+    sort?: (a: T.Transaction, b: T.Transaction) => number;
     /** Message to display when there are no quotes */
     noQuotesMessage?: string;
     entityId: string;

package/dist/esm/src/components/Signup/PaymentForms.d.ts

@@ -1,6 +1,6 @@
 import { Quote } from "@bunnyapp/common";
 import { OnPaymentSuccessType } from "../PaymentForm/PaymentFormTypes";
-export default function PaymentForms({ quote, handlePaymentSaveSuccess, handlePaymentFail, handleSubmit, proceedingToPayment, entityId, accountId, }: {
+export default function PaymentForms({ quote, handlePaymentSaveSuccess, handlePaymentFail, handleSubmit, proceedingToPayment, entityId, accountId, overrideToken, }: {
     quote?: Quote;
     handlePaymentSaveSuccess: (paymentSuccess: OnPaymentSuccessType) => void;
     handlePaymentFail: (error: any) => void;
@@ -8,6 +8,7 @@ export default function PaymentForms({ quote, handlePaymentSaveSuccess, handlePa
     proceedingToPayment: boolean;
     entityId: string;
     accountId?: string;
+    overrideToken?: string;
 }): import("react/jsx-runtime").JSX.Element;
 export type FormData = {
     firstName: string;

package/dist/esm/src/components/Signup/Signup.d.ts

@@ -1,10 +1,16 @@
 /// <reference types="react" />
 import "../../styles/index.less";
 import { ShadowType } from "../../types/shadowType";
-export default function Signup({ companyName, entityId, priceListCode, returnUrl, isCardEnabled, className, shadow, style, }: {
+export default function Signup({ apiToken, companyName, entityId, priceListCode, returnUrl, isCardEnabled, className, shadow, style, }: {
+    /** The API token to use for the signup. Signup needs a Bunny api client token, not a portalSessionToken. */
+    apiToken: string;
+    /** The company name to display on the signup page */
     companyName: string;
+    /** The entity ID to use for the signup */
     entityId: string;
+    /** The price list code to use for the signup */
     priceListCode: string;
+    /** The return URL to that customers can be redirected to after signup */
     returnUrl?: string;
     /** Whether or not to display signup within a card */
     isCardEnabled?: boolean;

package/dist/esm/src/components/Subscriptions/Subscriptions.d.ts

@@ -1,14 +1,4 @@
-/// <reference types="react" />
 import "../../styles/index.less";
-export type SubscriptionsContextValues = {
-    onChangePlanClick: () => void;
-    onClickUpgrade: () => void;
-    isTempViewOnly: boolean;
-    shadow?: "none" | "sm" | "md" | "lg";
-    gap?: number;
-    showTitle?: boolean;
-};
-export declare const SubscriptionsContext: import("react").Context<SubscriptionsContextValues>;
 export type EditingQuoteDataType = {
     id: string;
     isTrial: boolean;

package/dist/esm/src/components/Subscriptions/SubscriptionsContext.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+export type SubscriptionsContextValues = {
+    onChangePlanClick: () => void;
+    onClickUpgrade: () => void;
+    isTempViewOnly: boolean;
+    shadow?: "none" | "sm" | "md" | "lg";
+    gap?: number;
+    showTitle?: boolean;
+};
+export declare const SubscriptionsContext: import("react").Context<SubscriptionsContextValues>;

package/dist/esm/src/components/Transactions/Transactions.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import { FrontendTransaction as T, TransactionKind } from "@bunnyapp/common";
 import { ShadowType } from "../../types/shadowType";
-export default function Transactions({ transactionComponent, showSearchBar, showTitle, title, columns, className, shadow, searchBarClassName, useModal, onTransactionClick, suppressTransactionDisplay, kindsToShow, style, filter, noTransactionsMessage, entityId, }: {
+export default function Transactions({ transactionComponent, showSearchBar, showTitle, title, columns, className, shadow, searchBarClassName, useModal, onTransactionClick, suppressTransactionDisplay, kindsToShow, style, filter, noTransactionsMessage, entityId, filterTransactions, sortTransactions, }: {
     /** A custom component to render instead of the default invoice component */
     transactionComponent?: React.ReactNode;
     /** Whether to show the search bar */
@@ -28,12 +28,21 @@ export default function Transactions({ transactionComponent, showSearchBar, show
     kindsToShow?: TransactionKind[];
     /** A custom style to apply to the component */
     style?: React.CSSProperties;
-    /** A filter to apply to the transactions. Docs on filter: https://docs.bunny.com/developer/getting-started/using-filters-in-queries */
+    /** A filter to apply to the transactions. Docs on filter: https://docs.bunny.com/developer/getting-started/using-filters-in-queries
+     * Filtering is applied on the api side, potentially speeding up the transactions query
+     */
     filter?: string;
     /** Message to display when there are no transactions */
     noTransactionsMessage?: string;
     /** The entity id to pass to the invoice component */
     entityId: string;
+    /** A function to filter the transactions
+     * Filtering is applied on the client side.
+     * This is useful to have more control over the filtering logic.
+     */
+    filterTransactions?: (transaction: T.Transaction) => boolean;
+    /** A function to sort the transactions. Runs on the client side. */
+    sortTransactions?: (transactionA: T.Transaction, transactionB: T.Transaction) => number;
 }): import("react/jsx-runtime").JSX.Element;
 export declare function TransactionsDisplay({ transactions, onSearchValueChanged, search, }: {
     transactions: T.Transaction[];

package/dist/esm/src/components/Transactions/TransactionsListContext.d.ts

@@ -16,11 +16,13 @@ export type TransactionsContextValues = {
     onTransactionClick?: (transaction: T.Transaction) => void;
     onTransactionDisplayClose?: (transaction: T.Transaction | null) => void;
     suppressTransactionDisplay?: boolean;
-    kindsToShow: TransactionKind[];
+    kindsToShow?: TransactionKind[];
     style?: React.CSSProperties;
     filter?: string;
     noTransactionsMessage?: string;
     downloadTransactionLink?: (id: string) => string;
     entityId: string;
+    filterTransactions?: (transaction: T.Transaction) => boolean;
+    sortTransactions?: (transactionA: T.Transaction, transactionB: T.Transaction) => number;
 };
 export declare const TransactionsListContext: import("react").Context<TransactionsContextValues>;

package/dist/esm/src/components/Transactions/transactionsList/TransactionsListDesktop.d.ts

@@ -1,4 +1,4 @@
-import { FrontendTransaction as T } from "@bunnyapp/common";
+import { FrontendTransaction as T, Transaction } from "@bunnyapp/common";
 export type TransactionListColumnType = "date-and-title" | "state" | "amount" | "download";
 declare const TransactionsListDesktop: ({ transactions, onTransactionClick, }: {
     transactions: T.Transaction[];

package/dist/esm/src/components/index.d.ts

@@ -7,3 +7,4 @@ export { Signup } from "./Signup";
 export { default as BunnyProvider } from "./BunnyProvider";
 export { default as Transactions } from "./Transactions";
 export { Subscriptions } from "./Subscriptions";
+export { BillingDetails } from "./BillingDetails";

package/dist/esm/src/contexts/PaymentContext.d.ts

@@ -2,5 +2,6 @@
 export type PaymentContextValues = {
     onClickCancel?: () => void;
     accountId?: string;
+    overrideToken?: string;
 };
 export declare const PaymentContext: import("react").Context<PaymentContextValues>;

package/dist/esm/src/graphql/graphqlUtil.d.ts

@@ -0,0 +1,10 @@
+type gqlRequestOptions = {
+    query: string;
+    vars?: Record<string, any>;
+    headers?: Record<string, string>;
+    token: string;
+    isInPreviewMode?: boolean;
+    apiHost: string;
+};
+export declare const gqlRequest: ({ query, vars, headers, token, isInPreviewMode, apiHost, }: gqlRequestOptions) => Promise<unknown>;
+export {};

package/dist/esm/src/graphql/queries/getTransactions.d.ts

@@ -1,3 +1,3 @@
-import { TransactionKind } from "@bunnyapp/common";
-declare const getTransactions: (filter: string, token: string, apiHost: string, kindsToShow: TransactionKind[]) => Promise<any>;
+import { FrontendTransaction as T } from "@bunnyapp/common";
+declare const getTransactions: (filter: string, token: string, apiHost: string) => Promise<T.Transaction[]>;
 export default getTransactions;

package/dist/index.d.ts

@@ -1,8 +1,9 @@
 /// <reference types="react" />
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import React$1 from 'react';
 import { FrontendTransaction, FormattedInvoice, Quote as Quote$1, PriceList, PaymentMethod as PaymentMethod$1, TransactionKind } from '@bunnyapp/common';
 import { QueryClient } from '@tanstack/react-query';
+import { ThemeConfig } from 'antd';
+import react from 'react';
 import * as _tanstack_react_query_build_legacy_types from '@tanstack/react-query/build/legacy/types';
 import { GraphQLClient } from 'graphql-request';
 
@@ -10,7 +11,7 @@ type ShadowType = "shadow-none" | "shadow-sm" | "shadow-md" | "shadow-lg" | "sha
 
 type InvoiceQuoteContextProps = {
     id?: string;
-    invoiceQuoteViewComponent?: React$1.ReactNode;
+    invoiceQuoteViewComponent?: React.ReactNode;
     backButtonName?: string;
     onBackButtonClick?: () => void;
     onInvoiceDownloadError?: () => void;
@@ -20,6 +21,7 @@ type InvoiceQuoteContextProps = {
     className?: string;
     hideDownloadButton?: boolean;
 };
+
 declare function Invoice({ id, invoiceQuoteViewComponent, backButtonName, onBackButtonClick, onInvoiceDownloadError, onPaymentSuccess, entityId, shadow, className, hideDownloadButton, }: InvoiceQuoteContextProps): react_jsx_runtime.JSX.Element;
 
 declare global {
@@ -34,7 +36,7 @@ declare function Quote({ id, invoiceQuoteViewComponent, onInvoiceDownloadError,
 
 type TransactionListColumnType = "date-and-title" | "state" | "amount" | "download";
 
-declare function Quotes({ className, columns, entityId, filter, noQuotesMessage, onQuoteClick, quoteComponent, searchBarClassName, shadow, showSearchBar, showTitle, title, style, suppressQuoteDisplay, useModal, }: {
+declare function Quotes({ className, columns, entityId, filter, filterQuotes, sort, noQuotesMessage, onQuoteClick, quoteComponent, searchBarClassName, shadow, showSearchBar, showTitle, title, style, suppressQuoteDisplay, useModal, }: {
     /** A custom component to render instead of the default invoice component */
     quoteComponent?: React.ReactNode;
     /** Whether to show the search bar */
@@ -61,6 +63,10 @@ declare function Quotes({ className, columns, entityId, filter, noQuotesMessage,
     style?: React.CSSProperties;
     /** A filter to apply to the quotes. Docs on filter: https://docs.bunny.com/developer/getting-started/using-filters-in-queries */
     filter?: string;
+    /** A function to filter the quotes. Runs on the client side. */
+    filterQuotes?: (quote: FrontendTransaction.Transaction) => boolean;
+    /** A function to sort the quotes. Runs on the client side. */
+    sort?: (a: FrontendTransaction.Transaction, b: FrontendTransaction.Transaction) => number;
     /** Message to display when there are no quotes */
     noQuotesMessage?: string;
     entityId: string;
@@ -97,10 +103,16 @@ declare const Checkout: ({ entityId, onCancel, onSuccess, onFail, invoice, open,
 
 declare const getQuoteAmountDue: (quote: Quote$1) => number;
 
-declare function Signup({ companyName, entityId, priceListCode, returnUrl, isCardEnabled, className, shadow, style, }: {
+declare function Signup({ apiToken, companyName, entityId, priceListCode, returnUrl, isCardEnabled, className, shadow, style, }: {
+    /** The API token to use for the signup. Signup needs a Bunny api client token, not a portalSessionToken. */
+    apiToken: string;
+    /** The company name to display on the signup page */
     companyName: string;
+    /** The entity ID to use for the signup */
     entityId: string;
+    /** The price list code to use for the signup */
     priceListCode: string;
+    /** The return URL to that customers can be redirected to after signup */
     returnUrl?: string;
     /** Whether or not to display signup within a card */
     isCardEnabled?: boolean;
@@ -112,20 +124,19 @@ declare function Signup({ companyName, entityId, priceListCode, returnUrl, isCar
     style?: React.CSSProperties;
 }): react_jsx_runtime.JSX.Element;
 
-declare function BunnyProvider({ accountId, children, darkMode, queryClient, apiHost, token, window, onTokenExpired, }: {
-    accountId?: string;
+declare function BunnyProvider({ children, darkMode, queryClient, apiHost, token, onTokenExpired, configProviderProps, }: {
     children: React.ReactNode;
     darkMode?: boolean;
     queryClient?: QueryClient;
     apiHost: string;
     token: string;
-    window: Window;
     onTokenExpired?: () => void;
+    configProviderProps?: ThemeConfig | undefined;
 }): react_jsx_runtime.JSX.Element;
 
-declare function Transactions({ transactionComponent, showSearchBar, showTitle, title, columns, className, shadow, searchBarClassName, useModal, onTransactionClick, suppressTransactionDisplay, kindsToShow, style, filter, noTransactionsMessage, entityId, }: {
+declare function Transactions({ transactionComponent, showSearchBar, showTitle, title, columns, className, shadow, searchBarClassName, useModal, onTransactionClick, suppressTransactionDisplay, kindsToShow, style, filter, noTransactionsMessage, entityId, filterTransactions, sortTransactions, }: {
     /** A custom component to render instead of the default invoice component */
-    transactionComponent?: React$1.ReactNode;
+    transactionComponent?: react.ReactNode;
     /** Whether to show the search bar */
     showSearchBar?: boolean;
     /** Whether to show the title */
@@ -149,13 +160,22 @@ declare function Transactions({ transactionComponent, showSearchBar, showTitle,
     /** The kinds of transactions to show */
     kindsToShow?: TransactionKind[];
     /** A custom style to apply to the component */
-    style?: React$1.CSSProperties;
-    /** A filter to apply to the transactions. Docs on filter: https://docs.bunny.com/developer/getting-started/using-filters-in-queries */
+    style?: react.CSSProperties;
+    /** A filter to apply to the transactions. Docs on filter: https://docs.bunny.com/developer/getting-started/using-filters-in-queries
+     * Filtering is applied on the api side, potentially speeding up the transactions query
+     */
     filter?: string;
     /** Message to display when there are no transactions */
     noTransactionsMessage?: string;
     /** The entity id to pass to the invoice component */
     entityId: string;
+    /** A function to filter the transactions
+     * Filtering is applied on the client side.
+     * This is useful to have more control over the filtering logic.
+     */
+    filterTransactions?: (transaction: FrontendTransaction.Transaction) => boolean;
+    /** A function to sort the transactions. Runs on the client side. */
+    sortTransactions?: (transactionA: FrontendTransaction.Transaction, transactionB: FrontendTransaction.Transaction) => number;
 }): react_jsx_runtime.JSX.Element;
 
 declare const Subscriptions: ({ companyName, entityId, gap, shadow, showTitle, className, }: {
@@ -167,6 +187,14 @@ declare const Subscriptions: ({ companyName, entityId, gap, shadow, showTitle, c
     className?: string | undefined;
 }) => react_jsx_runtime.JSX.Element;
 
+declare const BillingDetails: ({ entityId, accountId, isCardEnabled, shadow, className, }: {
+    entityId: string;
+    accountId: string;
+    isCardEnabled?: boolean | undefined;
+    shadow?: ShadowType | undefined;
+    className?: string | undefined;
+}) => react_jsx_runtime.JSX.Element;
+
 declare const usePaymentMethod: (graphQLClient: GraphQLClient, accountId?: string) => _tanstack_react_query_build_legacy_types.UseQueryResult<any, Error>;
 
-export { BunnyProvider, Checkout, Invoice, PaymentMethod, Quote, Quotes, Signup, Subscriptions, Transactions, getQuoteAmountDue, usePaymentMethod };
+export { BillingDetails, BunnyProvider, Checkout, Invoice, PaymentMethod, Quote, Quotes, Signup, Subscriptions, Transactions, getQuoteAmountDue, usePaymentMethod };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bunnyapp/components",
-  "version": "1.0.13",
+  "version": "1.0.14",
   "description": "Components from the Bunny portal to embed Bunny UI functionality into your application.",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",