@bunnyapp/components 1.8.5 → 2.0.0-beta.1

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

@@ -0,0 +1,51 @@
+import { ReactNode } from 'react';
+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;
+    /** 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/esm/types/src/components/tables/Invoices/Invoices.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+import Invoice from '../../../types/Invoice';
+import type { Appearance } from '../../../ui/appearance';
+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, appearance, 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;
+    /** Restyles this component on top of `BunnyProvider`'s `appearance`. See "Styling components" in the package README. */
+    appearance?: Appearance;
+    displayOptions?: InvoicesDisplayOptions;
+    behaviorOptions?: InvoicesBehaviorOptions;
+}): React.JSX.Element;

package/dist/esm/types/src/components/tables/Invoices/Invoices.stories.d.ts

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import Invoices from './Invoices';
+declare const meta: Meta<typeof Invoices>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithModal: Story;
+export declare const Mobile: Story;
+export declare const Ledger: Story;
+export declare const Midnight: Story;

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

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

package/dist/esm/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/esm/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/esm/types/src/components/tables/Quotes/Quotes.d.ts

@@ -0,0 +1,23 @@
+import { Quote } from '../../../types/Quote';
+import type { Appearance } from '../../../ui/appearance';
+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, appearance, 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;
+    /** Restyles this component on top of `BunnyProvider`'s `appearance`. See "Styling components" in the package README. */
+    appearance?: Appearance;
+    displayOptions?: QuotesDisplayOptions;
+    behaviorOptions?: QuotesBehaviorOptions;
+}): import("react").JSX.Element;
+export default Quotes;

package/dist/esm/types/src/components/{Quotes → tables/Quotes}/Quotes.stories.d.ts

@@ -4,8 +4,6 @@ declare const meta: Meta<typeof Quotes>;
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
-export declare const Padding0BGRed: Story;
-export declare const NoShadow: Story;
 export declare const WithModal: Story;
 export declare const HideSearchBar: Story;
 export declare const HideTitle: Story;
@@ -18,5 +16,5 @@ export declare const WithCustomColumns2: Story;
 export declare const WithCustomColumns3: Story;
 export declare const WithCustomColumns4: Story;
 export declare const WithCustomColumns5: Story;
-export declare const DarkMode: Story;
-export declare const CustomColors: Story;
+export declare const Ledger: Story;
+export declare const Midnight: Story;

package/dist/esm/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/esm/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/esm/types/src/components/tables/Transactions/Transactions.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+import { Transaction } from '../../../types/Transaction';
+import { TransactionDateType } from './types';
+import type { Appearance } from '../../../ui/appearance';
+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, appearance, 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;
+    /** Restyles this component on top of `BunnyProvider`'s `appearance`. See "Styling components" in the package README. */
+    appearance?: Appearance;
+    displayOptions?: TransactionsDisplayOptions;
+    behaviorOptions?: TransactionsBehaviorOptions;
+}): React.JSX.Element;

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

@@ -3,12 +3,7 @@ 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;
 export declare const WithModal: Story;
 export declare const HideSearchBar: Story;
 export declare const HideTitle: Story;
@@ -21,5 +16,5 @@ export declare const WithCustomColumns2: Story;
 export declare const WithCustomColumns3: Story;
 export declare const WithCustomColumns4: Story;
 export declare const WithCustomColumns5: Story;
-export declare const DarkMode: Story;
-export declare const CustomColors: Story;
+export declare const Ledger: Story;
+export declare const Midnight: Story;

package/dist/esm/types/src/components/{Transactions → tables/Transactions}/transactionsList/TransactionDate.d.ts

@@ -1,4 +1,4 @@
 declare const TransactionDate: ({ date }: {
     date: string;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;
 export default TransactionDate;

package/dist/esm/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 → esm/types/src/components/tables}/Transactions/transactionsList/TransactionDownload.d.ts

@@ -3,5 +3,5 @@ declare const TransactionDownload: ({ transaction, token, apiHost, }: {
     transaction: Transaction;
     token?: string;
     apiHost: string;
-}) => import("react/jsx-runtime").JSX.Element | null;
+}) => import("react").JSX.Element | null;
 export default TransactionDownload;

