@bunnyapp/components 1.0.11 → 1.0.13

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

@@ -0,0 +1,10 @@
+import "../../styles/index.less";
+import { ShadowType } from "../../types/shadowType";
+declare const BillingDetails: ({ entityId, accountId, isCardEnabled, shadow, className, }: {
+    entityId: string;
+    accountId: string;
+    isCardEnabled?: boolean | undefined;
+    shadow?: ShadowType | undefined;
+    className?: string | undefined;
+}) => import("react/jsx-runtime").JSX.Element;
+export default BillingDetails;

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

@@ -0,0 +1,11 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import BillingDetails from "./BillingDetails";
+declare const meta: Meta<typeof BillingDetails>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const NoShadow: Story;
+export declare const CustomClassName: Story;
+export declare const NoCard: Story;
+export declare const Mobile: Story;
+export declare const DarkMode: Story;

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

@@ -0,0 +1 @@
+export { default as BillingDetails } from "./BillingDetails";

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

@@ -9,17 +9,17 @@ export type BunnyContextValues = {
     accountId?: string;
     displayPayButtonNameAnyways?: boolean;
     darkMode?: boolean;
-    onErrorNavigate?: () => void;
+    onTokenExpired?: () => void;
 };
 export declare const BunnyContext: import("react").Context<BunnyContextValues>;
