@bunnyapp/components 1.6.0-beta.7 → 1.6.0-beta.9

package/dist/index.d.ts

@@ -0,0 +1,232 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { FormattedInvoice, FormattedQuote, Transaction, Invoice as Invoice$1, Quote as Quote$1, PluginData, TransactionKind, Subscription, PaymentMethod } from '@bunnyapp/common';
+import { QueryClient } from '@tanstack/react-query';
+import { ThemeConfig } from 'antd';
+import react from 'react';
+
+type ShadowType = "shadow-none" | "shadow-sm" | "shadow-md" | "shadow-lg" | "shadow-xl";
+
+type InvoiceQuoteContextProps = {
+    id?: string;
+    invoiceQuoteViewComponent?: React.ReactNode;
+    backButtonName?: string;
+    onBackButtonClick?: () => void;
+    onInvoiceDownloadError?: () => void;
+    onPaymentSuccess?: (savePaymentMethod?: boolean) => void;
+    shadow?: ShadowType;
+    className?: string;
+    hideDownloadButton?: boolean;
+    onInvoiceLoaded?: (formattedInvoice: FormattedInvoice) => void;
+    onQuoteLoaded?: (formattedQuote: FormattedQuote) => void;
+};
+
+type InvoiceProps = InvoiceQuoteContextProps & {
+    hidePaymentForm?: boolean;
+};
+declare function Invoice({ id, invoiceQuoteViewComponent, backButtonName, onBackButtonClick, onInvoiceDownloadError, onPaymentSuccess, shadow, className, hideDownloadButton, hidePaymentForm, onInvoiceLoaded, }: InvoiceProps): react_jsx_runtime.JSX.Element;
+
+declare global {
+    interface Window {
+        heap: any;
+        PayFields: any;
+    }
+}
+
+declare function Quote({ id, invoiceQuoteViewComponent, onInvoiceDownloadError, onPaymentSuccess, shadow, className, hideDownloadButton, onQuoteLoaded, }: InvoiceQuoteContextProps): react_jsx_runtime.JSX.Element;
+
+type TransactionListColumnType = 'date' | 'title' | 'state' | 'amount' | 'download' | 'accountName';
+
+declare function Quotes({ className, columns, 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: 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: Transaction) => boolean;
+    /** A function to sort the quotes. Runs on the client side. */
+    sort?: (a: Transaction, b: Transaction) => number;
+    /** Message to display when there are no quotes */
+    noQuotesMessage?: string;
+}): react_jsx_runtime.JSX.Element;
+
+declare const PaymentForm: ({ invoice, onFail, onPaymentSuccess, onPaymentHoldSuccess, quote, accountId, onSavePaymentMethod, onRemovePaymentMethod, onSetDefaultPaymentMethod, overrideToken, customCheckoutFunction, paymentHoldOptions, }: {
+    invoice?: FormattedInvoice | Invoice$1;
+    quote?: Quote$1;
+    onFail: (error: any) => void;
+    onPaymentSuccess?: () => void;
+    onPaymentHoldSuccess?: (response: any) => void;
+    onSavePaymentMethod?: (response: any) => void;
+    onRemovePaymentMethod?: () => void;
+    onSetDefaultPaymentMethod?: () => void;
+    accountId?: string;
+    overrideToken?: string;
+    customCheckoutFunction?: (plugin: PluginData | undefined) => Promise<any>;
+    paymentHoldOptions?: {
+        payToAccept?: boolean;
+        amountToHold?: number;
+    };
+}) => react_jsx_runtime.JSX.Element;
+
+declare function Signup({ companyName, priceListCode, returnUrl, couponCode, className, shadow, style, defaultFirstName, defaultLastName, defaultEmail, defaultCompanyName, defaultBillingCountry, }: {
+    /** The company name to display on the signup page */
+    companyName: 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;
+    /** An optional coupon code that gets applied automatically */
+    couponCode?: string;
+    /** 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;
+    /** The default first name to use for the signup */
+    defaultFirstName?: string;
+    /** The default last name to use for the signup */
+    defaultLastName?: string;
+    /** The default email to use for the signup */
+    defaultEmail?: string;
+    /** The default company name to use for the signup */
+    defaultCompanyName?: string;
+    /** The default billing country to use for the signup */
+    defaultBillingCountry?: string;
+}): react_jsx_runtime.JSX.Element;
+
+declare function BunnyProvider({ children, darkMode, queryClient, apiHost, token, onTokenExpired, configProviderProps, }: {
+    children: React.ReactNode;
+    darkMode?: boolean;
+    queryClient?: QueryClient;
+    apiHost: string;
+    token?: string;
+    onTokenExpired?: () => void;
+    configProviderProps?: ThemeConfig | undefined;
+}): react_jsx_runtime.JSX.Element;
+
+type TransactionDateType = 'createdAt' | 'issuedAt' | 'dueAt';
+
+declare function Transactions({ transactionComponent, showSearchBar, showTitle, title, columns, className, shadow, searchBarClassName, useModal, onTransactionClick, suppressTransactionDisplay, kindsToShow, style, filter, noTransactionsMessage, filterTransactions, sortTransactions, transactionDateType, hidePaymentForm, }: {
+    /** 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: 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;
+    /** 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: Transaction) => boolean;
+    /** A function to sort the transactions. Runs on the client side. */
+    sortTransactions?: (transactionA: Transaction, transactionB: Transaction) => number;
+    /** The type of date to display for transactions if applicable. Payments will always only show createdAt date. */
+    transactionDateType?: TransactionDateType;
+    /** Whether to hide the payment form on invoices */
+    hidePaymentForm?: boolean;
+}): react_jsx_runtime.JSX.Element;
+
+declare const SubscriptionsWrapper: ({ handlePortalErrors, companyName, isInPreviewMode, productId, className, styles: userStyles, noSubscriptionsComponent, showInactiveSubscriptions, showInactiveSubscriptionsToggle, }: {
+    handlePortalErrors?: (errors: any) => void;
+    companyName: string;
+    isInPreviewMode?: boolean;
+    productId?: string;
+    className?: string;
+    styles?: {
+        gap?: number;
+        shadow?: "none" | "sm" | "md" | "lg";
+        subscriptionProductNameStyle?: React.CSSProperties;
+    };
+    noSubscriptionsComponent?: React.ReactNode;
+    showInactiveSubscriptions?: boolean;
+    showInactiveSubscriptionsToggle?: boolean;
+}) => react_jsx_runtime.JSX.Element;
+
+declare const UpgradeWrapper: ({ onChangePlanCancel, handlePortalErrors, upgradingSubscription, isInPreviewMode, productId, className, shadow, }: {
+    onChangePlanCancel: () => void;
+    handlePortalErrors?: (error: any) => void;
+    upgradingSubscription?: Subscription;
+    isInPreviewMode: boolean;
+    productId: string | undefined;
+    className?: string;
+    shadow?: "none" | "sm" | "md" | "lg";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const BillingDetails: ({ className, countryListFilter, hideBillingDetailsForm, hidePaymentMethodForm, isCardEnabled, isUpgradeFromTrial, shadow, onSavePaymentMethod, }: {
+    className?: string;
+    countryListFilter?: (country: {
+        value: string;
+        label: string;
+    }) => boolean;
+    hideBillingDetailsForm?: boolean;
+    hidePaymentMethodForm?: boolean;
+    isCardEnabled?: boolean;
+    isUpgradeFromTrial?: boolean;
+    shadow?: ShadowType;
+    onSavePaymentMethod?: (paymentMethodData?: any) => void;
+}) => react_jsx_runtime.JSX.Element;
+
+declare const Footer: ({ className }: {
+    className?: string;
+}) => react_jsx_runtime.JSX.Element;
+
+declare const MiniCreditCard: ({ className, buttons, hideDropdownMenu, hideDefaultTag, onClickRemove, paymentMethodData, onClickSetDefault, id, }: {
+    className?: string;
+    buttons?: React.ReactNode;
+    hideDropdownMenu?: boolean;
+    hideDefaultTag?: boolean;
+    onClickRemove?: () => void;
+    paymentMethodData?: PaymentMethod;
+    onClickSetDefault?: () => void;
+    id?: string;
+}) => react_jsx_runtime.JSX.Element;
+
+export { BillingDetails, BunnyProvider, Footer, Invoice, MiniCreditCard, PaymentForm, Quote, Quotes, Signup, SubscriptionsWrapper as Subscriptions, Transactions, UpgradeWrapper as Upgrade };

package/package.json

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