package/dist/esm/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/esm/types/src/components/{Transactions → tables/Transactions}/transactionsList/TransactionTitle.d.ts

@@ -1,5 +1,5 @@
 import { Transaction } from '@/types/Transaction';
 declare const TransactionRowTitle: ({ transaction }: {
     transaction: Transaction;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;
 export default TransactionRowTitle;

package/dist/esm/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/esm/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/esm/types/src/components/tables/Transactions/types.d.ts

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

package/dist/esm/types/src/contexts/BrandContext.d.ts

@@ -6,7 +6,7 @@ declare const BrandProvider: ({ value, children }: {
         topNavImageUrl: string;
     };
     children?: import("react").ReactNode;
-}) => import("react/jsx-runtime").JSX.Element, useBrand: () => {
+}) => import("react").JSX.Element, useBrand: () => {
     accentColor: string;
     brandColor: string;
     secondaryColor: string;

package/dist/esm/types/src/contexts/InvoiceQuoteContext.d.ts

@@ -1,5 +1,4 @@
-import { ShadowType } from '../types/shadowType';
-import FormattedInvoice from '@/types/FormattedInvoice';
+import FormattedInvoice from '../types/FormattedInvoice';
 export type InvoiceQuoteContextProps = {
     id?: string | null | undefined;
     invoiceQuoteViewComponent?: React.ReactNode;
@@ -7,7 +6,6 @@ export type InvoiceQuoteContextProps = {
     onBackButtonClick?: () => void;
     onInvoiceDownloadError?: () => void;
     onPaymentSuccess?: (savePaymentMethod?: boolean) => void;
-    shadow?: ShadowType;
     className?: string;
     hideDownloadButton?: boolean;
     onInvoiceLoaded?: (formattedInvoice: FormattedInvoice) => void;

package/dist/esm/types/src/contexts/onPaymentMethodRemoved.d.ts

@@ -1,5 +1,5 @@
 declare const OnPaymentMethodRemovedProvider: ({ value, children }: {
     value: ((paymentMethodId: string) => void) | undefined;
     children?: import("react").ReactNode;
-}) => import("react/jsx-runtime").JSX.Element, useOnPaymentMethodRemoved: () => ((paymentMethodId: string) => void) | undefined;
+}) => import("react").JSX.Element, useOnPaymentMethodRemoved: () => ((paymentMethodId: string) => void) | undefined;
 export { OnPaymentMethodRemovedProvider, useOnPaymentMethodRemoved };

package/dist/esm/types/src/contexts/onPaymentMethodSaved.d.ts

@@ -1,5 +1,5 @@
 declare const OnPaymentMethodSavedProvider: ({ value, children }: {
     value: ((paymentMethodId: string) => void) | undefined;
     children?: import("react").ReactNode;
-}) => import("react/jsx-runtime").JSX.Element, useOnPaymentMethodSaved: () => ((paymentMethodId: string) => void) | undefined;
+}) => import("react").JSX.Element, useOnPaymentMethodSaved: () => ((paymentMethodId: string) => void) | undefined;
 export { OnPaymentMethodSavedProvider, useOnPaymentMethodSaved };

package/dist/esm/types/src/graphql/mutations/checkout.d.ts

