@bunnyapp/components 1.0.35 → 1.0.37

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

@@ -0,0 +1,144 @@
+/// <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: import("@storybook/core/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;
+    onInvoiceLoaded?: ((formattedInvoice: import("@bunnyapp/common").FormattedInvoice) => void) | undefined;
+    onQuoteLoaded?: ((formattedQuote: import("@bunnyapp/common").FormattedQuote) => void) | undefined;
+}, {
+    backButtonName?: string | undefined;
+    onBackButtonClick?: (() => void) | undefined;
+    shadow?: import("../../types/shadowType").ShadowType | undefined;
+    hideDownloadButton?: boolean | undefined;
+    id?: string | undefined;
+    className?: string | undefined;
+    entityId?: string | undefined;
+    onPaymentSuccess?: ((savePaymentMethod?: boolean | undefined) => void) | undefined;
+    invoiceQuoteViewComponent?: import("react").ReactNode;
+    onInvoiceDownloadError?: (() => void) | undefined;
+    onInvoiceLoaded?: ((formattedInvoice: import("@bunnyapp/common").FormattedInvoice) => void) | undefined;
+    onQuoteLoaded?: ((formattedQuote: import("@bunnyapp/common").FormattedQuote) => void) | undefined;
+}>;
+export declare const NoShadow: import("@storybook/core/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;
+    onInvoiceLoaded?: ((formattedInvoice: import("@bunnyapp/common").FormattedInvoice) => void) | undefined;
+    onQuoteLoaded?: ((formattedQuote: import("@bunnyapp/common").FormattedQuote) => void) | undefined;
+}, {
+    backButtonName?: string | undefined;
+    onBackButtonClick?: (() => void) | undefined;
+    shadow?: import("../../types/shadowType").ShadowType | undefined;
+    hideDownloadButton?: boolean | undefined;
+    id?: string | undefined;
+    className?: string | undefined;
+    entityId?: string | undefined;
+    onPaymentSuccess?: ((savePaymentMethod?: boolean | undefined) => void) | undefined;
+    invoiceQuoteViewComponent?: import("react").ReactNode;
+    onInvoiceDownloadError?: (() => void) | undefined;
+    onInvoiceLoaded?: ((formattedInvoice: import("@bunnyapp/common").FormattedInvoice) => void) | undefined;
+    onQuoteLoaded?: ((formattedQuote: import("@bunnyapp/common").FormattedQuote) => void) | undefined;
+}>;
+export declare const Mobile: import("@storybook/core/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;
+    onInvoiceLoaded?: ((formattedInvoice: import("@bunnyapp/common").FormattedInvoice) => void) | undefined;
+    onQuoteLoaded?: ((formattedQuote: import("@bunnyapp/common").FormattedQuote) => void) | undefined;
+}, {
+    backButtonName?: string | undefined;
+    onBackButtonClick?: (() => void) | undefined;
+    shadow?: import("../../types/shadowType").ShadowType | undefined;
+    hideDownloadButton?: boolean | undefined;
+    id?: string | undefined;
+    className?: string | undefined;
+    entityId?: string | undefined;
+    onPaymentSuccess?: ((savePaymentMethod?: boolean | undefined) => void) | undefined;
+    invoiceQuoteViewComponent?: import("react").ReactNode;
+    onInvoiceDownloadError?: (() => void) | undefined;
+    onInvoiceLoaded?: ((formattedInvoice: import("@bunnyapp/common").FormattedInvoice) => void) | undefined;
+    onQuoteLoaded?: ((formattedQuote: import("@bunnyapp/common").FormattedQuote) => void) | undefined;
+}>;
+export declare const CustomClassName: import("@storybook/core/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;
+    onInvoiceLoaded?: ((formattedInvoice: import("@bunnyapp/common").FormattedInvoice) => void) | undefined;
+    onQuoteLoaded?: ((formattedQuote: import("@bunnyapp/common").FormattedQuote) => void) | undefined;
+}, {
+    backButtonName?: string | undefined;
+    onBackButtonClick?: (() => void) | undefined;
+    shadow?: import("../../types/shadowType").ShadowType | undefined;
+    hideDownloadButton?: boolean | undefined;
+    id?: string | undefined;
+    className?: string | undefined;
+    entityId?: string | undefined;
+    onPaymentSuccess?: ((savePaymentMethod?: boolean | undefined) => void) | undefined;
+    invoiceQuoteViewComponent?: import("react").ReactNode;
+    onInvoiceDownloadError?: (() => void) | undefined;
+    onInvoiceLoaded?: ((formattedInvoice: import("@bunnyapp/common").FormattedInvoice) => void) | undefined;
+    onQuoteLoaded?: ((formattedQuote: import("@bunnyapp/common").FormattedQuote) => void) | undefined;
+}>;
+export declare const HideDownloadButton: Story;
+export declare const AcceptedQuote: Story;
+export declare const AcceptedQuoteDarkMode: Story;
+export declare const DarkMode: import("@storybook/core/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;
+    onInvoiceLoaded?: ((formattedInvoice: import("@bunnyapp/common").FormattedInvoice) => void) | undefined;
+    onQuoteLoaded?: ((formattedQuote: import("@bunnyapp/common").FormattedQuote) => void) | undefined;
+}, {
+    backButtonName?: string | undefined;
+    onBackButtonClick?: (() => void) | undefined;
+    shadow?: import("../../types/shadowType").ShadowType | undefined;
+    hideDownloadButton?: boolean | undefined;
+    id?: string | undefined;
+    className?: string | undefined;
+    entityId?: string | undefined;
+    onPaymentSuccess?: ((savePaymentMethod?: boolean | undefined) => void) | undefined;
+    invoiceQuoteViewComponent?: import("react").ReactNode;
+    onInvoiceDownloadError?: (() => void) | undefined;
+    onInvoiceLoaded?: ((formattedInvoice: import("@bunnyapp/common").FormattedInvoice) => void) | undefined;
+    onQuoteLoaded?: ((formattedQuote: import("@bunnyapp/common").FormattedQuote) => void) | undefined;
+}>;

