@bunnyapp/components 1.0.55 → 1.0.56-beta.0.1

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

@@ -2,9 +2,8 @@ import { PaymentMethod } from "@bunnyapp/common";
 import { CheckoutProps } from "../PaymentForm/PaymentFormTypes";
 interface CheckoutComponentProps extends CheckoutProps {
     isMobile: boolean;
-    token: string;
+    token?: string;
     storedPaymentMethod?: PaymentMethod;
-    quantity?: number;
 }
-declare const Checkout: ({ onCancel, onSuccess, onFail, invoice, open, quote, selectedPriceList, token, quantity, }: CheckoutComponentProps) => import("react/jsx-runtime").JSX.Element | null;
+declare const Checkout: ({ onCancel, onSuccess, onFail, invoice, open, quote, selectedPriceList, token, }: CheckoutComponentProps) => import("react/jsx-runtime").JSX.Element | null;
 export default Checkout;

package/dist/cjs/src/components/Checkout/QuoteCheckout.d.ts

@@ -4,7 +4,7 @@ interface QuoteCheckoutProps extends InvoiceQuoteParentProps {
     account: Account;
     quote: Quote;
     taxationRequiredAccountFields?: TaxationRequiredAccountFields | null;
-    token: string;
+    token?: string;
     storedPaymentMethod?: PaymentMethod;
 }
 declare const QuoteCheckout: ({ account, onSuccess, onFail, quote, taxationRequiredAccountFields, }: QuoteCheckoutProps) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/src/components/PaymentForm/{PaymentMethod → DemoPay}/CreditCard/CreditCard.d.ts

@@ -8,10 +8,12 @@ type CreditCardProps = {
     cardEnabled?: boolean;
 };
 declare const CreditCard: ({ onClickRemove, onClickUpdate, paymentMethodData, shadow, cardEnabled, }: CreditCardProps) => import("react/jsx-runtime").JSX.Element;