@@ -14,7 +14,7 @@ type CheckoutProps = {
 declare const checkout: ({ quoteId, invoiceId, paymentMethodId, paymentMethodData, token, apiHost, }: CheckoutProps) => Promise<{
     invoice: {
         id: string | null;
-        state: "READY" | "NOT_DUE" | "DUE" | "UNPAID" | "DRAFT" | "PREPARING" | "PAID" | "VOIDED" | "FAILED" | "PROCESSING_PAYMENT" | "MERGED" | "QUEUED" | "CONSOLIDATED";
+        state: "READY" | "NOT_DUE" | "DUE" | "UNPAID" | "DRAFT" | "PREPARING" | "PAID" | "VOIDED" | "FAILED" | "CONSOLIDATED" | "MERGED" | "PROCESSING_PAYMENT" | "QUEUED";
         amount: number;
         amountDue: number | null;
     } | null;

package/dist/{cjs/types/src/graphql/mutations/quoteChangeAddCoupon.d.ts → esm/types/src/graphql/mutations/quoteAddCoupon.d.ts}

@@ -1,5 +1,5 @@
-export declare const quoteChangeAddCoupon: ({ quoteChangeId, couponCode, token, apiHost, }: {
-    quoteChangeId: string;
+export declare const quoteAddCoupon: ({ quoteId, couponCode, token, apiHost, }: {
+    quoteId: string;
     couponCode: string;
     token?: string;
     apiHost: string;

package/dist/esm/types/src/graphql/mutations/quoteRemoveCoupon.d.ts

@@ -0,0 +1,9 @@
+declare const quoteRemoveCoupon: ({ quoteId, couponCode, token, apiHost, }: {
+    quoteId: string;
+    couponCode: string;
+    token?: string;
+    apiHost: string;
+}) => Promise<{
+    id: string | null;
+} | null | undefined>;
+export default quoteRemoveCoupon;

package/dist/esm/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/esm/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/esm/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/esm/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/esm/types/src/hooks/useActiveCoupons.d.ts

@@ -0,0 +1,7 @@
+declare const useActiveCoupons: ({ apiHost, token, }: {
+    apiHost: string;
+    token?: string;
+}) => {
+    activeCouponsExist: boolean;
+};
+export default useActiveCoupons;

package/dist/esm/types/src/hooks/{useUpdateCoupons.d.ts → useCouponMutations.d.ts}

@@ -1,7 +1,7 @@
-declare const useUpdateCoupons: ({ apiHost, token, quoteChangeId, onCouponAdded, onCouponRemoved, }: {
+declare const useCouponMutations: ({ apiHost, token, quoteId, onCouponAdded, onCouponRemoved, }: {
     apiHost: string;
     token?: string;
-    quoteChangeId?: string;
+    quoteId?: string;
     onCouponAdded?: () => void;
     onCouponRemoved?: () => void;
 }) => {
@@ -9,12 +9,9 @@ declare const useUpdateCoupons: ({ apiHost, token, quoteChangeId, onCouponAdded,
         id: string | null;
     } | null | undefined, Error, string, unknown>;
     removeCoupon: import("@tanstack/react-query").UseMutateFunction<{
-        quote: {
-            id: string | null;
-        };
+        id: string | null;
     } | null | undefined, Error, string, unknown>;
     isAddingCoupon: boolean;
     isRemovingCoupon: boolean;
-    activeCouponsExist: boolean;
 };
-export default useUpdateCoupons;
+export default useCouponMutations;

package/dist/esm/types/src/hooks/useCurrentUserData.d.ts

@@ -1,6 +1,6 @@
 import CurrentUser from '@/types/frontendTypes/currentUser';
 declare const useCurrentUserData: (token: string | undefined) => {
-    currentUser: CurrentUser | {
+    currentUser: CurrentUser | NoInfer<{
         authObjectName: string | null;
         account: {
             billingCountry: string | null;
@@ -12,7 +12,7 @@ declare const useCurrentUserData: (token: string | undefined) => {
         privacyUrl: string | null;
         termsUrl: string | null;
         entityId: string | null;
-    };
+    }>;
     isCurrentUserDataLoading: boolean;
 };
 export default useCurrentUserData;

package/dist/esm/types/src/hooks/useFocusFirstInput.d.ts

@@ -1,7 +1,6 @@
-import { InputRef } from "antd";
-import { RefObject } from "react";
+import { RefObject } from 'react';
 declare const useFocusFirstInput: ({ firstInputRef, isVisible, }: {
-    firstInputRef: RefObject<InputRef>;
+    firstInputRef: RefObject<HTMLInputElement>;
     isVisible?: boolean;
 }) => void;
 export default useFocusFirstInput;

package/dist/esm/types/src/hooks/useHasTaxPlugin.d.ts

@@ -1,3 +1,4 @@
+/** Whether the tenant has an enabled, valid taxation plugin — the same condition the API taxes under. */
 declare const useHasTaxPlugin: ({ apiHost, token }: {
     apiHost: string;
     token?: string;

package/dist/esm/types/src/hooks/usePaymentMethod.d.ts

@@ -1,8 +1,39 @@
+export declare const getPaymentMethods: ({ apiHost, token, accountId, }: {
+    apiHost: string;
+    token?: string;
+    accountId?: string;
+}) => Promise<{
+    id: string;
+    pluginId: string | null;
+    accountId: string | null;
+    expirationDate: unknown;
+    plugin: {
+        guid: string;
+        id: string;
+    } | null;
+    state: "FAILED" | "UNKNOWN" | "SUCCESS" | null;
+    metadata: {
+        issuer: string | null;
+        identifier: string | null;
+        kind: string | null;
+        description: string | null;
+        icon: string | null;
+        type: string | null;
+    } | null;
+    isDefault: boolean | null;
+    [$tada.fragmentRefs]: {
+        PaymentForm_PaymentMethodsFragment: "PaymentMethod";
+    } & {
+        SavedPaymentMethodTiles_PaymentMethodFragment: "PaymentMethod";
+    } & {
+        SuccessDisplay_PaymentMethodFragment: "PaymentMethod";
+    };
+}[]>;
 export declare const usePaymentMethod: ({ accountId, enabled, }: {
     accountId?: string;
     enabled?: boolean;
 }) => {
-    paymentMethods: {
+    paymentMethods: NoInfer<{
         id: string;
         pluginId: string | null;
         accountId: string | null;
@@ -24,9 +55,11 @@ export declare const usePaymentMethod: ({ accountId, enabled, }: {
         [$tada.fragmentRefs]: {
             PaymentForm_PaymentMethodsFragment: "PaymentMethod";
         } & {
-            StoredPaymentMethods_PaymentMethodsFragment: "PaymentMethod";
+            SavedPaymentMethodTiles_PaymentMethodFragment: "PaymentMethod";
+        } & {
+            SuccessDisplay_PaymentMethodFragment: "PaymentMethod";
         };
-    }[] | undefined;
+    }[]> | undefined;
     defaultPaymentMethod: {
         id: string;
         pluginId: string | null;
@@ -49,7 +82,9 @@ export declare const usePaymentMethod: ({ accountId, enabled, }: {
         [$tada.fragmentRefs]: {
             PaymentForm_PaymentMethodsFragment: "PaymentMethod";
         } & {
-            StoredPaymentMethods_PaymentMethodsFragment: "PaymentMethod";
+            SavedPaymentMethodTiles_PaymentMethodFragment: "PaymentMethod";
+        } & {
+            SuccessDisplay_PaymentMethodFragment: "PaymentMethod";
         };
     } | undefined;
     isLoading: boolean;

package/dist/esm/types/src/hooks/usePaymentPlugins.d.ts

@@ -1,4 +1,6 @@
-export declare const usePaymentPlugins: () => {
+export declare const usePaymentPlugins: ({ accountId }?: {
+    accountId?: string;
+}) => {
     paymentPlugins: {
         enabled: boolean;
         entities: string[];

package/dist/esm/types/src/mocks/checkoutHandlers.d.ts

@@ -0,0 +1,3 @@
+export declare const noSavedPaymentMethodsHandler: import("msw").GraphQLHandler;
+export declare const savedPaymentMethodHandler: import("msw").GraphQLHandler;
+export declare const checkoutHandlers: (import("msw").GraphQLHandler | import("msw").HttpHandler)[];

package/dist/esm/types/src/mocks/handlers.d.ts

@@ -1 +1 @@
-export declare const handlers: import("msw").GraphQLHandler[];
+export declare const handlers: (import("msw").GraphQLHandler | import("msw").HttpHandler)[];

package/dist/esm/types/src/mocks/paymentFormHandlers.d.ts

@@ -0,0 +1,6 @@
+export declare function paymentFormHandlers({ savedCards, plugins, failedCard, }?: {
+    savedCards?: number;
+    plugins?: number;
+    /** The second saved card's last payment failed. */
+    failedCard?: boolean;
+}): (import("msw").GraphQLHandler | import("msw").HttpHandler)[];