@bunnyapp/components 1.0.18 → 1.0.20

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const Card: ({ children, className, style, }: {
     children: React.ReactNode;
     className?: string | undefined;

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

@@ -1,2 +1,3 @@
 import { InvoiceQuoteContextProps } from "./InvoiceQuoteContext";
+import "../../styles/index.less";
 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/LegacyInvoicePDF.d.ts

@@ -1,4 +1,5 @@
-export default function InvoicePDF({ invoiceUuid, apiHost, }: {
+export default function InvoicePDF({ invoiceUuid, apiHost, token, }: {
     invoiceUuid?: string;
     apiHost: string;
+    token: string;
 }): import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -1,6 +1,6 @@
-import { FormattedInvoice, Quote } from "@bunnyapp/common";
+import { FormattedInvoice, PluginData, Quote } from "@bunnyapp/common";
 import { GraphQLClient } from "graphql-request";
-export declare const PaymentForm: ({ entityId, invoice, onFail, onPaymentSuccess, quote, accountId, onSavePaymentMethod, overrideToken, graphQLClient, }: {
+export declare const PaymentForm: ({ entityId, invoice, onFail, onPaymentSuccess, quote, accountId, onSavePaymentMethod, overrideToken, graphQLClient, customCheckoutFunction, }: {
     entityId: string;
     invoice?: FormattedInvoice | undefined;
     quote?: Quote | undefined;
@@ -10,4 +10,5 @@ export declare const PaymentForm: ({ entityId, invoice, onFail, onPaymentSuccess
     accountId?: string | undefined;
     overrideToken?: string | undefined;
     graphQLClient: GraphQLClient;
+    customCheckoutFunction?: ((plugin: PluginData | undefined) => Promise<any>) | undefined;
 }) => import("react/jsx-runtime").JSX.Element;

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

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

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

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

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

@@ -15,16 +15,16 @@ export declare const Default: import("@storybook/csf").StoryAnnotations<import("
     className?: string | undefined;
     hideDownloadButton?: boolean | undefined;
 }, {
+    className?: string | undefined;
+    id?: string | undefined;
+    entityId?: string | undefined;
+    shadow?: import("../../types/shadowType").ShadowType | undefined;
+    onPaymentSuccess?: ((savePaymentMethod?: boolean | undefined) => void) | undefined;
     backButtonName?: string | undefined;
     onBackButtonClick?: (() => void) | undefined;
-    shadow?: import("../../types/shadowType").ShadowType | undefined;
-    hideDownloadButton?: boolean | undefined;
-    id?: string | undefined;
-    className?: string | undefined;
     invoiceQuoteViewComponent?: import("react").ReactNode;
     onInvoiceDownloadError?: (() => void) | undefined;
-    onPaymentSuccess?: ((savePaymentMethod?: boolean | undefined) => void) | undefined;
-    entityId?: string | undefined;
+    hideDownloadButton?: boolean | undefined;
 }>;
 export declare const NoShadow: import("@storybook/csf").StoryAnnotations<import("@storybook/react/dist/types-a5624094").R, {
     id?: string | undefined;
@@ -38,16 +38,16 @@ export declare const NoShadow: import("@storybook/csf").StoryAnnotations<import(
     className?: string | undefined;
     hideDownloadButton?: boolean | undefined;
 }, {
+    className?: string | undefined;
+    id?: string | undefined;
+    entityId?: string | undefined;
+    shadow?: import("../../types/shadowType").ShadowType | undefined;
+    onPaymentSuccess?: ((savePaymentMethod?: boolean | undefined) => void) | undefined;
     backButtonName?: string | undefined;
     onBackButtonClick?: (() => void) | undefined;
-    shadow?: import("../../types/shadowType").ShadowType | undefined;
-    hideDownloadButton?: boolean | undefined;
-    id?: string | undefined;
-    className?: string | undefined;
     invoiceQuoteViewComponent?: import("react").ReactNode;
     onInvoiceDownloadError?: (() => void) | undefined;
-    onPaymentSuccess?: ((savePaymentMethod?: boolean | undefined) => void) | undefined;
-    entityId?: string | undefined;
+    hideDownloadButton?: boolean | undefined;
 }>;
 export declare const Mobile: import("@storybook/csf").StoryAnnotations<import("@storybook/react/dist/types-a5624094").R, {
     id?: string | undefined;
@@ -61,16 +61,16 @@ export declare const Mobile: import("@storybook/csf").StoryAnnotations<import("@
     className?: string | undefined;
     hideDownloadButton?: boolean | undefined;
 }, {
+    className?: string | undefined;
+    id?: string | undefined;
+    entityId?: string | undefined;
+    shadow?: import("../../types/shadowType").ShadowType | undefined;
+    onPaymentSuccess?: ((savePaymentMethod?: boolean | undefined) => void) | undefined;
     backButtonName?: string | undefined;
     onBackButtonClick?: (() => void) | undefined;
-    shadow?: import("../../types/shadowType").ShadowType | undefined;
-    hideDownloadButton?: boolean | undefined;
-    id?: string | undefined;
-    className?: string | undefined;
     invoiceQuoteViewComponent?: import("react").ReactNode;
     onInvoiceDownloadError?: (() => void) | undefined;
-    onPaymentSuccess?: ((savePaymentMethod?: boolean | undefined) => void) | undefined;
-    entityId?: string | undefined;
+    hideDownloadButton?: boolean | undefined;
 }>;
 export declare const CustomClassName: import("@storybook/csf").StoryAnnotations<import("@storybook/react/dist/types-a5624094").R, {
     id?: string | undefined;
@@ -84,16 +84,16 @@ export declare const CustomClassName: import("@storybook/csf").StoryAnnotations<
     className?: string | undefined;
     hideDownloadButton?: boolean | undefined;
 }, {
+    className?: string | undefined;
+    id?: string | undefined;
+    entityId?: string | undefined;
+    shadow?: import("../../types/shadowType").ShadowType | undefined;
+    onPaymentSuccess?: ((savePaymentMethod?: boolean | undefined) => void) | undefined;
     backButtonName?: string | undefined;
     onBackButtonClick?: (() => void) | undefined;
-    shadow?: import("../../types/shadowType").ShadowType | undefined;
-    hideDownloadButton?: boolean | undefined;
-    id?: string | undefined;
-    className?: string | undefined;
     invoiceQuoteViewComponent?: import("react").ReactNode;
     onInvoiceDownloadError?: (() => void) | undefined;
-    onPaymentSuccess?: ((savePaymentMethod?: boolean | undefined) => void) | undefined;
-    entityId?: string | undefined;
+    hideDownloadButton?: boolean | undefined;
 }>;
 export declare const HideDownloadButton: Story;
 export declare const AcceptedQuote: Story;
@@ -110,14 +110,14 @@ export declare const DarkMode: import("@storybook/csf").StoryAnnotations<import(
     className?: string | undefined;
     hideDownloadButton?: boolean | undefined;
 }, {
+    className?: string | undefined;
+    id?: string | undefined;
+    entityId?: string | undefined;
+    shadow?: import("../../types/shadowType").ShadowType | undefined;
+    onPaymentSuccess?: ((savePaymentMethod?: boolean | undefined) => void) | undefined;
     backButtonName?: string | undefined;
     onBackButtonClick?: (() => void) | undefined;
-    shadow?: import("../../types/shadowType").ShadowType | undefined;
-    hideDownloadButton?: boolean | undefined;
-    id?: string | undefined;
-    className?: string | undefined;
     invoiceQuoteViewComponent?: import("react").ReactNode;
     onInvoiceDownloadError?: (() => void) | undefined;
-    onPaymentSuccess?: ((savePaymentMethod?: boolean | undefined) => void) | undefined;
-    entityId?: string | undefined;
+    hideDownloadButton?: boolean | undefined;
 }>;

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

@@ -1,13 +1,14 @@
-import { Quote } from "@bunnyapp/common";
-export default function PaymentForms({ quote, handlePaymentSaveSuccess, handlePaymentFail, handleSubmit, proceedingToPayment, entityId, accountId, overrideToken, }: {
+import { PluginData, Quote } from "@bunnyapp/common";
+export default function PaymentForms({ quote, handlePaymentSuccess, handlePaymentFail, handleSubmit, proceedingToPayment, entityId, accountId, overrideToken, customCheckoutFunction, }: {
     quote?: Quote;
-    handlePaymentSaveSuccess: () => void;
+    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;

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

@@ -1,9 +1,7 @@
 /// <reference types="react" />
 import "../../styles/index.less";
 import { ShadowType } from "../../types/shadowType";
-export default function Signup({ apiToken, companyName, entityId, priceListCode, returnUrl, isCardEnabled, className, shadow, style, }: {
-    /** The API token to use for the signup. Signup needs a Bunny api client token, not a portalSessionToken. */
-    apiToken: string;
+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 */

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

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

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

@@ -1,10 +1,7 @@
 /// <reference types="react" />
 export type SubscriptionsContextValues = {
-    onChangePlanClick: () => void;
-    onClickUpgrade: () => void;
-    isTempViewOnly: boolean;
-    shadow?: "none" | "sm" | "md" | "lg";
     gap?: number;
+    shadow?: "none" | "sm" | "md" | "lg";
     showTitle?: boolean;
 };
 export declare const SubscriptionsContext: import("react").Context<SubscriptionsContextValues>;

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

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

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

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

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

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

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

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

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

@@ -1,8 +1,5 @@
-import { PlanChangeOptions, Subscription } from "@bunnyapp/common";
-declare const SubscriptionCard: ({ planChangeOptions, setEditingQuoteData, setPayModalVisible, subscription, }: {
-    planChangeOptions?: PlanChangeOptions | undefined;
-    setEditingQuoteData: (value: any) => void;
-    setPayModalVisible: (value: any) => void;
+import { Subscription } from "@bunnyapp/common";
+declare const SubscriptionCard: ({ subscription }: {
     subscription: Subscription;
 }) => import("react/jsx-runtime").JSX.Element;
 export default SubscriptionCard;

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

@@ -7,9 +7,6 @@ export declare const createQuoteParams: (quote: Quote, subscriptionQuantity: num
     }[];
     quoteChange: import("@bunnyapp/common").QuoteChange | undefined;
 };
-export declare const canShowChangeQuantities: ({ subscriptions, }: {
-    subscriptions: Subscription[];
-}) => boolean;
 export declare const isSubscriptionNotActive: (subscription: Subscription) => boolean;
 export declare const productPlanName: ({ plan, product, }: {
     plan: Plan;

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

@@ -1,7 +1,8 @@
 import React from "react";
 import { FrontendTransaction as T, TransactionKind } from "@bunnyapp/common";
 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, filterTransactions, sortTransactions, }: {
+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 */
@@ -43,6 +44,8 @@ export default function Transactions({ transactionComponent, showSearchBar, show
     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[];

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { FrontendTransaction as T, TransactionKind } from "@bunnyapp/common";
-import { TransactionListColumnType } from "./transactionsList/TransactionsListDesktop";
 import { ShadowType } from "../../types/shadowType";
+import { TransactionListColumnType } from "./transactionsList/TransactionsListDesktop";
 export type TransactionsContextValues = {
     showSearchBar?: boolean;
     showTitle?: boolean;
@@ -24,5 +24,7 @@ export type TransactionsContextValues = {
     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/esm/src/components/Transactions/transactionsList/TransactionsListDesktop.d.ts

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

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

@@ -2,5 +2,5 @@ import { FrontendTransaction as T } from "@bunnyapp/common";
 declare const TransactionsListMobile: ({ transactions, onTransactionClick, }: {
     transactions: T.Transaction[];
     onTransactionClick: (transaction: T.Transaction) => void;
-}) => import("react/jsx-runtime").JSX.Element | import("react/jsx-runtime").JSX.Element[];
+}) => import("react/jsx-runtime").JSX.Element;
 export default TransactionsListMobile;

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

@@ -0,0 +1,3 @@
+import { FrontendTransaction as T } from "@bunnyapp/common";
+import { TransactionDateType } from "../TransactionsListContext";
+export declare function transactionDateToDisplay(transaction: T.Transaction, transactionDateType: TransactionDateType): any;

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

@@ -1,9 +1,10 @@
 /// <reference types="react" />
-import { PaymentMethod } from "@bunnyapp/common";
+import { PaymentMethod, PluginData } from "@bunnyapp/common";
 export type PaymentContextValues = {
     onClickCancel?: () => void;
     accountId?: string;
     overrideToken?: string;
     storedPaymentMethod?: PaymentMethod;
+    customCheckoutFunction?: (plugin: PluginData | undefined) => Promise<any>;
 };
 export declare const PaymentContext: import("react").Context<PaymentContextValues>;

package/dist/esm/src/graphql/mutations/billingDetailsUpdate.d.ts

@@ -0,0 +1,6 @@
+declare const billingDetailsUpdate: ({ attributes, token, apiHost, }: {
+    attributes: Record<string, string>;
+    token: string;
+    apiHost: string;
+}) => Promise<any>;
+export default billingDetailsUpdate;

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

@@ -0,0 +1,6 @@
+import BillingDetails from "../../types/billingDetails";
+declare const getBillingDetails: ({ token, apiHost, }: {
+    token: string;
+    apiHost: string;
+}) => Promise<BillingDetails>;
+export default getBillingDetails;

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

@@ -1,7 +1,7 @@
-declare const getSubscriptions: ({ entityId, isInPreviewMode, token, apiHost, }: {
+declare const getSubscriptions: ({ apiHost, entityId, isInPreviewMode, token, }: {
+    apiHost: string;
     entityId: string;
     isInPreviewMode?: boolean | undefined;
     token: string;
-    apiHost: string;
 }) => Promise<any>;
 export default getSubscriptions;

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

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

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

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

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

@@ -0,0 +1,2 @@
+declare function useToken(): string;
+export default useToken;

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

@@ -0,0 +1,12 @@
+export default interface BillingDetails {
+    name?: string;
+    billingCity?: string;
+    billingContact?: {
+        email?: string;
+    };
+    billingCountry?: string;
+    billingState?: string;
+    billingStreet?: string;
+    billingZip?: string;
+    taxNumber?: string;
+}

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { FrontendTransaction, FormattedInvoice, Quote as Quote$1, PriceList, PaymentMethod as PaymentMethod$1, TransactionKind } from '@bunnyapp/common';
+import { FrontendTransaction, FormattedInvoice, Quote as Quote$1, PriceList, PaymentMethod as PaymentMethod$1, TransactionKind, Subscription } from '@bunnyapp/common';
 import { QueryClient } from '@tanstack/react-query';
 import { ThemeConfig } from 'antd';
 import react from 'react';
@@ -101,9 +101,7 @@ declare const Checkout: ({ entityId, onCancel, onSuccess, onFail, invoice, open,
 
 declare const getQuoteAmountDue: (quote: Quote$1) => number;
 
-declare function Signup({ apiToken, companyName, entityId, priceListCode, returnUrl, isCardEnabled, className, shadow, style, }: {
-    /** The API token to use for the signup. Signup needs a Bunny api client token, not a portalSessionToken. */
-    apiToken: string;
+declare 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 */
@@ -132,7 +130,9 @@ declare function BunnyProvider({ children, darkMode, queryClient, apiHost, token
     configProviderProps?: ThemeConfig | undefined;
 }): react_jsx_runtime.JSX.Element;
 
-declare function Transactions({ transactionComponent, showSearchBar, showTitle, title, columns, className, shadow, searchBarClassName, useModal, onTransactionClick, suppressTransactionDisplay, kindsToShow, style, filter, noTransactionsMessage, entityId, filterTransactions, sortTransactions, }: {
+type TransactionDateType = "createdAt" | "issuedAt" | "dueAt";
+
+declare 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 */
@@ -174,25 +174,36 @@ declare function Transactions({ transactionComponent, showSearchBar, showTitle,
     filterTransactions?: (transaction: FrontendTransaction.Transaction) => boolean;
     /** A function to sort the transactions. Runs on the client side. */
     sortTransactions?: (transactionA: FrontendTransaction.Transaction, transactionB: FrontendTransaction.Transaction) => number;
+    /** The type of date to display for transactions if applicable. Payments will always only show createdAt date. */
+    transactionDateType?: TransactionDateType;
 }): react_jsx_runtime.JSX.Element;
 
-declare const Subscriptions: ({ companyName, entityId, gap, shadow, showTitle, className, }: {
+declare const Subscriptions: ({ className, companyName, entityId, hideExpired, onCancelSubscriptionClick, onChangePlanClick, onSubscriptionsLoaded, styles, }: {
+    className?: string | undefined;
     companyName: string;
     entityId: string;
-    gap?: number | undefined;
-    shadow?: "none" | "lg" | "md" | "sm" | undefined;
-    showTitle?: boolean | undefined;
-    className?: string | undefined;
+    hideExpired?: boolean | undefined;
+    onCancelSubscriptionClick?: ((subscription: Subscription) => void) | undefined;
+    onChangePlanClick?: ((subscription: Subscription) => void) | undefined;
+    onSubscriptionsLoaded?: ((subscriptions: Subscription[]) => void) | undefined;
+    styles?: {
+        gap?: number | undefined;
+        shadow?: "none" | "sm" | "md" | "lg" | undefined;
+    } | undefined;
 }) => react_jsx_runtime.JSX.Element;
 
-declare const BillingDetails: ({ entityId, accountId, isCardEnabled, shadow, className, }: {
+declare const BillingDetails: ({ entityId, isCardEnabled, shadow, className, hidePaymentMethodForm, countryListFilter, }: {
     entityId: string;
-    accountId: string;
     isCardEnabled?: boolean | undefined;
     shadow?: ShadowType | undefined;
     className?: string | undefined;
+    hidePaymentMethodForm?: boolean | undefined;
+    countryListFilter?: ((country: {
+        value: string;
+        label: string;
+    }) => boolean) | undefined;
 }) => react_jsx_runtime.JSX.Element;
 
-declare const usePaymentMethod: (graphQLClient: GraphQLClient, accountId?: string) => _tanstack_react_query_build_legacy_types.UseQueryResult<any, Error>;
+declare const usePaymentMethod: (graphQLClient: GraphQLClient) => _tanstack_react_query_build_legacy_types.UseQueryResult<any, Error>;
 
 export { BillingDetails, BunnyProvider, Checkout, Invoice, PaymentMethod, Quote, Quotes, Signup, Subscriptions, Transactions, getQuoteAmountDue, usePaymentMethod };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bunnyapp/components",
-  "version": "1.0.18",
+  "version": "1.0.20",
   "description": "Components from the Bunny portal to embed Bunny UI functionality into your application.",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
@@ -62,7 +62,7 @@
     "vite": "^5.4.11"
   },
   "peerDependencies": {
-    "@bunnyapp/common": "^1.0.40",
+    "@bunnyapp/common": "^1.0.42",
     "@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/graphql/mutations/portalSessionCreate.d.ts

@@ -1,8 +0,0 @@
-declare const portalSessionCreate: ({ tenantCode, expiry, returnUrl, token, apiHost, }: {
-    tenantCode: string;
-    expiry: number;
-    returnUrl: string;
-    token: string;
-    apiHost: string;
-}) => Promise<any>;
-export default portalSessionCreate;

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

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

package/dist/esm/src/graphql/mutations/portalSessionCreate.d.ts

@@ -1,8 +0,0 @@
-declare const portalSessionCreate: ({ tenantCode, expiry, returnUrl, token, apiHost, }: {
-    tenantCode: string;
-    expiry: number;
-    returnUrl: string;
-    token: string;
-    apiHost: string;
-}) => Promise<any>;
-export default portalSessionCreate;

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

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