package/dist/cjs/src/components/Quote/StyledModal.d.ts

@@ -0,0 +1,3 @@
+import { ModalProps } from "antd";
+declare const StyledModal: (props: ModalProps) => import("react/jsx-runtime").JSX.Element;
+export default StyledModal;

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

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

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

@@ -0,0 +1,40 @@
+/// <reference types="react" />
+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, 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 */
+    showSearchBar?: boolean;
+    /** Whether to show the title */
+    showTitle?: boolean;
+    /** 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?: ShadowType;
+    /** A custom class name to apply to the search bar */
+    searchBarClassName?: string;
+    /** A function to call when a quote is clicked */
+    onQuoteClick?: (quote: T.Transaction) => void;
+    /** Whether to hide the display showing the quote */
+    suppressQuoteDisplay?: boolean;
+    /** A custom style to apply to the component */
+    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;
+}): import("react/jsx-runtime").JSX.Element;
+export default Quotes;

package/dist/cjs/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;

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

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

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

@@ -0,0 +1,18 @@
+import { PluginData, Quote } from "@bunnyapp/common";
+export default function PaymentForms({ quote, handlePaymentSuccess, handlePaymentFail, handleSubmit, proceedingToPayment, entityId, accountId, overrideToken, customCheckoutFunction, }: {
+    quote?: Quote;
+    handlePaymentSuccess: () => void;
+    handlePaymentFail: (error: any) => void;
+    handleSubmit: (formData: FormData) => void;
+    proceedingToPayment: boolean;
+    entityId: string;
+    accountId?: string;
+    overrideToken?: string;
+    customCheckoutFunction?: (plugin: PluginData | undefined) => Promise<any>;
+}): import("react/jsx-runtime").JSX.Element;
+export type FormData = {
+    firstName: string;
+    lastName: string;
+    email: string;
+    accountName: string;
+};