-declare function BunnyProvider({ accountId, children, darkMode, onErrorNavigate, queryClient, apiHost, token, window, }: {
+declare function BunnyProvider({ accountId, children, darkMode, queryClient, apiHost, token, window, onTokenExpired, }: {
     accountId?: string;
     children: React.ReactNode;
     darkMode?: boolean;
-    onErrorNavigate?: () => void;
     queryClient?: QueryClient;
     apiHost: string;
     token: string;
     window: Window;
+    onTokenExpired?: () => void;
 }): import("react/jsx-runtime").JSX.Element;
 export default BunnyProvider;

package/dist/esm/src/components/Checkout/InvoiceCheckout.d.ts

@@ -1,28 +1,8 @@
-/// <reference types="react" />
 import { FormattedInvoice } from "@bunnyapp/common";
 import { InvoiceQuoteParentProps } from "../PaymentForm/PaymentFormTypes";
 interface InvoiceCheckoutProps extends InvoiceQuoteParentProps {
     invoice?: FormattedInvoice;
-    preCheckout?: () => void;
-    setIsPreCheckoutLoading?: (loading: boolean) => void;
-    isPreCheckoutLoading?: boolean;
-    payImmediatelyGivenInvoice?: boolean;
-    checkoutButtonName?: {
-        notIsSaving: string;
-        isSaving: string;
-    };
     entityId: string;
 }
-export declare const InvoiceCheckoutContext: import("react").Context<{
-    preCheckout?: (() => void) | undefined;
-    setIsPreCheckoutLoading?: ((loading: boolean) => void) | undefined;
-    isPreCheckoutLoading?: boolean | undefined;
-    payImmediatelyGivenInvoice?: boolean | undefined;
-    checkoutButtonName?: {
-        notIsSaving: string;
-        isSaving: string;
-    } | undefined;
-    invoice?: FormattedInvoice | undefined;
-}>;
-declare const InvoiceCheckout: ({ isSaving, onSuccess, onFail, invoice, setIsSaving, preCheckout, setIsPreCheckoutLoading, isPreCheckoutLoading, payImmediatelyGivenInvoice, checkoutButtonName, entityId, }: InvoiceCheckoutProps) => import("react/jsx-runtime").JSX.Element;
+declare const InvoiceCheckout: ({ onSuccess, onFail, invoice, entityId, }: InvoiceCheckoutProps) => import("react/jsx-runtime").JSX.Element;
 export default InvoiceCheckout;

package/dist/esm/src/components/Checkout/QuoteCheckout.d.ts

@@ -8,5 +8,5 @@ interface QuoteCheckoutProps extends InvoiceQuoteParentProps {
     storedPaymentMethod?: PaymentMethod;
     entityId: string;
 }
-declare const QuoteCheckout: ({ account, isSaving, onSuccess, onFail, quote, setIsSaving, taxationRequiredAccountFields, entityId, }: QuoteCheckoutProps) => import("react/jsx-runtime").JSX.Element;
+declare const QuoteCheckout: ({ account, onSuccess, onFail, quote, taxationRequiredAccountFields, entityId, }: QuoteCheckoutProps) => import("react/jsx-runtime").JSX.Element;
 export default QuoteCheckout;

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

@@ -1,5 +1,6 @@
 import React from "react";
-export default function Invoice({ id, invoiceQuoteViewComponent, backButtonName, onBackButtonClick, onInvoiceDownloadError, onPaymentSuccess, entityId, }: {
+import { ShadowType } from "../../types/shadowType";
+export type InvoiceQuoteContextProps = {
     id?: string;
     invoiceQuoteViewComponent?: React.ReactNode;
     backButtonName?: string;
@@ -7,4 +8,9 @@ export default function Invoice({ id, invoiceQuoteViewComponent, backButtonName,
     onInvoiceDownloadError?: () => void;
     onPaymentSuccess?: (savePaymentMethod?: boolean) => void;
     entityId: string;
-}): import("react/jsx-runtime").JSX.Element;
+    shadow?: ShadowType;
+    className?: string;
+    hideDownloadButton?: boolean;
+};
+export declare const InvoiceQuoteContext: React.Context<InvoiceQuoteContextProps>;
+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/Invoice.stories.d.ts

@@ -1,9 +1,18 @@
-import type { StoryObj } from "@storybook/react";
+import type { Meta, StoryObj } from "@storybook/react";
 import Invoice from "./Invoice";
-declare const meta: {
-    component: typeof Invoice;
-    tags: string[];
-};
+declare const meta: Meta<typeof Invoice>;
 export default meta;
 type Story = StoryObj<typeof meta>;
+export declare const basicArgs: {
+    token: string;
+    id: string;
+    entityId: string;
+};
 export declare const Default: Story;
+export declare const NoShadow: Story;
+export declare const CustomBackButton: Story;
+export declare const Mobile: Story;
+export declare const CustomClassName: Story;
+export declare const HideDownloadButton: Story;
+export declare const InvoiceDue: Story;
+export declare const DarkMode: Story;

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

@@ -1,6 +1,7 @@
 import { ReactNode } from "react";
-declare const PageHeaderWithActions: ({ children, title, }: {
+declare const PageHeaderWithActions: ({ children, title, className, }: {
     children?: ReactNode | ReactNode[];
     title?: string | ReactNode;
+    className?: string | undefined;
 }) => import("react/jsx-runtime").JSX.Element;
 export default PageHeaderWithActions;

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

@@ -1,9 +1,10 @@
-declare const CheckoutFooter: ({ amountDue, currencyId, isSaving, onPaymentSubmit, onlySavePaymentMethod, noPadding, }: {
-    amountDue?: number | undefined;
-    currencyId?: string | undefined;
-    isSaving: boolean;
-    onPaymentSubmit: () => void;
-    onlySavePaymentMethod?: boolean | undefined;
+import { FormattedInvoice, PaymentMethod, PluginData, Quote } from "@bunnyapp/common";
+import { OnPaymentSuccessType } from "./PaymentFormTypes";
+declare const CheckoutFooter: ({ quote, invoice, onPaymentSuccess, noPadding, plugin, }: {
+    quote?: Quote | undefined;
+    invoice?: FormattedInvoice | undefined;
+    onPaymentSuccess: ({ pluginPaymentResponse, savedPaymentMethodResponse, }: OnPaymentSuccessType) => void;
     noPadding?: boolean | undefined;
-}) => import("react/jsx-runtime").JSX.Element;
+    plugin: PluginData | PaymentMethod | undefined;
+}) => import("react/jsx-runtime").JSX.Element | null;
 export default CheckoutFooter;

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

@@ -1,3 +1,7 @@
-import { PluginFormProps } from "../PaymentFormTypes";
-declare const DemoPayForm: ({ isSaving, invoice, onFail, onPaymentSuccess, plugin, quote, setIsSaving, }: PluginFormProps) => import("react/jsx-runtime").JSX.Element;
+import { PluginData } from "@bunnyapp/common";
+declare const DemoPayForm: ({ onFail, onSavePaymentMethod, plugin, }: {
+    onFail: (error: any) => void;
+    onSavePaymentMethod: (response: any) => void;
+    plugin: PluginData;
+}) => import("react/jsx-runtime").JSX.Element;
 export default DemoPayForm;

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

@@ -1,13 +1,11 @@
 import { PluginData } from "@bunnyapp/common";
-export declare const confirmPayment: ({ amount, currency, cardDetails, }: {
+export declare const confirmPayment: ({ amount, currency, }: {
     amount: number;
     currency: string;
-    cardDetails: any;
 }) => {
     token: string;
     amount: number;
     currency: string;
-    cardDetails: any;
 };
 export declare const isDigit: (char: string) => boolean;
 export declare const isValidKey: (code: number) => boolean;

package/dist/esm/src/components/PaymentForm/DemoPay/hooks/usePay.d.ts

@@ -0,0 +1,13 @@
+import { FormattedInvoice, PluginData, Quote } from "@bunnyapp/common";
+export declare function usePay({ onPaymentSuccess, onPaymentError, quote, invoice, }: {
+    onPaymentSuccess: (response: any) => void;
+    onPaymentError?: (error: any) => void;
+    quote?: Quote;
+    invoice?: FormattedInvoice;
+}): {
+    pay: ({ plugin, savePaymentMethod, }: {
+        plugin: PluginData;
+        savePaymentMethod: boolean;
+    }) => Promise<void>;
+};
+export default usePay;

package/dist/esm/src/components/PaymentForm/DemoPay/hooks/useSave.d.ts

@@ -0,0 +1,21 @@
+import { FormattedInvoice, PluginData, Quote } from "@bunnyapp/common";
+export declare function useSave({ onSaveSuccess, token, apiHost, accountId, }: {
+    onSaveSuccess: (response: any) => void;
+    quote?: Quote;
+    invoice?: FormattedInvoice;
+    token: string;
+    apiHost: string;
+    accountId?: string;
+}): {
+    save: ({ cardDetails, plugin, savePaymentMethod, }: {
+        cardDetails: {
+            number: string;
+            expiry: string;
+            cvc: string;
+        };
+        plugin: PluginData;
+        savePaymentMethod: boolean;
+    }) => Promise<void>;
+    isSaving: boolean;
+};
+export default useSave;

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

@@ -1,7 +1,11 @@
-import { ReactNode } from "react";
-import { GeneralPaymentFormProps } from "./PaymentFormTypes";
-export declare const PaymentFormWrapper: ({ children, setMaxHeight, }: {
-    children: ReactNode | ReactNode[];
-    setMaxHeight: boolean;
+import { FormattedInvoice, Quote } from "@bunnyapp/common";
+import { OnPaymentSuccessType } from "./PaymentFormTypes";
+export declare const PaymentForm: ({ entityId, invoice, onFail, onPaymentSuccess, quote, accountId, onSavePaymentMethod, }: {
+    entityId: string;
+    invoice?: FormattedInvoice | undefined;
+    quote?: Quote | undefined;
+    onFail: (error: any) => void;
+    onPaymentSuccess?: (({ pluginPaymentResponse, savedPaymentMethodResponse, }: OnPaymentSuccessType) => void) | undefined;
+    onSavePaymentMethod?: (() => void) | undefined;
+    accountId?: string | undefined;
 }) => import("react/jsx-runtime").JSX.Element;
-export declare const PaymentForm: ({ entityId, invoice, isSaving, onFail, onPaymentSuccess, quote, setIsSaving, }: GeneralPaymentFormProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -8,10 +8,6 @@ export type PluginPaymentResponse = {
     savePaymentMethod?: boolean;
     token: string;
 };
-export interface PaymentMethodFormProps extends GeneralPaymentFormProps {
-    isPlugin: boolean;
-    paymentMethod: PaymentMethod | PluginData;
-}
 export interface StoredPaymentMethodFormProps extends GeneralPaymentFormProps {
     paymentMethod: PaymentMethod;
 }
@@ -22,12 +18,10 @@ export interface PluginFormProps extends GeneralPaymentFormProps {
     plugin: PluginData;
 }
 export type InvoiceQuoteParentProps = {
-    isSaving: boolean;
     onSuccess: ({ savePaymentMethod }: {
         savePaymentMethod?: boolean;
     }) => void;
     onFail: (error: any) => void;
-    setIsSaving: (isSaving: boolean) => void;
 };
 export type OnPaymentSuccessType = {
     pluginPaymentResponse?: PluginPaymentResponse;
@@ -38,10 +32,8 @@ export type GeneralPaymentFormProps = {
     payable?: Payable;
     invoice?: FormattedInvoice;
     quote?: Quote;
-    isSaving: boolean;
     onFail: (error: any) => void;
     onPaymentSuccess: ({ pluginPaymentResponse, savedPaymentMethodResponse, }: OnPaymentSuccessType) => void;
-    setIsSaving: (isSaving: boolean) => void;
 };
 export type CheckoutProps = {
     invoice?: FormattedInvoice;

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

@@ -1,12 +1,22 @@
 import { PaymentMethod } from "@bunnyapp/common";
+import { ShadowType } from "../../../../types/shadowType";
 type CreditCardProps = {
     onClickRemove: () => void;
     onClickUpdate: () => void;
     paymentMethodData: PaymentMethod;
+    shadow?: ShadowType;
+    cardEnabled?: boolean;
 };
-declare const CreditCard: ({ onClickRemove, onClickUpdate, paymentMethodData, }: CreditCardProps) => import("react/jsx-runtime").JSX.Element;
-declare const EmptyCard: ({ onClick }: {
+declare const CreditCard: ({ onClickRemove, onClickUpdate, paymentMethodData, shadow, cardEnabled, }: CreditCardProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MiniCreditCard: ({ hideRemoveButton, onClickRemove, paymentMethodData, }: {
+    hideRemoveButton?: boolean | undefined;
+    onClickRemove: () => void;
+    paymentMethodData: PaymentMethod;
+}) => import("react/jsx-runtime").JSX.Element;
+declare const EmptyCard: ({ onClick, shadow, cardEnabled, }: {
     onClick: () => void;
+    shadow?: ShadowType | undefined;
+    cardEnabled?: boolean | undefined;
 }) => import("react/jsx-runtime").JSX.Element;
 export { EmptyCard };
 export default CreditCard;

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

@@ -1,6 +1,8 @@
-/// <reference types="react" />
 import "../../../styles/index.less";
-export declare function PaymentMethod({ entityId, footer, }: {
+import { ShadowType } from "../../../types/shadowType";
+export declare const PaymentMethod: ({ entityId, className, shadow, cardEnabled, }: {
     entityId: string;
-    footer?: React.ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
+    className?: string | undefined;
+    shadow?: ShadowType | undefined;
+    cardEnabled?: boolean | undefined;
+}) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,11 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { PaymentMethod } from "./PaymentMethod";
+declare const meta: Meta<typeof PaymentMethod>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const CustomClassName: Story;
+export declare const NoShadow: Story;
+export declare const NoCard: Story;
+export declare const Mobile: Story;
+export declare const DarkMode: Story;

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

@@ -0,0 +1,8 @@
+import { PaymentMethod, PluginData } from "@bunnyapp/common";
+import { OnPaymentSuccessType } from "./PaymentFormTypes";
+declare const PaymentMethodDetails: ({ onFail, paymentMethod, onSavePaymentMethod, }: {
+    onFail: (error: any) => void;
+    paymentMethod: PaymentMethod | PluginData;
+    onSavePaymentMethod: ({ pluginPaymentResponse, savedPaymentMethodResponse, }: OnPaymentSuccessType) => void;
+}) => import("react/jsx-runtime").JSX.Element | null;
+export default PaymentMethodDetails;

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

@@ -1,8 +1,7 @@
-import { PluginData, PaymentMethod } from "@bunnyapp/common";
-declare const PaymentMethodSelector: ({ paymentMethodAllowedPlugins, onSelect, showStoredPaymentMethodOption, value, }: {
+import { PaymentMethod, PluginData } from "@bunnyapp/common";
+declare const PaymentMethodSelector: ({ paymentMethodAllowedPlugins, onSelect, value, }: {
     onSelect: (paymentMethod?: PluginData | PaymentMethod) => void;
     paymentMethodAllowedPlugins?: PluginData[] | undefined;
-    showStoredPaymentMethodOption: boolean;
     value?: PluginData | PaymentMethod | null | undefined;
 }) => import("react/jsx-runtime").JSX.Element;
 export default PaymentMethodSelector;

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

@@ -0,0 +1,6 @@
+declare const SavePaymentMethodFooter: ({ isSaving, onSave, noPadding, }: {
+    isSaving: boolean;
+    onSave: () => void;
+    noPadding?: boolean | undefined;
+}) => import("react/jsx-runtime").JSX.Element;
+export default SavePaymentMethodFooter;

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

@@ -1,3 +1,7 @@
-import { PluginFormProps } from "../PaymentFormTypes";
-declare const PaymentMethodForm: ({ isSaving, setIsSaving, plugin, onFail, onPaymentSuccess, }: PluginFormProps) => import("react/jsx-runtime").JSX.Element;
+import { PluginData } from "@bunnyapp/common";
+declare const PaymentMethodForm: ({ plugin, onFail, onSavePaymentMethod, }: {
+    plugin: PluginData;
+    onFail: (error: any) => void;
+    onSavePaymentMethod: (response: any) => void;
+}) => import("react/jsx-runtime").JSX.Element;
 export default PaymentMethodForm;

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

@@ -1,3 +1,7 @@
-import { PluginFormProps } from "../PaymentFormTypes";
-declare const StripeForm: ({ entityId, payable, plugin, isSaving, setIsSaving, onFail, onPaymentSuccess, }: PluginFormProps) => import("react/jsx-runtime").JSX.Element | null;
+import { PluginData } from "@bunnyapp/common";
+declare const StripeForm: ({ plugin, onFail, onSavePaymentMethod, }: {
+    plugin: PluginData;
+    onFail: (error: any) => void;
+    onSavePaymentMethod: (response: any) => void;
+}) => import("react/jsx-runtime").JSX.Element | null;
 export default StripeForm;

package/dist/esm/src/components/PaymentForm/Stripe/hooks/usePay.d.ts

@@ -0,0 +1,12 @@
+import { FormattedInvoice, PluginData, Quote } from "@bunnyapp/common";
+export declare function usePay({ onPaymentSuccess, onPaymentError, quote, invoice, }: {
+    onPaymentSuccess?: (response: any) => void;
+    onPaymentError?: (error: any) => void;
+    quote?: Quote;
+    invoice?: FormattedInvoice;
+}): {
+    pay: ({ plugin }: {
+        plugin: PluginData;
+    }) => Promise<void>;
+};
+export default usePay;

package/dist/esm/src/components/PaymentForm/Stripe/hooks/useSave.d.ts

@@ -0,0 +1,10 @@
+import { PluginData } from "@bunnyapp/common";
+export declare function useSave({ onSaveSuccess, }: {
+    onSaveSuccess: (response: any) => void;
+}): {
+    save: ({ plugin }: {
+        plugin: PluginData;
+    }) => Promise<void>;
+    isSaving: boolean;
+};
+export default useSave;

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

@@ -8,13 +8,19 @@ export declare const createPaymentMethod: ({ paymentMethodId, plugin, token, api
     accountId?: string | undefined;
 }) => Promise<any>;
 export declare const createSetupIntent: (plugin: PluginData, token: string, apiHost: string, accountId?: string) => Promise<any>;
-export declare const createPaymentIntent: ({ payable, savePaymentMethod, memo, plugin, token, apiHost, accountId, }: {
+export declare const createPaymentIntent: ({ payable, savePaymentMethod, memo, plugin, token, apiHost, }: {
     payable: Payable;
     savePaymentMethod: boolean;
     memo?: string | undefined;
     plugin: PluginData;
     token: string;
     apiHost: string;
-    accountId?: string | undefined;
 }) => Promise<any>;
-export declare const useStripePlugin: (plugin: PluginData, token: string, apiHost: string, accountId?: string) => Stripe | null;
+export declare const useStripePlugin: (plugin: PluginData | undefined, token: string, apiHost: string, accountId?: string) => {
+    stripe: Stripe | null;
+    options: {
+        mode: "setup";
+        currency: string;
+        setupFutureUsage: "off_session";
+    };
+};

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

@@ -0,0 +1,3 @@
+import { PluginData } from "@bunnyapp/common";
+declare function useRemovePaymentMethod(paymentPlugins: PluginData[], token: string, apiHost: string, accountId?: string): (data: any) => void;
+export default useRemovePaymentMethod;

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

@@ -1,6 +1,4 @@
 /// <reference types="react" />
+import { InvoiceQuoteContextProps } from "../Invoice/Invoice";
 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({ entityId, id, }: {
-    entityId: string;
-    id?: string;
-}): import("react/jsx-runtime").JSX.Element;
+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

@@ -1,8 +1,124 @@
-import type { StoryObj } from "@storybook/react";
-import Transactions from "./Quote";
-declare const meta: {
-    component: typeof Transactions;
-};
+/// <reference types="react" />
+import type { Meta, StoryObj } from "@storybook/react";
+import Quote from "./Quote";
+declare const meta: Meta<typeof Quote>;
 export default meta;
 type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
+export declare const Default: import("@storybook/csf").StoryAnnotations<import("@storybook/react/dist/types-a5624094").R, {
+    id?: string | undefined;
+    invoiceQuoteViewComponent?: import("react").ReactNode;
+    backButtonName?: string | undefined;
+    onBackButtonClick?: (() => void) | undefined;
+    onInvoiceDownloadError?: (() => void) | undefined;
+    onPaymentSuccess?: ((savePaymentMethod?: boolean | undefined) => void) | undefined;
+    entityId: string;
+    shadow?: import("../../types/shadowType").ShadowType | undefined;
+    className?: string | undefined;
+    hideDownloadButton?: boolean | undefined;
+}, {
+    id?: string | undefined;
+    entityId?: string | undefined;
+    className?: string | 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;
+    invoiceQuoteViewComponent?: import("react").ReactNode;
+    backButtonName?: string | undefined;
+    onBackButtonClick?: (() => void) | undefined;
+    onInvoiceDownloadError?: (() => void) | undefined;
+    onPaymentSuccess?: ((savePaymentMethod?: boolean | undefined) => void) | undefined;
+    entityId: string;
+    shadow?: import("../../types/shadowType").ShadowType | undefined;
+    className?: string | undefined;
+    hideDownloadButton?: boolean | undefined;
+}, {
+    id?: string | undefined;
+    entityId?: string | undefined;
+    className?: string | 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;
+    invoiceQuoteViewComponent?: import("react").ReactNode;
+    backButtonName?: string | undefined;
+    onBackButtonClick?: (() => void) | undefined;
+    onInvoiceDownloadError?: (() => void) | undefined;
+    onPaymentSuccess?: ((savePaymentMethod?: boolean | undefined) => void) | undefined;
+    entityId: string;
+    shadow?: import("../../types/shadowType").ShadowType | undefined;
+    className?: string | undefined;
+    hideDownloadButton?: boolean | undefined;
+}, {
+    id?: string | undefined;
+    entityId?: string | undefined;
+    className?: string | 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;
+    invoiceQuoteViewComponent?: import("react").ReactNode;
+    backButtonName?: string | undefined;
+    onBackButtonClick?: (() => void) | undefined;
+    onInvoiceDownloadError?: (() => void) | undefined;
+    onPaymentSuccess?: ((savePaymentMethod?: boolean | undefined) => void) | undefined;
+    entityId: string;
+    shadow?: import("../../types/shadowType").ShadowType | undefined;
+    className?: string | undefined;
+    hideDownloadButton?: boolean | undefined;
+}, {
+    id?: string | undefined;
+    entityId?: string | undefined;
+    className?: string | 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;
+export declare const AcceptedQuoteDarkMode: Story;
+export declare const DarkMode: import("@storybook/csf").StoryAnnotations<import("@storybook/react/dist/types-a5624094").R, {
+    id?: string | undefined;
+    invoiceQuoteViewComponent?: import("react").ReactNode;
+    backButtonName?: string | undefined;
+    onBackButtonClick?: (() => void) | undefined;
+    onInvoiceDownloadError?: (() => void) | undefined;
+    onPaymentSuccess?: ((savePaymentMethod?: boolean | undefined) => void) | undefined;
+    entityId: string;
+    shadow?: import("../../types/shadowType").ShadowType | undefined;
+    className?: string | undefined;
+    hideDownloadButton?: boolean | undefined;
+}, {
+    id?: string | undefined;
+    entityId?: string | undefined;
+    className?: string | 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

@@ -1,20 +1,24 @@
 /// <reference types="react" />
 import { FrontendTransaction as T } from "@bunnyapp/common";
-declare function Quotes({ className, columns, entityId, filter, noQuotesMessage, onQuoteClick, quoteComponent, searchBarClassName, shadow, showSearchBar, showTitle, style, suppressQuoteDisplay, useModal, }: {
+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, }: {
     /** A custom component to render instead of the default invoice component */
     quoteComponent?: React.ReactNode;
     /** Whether to show the search bar */
     showSearchBar?: boolean;
     /** Whether to show the title */
     showTitle?: boolean;
-    /** The columns to display in the transactions list */
-    columns?: ("date-and-title" | "state" | "amount" | "download" | "actions")[];
+    /** The title to display in the quotes list */
+    title?: string;
+    /** The columns to display in the quotes list */
+    columns?: TransactionListColumnType[];
     /** A custom class name to apply to the component */
     className?: string;
     /** Whether to use a modal for the invoice drawer */
     useModal?: boolean;
     /** Whether to show a shadow around the transactions list */
-    shadow?: "none" | "sm" | "md" | "lg" | "xl";
+    shadow?: ShadowType;
     /** A custom class name to apply to the search bar */
     searchBarClassName?: string;
     /** A function to call when a quote is clicked */

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

@@ -0,0 +1,22 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import Quotes from "./Quotes";
+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;
+export declare const HideTitleAndSearchBar: Story;
+export declare const CustomTitle: Story;
+export declare const Mobile: Story;
+export declare const WithCustomQuoteComponent: Story;
+export declare const WithCustomColumns1: Story;
+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;