@bunnyapp/components 1.0.36 → 1.0.37

package/dist/esm/src/ajax.d.ts

@@ -1 +1 @@
-export declare const useDownloadFile: (id?: string, onError?: ((error: any) => void) | undefined) => (url: string, token: string) => Promise<any>;
+export declare const useDownloadFile: (id?: string, onError?: ((error: any) => void) | undefined) => (url: string, token?: string) => Promise<any>;

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

@@ -5,7 +5,7 @@ import { GraphQLClient } from "graphql-request";
 export type BunnyContextValues = {
     apiHost: string;
     graphQLClient: GraphQLClient;
-    token: string;
+    token?: string;
     displayPayButtonNameAnyways?: boolean;
     darkMode?: boolean;
     onTokenExpired?: () => void;
@@ -16,7 +16,7 @@ declare function BunnyProvider({ children, darkMode, queryClient, apiHost, token
     darkMode?: boolean;
     queryClient?: QueryClient;
     apiHost: string;
-    token: string;
+    token?: string;
     onTokenExpired?: () => void;
     configProviderProps?: ThemeConfig | undefined;
 }): import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -17,5 +17,5 @@ export declare const storePayment: (options: {
     testCreditCardCvc: string;
     testCreditCardExpirationDate: string;
     testCreditCardNumber: string;
-    token: string;
+    token?: string | undefined;
 }, plugin: PluginData, apiHost: string, accountId?: string) => Promise<any>;

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

@@ -3,7 +3,7 @@ export declare function useSave({ onSaveSuccess, token, apiHost, accountId, }: {
     onSaveSuccess: (response: any) => void;
     quote?: Quote;
     invoice?: FormattedInvoice;
-    token: string;
+    token?: string;
     apiHost: string;
     accountId?: string;
 }): {

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

@@ -1,6 +1,7 @@
+/// <reference types="react" />
 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, customCheckoutFunction, currencyId: currencyIdFromProps, }: {
+export declare const PaymentForm: ({ entityId, invoice, onFail, onPaymentSuccess, quote, accountId, onSavePaymentMethod, overrideToken, graphQLClient, customCheckoutFunction, currencyId: currencyIdFromProps, customPaymentForms, }: {
     entityId: string;
     invoice?: FormattedInvoice | undefined;
     quote?: Quote | undefined;
@@ -12,4 +13,5 @@ export declare const PaymentForm: ({ entityId, invoice, onFail, onPaymentSuccess
     graphQLClient: GraphQLClient;
     customCheckoutFunction?: ((plugin: PluginData | undefined) => Promise<any>) | undefined;
     currencyId?: string | undefined;
+    customPaymentForms?: Record<string, import("react").ReactNode> | undefined;
 }) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,7 +1,9 @@
+/// <reference types="react" />
 import { PaymentMethod, PluginData } from "@bunnyapp/common";
-declare const PaymentMethodDetails: ({ onFail, paymentMethod, onSavePaymentMethod, }: {
+declare const PaymentMethodDetails: ({ onFail, paymentMethod, onSavePaymentMethod, customPaymentForms, }: {
     onFail: (error: any) => void;
     paymentMethod: PaymentMethod | PluginData;
     onSavePaymentMethod: () => void;
+    customPaymentForms?: Record<string, import("react").ReactNode> | undefined;
 }) => import("react/jsx-runtime").JSX.Element | null;
 export default PaymentMethodDetails;

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

@@ -3,11 +3,11 @@ import { PluginData, Payable } from "@bunnyapp/common";
 export declare const createPaymentMethod: ({ paymentMethodId, plugin, token, apiHost, accountId, }: {
     paymentMethodId: string;
     plugin: PluginData;
-    token: string;
+    token?: string | undefined;
     apiHost: string;
     accountId?: string | undefined;
 }) => Promise<any>;
-export declare const createSetupIntent: (plugin: PluginData, token: string, apiHost: string, accountId?: string) => Promise<any>;
+export declare const createSetupIntent: (plugin: PluginData, apiHost: string, token?: string, accountId?: string) => Promise<any>;
 export declare const createPaymentIntent: ({ payable, savePaymentMethod, memo, plugin, token, apiHost, }: {
     payable: Payable;
     savePaymentMethod: boolean;
@@ -16,7 +16,7 @@ export declare const createPaymentIntent: ({ payable, savePaymentMethod, memo, p
     token: string;
     apiHost: string;
 }) => Promise<any>;
-export declare const useStripePlugin: (plugin: PluginData | undefined, token: string, apiHost: string, currencyId: string, accountId?: string) => {
+export declare const useStripePlugin: (plugin: PluginData | undefined, apiHost: string, currencyId: string, token?: string, accountId?: string) => {
     stripe: Stripe | null;
     options: {
         mode: "setup";

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

@@ -1 +1,2 @@
 export { PaymentMethod } from "./PaymentMethod";
+export { PaymentForm } from "./PaymentForm";

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, entityId: string, accountId?: string): (data: any) => Promise<void>;
+declare function useRemovePaymentMethod(paymentPlugins: PluginData[], apiHost: string, entityId: string, token?: string, accountId?: string): (data: any) => Promise<void>;
 export default useRemovePaymentMethod;

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

@@ -1,6 +1,7 @@
 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 */
@@ -12,7 +13,7 @@ export default function Transactions({ transactionComponent, showSearchBar, show
     /** 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")[];
+    columns?: TransactionListColumnType[];
     /** A custom class name to apply to the component */
     className?: string;
     /** Whether to use a modal for the invoice drawer */

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

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

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";
+export type TransactionListColumnType = "date" | "title" | "state" | "amount" | "download" | "accountName";
 declare const TransactionsListDesktop: ({ transactions, onTransactionClick, }: {
     transactions: T.Transaction[];
     onTransactionClick?: ((transaction: T.Transaction) => void) | undefined;

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

@@ -1,7 +1,7 @@
 export { Invoice } from "./Invoice";
 export { Quote } from "./Quote";
 export { Quotes } from "./Quotes";
-export { PaymentMethod } from "./PaymentForm/PaymentMethod";
+export { PaymentMethod, PaymentForm } from "./PaymentForm";
 export * from "./Checkout";
 export { Signup } from "./Signup";
 export { default as BunnyProvider } from "./BunnyProvider";

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

@@ -1,7 +1,7 @@
 declare const accountUpdate: ({ accountId, attributes, token, apiHost, }: {
     accountId: string;
     attributes: Record<string, string>;
-    token: string;
+    token?: string | undefined;
     apiHost: string;
 }) => Promise<any>;
 export default accountUpdate;

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

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

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

@@ -15,7 +15,7 @@ declare const checkout: ({ quoteId, invoiceId, paymentMethodId, paymentMethodDat
         savePaymentMethod?: boolean | undefined;
         metadata?: Record<string, any> | undefined;
     } | undefined;
-    token: string;
+    token?: string | undefined;
     apiHost: string;
 }) => Promise<{
     savePaymentMethod: boolean | undefined;

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

@@ -4,7 +4,7 @@ type BillingContact = {
     email: string;
 };
 declare const quoteAccountSignup: ({ token, apiHost, entityId, priceListCode, accountName, billingContact, }: {
-    token: string;
+    token?: string | undefined;
     apiHost: string;
     entityId: string;
     priceListCode: string;

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

@@ -2,7 +2,7 @@ import { Quote } from "@bunnyapp/common";
 declare const quoteAddCoupon: ({ quoteId, couponCode, token, apiHost, }: {
     quoteId?: string | undefined;
     couponCode?: string | undefined;
-    token: string;
+    token?: string | undefined;
     apiHost: string;
 }) => Promise<Quote>;
 export default quoteAddCoupon;

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

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

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

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

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

@@ -4,7 +4,7 @@ declare const getFeatureUsage: ({ subscriptionChargeId, startDate, endDate, data
     startDate?: string | undefined;
     endDate?: string | undefined;
     dataInterval?: number | undefined;
-    token: string;
+    token?: string | undefined;
     apiHost: string;
 }) => Promise<FeatureUsage>;
 export default getFeatureUsage;

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

@@ -2,6 +2,6 @@ import { FormattedQuote } from "@bunnyapp/common";
 declare const getFormattedQuote: ({ id, token, apiHost, }: {
     id?: string | undefined;
     apiHost: string;
-    token: string;
+    token?: string | undefined;
 }) => Promise<FormattedQuote>;
 export default getFormattedQuote;

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

@@ -1,7 +1,7 @@
 import { Subscription } from "@bunnyapp/common";
 declare const getPlanChangeOptions: ({ isInPreviewMode, token, upgradingSubscription, apiHost, }: {
     isInPreviewMode?: boolean | undefined;
-    token: string;
+    token?: string | undefined;
     upgradingSubscription?: Subscription | undefined;
     apiHost: string;
 }) => Promise<any>;

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

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

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

@@ -1,5 +1,5 @@
 declare const getQuotes: ({ token, apiHost, filter, }: {
-    token: string;
+    token?: string | undefined;
     apiHost: string;
     filter?: string | undefined;
 }) => Promise<any>;

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

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

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

@@ -1,3 +1,3 @@
 import { FrontendTransaction as T } from "@bunnyapp/common";
-declare const getTransactions: (filter: string, token: string, apiHost: string) => Promise<T.Transaction[]>;
+declare const getTransactions: (filter: string, apiHost: string, token?: string) => Promise<T.Transaction[]>;
 export default getTransactions;

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

@@ -4,7 +4,7 @@ declare const useSendAcceptQuote: ({ entityId, onTokenExpired, quoteId, apiHost,
     onTokenExpired?: (() => void) | undefined;
     quoteId?: string | undefined;
     apiHost: string;
-    token: string;
+    token?: string | undefined;
 }) => {
     acceptBoxVisible: boolean;
     isAccepting: boolean;

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

@@ -1,5 +1,5 @@
 declare const useSigningComplete: ({ data, token }: {
     data: any;
-    token: string;
+    token?: string | undefined;
 }) => void;
 export default useSigningComplete;

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

@@ -1,5 +1,5 @@
 import { GraphQLClient } from "graphql-request";
-export declare const usePaymentMethod: (graphQLClient: GraphQLClient, entityId?: string, token?: string) => {
+export declare const usePaymentMethod: (graphQLClient: GraphQLClient, entityId?: string, token?: string, accountId?: string) => {
     data: any;
     isLoading: boolean;
 };

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

@@ -2,7 +2,7 @@ import { PluginData } from "@bunnyapp/common";
 export declare const usePaymentPlugins: ({ entityId, apiHost, token, }: {
     entityId: string;
     apiHost: string;
-    token: string;
+    token?: string | undefined;
 }) => {
     paymentPlugins: PluginData[] | undefined;
     paymentMethodAllowedPlugins: PluginData[] | undefined;

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

@@ -1,6 +1,6 @@
 declare const usePlugins: ({ entityId, apiHost, token, }: {
     entityId: string;
     apiHost: string;
-    token: string;
+    token?: string | undefined;
 }) => import("@tanstack/react-query/build/legacy/types").UseQueryResult<any, Error>;
 export default usePlugins;

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

@@ -2,5 +2,5 @@ import { PluginData } from "@bunnyapp/common";
 export declare const useSigningPlugins: ({ entityId, apiHost, token, }: {
     entityId: string;
     apiHost: string;
-    token: string;
+    token?: string | undefined;
 }) => PluginData[] | undefined;

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

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

package/dist/esm/src/utils/GraphQLClient.d.ts

@@ -1,2 +1,2 @@
 import { GraphQLClient } from "graphql-request";
-export declare const createGraphQLClient: (token: string, apiHost: string) => GraphQLClient;
+export declare const createGraphQLClient: (apiHost: string, token?: string) => GraphQLClient;

package/dist/index.d.ts

@@ -1,11 +1,11 @@
 /// <reference types="react" />
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { FormattedInvoice, FormattedQuote, FrontendTransaction, 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 { FormattedInvoice, FormattedQuote, FrontendTransaction, Quote as Quote$1, PluginData, PriceList, PaymentMethod as PaymentMethod$1, TransactionKind, Subscription } from '@bunnyapp/common';
 import * as react from 'react';
 import react__default from 'react';
 import { GraphQLClient } from 'graphql-request';
+import { QueryClient } from '@tanstack/react-query';
+import { ThemeConfig } from 'antd';
 
 type ShadowType = "shadow-none" | "shadow-sm" | "shadow-md" | "shadow-lg" | "shadow-xl";
 
@@ -36,7 +36,7 @@ declare global {
 
 declare function Quote({ id, invoiceQuoteViewComponent, onInvoiceDownloadError, onPaymentSuccess, entityId, shadow, className, hideDownloadButton, onQuoteLoaded, }: InvoiceQuoteContextProps): react_jsx_runtime.JSX.Element;
 
-type TransactionListColumnType = "date-and-title" | "state" | "amount" | "download";
+type TransactionListColumnType = "date" | "title" | "state" | "amount" | "download" | "accountName";
 
 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 */
@@ -82,6 +82,21 @@ declare const PaymentMethod: ({ entityId, className, shadow, cardEnabled, useMod
     useModal?: boolean | undefined;
 }) => react_jsx_runtime.JSX.Element;
 
+declare const PaymentForm: ({ entityId, invoice, onFail, onPaymentSuccess, quote, accountId, onSavePaymentMethod, overrideToken, graphQLClient, customCheckoutFunction, currencyId: currencyIdFromProps, customPaymentForms, }: {
+    entityId: string;
+    invoice?: FormattedInvoice | undefined;
+    quote?: Quote$1 | undefined;
+    onFail: (error: any) => void;
+    onPaymentSuccess?: (() => void) | undefined;
+    onSavePaymentMethod?: (() => void) | undefined;
+    accountId?: string | undefined;
+    overrideToken?: string | undefined;
+    graphQLClient: GraphQLClient;
+    customCheckoutFunction?: ((plugin: PluginData | undefined) => Promise<any>) | undefined;
+    currencyId?: string | undefined;
+    customPaymentForms?: Record<string, react.ReactNode> | undefined;
+}) => react_jsx_runtime.JSX.Element;
+
 type CheckoutProps = {
     invoice?: FormattedInvoice;
     onCancel: () => void;
@@ -128,7 +143,7 @@ declare function BunnyProvider({ children, darkMode, queryClient, apiHost, token
     darkMode?: boolean;
     queryClient?: QueryClient;
     apiHost: string;
-    token: string;
+    token?: string;
     onTokenExpired?: () => void;
     configProviderProps?: ThemeConfig | undefined;
 }): react_jsx_runtime.JSX.Element;
@@ -145,7 +160,7 @@ declare function Transactions({ transactionComponent, showSearchBar, showTitle,
     /** 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")[];
+    columns?: TransactionListColumnType[];
     /** A custom class name to apply to the component */
     className?: string;
     /** Whether to use a modal for the invoice drawer */
@@ -210,9 +225,9 @@ declare const BillingDetails: ({ entityId, isCardEnabled, shadow, className, hid
     }) => boolean) | undefined;
 }) => react_jsx_runtime.JSX.Element;
 
-declare const usePaymentMethod: (graphQLClient: GraphQLClient, entityId?: string, token?: string) => {
+declare const usePaymentMethod: (graphQLClient: GraphQLClient, entityId?: string, token?: string, accountId?: string) => {
     data: any;
     isLoading: boolean;
 };
 
-export { BillingDetails, BunnyProvider, Checkout, Invoice, PaymentMethod, Quote, Quotes, Signup, Subscriptions, Transactions, getQuoteAmountDue, usePaymentMethod };
+export { BillingDetails, BunnyProvider, Checkout, Invoice, PaymentForm, PaymentMethod, Quote, Quotes, Signup, Subscriptions, Transactions, getQuoteAmountDue, usePaymentMethod };

package/package.json

@@ -1,10 +1,9 @@
 {
   "name": "@bunnyapp/components",
-  "version": "1.0.36",
+  "version": "1.0.37",
   "description": "Components from the Bunny portal to embed Bunny UI functionality into your application.",
-  "main": "dist/esm/index.js",
+  "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
-  "type": "module",
   "files": [
     "dist"
   ],