@bunnyapp/components 1.0.11 → 1.0.13

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

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

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

@@ -1,7 +1,17 @@
+/// <reference types="react" />
 import "../../styles/index.less";
-export default function Signup({ companyName, entityId, priceListCode, returnUrl, }: {
+import { ShadowType } from "../../types/shadowType";
+export default function Signup({ companyName, entityId, priceListCode, returnUrl, isCardEnabled, className, shadow, style, }: {
     companyName: string;
     entityId: string;
     priceListCode: string;
     returnUrl?: string;
+    /** Whether or not to display signup within a card */
+    isCardEnabled?: boolean;
+    /** A custom class name to apply to the component */
+    className?: string;
+    /** The shadow level to apply to the component */
+    shadow?: ShadowType;
+    /** A custom style to apply to the component */
+    style?: React.CSSProperties;
 }): import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -1,6 +1,4 @@
-import { FrontendTransaction as T } from "@bunnyapp/common";
-type StateTagProps = {
-    state: T.TransactionState;
-};
-declare const StateTag: ({ state }: StateTagProps) => import("react/jsx-runtime").JSX.Element;
+declare const StateTag: ({ state }: {
+    state: string;
+}) => import("react/jsx-runtime").JSX.Element;
 export default StateTag;

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

@@ -13,11 +13,12 @@ export type EditingQuoteDataType = {
     id: string;
     isTrial: boolean;
 };
-declare const Subscriptions: ({ companyName, entityId, gap, shadow, showTitle, }: {
+declare const Subscriptions: ({ companyName, entityId, gap, shadow, showTitle, className, }: {
     companyName: string;
     entityId: string;
     gap?: number | undefined;
     shadow?: "none" | "lg" | "md" | "sm" | undefined;
     showTitle?: boolean | undefined;
+    className?: string | undefined;
 }) => import("react/jsx-runtime").JSX.Element;
 export default Subscriptions;

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

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

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

@@ -1,20 +1,23 @@
 import React from "react";
 import { FrontendTransaction as T, TransactionKind } from "@bunnyapp/common";
-export default function Transactions({ transactionComponent, showSearchBar, showTitle, columns, className, shadow, searchBarClassName, useModal, onTransactionClick, suppressTransactionDisplay, kindsToShow, style, filter, noTransactionsMessage, entityId, }: {
+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, }: {
     /** A custom component to render instead of the default invoice component */
     transactionComponent?: React.ReactNode;
     /** Whether to show the search bar */
     showSearchBar?: boolean;
     /** Whether to show the title */
     showTitle?: boolean;
+    /** The title to display in the transactions list */
+    title?: string;
     /** The columns to display in the transactions list */
-    columns?: ("date-and-title" | "state" | "amount" | "download" | "actions")[];
+    columns?: ("date-and-title" | "state" | "amount" | "download")[];
     /** 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 transaction is clicked */
@@ -32,9 +35,8 @@ export default function Transactions({ transactionComponent, showSearchBar, show
     /** The entity id to pass to the invoice component */
     entityId: string;
 }): import("react/jsx-runtime").JSX.Element;
-export declare function TransactionsDisplay({ transactions, onSearchValueChanged, search, title, }: {
+export declare function TransactionsDisplay({ transactions, onSearchValueChanged, search, }: {
     transactions: T.Transaction[];
     onSearchValueChanged: (value: string) => void;
     search: string;
-    title?: string;
 }): import("react/jsx-runtime").JSX.Element;

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

@@ -1,17 +1,26 @@
-import type { StoryObj } from "@storybook/react";
+import type { Meta, StoryObj } from "@storybook/react";
 import Transactions from "./Transactions";
-declare const meta: {
-    component: typeof Transactions;
-    tags: string[];
-};
+declare const meta: Meta<typeof Transactions>;
 export default meta;
 type Story = StoryObj<typeof meta>;
+export declare const basicArgs: {
+    token: string;
+    entityId: string;
+};
 export declare const Default: Story;
+export declare const Padding0BGRed: Story;
+export declare const NoShadow: Story;
 export declare const WithModal: Story;
-export declare const WithoutSearchBar: 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 WithCustomTransactionComponent: 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;

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

@@ -1,16 +1,20 @@
 /// <reference types="react" />
 import { FrontendTransaction as T, TransactionKind } from "@bunnyapp/common";
 import { TransactionListColumnType } from "./transactionsList/TransactionsListDesktop";
+import { ShadowType } from "../../types/shadowType";
 export type TransactionsContextValues = {
     showSearchBar?: boolean;
     showTitle?: boolean;
+    title?: string;
     transactionComponent?: React.ReactNode;
+    transactionStateRenderer?: (state: string) => React.ReactNode;
     columns: TransactionListColumnType[];
     className?: string;
-    shadow?: "none" | "sm" | "md" | "lg" | "xl";
+    shadow?: ShadowType;
     searchBarClassName?: string;
     useModal?: boolean;
     onTransactionClick?: (transaction: T.Transaction) => void;
+    onTransactionDisplayClose?: (transaction: T.Transaction | null) => void;
     suppressTransactionDisplay?: boolean;
     kindsToShow: TransactionKind[];
     style?: React.CSSProperties;

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

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

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 export type PaymentContextValues = {
-    accountId: string;
-    displayPayButtonNameAnyways: boolean;
+    onClickCancel?: () => void;
+    accountId?: string;
 };
 export declare const PaymentContext: import("react").Context<PaymentContextValues>;

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

@@ -1,6 +1,6 @@
 import { Account } from "@bunnyapp/common";
 declare const getAccount: ({ id, token, apiHost, }: {
-    id: string;
+    id?: string | undefined;
     token: string;
     apiHost: string;
 }) => Promise<Account>;

package/dist/esm/src/hooks/quotes/useSendAcceptQuote.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-declare const useSendAcceptQuote: ({ entityId, onErrorNavigate, quoteId, apiHost, token, }: {
+declare const useSendAcceptQuote: ({ entityId, onTokenExpired, quoteId, apiHost, token, }: {
     entityId: string;
-    onErrorNavigate: (url: string) => void;
+    onTokenExpired?: (() => void) | undefined;
     quoteId?: string | undefined;
     apiHost: string;
     token: string;

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

@@ -1,2 +1,2 @@
 import { GraphQLClient } from "graphql-request";
-export declare const usePaymentMethod: (graphQLClient: GraphQLClient) => import("@tanstack/react-query/build/legacy/types").UseQueryResult<any, Error>;
+export declare const usePaymentMethod: (graphQLClient: GraphQLClient, accountId?: string) => import("@tanstack/react-query/build/legacy/types").UseQueryResult<any, Error>;

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

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

package/dist/esm/src/storybook-utils.d.ts

@@ -0,0 +1,10 @@
+export declare const DarkModeParams: {
+    darkMode: boolean;
+    backgrounds: {
+        default: string;
+        values: {
+            name: string;
+            value: string;
+        }[];
+    };
+};

package/dist/esm/src/types/shadowType.d.ts

@@ -0,0 +1 @@
+export type ShadowType = "shadow-none" | "shadow-sm" | "shadow-md" | "shadow-lg" | "shadow-xl";

package/dist/index.d.ts

@@ -1,20 +1,26 @@
 /// <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 react from 'react';
 import * as _tanstack_react_query_build_legacy_types from '@tanstack/react-query/build/legacy/types';
 import { GraphQLClient } from 'graphql-request';
 
-declare function Invoice({ id, invoiceQuoteViewComponent, backButtonName, onBackButtonClick, onInvoiceDownloadError, onPaymentSuccess, entityId, }: {
+type ShadowType = "shadow-none" | "shadow-sm" | "shadow-md" | "shadow-lg" | "shadow-xl";
+
+type InvoiceQuoteContextProps = {
     id?: string;
-    invoiceQuoteViewComponent?: react.ReactNode;
+    invoiceQuoteViewComponent?: React$1.ReactNode;
     backButtonName?: string;
     onBackButtonClick?: () => void;
     onInvoiceDownloadError?: () => void;
     onPaymentSuccess?: (savePaymentMethod?: boolean) => void;
     entityId: string;
-}): react_jsx_runtime.JSX.Element;
+    shadow?: ShadowType;
+    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 {
     interface Window {
@@ -24,26 +30,27 @@ declare global {
     }
 }
 
-declare function Quote({ entityId, id, }: {
-    entityId: string;
-    id?: string;
-}): react_jsx_runtime.JSX.Element;
+declare function Quote({ id, invoiceQuoteViewComponent, onInvoiceDownloadError, onPaymentSuccess, entityId, shadow, className, hideDownloadButton, }: InvoiceQuoteContextProps): react_jsx_runtime.JSX.Element;
+
+type TransactionListColumnType = "date-and-title" | "state" | "amount" | "download";
 
-declare function Quotes({ className, columns, entityId, filter, noQuotesMessage, onQuoteClick, quoteComponent, searchBarClassName, shadow, showSearchBar, showTitle, style, suppressQuoteDisplay, useModal, }: {
+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 */
@@ -59,10 +66,12 @@ declare function Quotes({ className, columns, entityId, filter, noQuotesMessage,
     entityId: string;
 }): react_jsx_runtime.JSX.Element;
 
-declare function PaymentMethod({ entityId, footer, }: {
+declare const PaymentMethod: ({ entityId, className, shadow, cardEnabled, }: {
     entityId: string;
-    footer?: React.ReactNode;
-}): react_jsx_runtime.JSX.Element;
+    className?: string | undefined;
+    shadow?: ShadowType | undefined;
+    cardEnabled?: boolean | undefined;
+}) => react_jsx_runtime.JSX.Element;
 
 type CheckoutProps = {
     invoice?: FormattedInvoice;
@@ -88,39 +97,49 @@ declare const Checkout: ({ entityId, onCancel, onSuccess, onFail, invoice, open,
 
 declare const getQuoteAmountDue: (quote: Quote$1) => number;
 
-declare function Signup({ companyName, entityId, priceListCode, returnUrl, }: {
+declare function Signup({ companyName, entityId, priceListCode, returnUrl, isCardEnabled, className, shadow, style, }: {
     companyName: string;
     entityId: string;
     priceListCode: string;
     returnUrl?: string;
+    /** Whether or not to display signup within a card */
+    isCardEnabled?: boolean;
+    /** A custom class name to apply to the component */
+    className?: string;
+    /** The shadow level to apply to the component */
+    shadow?: ShadowType;
+    /** A custom style to apply to the component */
+    style?: React.CSSProperties;
 }): react_jsx_runtime.JSX.Element;
 
-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;
 }): react_jsx_runtime.JSX.Element;
 
-declare function Transactions({ transactionComponent, showSearchBar, showTitle, 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, }: {
     /** A custom component to render instead of the default invoice component */
-    transactionComponent?: react.ReactNode;
+    transactionComponent?: React$1.ReactNode;
     /** Whether to show the search bar */
     showSearchBar?: boolean;
     /** Whether to show the title */
     showTitle?: boolean;
+    /** The title to display in the transactions list */
+    title?: string;
     /** The columns to display in the transactions list */
-    columns?: ("date-and-title" | "state" | "amount" | "download" | "actions")[];
+    columns?: ("date-and-title" | "state" | "amount" | "download")[];
     /** 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 transaction is clicked */
@@ -130,7 +149,7 @@ declare function Transactions({ transactionComponent, showSearchBar, showTitle,
     /** The kinds of transactions to show */
     kindsToShow?: TransactionKind[];
     /** A custom style to apply to the component */
-    style?: react.CSSProperties;
+    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 */
     filter?: string;
     /** Message to display when there are no transactions */
@@ -139,14 +158,15 @@ declare function Transactions({ transactionComponent, showSearchBar, showTitle,
     entityId: string;
 }): react_jsx_runtime.JSX.Element;
 
-declare const Subscriptions: ({ companyName, entityId, gap, shadow, showTitle, }: {
+declare const Subscriptions: ({ companyName, entityId, gap, shadow, showTitle, className, }: {
     companyName: string;
     entityId: string;
     gap?: number | undefined;
     shadow?: "none" | "lg" | "md" | "sm" | undefined;
     showTitle?: boolean | undefined;
+    className?: string | undefined;
 }) => react_jsx_runtime.JSX.Element;
 
-declare const usePaymentMethod: (graphQLClient: GraphQLClient) => _tanstack_react_query_build_legacy_types.UseQueryResult<any, Error>;
+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 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bunnyapp/components",
-  "version": "1.0.11",
+  "version": "1.0.13",
   "description": "Components from the Bunny portal to embed Bunny UI functionality into your application.",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
@@ -61,7 +61,7 @@
     "vite": "^5.4.11"
   },
   "peerDependencies": {
-    "@bunnyapp/common": "^1.0.37",
+    "@bunnyapp/common": "^1.0.38",
     "@fortawesome/fontawesome-svg-core": "^6.7.2",
     "@fortawesome/free-brands-svg-icons": "^6.7.2",
     "@fortawesome/free-regular-svg-icons": "^6.7.2",

package/dist/cjs/src/components/PaymentForm/Finix/FinixCardForm.d.ts

@@ -1,4 +0,0 @@
-import { PluginFormProps } from "../PaymentFormTypes";
-export declare const formatFinixError: (response: any) => any;
-declare const FinixForm: ({ invoice, isSaving, onFail, onPaymentSuccess, plugin, quote, setIsSaving, entityId, }: PluginFormProps) => import("react/jsx-runtime").JSX.Element | null;
-export default FinixForm;

package/dist/cjs/src/components/PaymentForm/Finix/index.d.ts

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

package/dist/cjs/src/components/PaymentForm/FinixAch.d.ts

@@ -1,3 +0,0 @@
-import { PluginFormProps } from "./PaymentFormTypes";
-declare const FinixAchPayment: ({ invoice, isSaving, onFail, onPaymentSuccess, plugin, quote, setIsSaving, entityId, }: PluginFormProps) => import("react/jsx-runtime").JSX.Element | null;
-export default FinixAchPayment;

package/dist/cjs/src/components/PaymentForm/PaymentMethod/PaymentMethodContext.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-export type PaymentMethodContextValues = {
-    footer?: React.ReactNode;
-};
-export declare const PaymentMethodContext: import("react").Context<PaymentMethodContextValues>;

package/dist/cjs/src/components/PaymentForm/PaymentMethodForm.d.ts

@@ -1,3 +0,0 @@
-import { PaymentMethodFormProps } from "./PaymentFormTypes";
-declare const PaymentMethodForm: ({ entityId, invoice, isPlugin, isSaving, onFail, onPaymentSuccess, paymentMethod, quote, setIsSaving, }: PaymentMethodFormProps) => import("react/jsx-runtime").JSX.Element | null;
-export default PaymentMethodForm;

package/dist/cjs/src/components/PaymentForm/PaymentOption.d.ts

@@ -1,8 +0,0 @@
-import { PaymentMethod, PluginData } from "@bunnyapp/common";
-declare const PaymentOption: ({ selected, paymentOption, onClick, name, }: {
-    onClick: (paymentMethod: PluginData | PaymentMethod) => void;
-    selected: boolean;
-    paymentOption: PluginData | PaymentMethod;
-    name: string;
-}) => import("react/jsx-runtime").JSX.Element;
-export default PaymentOption;

package/dist/cjs/src/components/PaymentForm/StoredPaymentMethod/StoredPaymentMethodForm.d.ts

@@ -1,3 +0,0 @@
-import { StoredPaymentMethodFormProps } from "../PaymentFormTypes";
-declare const StoredPaymentMethodForm: ({ isSaving, invoice, onPaymentSuccess, paymentMethod, quote, setIsSaving, }: StoredPaymentMethodFormProps) => import("react/jsx-runtime").JSX.Element;
-export default StoredPaymentMethodForm;

package/dist/cjs/src/components/PaymentForm/Stripe/CheckoutForm.d.ts

@@ -1,3 +0,0 @@
-import { PluginFormProps } from "../PaymentFormTypes";
-declare const CheckoutForm: ({ payable, plugin, isSaving, setIsSaving, onFail, onPaymentSuccess, }: PluginFormProps) => import("react/jsx-runtime").JSX.Element;
-export default CheckoutForm;

package/dist/cjs/src/components/PaymentForm/Stripe/index.d.ts

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

package/dist/cjs/src/components/PaymentForm/paymentUtils.d.ts

@@ -1,7 +0,0 @@
-import { PluginData } from "@bunnyapp/common";
-export declare const retrieveConfig: ({ plugin, token, apiHost, accountId, }: {
-    plugin: PluginData;
-    token: string;
-    apiHost: string;
-    accountId?: string | undefined;
-}) => Promise<any>;

package/dist/cjs/src/stories/Button.d.ts

@@ -1,15 +0,0 @@
-import './button.css';
-export interface ButtonProps {
-    /** Is this the principal call to action on the page? */
-    primary?: boolean;
-    /** What background color to use */
-    backgroundColor?: string;
-    /** How large should the button be? */
-    size?: 'small' | 'medium' | 'large';
-    /** Button contents */
-    label: string;
-    /** Optional click handler */
-    onClick?: () => void;
-}
-/** Primary UI component for user interaction */
-export declare const Button: ({ primary, size, backgroundColor, label, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/src/stories/Button.stories.d.ts

@@ -1,9 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { Button } from './Button';
-declare const meta: Meta<typeof Button>;
-export default meta;
-type Story = StoryObj<typeof Button>;
-export declare const Primary: Story;
-export declare const Secondary: Story;
-export declare const Large: Story;
-export declare const Small: Story;

package/dist/cjs/src/stories/Header.d.ts

@@ -1,12 +0,0 @@
-import './header.css';
-type User = {
-    name: string;
-};
-export interface HeaderProps {
-    user?: User;
-    onLogin?: () => void;
-    onLogout?: () => void;
-    onCreateAccount?: () => void;
-}
-export declare const Header: ({ user, onLogin, onLogout, onCreateAccount }: HeaderProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/cjs/src/stories/Header.stories.d.ts

@@ -1,7 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { Header } from './Header';
-declare const meta: Meta<typeof Header>;
-export default meta;
-type Story = StoryObj<typeof Header>;
-export declare const LoggedIn: Story;
-export declare const LoggedOut: Story;

package/dist/cjs/src/stories/Page.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import './page.css';
-export declare const Page: React.FC;

package/dist/cjs/src/stories/Page.stories.d.ts

@@ -1,7 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { Page } from './Page';
-declare const meta: Meta<typeof Page>;
-export default meta;
-type Story = StoryObj<typeof Page>;
-export declare const LoggedOut: Story;
-export declare const LoggedIn: Story;

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

@@ -1,4 +0,0 @@
-import { PluginFormProps } from "../PaymentFormTypes";
-export declare const formatFinixError: (response: any) => any;
-declare const FinixForm: ({ invoice, isSaving, onFail, onPaymentSuccess, plugin, quote, setIsSaving, entityId, }: PluginFormProps) => import("react/jsx-runtime").JSX.Element | null;
-export default FinixForm;

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

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

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

@@ -1,3 +0,0 @@
-import { PluginFormProps } from "./PaymentFormTypes";
-declare const FinixAchPayment: ({ invoice, isSaving, onFail, onPaymentSuccess, plugin, quote, setIsSaving, entityId, }: PluginFormProps) => import("react/jsx-runtime").JSX.Element | null;
-export default FinixAchPayment;

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

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-export type PaymentMethodContextValues = {
-    footer?: React.ReactNode;
-};
-export declare const PaymentMethodContext: import("react").Context<PaymentMethodContextValues>;

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

@@ -1,3 +0,0 @@
-import { PaymentMethodFormProps } from "./PaymentFormTypes";
-declare const PaymentMethodForm: ({ entityId, invoice, isPlugin, isSaving, onFail, onPaymentSuccess, paymentMethod, quote, setIsSaving, }: PaymentMethodFormProps) => import("react/jsx-runtime").JSX.Element | null;
-export default PaymentMethodForm;

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

@@ -1,8 +0,0 @@
-import { PaymentMethod, PluginData } from "@bunnyapp/common";
-declare const PaymentOption: ({ selected, paymentOption, onClick, name, }: {
-    onClick: (paymentMethod: PluginData | PaymentMethod) => void;
-    selected: boolean;
-    paymentOption: PluginData | PaymentMethod;
-    name: string;
-}) => import("react/jsx-runtime").JSX.Element;
-export default PaymentOption;

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

@@ -1,3 +0,0 @@
-import { StoredPaymentMethodFormProps } from "../PaymentFormTypes";
-declare const StoredPaymentMethodForm: ({ isSaving, invoice, onPaymentSuccess, paymentMethod, quote, setIsSaving, }: StoredPaymentMethodFormProps) => import("react/jsx-runtime").JSX.Element;
-export default StoredPaymentMethodForm;

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

@@ -1,3 +0,0 @@
-import { PluginFormProps } from "../PaymentFormTypes";
-declare const CheckoutForm: ({ payable, plugin, isSaving, setIsSaving, onFail, onPaymentSuccess, }: PluginFormProps) => import("react/jsx-runtime").JSX.Element;
-export default CheckoutForm;

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

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

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

@@ -1,7 +0,0 @@
-import { PluginData } from "@bunnyapp/common";
-export declare const retrieveConfig: ({ plugin, token, apiHost, accountId, }: {
-    plugin: PluginData;
-    token: string;
-    apiHost: string;
-    accountId?: string | undefined;
-}) => Promise<any>;