@bunnyapp/components 1.0.57 → 1.0.58-beta.0.1

package/dist/esm/playground/main.d.ts

@@ -1 +1 @@
-import "../src/styles/output.less";
+import '../src/styles/output.less';

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

@@ -1,5 +1,5 @@
-import "../../styles/index.less";
-import { ShadowType } from "../../types/shadowType";
+import '../../styles/index.less';
+import { ShadowType } from '../../types/shadowType';
 declare const BillingDetails: ({ isCardEnabled, shadow, className, hidePaymentMethodForm, hideBillingDetailsForm, countryListFilter, }: {
     isCardEnabled?: boolean | undefined;
     shadow?: ShadowType | undefined;

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import { QueryClient } from "@tanstack/react-query";
-import { ThemeConfig } from "antd";
-import { GraphQLClient } from "graphql-request";
+import { QueryClient } from '@tanstack/react-query';
+import { ThemeConfig } from 'antd';
+import { GraphQLClient } from 'graphql-request';
 export type BunnyContextValues = {
     apiHost: string;
     graphQLClient: GraphQLClient;

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

@@ -4,7 +4,6 @@ interface CheckoutComponentProps extends CheckoutProps {
     isMobile: boolean;
     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/esm/src/components/PaymentForm/CheckoutFooter.d.ts

@@ -1,4 +1,4 @@
-import { FormattedInvoice, PluginData, Quote } from "@bunnyapp/common";
+import { FormattedInvoice, PluginData, Quote } from '@bunnyapp/common';
 declare const CheckoutFooter: ({ quote, invoice, onPaymentSuccess, noPadding, plugin, }: {
     quote?: Quote | undefined;
     invoice?: FormattedInvoice | undefined;

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

@@ -1,5 +1,5 @@
-import { PaymentMethod } from "@bunnyapp/common";
-import { ShadowType } from "../../../../types/shadowType";
+import { PaymentMethod } from '@bunnyapp/common';
+import { ShadowType } from '../../../../types/shadowType';
 type CreditCardProps = {
     onClickRemove: () => void;
     onClickUpdate: () => void;
@@ -8,10 +8,15 @@ 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;
-    onClickRemove: () => void;
-    paymentMethodData: PaymentMethod;
+export declare const MiniCreditCard: ({ className, buttons, hideDropdownMenu, hideDefaultTag, onClickRemove, paymentMethodData, onClickSetDefault, id, }: {
+    className?: string | undefined;
+    buttons?: React.ReactNode;
+    hideDropdownMenu?: boolean | undefined;
+    hideDefaultTag?: boolean | undefined;
+    onClickRemove?: (() => void) | undefined;
+    paymentMethodData?: PaymentMethod | undefined;
+    onClickSetDefault?: (() => void) | undefined;
+    id?: string | undefined;
 }) => import("react/jsx-runtime").JSX.Element;
 declare const EmptyCard: ({ onClick, shadow, cardEnabled, }: {
     onClick: () => void;

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

@@ -0,0 +1 @@
+export { MiniCreditCard } from './CreditCard';

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

@@ -1,4 +1,4 @@
-import { PluginData } from "@bunnyapp/common";
+import { PluginData } from '@bunnyapp/common';
 declare const DemoPayForm: ({ onFail, onSavePaymentMethod, plugin, }: {
     onFail: (error: any) => void;
     onSavePaymentMethod: (response: any) => void;

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

@@ -1,6 +1,7 @@
-import { FormattedInvoice, PluginData, Quote } from "@bunnyapp/common";
-export declare function useSave({ onSaveSuccess, token, apiHost, accountId, }: {
-    onSaveSuccess: (response: any) => void;
+import { FormattedInvoice, PluginData, Quote } from '@bunnyapp/common';
+export declare function useSave({ onSaveSuccess, onSaveError, token, apiHost, accountId, }: {
+    onSaveSuccess?: (response: any) => void;
+    onSaveError?: (error: any) => void;
     quote?: Quote;
     invoice?: FormattedInvoice;
     token?: string;

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

@@ -1 +1 @@
-export { default as DemoPayForm } from "./DemoPayForm";
+export { MiniCreditCard } from './CreditCard';

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

@@ -1,18 +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, onRemovePaymentMethod, overrideToken, graphQLClient, customCheckoutFunction, currencyId: currencyIdFromProps, customPaymentForms, useAllPaymentPlugins, }: {
+import { FormattedInvoice, PluginData, Quote } from '@bunnyapp/common';
+export declare const PaymentForm: ({ invoice, onFail, onPaymentSuccess, quote, accountId, onSavePaymentMethod, onRemovePaymentMethod, onSetDefaultPaymentMethod, overrideToken, customCheckoutFunction, currencyId: currencyIdFromProps, }: {
     invoice?: FormattedInvoice | undefined;
     quote?: Quote | undefined;
     onFail: (error: any) => void;
     onPaymentSuccess?: (() => void) | undefined;
     onSavePaymentMethod?: (() => void) | undefined;
     onRemovePaymentMethod?: (() => void) | undefined;
+    onSetDefaultPaymentMethod?: (() => 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;
-    useAllPaymentPlugins?: boolean | undefined;
 }) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,9 +1,7 @@
-/// <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, }: {
     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/esm/src/components/PaymentForm/Stripe/PaymentMethodForm.d.ts

@@ -1,4 +1,4 @@
-import { PluginData } from "@bunnyapp/common";
+import { PluginData } from '@bunnyapp/common';
 declare const PaymentMethodForm: ({ plugin, onFail, onSavePaymentMethod, }: {
     plugin: PluginData;
     onFail: (error: any) => void;

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

@@ -1,6 +1,7 @@
-import { PluginData } from "@bunnyapp/common";
-export declare function useSave({ onSaveSuccess, }: {
-    onSaveSuccess: (response: any) => void;
+import { PluginData } from '@bunnyapp/common';
+export declare function useSave({ onSaveSuccess, onSaveError, }: {
+    onSaveSuccess?: (response: any) => void;
+    onSaveError?: (error: any) => void;
 }): {
     save: ({ plugin }: {
         plugin: PluginData;

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

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

package/dist/esm/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/esm/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/esm/src/components/PaymentForm/index.d.ts

@@ -1,2 +1 @@
-export { PaymentMethod } from "./PaymentMethod";
-export { PaymentForm } from "./PaymentForm";
+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[], apiHost: string, token?: string, accountId?: string, onRemovePaymentMethod?: () => void): (data: any) => Promise<void>;
+import { PluginData } from '@bunnyapp/common';
+declare function useRemovePaymentMethod(paymentPlugins: PluginData[], apiHost: string, token?: string, accountId?: string, onRemovePaymentMethod?: () => void, onError?: (message: string) => void): (data: any) => Promise<void>;
 export default useRemovePaymentMethod;

package/dist/esm/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, onError?: (message: string) => void, onSuccess?: () => void): {
+    setDefaultPaymentMethod: (data: any) => Promise<void>;
+    loading: boolean;
+};
+export default useSetDefaultPaymentMethod;

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

@@ -1,3 +1,3 @@
-import { InvoiceQuoteContextProps } from "../Invoice/InvoiceQuoteContext";
+import { InvoiceQuoteContextProps } from '../Invoice/InvoiceQuoteContext';
 export declare const MarkupContainer: any;
 export default function Quote({ id, invoiceQuoteViewComponent, onInvoiceDownloadError, onPaymentSuccess, shadow, className, hideDownloadButton, onQuoteLoaded, }: InvoiceQuoteContextProps): import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -1,4 +1,4 @@
-import { PluginData, Quote } from "@bunnyapp/common";
+import { PluginData, Quote } from '@bunnyapp/common';
 export default function PaymentForms({ quote, handlePaymentSuccess, handlePaymentFail, handleSubmit, proceedingToPayment, accountId, overrideToken, customCheckoutFunction, }: {
     quote?: Quote;
     handlePaymentSuccess: () => void;

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

@@ -1,5 +1,5 @@
 declare const PlanManager: ({ onChangePlanCancel, handlePortalErrors, }: {
     onChangePlanCancel: () => void;
-    handlePortalErrors: (error: any) => void;
+    handlePortalErrors?: ((error: any) => void) | undefined;
 }) => import("react/jsx-runtime").JSX.Element;
 export default PlanManager;

package/dist/esm/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/esm/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/esm/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, }: {
+import { PriceList, Quote, QuotePreviewData, Subscription } from '@bunnyapp/common';
+declare const CheckoutBarSummarySection: ({ open, quote, selectedPriceList, onClickCheckout, upgradingSubscription, quotePreviewData, }: {
     open: boolean;
-    quantityLocal: number;
     quote?: Quote | undefined;
     selectedPriceList: PriceList;
     onClickCheckout: () => void;

package/dist/esm/src/components/Subscriptions/PlanManager/PlanPicker/checkoutBar/PlanPickerCheckoutBar.d.ts

@@ -1,5 +1,5 @@
 declare const PlanPickerCheckoutBarWrapper: ({ handlePortalErrors, onCheckoutSuccess, }: {
-    handlePortalErrors: (errors: any) => void;
+    handlePortalErrors?: ((errors: any) => void) | undefined;
     onCheckoutSuccess: () => void;
 }) => import("react/jsx-runtime").JSX.Element | null;
 export default PlanPickerCheckoutBarWrapper;

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

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

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

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

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

@@ -1,10 +1,10 @@
-import { ReactNode } from "react";
+import { ReactNode } from 'react';
 export type EditingQuoteDataType = {
     id: string;
     isTrial: boolean;
 };
-declare const SubscriptionsWrapper: ({ handlePortalErrors, companyName, isInPreviewMode, productId, className, styles: userStyles, noSubscriptionsComponent, hideTitle, }: {
-    handlePortalErrors: (errors: any) => void;
+declare const SubscriptionsWrapper: ({ handlePortalErrors, companyName, isInPreviewMode, productId, className, styles: userStyles, noSubscriptionsComponent, hideTitle, hideExpiredToggle, }: {
+    handlePortalErrors?: ((errors: any) => void) | undefined;
     companyName: string;
     isInPreviewMode?: boolean | undefined;
     productId?: string | undefined;
@@ -16,5 +16,6 @@ declare const SubscriptionsWrapper: ({ handlePortalErrors, companyName, isInPrev
     } | undefined;
     noSubscriptionsComponent?: React.ReactNode;
     hideTitle?: boolean | undefined;
+    hideExpiredToggle?: boolean | undefined;
 }) => import("react/jsx-runtime").JSX.Element;
 export default SubscriptionsWrapper;

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

@@ -1,6 +1,5 @@
-declare const HideExpiredToggle: ({ hideExpired, setHideExpired, visible, }: {
+declare const HideExpiredToggle: ({ hideExpired, setHideExpired, }: {
     hideExpired: boolean;
     setHideExpired: (value: boolean) => void;
-    visible: boolean;
 }) => import("react/jsx-runtime").JSX.Element;
 export default HideExpiredToggle;

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

@@ -1,4 +1,4 @@
-import { Subscription } from "@bunnyapp/common";
+import { Subscription } from '@bunnyapp/common';
 declare const SubscriptionsNavigation: ({ expiredSwitchVisible, hideExpired, setHideExpired, setQuantityDrawerOpen, subscriptions, }: {
     expiredSwitchVisible: boolean;
     hideExpired: boolean;

package/dist/esm/src/components/icons/Cashapp.d.ts

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

package/dist/esm/src/components/icons/Link.d.ts

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

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

@@ -1,10 +1,11 @@
-export { Invoice } from "./Invoice";
-export { Quote } from "./Quote";
-export { Quotes } from "./Quotes";
-export { PaymentMethod, PaymentForm } from "./PaymentForm";
-export { Signup } from "./Signup";
-export { default as BunnyProvider } from "./BunnyProvider";
-export { default as Transactions } from "./Transactions";
-export { Subscriptions } from "./Subscriptions";
-export { BillingDetails } from "./BillingDetails";
-export { Footer } from "./Footer";
+export { Invoice } from './Invoice';
+export { Quote } from './Quote';
+export { Quotes } from './Quotes';
+export { PaymentForm } from './PaymentForm';
+export { Signup } from './Signup';
+export { default as BunnyProvider } from './BunnyProvider';
+export { default as Transactions } from './Transactions';
+export { Subscriptions } from './Subscriptions';
+export { BillingDetails } from './BillingDetails';
+export { Footer } from './Footer';
+export { MiniCreditCard } from './PaymentForm/DemoPay/CreditCard';

package/dist/esm/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/esm/src/graphql/QuoteRequests.d.ts

@@ -1,3 +1,4 @@
+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;

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

@@ -1,6 +1,5 @@
 type QuoteChangeCreateChargeProps = {
     apiHost: string;
-    endDate: string;
     price?: number;
     priceListChargeId?: string;
     quantity?: number;
@@ -9,5 +8,5 @@ type QuoteChangeCreateChargeProps = {
     subscriptionChargeId?: 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/esm/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/esm/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 | undefined;
+    apiHost: string;
 }) => {
-    data: any;
+    paymentMethods: PaymentMethod[];
+    defaultPaymentMethod: PaymentMethod | undefined;
     isLoading: boolean;
 };

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

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

package/dist/index.d.ts

@@ -1,11 +1,10 @@
 /// <reference types="react" />
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { FormattedInvoice, FormattedQuote, FrontendTransaction, Quote as Quote$1, PluginData, TransactionKind } from '@bunnyapp/common';
-import * as react from 'react';
-import react__default from 'react';
-import { GraphQLClient } from 'graphql-request';
+import { FormattedInvoice, FormattedQuote, FrontendTransaction, Quote as Quote$1, PluginData, TransactionKind, PaymentMethod } from '@bunnyapp/common';
 import { QueryClient } from '@tanstack/react-query';
 import { ThemeConfig } from 'antd';
+import * as react from 'react';
+import react__default from 'react';
 
 type ShadowType = "shadow-none" | "shadow-sm" | "shadow-md" | "shadow-lg" | "shadow-xl";
 
@@ -72,27 +71,18 @@ declare function Quotes({ className, columns, filter, filterQuotes, sort, noQuot
     noQuotesMessage?: string;
 }): react_jsx_runtime.JSX.Element;
 
-declare const PaymentMethod: ({ className, shadow, cardEnabled, useModal, }: {
-    className?: string | undefined;
-    shadow?: ShadowType | undefined;
-    cardEnabled?: boolean | undefined;
-    useModal?: boolean | undefined;
-}) => react_jsx_runtime.JSX.Element;
-
-declare const PaymentForm: ({ invoice, onFail, onPaymentSuccess, quote, accountId, onSavePaymentMethod, onRemovePaymentMethod, overrideToken, graphQLClient, customCheckoutFunction, currencyId: currencyIdFromProps, customPaymentForms, useAllPaymentPlugins, }: {
+declare const PaymentForm: ({ invoice, onFail, onPaymentSuccess, quote, accountId, onSavePaymentMethod, onRemovePaymentMethod, onSetDefaultPaymentMethod, overrideToken, customCheckoutFunction, currencyId: currencyIdFromProps, }: {
     invoice?: FormattedInvoice | undefined;
     quote?: Quote$1 | undefined;
     onFail: (error: any) => void;
     onPaymentSuccess?: (() => void) | undefined;
     onSavePaymentMethod?: (() => void) | undefined;
     onRemovePaymentMethod?: (() => void) | undefined;
+    onSetDefaultPaymentMethod?: (() => 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;
-    useAllPaymentPlugins?: boolean | undefined;
 }) => react_jsx_runtime.JSX.Element;
 
 declare function Signup({ companyName, priceListCode, returnUrl, isCardEnabled, className, shadow, style, entityId, }: {
@@ -170,8 +160,8 @@ declare function Transactions({ transactionComponent, showSearchBar, showTitle,
     transactionDateType?: TransactionDateType;
 }): react_jsx_runtime.JSX.Element;
 
-declare const SubscriptionsWrapper: ({ handlePortalErrors, companyName, isInPreviewMode, productId, className, styles: userStyles, noSubscriptionsComponent, hideTitle, }: {
-    handlePortalErrors: (errors: any) => void;
+declare const SubscriptionsWrapper: ({ handlePortalErrors, companyName, isInPreviewMode, productId, className, styles: userStyles, noSubscriptionsComponent, hideTitle, hideExpiredToggle, }: {
+    handlePortalErrors?: ((errors: any) => void) | undefined;
     companyName: string;
     isInPreviewMode?: boolean | undefined;
     productId?: string | undefined;
@@ -183,6 +173,7 @@ declare const SubscriptionsWrapper: ({ handlePortalErrors, companyName, isInPrev
     } | undefined;
     noSubscriptionsComponent?: React.ReactNode;
     hideTitle?: boolean | undefined;
+    hideExpiredToggle?: boolean | undefined;
 }) => react_jsx_runtime.JSX.Element;
 
 declare const BillingDetails: ({ isCardEnabled, shadow, className, hidePaymentMethodForm, hideBillingDetailsForm, countryListFilter, }: {
@@ -201,4 +192,15 @@ declare const Footer: ({ className }: {
     className?: string | undefined;
 }) => react_jsx_runtime.JSX.Element;
 
-export { BillingDetails, BunnyProvider, Footer, Invoice, PaymentForm, PaymentMethod, Quote, Quotes, Signup, SubscriptionsWrapper as Subscriptions, Transactions };
+declare const MiniCreditCard: ({ className, buttons, hideDropdownMenu, hideDefaultTag, onClickRemove, paymentMethodData, onClickSetDefault, id, }: {
+    className?: string | undefined;
+    buttons?: React.ReactNode;
+    hideDropdownMenu?: boolean | undefined;
+    hideDefaultTag?: boolean | undefined;
+    onClickRemove?: (() => void) | undefined;
+    paymentMethodData?: PaymentMethod | undefined;
+    onClickSetDefault?: (() => void) | undefined;
+    id?: string | undefined;
+}) => react_jsx_runtime.JSX.Element;
+
+export { BillingDetails, BunnyProvider, Footer, Invoice, MiniCreditCard, PaymentForm, Quote, Quotes, Signup, SubscriptionsWrapper as Subscriptions, Transactions };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bunnyapp/components",
-  "version": "1.0.57",
+  "version": "1.0.58-beta.0.1",
   "description": "Components from the Bunny portal to embed Bunny UI functionality into your application.",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
@@ -47,6 +47,7 @@
     "autoprefixer": "^10.4.20",
     "dependency-cruiser": "^16.8.0",
     "eslint-plugin-storybook": "^0.11.1",
+    "glob": "^11.0.2",
     "less": "^4.2.0",
     "msw": "^2.6.5",
     "postcss-less": "^6.0.0",
@@ -64,7 +65,7 @@
   },
   "peerDependencies": {
     "@ant-design/icons": "^5.6.1",
-    "@bunnyapp/common": "^1.0.55",
+    "@bunnyapp/common": "^1.0.58",
     "@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/components/PaymentForm/PaymentMethod/PaymentMethod.d.ts

@@ -1,8 +0,0 @@
-import "../../../styles/index.less";
-import { ShadowType } from "../../../types/shadowType";
-export declare const PaymentMethod: ({ className, shadow, cardEnabled, useModal, }: {
-    className?: string | undefined;
-    shadow?: ShadowType | undefined;
-    cardEnabled?: boolean | undefined;
-    useModal?: boolean | undefined;
-}) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,11 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import { PaymentMethod } from "./PaymentMethod";
-declare const meta: Meta<typeof PaymentMethod>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const CustomClassName: Story;
-export declare const NoShadow: Story;
-export declare const NoCard: Story;
-export declare const Mobile: Story;
-export declare const DarkMode: Story;

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

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