package/dist/cjs/src/components/Signup/PaymentSuccess.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export default function PaymentSuccessDisplay({ amountPaid, className, companyName, returnUrl, style, currencyId, }: {
+    amountPaid: number;
+    className: string;
+    companyName: string;
+    returnUrl?: string;
+    style?: React.CSSProperties;
+    currencyId: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/src/components/Signup/PriceListDisplay.d.ts

@@ -0,0 +1,6 @@
+import "../../styles/index.less";
+import { PriceList } from "@bunnyapp/common";
+export default function PriceListDisplay({ priceListData, topNavImageUrl, }: {
+    priceListData?: PriceList;
+    topNavImageUrl: string;
+}): import("react/jsx-runtime").JSX.Element | null;

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

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+import "../../styles/index.less";
+import { ShadowType } from "../../types/shadowType";
+export default function Signup({ companyName, entityId, priceListCode, returnUrl, isCardEnabled, className, shadow, style, }: {
+    /** 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;
+    /** 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/cjs/src/components/Signup/Signup.stories.d.ts

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import Signup from "./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/cjs/src/components/Signup/index.d.ts

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

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

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

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

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+import { Subscription } from "@bunnyapp/common";
+import "../../styles/index.less";
+export type EditingQuoteDataType = {
+    id: string;
+    isTrial: boolean;
+};
+declare const Subscriptions: ({ className, companyName, entityId, hideExpired, onCancelSubscriptionClick, onChangePlanClick, onSubscriptionsLoaded, styles, noSubscriptionsComponent, }: {
+    className?: string | undefined;
+    companyName: string;
+    entityId: string;
+    hideExpired?: boolean | undefined;
+    onCancelSubscriptionClick?: ((subscription: Subscription) => void) | undefined;
+    onChangePlanClick?: ((subscription: Subscription) => void) | undefined;
+    onSubscriptionsLoaded?: ((subscriptions: Subscription[]) => void) | undefined;
+    styles?: {
+        gap?: number | undefined;
+        shadow?: "none" | "lg" | "md" | "sm" | undefined;
+        subscriptionProductNameStyle?: import("react").CSSProperties | undefined;
+    } | undefined;
+    noSubscriptionsComponent?: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export default Subscriptions;

package/dist/cjs/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/cjs/src/components/Subscriptions/SubscriptionsContext.d.ts

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

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

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

package/dist/cjs/src/components/Subscriptions/subscriptionsList/SubscriptionCardActions.d.ts

@@ -0,0 +1,8 @@
+import { PlanChangeOptions, Subscription } from "@bunnyapp/common";
+declare const SubscriptionCardActions: ({ onChangePlanClick, onCancelSubscriptionClick, planChangeOptions, subscription, }: {
+    onChangePlanClick: (subscription: Subscription) => void;
+    onCancelSubscriptionClick: (subscription: Subscription) => void;
+    planChangeOptions?: PlanChangeOptions | undefined;
+    subscription: Subscription;
+}) => import("react/jsx-runtime").JSX.Element | null;
+export default SubscriptionCardActions;

package/dist/cjs/src/components/Subscriptions/subscriptionsList/SubscriptionCardHeader.d.ts

@@ -0,0 +1,8 @@
+import { PlanChangeOptions, Subscription } from "@bunnyapp/common";
+declare const SubscriptionCardHeader: ({ onChangePlanClick, onCancelSubscriptionClick, planChangeOptions, subscription, }: {
+    onChangePlanClick?: ((subscription: Subscription) => void) | undefined;
+    onCancelSubscriptionClick?: ((subscription: Subscription) => void) | undefined;
+    planChangeOptions?: PlanChangeOptions | undefined;
+    subscription: Subscription;
+}) => import("react/jsx-runtime").JSX.Element;
+export default SubscriptionCardHeader;

package/dist/cjs/src/components/Subscriptions/subscriptionsList/SubscriptionChargeTotal.d.ts

@@ -0,0 +1,6 @@
+import { Subscription, SubscriptionCharge } from "@bunnyapp/common";
+declare const SubscriptionChargeTotal: ({ charge, subscription, }: {
+    charge: SubscriptionCharge;
+    subscription: Subscription;
+}) => import("react/jsx-runtime").JSX.Element;
+export default SubscriptionChargeTotal;

package/dist/cjs/src/components/Subscriptions/subscriptionsList/SubscriptionChargeUnitPrice.d.ts

@@ -0,0 +1,6 @@
+import { Subscription, SubscriptionCharge } from "@bunnyapp/common";
+declare const SubscriptionChargeUnitPrice: ({ charge, subscription, }: {
+    charge: SubscriptionCharge;
+    subscription: Subscription;
+}) => import("react/jsx-runtime").JSX.Element;
+export default SubscriptionChargeUnitPrice;

package/dist/cjs/src/components/Subscriptions/subscriptionsList/SubscriptionsList.d.ts

@@ -0,0 +1,9 @@
+import { PlanChangeOptions, Subscription } from "@bunnyapp/common";
+declare const SubscriptionsList: ({ hideExpired, onChangePlanClick, onCancelSubscriptionClick, planChangeOptions, subscriptions, }: {
+    hideExpired: boolean;
+    onChangePlanClick?: ((subscription: Subscription) => void) | undefined;
+    onCancelSubscriptionClick?: ((subscription: Subscription) => void) | undefined;
+    planChangeOptions?: PlanChangeOptions | undefined;
+    subscriptions: Subscription[];
+}) => import("react/jsx-runtime").JSX.Element;
+export default SubscriptionsList;

package/dist/cjs/src/components/Subscriptions/subscriptionsList/subscriptionCardDesktop/SubscriptionCardColumnHeaders.d.ts

@@ -0,0 +1,12 @@
+declare const SubscriptionCardColumnHeaders: ({ columns, }: {
+    columns: ({
+        title: string;
+        width: string;
+        className?: undefined;
+    } | {
+        className: string;
+        title: string;
+        width: string;
+    })[];
+}) => import("react/jsx-runtime").JSX.Element;
+export default SubscriptionCardColumnHeaders;

package/dist/cjs/src/components/Subscriptions/subscriptionsList/subscriptionCardDesktop/SubscriptionCardDesktop.d.ts

@@ -0,0 +1,8 @@
+import { PlanChangeOptions, Subscription } from "@bunnyapp/common";
+declare const SubscriptionCardDesktop: ({ onChangePlanClick, onCancelSubscriptionClick, planChangeOptions, subscription, }: {
+    onChangePlanClick?: ((subscription: Subscription) => void) | undefined;
+    onCancelSubscriptionClick?: ((subscription: Subscription) => void) | undefined;
+    planChangeOptions?: PlanChangeOptions | undefined;
+    subscription: Subscription;
+}) => import("react/jsx-runtime").JSX.Element;
+export default SubscriptionCardDesktop;

package/dist/cjs/src/components/Subscriptions/subscriptionsList/subscriptionCardDesktop/SubscriptionsCardCell.d.ts

@@ -0,0 +1,9 @@
+import { CSSProperties, ReactNode } from "react";
+declare const SubscriptionsListCell: ({ children, className, gridColumn, right, style, }: {
+    children?: ReactNode | ReactNode[];
+    className?: string | undefined;
+    gridColumn?: string | number | undefined;
+    right?: boolean | undefined;
+    style?: CSSProperties | undefined;
+}) => import("react/jsx-runtime").JSX.Element;
+export default SubscriptionsListCell;

package/dist/cjs/src/components/Subscriptions/subscriptionsList/subscriptionCardMobile/SubscriptionCardCellMobile.d.ts

@@ -0,0 +1,8 @@
+import { CSSProperties, ReactNode } from "react";
+type SubscriptionCardCellMobileProps = {
+    children: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+};
+declare const SubscriptionCardCellMobile: ({ children, className, style, }: SubscriptionCardCellMobileProps) => import("react/jsx-runtime").JSX.Element;
+export default SubscriptionCardCellMobile;

package/dist/cjs/src/components/Subscriptions/subscriptionsList/subscriptionCardMobile/SubscriptionCardMobile.d.ts

@@ -0,0 +1,5 @@
+import { Subscription } from "@bunnyapp/common";
+declare const SubscriptionCard: ({ subscription }: {
+    subscription: Subscription;
+}) => import("react/jsx-runtime").JSX.Element;
+export default SubscriptionCard;

package/dist/cjs/src/components/Subscriptions/subscriptionsList/subscriptionUtils.d.ts

@@ -0,0 +1,16 @@
+import { Plan, Product, Quote, Subscription, SubscriptionCharge } from "@bunnyapp/common";
+export declare const canShowQuantitiesInput: (charge: SubscriptionCharge, subscription: Subscription) => boolean | undefined;
+export declare const createQuoteParams: (quote: Quote, subscriptionQuantity: number, editedSubscription?: any) => {
+    charges: {
+        id: string;
+        quantity: number;
+    }[];
+    quoteChange: import("@bunnyapp/common").QuoteChange | undefined;
+};
+export declare const isSubscriptionNotActive: (subscription: Subscription) => boolean;
+export declare const productPlanName: ({ plan, product, }: {
+    plan: Plan;
+    product: Product;
+}) => string;
+export declare const canShowSubscriptionActions: (subscription: Subscription) => boolean;
+export declare const canShowCanceledActions: (subscription: Subscription) => boolean;

package/dist/cjs/src/components/TaxationForm.d.ts

@@ -0,0 +1,6 @@
+import { Account, Quote } from "@bunnyapp/common";
+declare const TaxationForm: ({ account, quote, }: {
+    account: Account;
+    quote: Quote;
+}) => import("react/jsx-runtime").JSX.Element;
+export default TaxationForm;

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

@@ -0,0 +1,55 @@
+import React from "react";
+import { FrontendTransaction as T, TransactionKind } from "@bunnyapp/common";
+import { ShadowType } from "../../types/shadowType";
+import { TransactionListColumnType } from "./transactionsList/TransactionsListDesktop";
+import { TransactionDateType } from "./TransactionsListContext";
+export default function Transactions({ transactionComponent, showSearchBar, showTitle, title, columns, className, shadow, searchBarClassName, useModal, onTransactionClick, suppressTransactionDisplay, kindsToShow, style, filter, noTransactionsMessage, entityId, filterTransactions, sortTransactions, transactionDateType, }: {
+    /** 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?: 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?: ShadowType;
+    /** A custom class name to apply to the search bar */
+    searchBarClassName?: string;
+    /** A function to call when a transaction is clicked */
+    onTransactionClick?: (transaction: T.Transaction) => void;
+    /** Whether to hide the display showing the transaction */
+    suppressTransactionDisplay?: boolean;
+    /** The kinds of transactions to 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
+     * 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;
+    /** The type of date to display for transactions if applicable. Payments will always only show createdAt date. */
+    transactionDateType?: TransactionDateType;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function TransactionsDisplay({ transactions, onSearchValueChanged, search, }: {
+    transactions: T.Transaction[];
+    onSearchValueChanged: (value: string) => void;
+    search: string;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,26 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import Transactions from "./Transactions";
+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 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/cjs/src/components/Transactions/TransactionsListContext.d.ts

@@ -0,0 +1,30 @@
+/// <reference types="react" />
+import { FrontendTransaction as T, TransactionKind } from "@bunnyapp/common";
+import { ShadowType } from "../../types/shadowType";
+import { TransactionListColumnType } from "./transactionsList/TransactionsListDesktop";
+export type TransactionsContextValues = {
+    showSearchBar?: boolean;
+    showTitle?: boolean;
+    title?: string;
+    transactionComponent?: React.ReactNode;
+    transactionStateRenderer?: (state: string) => React.ReactNode;
+    columns: TransactionListColumnType[];
+    className?: string;
+    shadow?: ShadowType;
+    searchBarClassName?: string;
+    useModal?: boolean;
+    onTransactionClick?: (transaction: T.Transaction) => void;
+    onTransactionDisplayClose?: (transaction: T.Transaction | null) => void;
+    suppressTransactionDisplay?: boolean;
+    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;
+    transactionDateType: TransactionDateType;
+};
+export type TransactionDateType = "createdAt" | "issuedAt" | "dueAt";
+export declare const TransactionsListContext: import("react").Context<TransactionsContextValues>;

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

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

package/dist/cjs/src/components/Transactions/transactionsList/TransactionDate.d.ts

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

package/dist/cjs/src/components/Transactions/transactionsList/TransactionDownload.d.ts

@@ -0,0 +1,7 @@
+import { FrontendTransaction as T } from "@bunnyapp/common";
+declare const TransactionDownload: ({ transaction, token, apiHost, }: {
+    transaction: T.Transaction;
+    token?: string | undefined;
+    apiHost: string;
+}) => import("react/jsx-runtime").JSX.Element | null;
+export default TransactionDownload;

package/dist/cjs/src/components/Transactions/transactionsList/TransactionGridCell.d.ts

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

package/dist/cjs/src/components/Transactions/transactionsList/TransactionTitle.d.ts

@@ -0,0 +1,5 @@
+import { FrontendTransaction as T } from "@bunnyapp/common";
+declare const TransactionRowTitle: ({ transaction, }: {
+    transaction: T.Transaction;
+}) => import("react/jsx-runtime").JSX.Element;
+export default TransactionRowTitle;

package/dist/cjs/src/components/Transactions/transactionsList/TransactionsEmptyState.d.ts

@@ -0,0 +1,2 @@
+declare const TransactionsEmptyState: () => import("react/jsx-runtime").JSX.Element;
+export default TransactionsEmptyState;

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

@@ -0,0 +1,7 @@
+import { FrontendTransaction as T } from "@bunnyapp/common";
+export type TransactionListColumnType = "date" | "title" | "state" | "amount" | "download" | "accountName";
+declare const TransactionsListDesktop: ({ transactions, onTransactionClick, }: {
+    transactions: T.Transaction[];
+    onTransactionClick?: ((transaction: T.Transaction) => void) | undefined;
+}) => import("react/jsx-runtime").JSX.Element;
+export default TransactionsListDesktop;