-export declare const MiniCreditCard: ({ hideRemoveButton, onClickRemove, paymentMethodData, }: {
-    hideRemoveButton?: boolean | undefined;
+export declare const MiniCreditCard: ({ hideDropdownMenu, onClickRemove, paymentMethodData, onClickSetDefault, id, }: {
+    hideDropdownMenu?: boolean | undefined;
     onClickRemove: () => void;
-    paymentMethodData: PaymentMethod;
+    paymentMethodData?: PaymentMethod | undefined;
+    onClickSetDefault: () => void;
+    id?: string | undefined;
 }) => import("react/jsx-runtime").JSX.Element;
 declare const EmptyCard: ({ onClick, shadow, cardEnabled, }: {
     onClick: () => void;

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

@@ -1,15 +1,14 @@
 /// <reference types="react" />
 import { FormattedInvoice, PluginData, Quote } from "@bunnyapp/common";
-import { GraphQLClient } from "graphql-request";
-export declare const PaymentForm: ({ invoice, onFail, onPaymentSuccess, quote, accountId, onSavePaymentMethod, overrideToken, graphQLClient, customCheckoutFunction, currencyId: currencyIdFromProps, customPaymentForms, useAllPaymentPlugins, }: {
+export declare const PaymentForm: ({ invoice, onFail, onPaymentSuccess, quote, accountId, onSavePaymentMethod, onRemovePaymentMethod, overrideToken, customCheckoutFunction, currencyId: currencyIdFromProps, customPaymentForms, useAllPaymentPlugins, }: {
     invoice?: FormattedInvoice | undefined;
     quote?: Quote | undefined;
     onFail: (error: any) => void;
     onPaymentSuccess?: (() => void) | undefined;
     onSavePaymentMethod?: (() => void) | undefined;
+    onRemovePaymentMethod?: (() => void) | undefined;
     accountId?: string | undefined;
     overrideToken?: string | undefined;
-    graphQLClient: GraphQLClient;
     customCheckoutFunction?: ((plugin: PluginData | undefined) => Promise<any>) | undefined;
     currencyId?: string | undefined;
     customPaymentForms?: Record<string, import("react").ReactNode> | undefined;

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

@@ -20,5 +20,5 @@ export type CheckoutProps = {
     open: boolean;
     quote?: Quote;
     selectedPriceList?: PriceList;
-    token: string;
+    token?: string;
 };

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

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

package/dist/cjs/src/components/PaymentForm/hooks/useAutoSetDefaultPaymentMethod.d.ts

@@ -0,0 +1,8 @@
+import { PaymentMethod } from "@bunnyapp/common";
+declare const useAutoSetDefaultPaymentMethod: ({ accountId, token, handleSetDefault, setDefaultPaymentMethodLoading, }: {
+    accountId: string | undefined;
+    token?: string | undefined;
+    handleSetDefault: (paymentMethod: PaymentMethod) => void;
+    setDefaultPaymentMethodLoading: boolean;
+}) => void;
+export default useAutoSetDefaultPaymentMethod;

package/dist/cjs/src/components/PaymentForm/hooks/useHasActiveSubscription.d.ts

@@ -0,0 +1,5 @@
+declare function useHasActiveSubscription({ token, apiHost, }: {
+    token: string;
+    apiHost: string;
+}): any;
+export default useHasActiveSubscription;

package/dist/cjs/src/components/PaymentForm/hooks/usePaymentMethodSelectorPlugin.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { PaymentMethod, PluginData } from "@bunnyapp/common";
+declare const usePaymentMethodSelectorPlugin: ({ defaultPaymentMethod, defaultPaymentMethodPlugin, paymentMethodAllowedPlugins, }: {
+    defaultPaymentMethod: PaymentMethod | undefined;
+    defaultPaymentMethodPlugin: PluginData | undefined;
+    paymentMethodAllowedPlugins: PluginData[] | undefined;
+}) => {
+    selectorPaymentMethodPlugin: PluginData | undefined;
+    setSelectorPaymentMethodPlugin: import("react").Dispatch<import("react").SetStateAction<PluginData | undefined>>;
+};
+export default usePaymentMethodSelectorPlugin;

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

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

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

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

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

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

package/dist/cjs/src/components/Subscriptions/PlanManager/PlanPicker/NextPriceListButton.d.ts

@@ -1,7 +1,8 @@
 import { Dispatch, SetStateAction } from "react";
 import { PriceList } from "@bunnyapp/common";
-declare const NextPriceListButton: ({ availablePriceLists, priceListStart, setPriceListStart, }: {
+declare const NextPriceListButton: ({ availablePriceLists, priceListStart, setPriceListStart, numberOfPlansToDisplay, }: {
     availablePriceLists: PriceList[];
+    numberOfPlansToDisplay: number;
     priceListStart: number;
     setPriceListStart: Dispatch<SetStateAction<number>>;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/src/components/Subscriptions/PlanManager/PlanPicker/checkoutBar/CheckoutBarInput.d.ts

@@ -1,8 +1,9 @@
 import { PriceList, PriceListCharge } from "@bunnyapp/common";
-declare const CheckoutBarInput: ({ charge, quantity, selectedPriceList, setQuantity, }: {
+declare const CheckoutBarInput: ({ disabled, charge, quantity, selectedPriceList, onQuantityChanged, }: {
+    disabled?: boolean | undefined;
     charge: PriceListCharge;
     quantity: number;
     selectedPriceList?: PriceList | undefined;
-    setQuantity: (quantity: number) => void;
+    onQuantityChanged: (quantity: number) => void;
 }) => import("react/jsx-runtime").JSX.Element | null;
 export default CheckoutBarInput;

package/dist/cjs/src/components/Subscriptions/PlanManager/PlanPicker/checkoutBar/CheckoutBarSummarySection.d.ts

@@ -1,7 +1,6 @@
 import { PriceList, Quote, QuotePreviewData, Subscription } from "@bunnyapp/common";
-declare const CheckoutBarSummarySection: ({ open, quantityLocal, quote, selectedPriceList, onClickCheckout, upgradingSubscription, quotePreviewData, }: {
+declare const CheckoutBarSummarySection: ({ open, quote, selectedPriceList, onClickCheckout, upgradingSubscription, quotePreviewData, }: {
     open: boolean;
-    quantityLocal: number;
     quote?: Quote | undefined;
     selectedPriceList: PriceList;
     onClickCheckout: () => void;

package/dist/cjs/src/components/Subscriptions/PlanManager/PlanPicker/planPickerDesktop/EverythingPlanFeatures.d.ts

@@ -1,6 +1,7 @@
 import { PriceList, Product } from "@bunnyapp/common";
-declare const EverythingPlanFeatures: ({ availablePriceLists, selectedProduct, }: {
+declare const EverythingPlanFeatures: ({ availablePriceLists, selectedProduct, plansToDisplay, }: {
     availablePriceLists: PriceList[];
+    plansToDisplay: number;
     selectedProduct?: Product | undefined;
 }) => import("react/jsx-runtime").JSX.Element;
 export default EverythingPlanFeatures;

package/dist/cjs/src/components/Subscriptions/PlanManager/PlanPicker/planPickerDesktop/PlanFeatures.d.ts

@@ -1,6 +1,7 @@
 import { Plan, Product } from "@bunnyapp/common";
-declare const PlanFeatures: ({ availablePlansArray, selectedProduct, }: {
+declare const PlanFeatures: ({ availablePlansArray, selectedProduct, plansToDisplay, }: {
     availablePlansArray: Plan[];
+    plansToDisplay: number;
     selectedProduct?: Product | undefined;
 }) => import("react/jsx-runtime").JSX.Element;
 export default PlanFeatures;

package/dist/cjs/src/components/Subscriptions/PlanManager/PlanPicker/planPickerDesktop/PriceListGridDesktop.d.ts

@@ -1,6 +1,5 @@
-import { Product, PriceList, Subscription, PriceListChangeOptions } from "@bunnyapp/common";
+import { PriceList, PriceListChangeOptions, Product, Subscription } from "@bunnyapp/common";
 import { Dispatch, SetStateAction } from "react";
-export declare const PLANS_TO_DISPLAY = 3;
 type PriceListGridDesktopProps = {
     availablePriceLists: PriceList[];
     onChangePriceList: (selectedPriceList: PriceList) => void;

package/dist/cjs/src/components/Subscriptions/PlanManager/PlanPicker/planPickerUtils.d.ts

@@ -1,12 +1,13 @@
 import { PriceList, PriceListChangeOptions } from "@bunnyapp/common";
-export declare const getAvailablePlansAndPriceLists: ({ availablePriceLists, priceListChangeOptions, priceListStart, }: {
+export declare const getAvailablePlansAndPriceLists: ({ availablePriceLists, priceListChangeOptions, priceListStart, plansToDisplay, }: {
     availablePriceLists: PriceList[];
     priceListChangeOptions?: PriceListChangeOptions | undefined;
     priceListStart: number;
+    plansToDisplay: number;
 }) => {
     availablePlansArray: import("@bunnyapp/common").Plan[];
     displayPriceLists: PriceList[];
 };
-export declare const everythingInPlusString: ({ priceList }: {
+export declare const everythingInPlusString: ({ priceList, }: {
     priceList: PriceList;
 }) => string;

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

@@ -1,2 +1,2 @@
-export declare const useCancelSubscription: () => (subscriptionIds: string[], token: string, apiHost: string) => Promise<any>;
-export declare const useSubscriptionTrialConvert: (handlePortalErrors: (errors: any) => void, apiHost: string) => (subscriptionId: string, token: string, paymentId?: string) => Promise<any>;
+export declare const useCancelSubscription: () => (subscriptionIds: string[], apiHost: string, token?: string) => Promise<any>;
+export declare const useSubscriptionTrialConvert: (handlePortalErrors: (errors: any) => void, apiHost: string) => (subscriptionId: string, token?: string, paymentId?: string) => Promise<any>;

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

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

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

@@ -4,7 +4,8 @@ export type PaymentContextValues = {
     onClickCancel?: () => void;
     accountId?: string;
     overrideToken?: string;
-    storedPaymentMethod?: PaymentMethod;
+    storedPaymentMethods?: PaymentMethod[];
+    defaultPaymentMethod?: PaymentMethod;
     customCheckoutFunction?: (plugin: PluginData | undefined) => Promise<any>;
 };
 export declare const PaymentContext: import("react").Context<PaymentContextValues>;

package/dist/cjs/src/graphql/QuoteRequests.d.ts

@@ -1,6 +1,7 @@
-export declare const useCreateSubscriptionQuote: () => (subscriptionIds: string[], token: string, apiHost: string) => Promise<unknown>;
+export declare const useQuoteSubscriptionUpgrade: () => (subscriptionId: string, priceListId: string, apiHost: string, token?: string) => Promise<unknown>;
+export declare const useCreateSubscriptionQuote: () => (subscriptionIds: string[], apiHost: string, token?: string) => Promise<unknown>;
 export declare const useQuoteChangeUpdate: () => (charges: {
     id: string;
     quantity: number;
-}[], quoteChangeId: string, token: string, apiHost: string) => Promise<unknown>;
-export declare const useQuoteDelete: () => (quoteId: string, token: string, apiHost: string) => Promise<unknown>;
+}[], quoteChangeId: string, apiHost: string, token?: string) => Promise<unknown>;
+export declare const useQuoteDelete: () => (quoteId: string, apiHost: string, token?: string) => Promise<unknown>;

package/dist/cjs/src/graphql/mutations/quoteChargeCreate.d.ts

@@ -1,13 +1,12 @@
 type QuoteChangeCreateChargeProps = {
     apiHost: string;
-    endDate: string;
     price?: number;
     priceListChargeId?: string;
     quantity?: number;
     quoteChangeId: string;
     startDate: string;
     subscriptionChargeId?: string;
-    token: string;
+    token?: string;
 };
-declare const quoteChargeCreate: ({ endDate, price, priceListChargeId, quantity, quoteChangeId, startDate, subscriptionChargeId, token, apiHost, }: QuoteChangeCreateChargeProps) => Promise<unknown>;
+declare const quoteChargeCreate: ({ price, priceListChargeId, quantity, quoteChangeId, startDate, subscriptionChargeId, token, apiHost, }: QuoteChangeCreateChargeProps) => Promise<unknown>;
 export default quoteChargeCreate;

package/dist/cjs/src/graphql/mutations/quoteChargeUpdate.d.ts

@@ -0,0 +1,12 @@
+declare const quoteChargeUpdate: ({ discount, name, price, quantity, quoteChargeId, startDate, subtotal, apiHost, token, }: {
+    discount?: number | undefined;
+    name?: string | undefined;
+    price?: number | undefined;
+    quantity?: number | undefined;
+    quoteChargeId: string;
+    startDate?: string | undefined;
+    subtotal?: number | undefined;
+    apiHost: string;
+    token: string;
+}) => Promise<unknown>;
+export default quoteChargeUpdate;

package/dist/cjs/src/graphql/mutations/quoteCompose.d.ts

@@ -6,7 +6,7 @@ type Options = {
     subscriptionId?: string;
     quantity?: number;
     accountId?: string;
-    token: string;
+    token?: string;
     apiHost: string;
 };
 declare const quoteCompose: ({ quoteId, priceListId, subscriptionId, quantity, accountId, token, apiHost, }: Options) => Promise<Quote>;

package/dist/cjs/src/graphql/mutations/quoteRecalculateTaxes.d.ts

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

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

@@ -3,7 +3,7 @@ declare const getPriceListChangeOptions: ({ apiHost, isInPreviewMode, productId,
     apiHost: string;
     isInPreviewMode?: boolean | undefined;
     productId?: string | undefined;
-    token: string;
+    token?: string | undefined;
     upgradingSubscription?: Subscription | undefined;
 }) => Promise<any>;
 export default getPriceListChangeOptions;

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

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

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

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

package/dist/cjs/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/cjs/src/hooks/useHasTaxPlugin.d.ts

@@ -1,5 +1,5 @@
 declare const useHasTaxPlugin: ({ apiHost, token, }: {
     apiHost: string;
-    token: string;
+    token?: string | undefined;
 }) => boolean;
 export default useHasTaxPlugin;

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

@@ -1,9 +1,10 @@
-import { GraphQLClient } from "graphql-request";
-export declare const usePaymentMethod: ({ accountId, graphQLClient, token, }: {
+import { PaymentMethod } from "@bunnyapp/common";
+export declare const usePaymentMethod: ({ accountId, token, apiHost, }: {
     accountId?: string | undefined;
-    graphQLClient: GraphQLClient;
-    token: string;
+    token?: string | undefined;
+    apiHost: string;
 }) => {
-    data: any;
+    paymentMethods: PaymentMethod[];
+    defaultPaymentMethod: PaymentMethod | undefined;
     isLoading: boolean;
 };

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

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

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

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

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

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

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

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

package/dist/cjs/src/utils/apiUtils.d.ts

@@ -1,2 +1,2 @@
 export declare const getGraphQLBaseURL: (apiHost: string) => string;
-export declare const useGraphQLRequest: () => (query: string, token: string, apiHost: string, variables?: any) => Promise<unknown>;
+export declare const useGraphQLRequest: () => (query: string, apiHost: string, token?: string, variables?: any) => Promise<unknown>;