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

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

@@ -0,0 +1,3 @@
+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/types/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/types/src/components/Quote/AcceptQuoteModal.d.ts

@@ -0,0 +1,10 @@
+import { FormattedQuote } from '@bunnyapp/common';
+declare const AcceptQuoteModal: ({ acceptBoxVisible, formattedQuote, sendAccept, setAcceptBoxVisible, setIsAccepting, isSendAcceptPending, }: {
+    acceptBoxVisible: boolean;
+    formattedQuote: FormattedQuote;
+    sendAccept: (changedFields: any) => void;
+    setAcceptBoxVisible: (visible: boolean) => void;
+    setIsAccepting: (accepting: boolean) => void;
+    isSendAcceptPending: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
+export default AcceptQuoteModal;

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

@@ -0,0 +1,7 @@
+import { FormattedQuote } from '@bunnyapp/common';
+declare const PaymentHoldModal: ({ visible, setVisible, quote, }: {
+    visible: boolean;
+    setVisible: (visible: boolean) => void;
+    quote: FormattedQuote;
+}) => import("react/jsx-runtime").JSX.Element;
+export default PaymentHoldModal;

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

@@ -0,0 +1,3 @@
+import { InvoiceQuoteContextProps } from '../../contexts/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/types/src/components/Quote/Quote.stories.d.ts

@@ -0,0 +1,13 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import Quote from './Quote';
+declare const meta: Meta<typeof Quote>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const NoShadow: Story;
+export declare const Mobile: Story;
+export declare const CustomClassName: Story;
+export declare const HideDownloadButton: Story;
+export declare const AcceptedQuote: Story;
+export declare const AcceptedQuoteDarkMode: Story;
+export declare const DarkMode: Story;

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

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

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

@@ -0,0 +1 @@
+export { default as Quote } from "./Quote";

package/dist/esm/types/src/components/QuoteProvider.d.ts

@@ -0,0 +1,21 @@
+import { PriceList, Quote } from '@bunnyapp/common';
+export type QuoteContextValues = {
+    quote: Quote | undefined;
+    selectedPriceList: PriceList | undefined;
+    isQuotePending: boolean;
+    isAddonPlanLoading: boolean;
+    isFeatureAddonsLoading: boolean;
+    isUpdatingQuote: boolean;
+    setIsAddonPlanLoading: React.Dispatch<React.SetStateAction<boolean>>;
+    addFeatureAddonLoading: (featureAddonId: string) => void;
+    removeFeatureAddonLoading: (featureAddonId: string) => void;
+    getFeatureQuantity: (featureId: string, chargeId: string) => number | undefined;
+    onClearQuote: () => void;
+    onChangeSelectedPriceList: (priceList: PriceList) => void;
+    onChangeQuantity: (priceListChargeId: string, quantity: number) => void;
+};
+export declare const QuoteContext: import("react").Context<QuoteContextValues>;
+declare function QuoteProvider({ children }: {
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export default QuoteProvider;

package/dist/esm/types/src/components/Quotes/Quotes.d.ts

@@ -0,0 +1,38 @@
+import { Transaction } from '@bunnyapp/common';
+import { ShadowType } from '../../types/shadowType';
+import { TransactionListColumnType } from '../Transactions/transactionsList/TransactionsListDesktop';
+declare function Quotes({ className, columns, filter, filterQuotes, sort, noQuotesMessage, onQuoteClick, quoteComponent, searchBarClassName, shadow, showSearchBar, showTitle, title, style, suppressQuoteDisplay, useModal, }: {
+    /** A custom component to render instead of the default invoice component */
+    quoteComponent?: React.ReactNode;
+    /** Whether to show the search bar */
+    showSearchBar?: boolean;
+    /** Whether to show the title */
+    showTitle?: boolean;
+    /** The title to display in the quotes list */
+    title?: string;
+    /** The columns to display in the quotes list */
+    columns?: TransactionListColumnType[];
+    /** A custom class name to apply to the component */
+    className?: string;
+    /** Whether to use a modal for the invoice drawer */
+    useModal?: boolean;
+    /** Whether to show a shadow around the transactions list */
+    shadow?: ShadowType;
+    /** A custom class name to apply to the search bar */
+    searchBarClassName?: string;
+    /** A function to call when a quote is clicked */
+    onQuoteClick?: (quote: Transaction) => void;
+    /** Whether to hide the display showing the quote */
+    suppressQuoteDisplay?: boolean;
+    /** A custom style to apply to the component */
+    style?: React.CSSProperties;
+    /** A filter to apply to the quotes. Docs on filter: https://docs.bunny.com/developer/getting-started/using-filters-in-queries */
+    filter?: string;
+    /** A function to filter the quotes. Runs on the client side. */
+    filterQuotes?: (quote: Transaction) => boolean;
+    /** A function to sort the quotes. Runs on the client side. */
+    sort?: (a: Transaction, b: Transaction) => number;
+    /** Message to display when there are no quotes */
+    noQuotesMessage?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export default Quotes;

package/dist/esm/types/src/components/Quotes/Quotes.stories.d.ts

@@ -0,0 +1,22 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import Quotes from './Quotes';
+declare const meta: Meta<typeof Quotes>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Padding0BGRed: Story;
+export declare const NoShadow: Story;
+export declare const WithModal: Story;
+export declare const HideSearchBar: Story;
+export declare const HideTitle: Story;
+export declare const HideTitleAndSearchBar: Story;
+export declare const CustomTitle: Story;
+export declare const Mobile: Story;
+export declare const WithCustomQuoteComponent: Story;
+export declare const WithCustomColumns1: Story;
+export declare const WithCustomColumns2: Story;
+export declare const WithCustomColumns3: Story;
+export declare const WithCustomColumns4: Story;
+export declare const WithCustomColumns5: Story;
+export declare const DarkMode: Story;
+export declare const CustomColors: Story;

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

@@ -0,0 +1 @@
+export { default as Quotes } from "./Quotes";

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

@@ -0,0 +1,14 @@
+import '../../styles/index.less';
+import { PriceList, Quote } from '@bunnyapp/common';
+export default function CheckoutSummary({ quote, className, onAddCoupon, onRemoveCoupon, isRemovingCoupon, priceListData, isAddingCoupon, couponCode, setCouponCode, activeCouponsExist, }: {
+    quote: Quote;
+    className?: string;
+    onAddCoupon: (couponCode: string) => void;
+    onRemoveCoupon: (couponCode: string) => void;
+    isRemovingCoupon: boolean;
+    priceListData?: PriceList;
+    isAddingCoupon: boolean;
+    couponCode: string;
+    setCouponCode: (couponCode: string) => void;
+    activeCouponsExist: boolean;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,31 @@
+import { PluginData, Quote } from '@bunnyapp/common';
+export default function PaymentForms({ quote, handlePaymentSuccess, handlePaymentFail, handleSubmit, proceedingToPayment, accountId, overrideToken, customCheckoutFunction, defaultValues, }: {
+    quote?: Quote;
+    handlePaymentSuccess: () => void;
+    handlePaymentFail: (error: any) => void;
+    handleSubmit: (formData: FormData) => void;
+    proceedingToPayment: boolean;
+    accountId?: string;
+    overrideToken?: string;
+    customCheckoutFunction?: (plugin: PluginData | undefined) => Promise<any>;
+    defaultValues?: DefaultSignupValues;
+}): import("react/jsx-runtime").JSX.Element;
+export type FormData = {
+    firstName: string;
+    lastName: string;
+    email: string;
+    accountName: string;
+    billingCountry: string;
+    billingState: string;
+    billingCity: string;
+    billingZip: string;
+    billingStreet: string;
+    taxNumber: string;
+};
+export type DefaultSignupValues = {
+    firstName?: string;
+    lastName?: string;
+    email?: string;
+    accountName?: string;
+    billingCountry?: string;
+};

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

@@ -0,0 +1,8 @@
+export default function PaymentSuccessDisplay({ amountPaid, className, companyName, returnUrl, style, currencyId, }: {
+    amountPaid: number;
+    className: string;
+    companyName: string;
+    returnUrl?: string;
+    style?: React.CSSProperties;
+    currencyId: string;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,5 @@
+import '../../styles/index.less';
+import { PriceList } from '@bunnyapp/common';
+export default function PriceListDisplay({ priceListData }: {
+    priceListData?: PriceList;
+}): import("react/jsx-runtime").JSX.Element | null;

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

@@ -0,0 +1,28 @@
+import '../../styles/index.less';
+import { ShadowType } from '../../types/shadowType';
+export default function Signup({ companyName, priceListCode, returnUrl, couponCode, className, shadow, style, defaultFirstName, defaultLastName, defaultEmail, defaultCompanyName, defaultBillingCountry, }: {
+    /** The company name to display on the signup page */
+    companyName: string;
+    /** The price list code to use for the signup */
+    priceListCode: string;
+    /** The return URL to that customers can be redirected to after signup */
+    returnUrl?: string;
+    /** An optional coupon code that gets applied automatically */
+    couponCode?: string;
+    /** A custom class name to apply to the component */
+    className?: string;
+    /** The shadow level to apply to the component */
+    shadow?: ShadowType;
+    /** A custom style to apply to the component */
+    style?: React.CSSProperties;
+    /** The default first name to use for the signup */
+    defaultFirstName?: string;
+    /** The default last name to use for the signup */
+    defaultLastName?: string;
+    /** The default email to use for the signup */
+    defaultEmail?: string;
+    /** The default company name to use for the signup */
+    defaultCompanyName?: string;
+    /** The default billing country to use for the signup */
+    defaultBillingCountry?: string;
+}): import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -0,0 +1 @@
+export { default as Signup } from "./Signup";

package/dist/esm/types/src/components/StateTag.d.ts

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

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

@@ -0,0 +1,7 @@
+interface AddonIndentationProps {
+    isLast: boolean;
+    indentation: number;
+    verticalMargin: string;
+}
+declare const AddonIndentation: React.FC<AddonIndentationProps>;
+export default AddonIndentation;

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

@@ -0,0 +1,7 @@
+import { Subscription } from '@bunnyapp/common';
+export declare function AddonSubscriptionsCards({ onCancelSubscriptionClick, subscriptions, subscription, showInactive, }: {
+    onCancelSubscriptionClick?: (subscription: Subscription) => void;
+    subscriptions: Subscription[];
+    subscription: Subscription;
+    showInactive: boolean;
+}): import("react/jsx-runtime").JSX.Element | null;

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

@@ -0,0 +1,5 @@
+declare const CheckIcon: ({ backgroundColor, size, }: {
+    backgroundColor: string;
+    size: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export default CheckIcon;

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

@@ -0,0 +1,15 @@
+import { FragmentOf } from 'gql.tada';
+import { QuantityDrawerDesktop_SubscriptionFragment } from './quantityChangeDrawer/quantityChangeDrawerDesktop/QuantityChangeDrawerDesktop';
+export type EditingQuoteDataType = {
+    id: string;
+    isTrial: boolean;
+};
+interface QuantityDrawerContainerProps {
+    subscriptions: (FragmentOf<typeof QuantityDrawerDesktop_SubscriptionFragment> | null)[];
+    quantityDrawerOpen: boolean;
+    setQuantityDrawerOpen: (open: boolean) => void;
+    handlePortalErrors?: (errors: any) => void;
+    setShowInactive: (showInactive: boolean) => void;
+}
+declare const QuantityDrawerContainer: ({ subscriptions, quantityDrawerOpen, setQuantityDrawerOpen, handlePortalErrors, setShowInactive, }: QuantityDrawerContainerProps) => import("react/jsx-runtime").JSX.Element;
+export default QuantityDrawerContainer;

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

@@ -0,0 +1 @@
+export declare const useCancelSubscription: () => (subscriptionIds: string[], apiHost: string, token?: string) => Promise<any>;

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

@@ -0,0 +1,27 @@
+export declare const Subscriptions_SubscriptionFragment: import("gql.tada").TadaDocumentNode<{
+    state: "ACTIVE" | "TRIAL" | "CANCELED" | "EXPIRED" | "TRIAL_EXPIRED" | "PENDING";
+}, {}, {
+    fragment: "Subscriptions_SubscriptionFragment";
+    on: "Subscription";
+    masked: true;
+}>;
+export type EditingQuoteDataType = {
+    id: string;
+    isTrial: boolean;
+};
+declare const SubscriptionsWrapper: ({ handlePortalErrors, companyName, isInPreviewMode, productId, className, styles: userStyles, noSubscriptionsComponent, showInactiveSubscriptions, showInactiveSubscriptionsToggle, }: {
+    handlePortalErrors?: (errors: any) => void;
+    companyName: string;
+    isInPreviewMode?: boolean;
+    productId?: string;
+    className?: string;
+    styles?: {
+        gap?: number;
+        shadow?: "none" | "sm" | "md" | "lg";
+        subscriptionProductNameStyle?: React.CSSProperties;
+    };
+    noSubscriptionsComponent?: React.ReactNode;
+    showInactiveSubscriptions?: boolean;
+    showInactiveSubscriptionsToggle?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
+export default SubscriptionsWrapper;

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

@@ -0,0 +1,12 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import Subscriptions from './Subscriptions';
+declare const meta: Meta<typeof Subscriptions>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Mobile: Story;
+export declare const NoShadow: Story;
+export declare const CustomClassName: Story;
+export declare const DarkMode: Story;
+export declare const PreviewMode: Story;
+export declare const PreviewModeWithClassName: Story;

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

@@ -0,0 +1,16 @@
+import { Subscription } from '@bunnyapp/common';
+import '../../styles/index.less';
+export type EditingQuoteDataType = {
+    id: string;
+    isTrial: boolean;
+};
+declare const SubscriptionsListContainer: ({ companyName, showInactive, onCancelSubscriptionClick, onChangePlanClick, noSubscriptionsComponent, subscriptions, subscriptionsAreLoading, }: {
+    companyName: string;
+    showInactive?: boolean;
+    onCancelSubscriptionClick?: (subscription: Subscription) => void;
+    onChangePlanClick?: (subscription: Subscription) => void;
+    noSubscriptionsComponent?: React.ReactNode;
+    subscriptions: Subscription[];
+    subscriptionsAreLoading: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
+export default SubscriptionsListContainer;

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

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+import { SubscriptionCharge } from '@bunnyapp/common';
+declare const TieredDisplayDropdown: ({ charge, currencyId, truncatedText, }: {
+    charge: SubscriptionCharge;
+    currencyId: string;
+    truncatedText: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export default TieredDisplayDropdown;

package/dist/esm/types/src/components/Subscriptions/Upgrade/PlanPicker/NextPriceListButton.d.ts

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

package/dist/esm/types/src/components/Subscriptions/Upgrade/PlanPicker/PlanPicker.d.ts

@@ -0,0 +1,8 @@
+import { Subscription } from '@bunnyapp/common';
+declare const PlanPicker: ({ upgradingSubscription, onGoBack, areSubscriptionsLoading, subscriptions, }: {
+    upgradingSubscription?: Subscription;
+    onGoBack?: () => void;
+    areSubscriptionsLoading: boolean;
+    subscriptions: Subscription[];
+}) => import("react/jsx-runtime").JSX.Element | null;
+export default PlanPicker;

package/dist/esm/types/src/components/Subscriptions/Upgrade/PlanPicker/PriceListGrid.d.ts

@@ -0,0 +1,15 @@
+import { BillingPeriod, PriceList, PriceListChangeOptions, Product, Subscription } from '@bunnyapp/common';
+import { Dispatch, SetStateAction } from 'react';
+type PriceListGridProps = {
+    availablePriceLists: PriceList[];
+    priceListChangeOptions?: PriceListChangeOptions;
+    selectedPriceList?: PriceList;
+    selectedProduct?: Product;
+    subscriptions: Subscription[];
+    priceListStart: number;
+    setPriceListStart: Dispatch<SetStateAction<number>>;
+    selectedBillingPeriod?: BillingPeriod | undefined;
+    onClickPriceListCard: (priceList: PriceList) => void;
+};
+declare const PriceListGrid: ({ availablePriceLists, priceListChangeOptions, priceListStart, selectedPriceList, selectedProduct, setPriceListStart, subscriptions, selectedBillingPeriod, onClickPriceListCard, }: PriceListGridProps) => import("react/jsx-runtime").JSX.Element;
+export default PriceListGrid;

package/dist/esm/types/src/components/Subscriptions/Upgrade/PlanPicker/checkoutBar/CheckoutBarInput.d.ts

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

package/dist/esm/types/src/components/Subscriptions/Upgrade/PlanPicker/checkoutBar/CheckoutBarSummarySection.d.ts

@@ -0,0 +1,7 @@
+import { PriceList } from '@bunnyapp/common';
+declare const CheckoutBarSummarySection: ({ open, selectedPriceList, onClickCheckout, }: {
+    open: boolean;
+    selectedPriceList: PriceList;
+    onClickCheckout: () => void;
+}) => import("react/jsx-runtime").JSX.Element;
+export default CheckoutBarSummarySection;

package/dist/esm/types/src/components/Subscriptions/Upgrade/PlanPicker/checkoutBar/CheckoutButton.d.ts

@@ -0,0 +1,7 @@
+declare const CheckoutButton: ({ checkoutButtonDisabled, onClickCheckout, loading, tooltipText, }: {
+    checkoutButtonDisabled: boolean;
+    onClickCheckout: () => void;
+    loading: boolean;
+    tooltipText?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export default CheckoutButton;

package/dist/esm/types/src/components/Subscriptions/Upgrade/PlanPicker/checkoutBar/CheckoutPrice.d.ts

@@ -0,0 +1,7 @@
+import { PriceList, Quote } from "@bunnyapp/common";
+declare const CheckoutPrice: ({ isUsage, quote, selectedPriceList, }: {
+    isUsage: boolean;
+    quote?: Quote;
+    selectedPriceList: PriceList;
+}) => import("react/jsx-runtime").JSX.Element | null;
+export default CheckoutPrice;

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

@@ -0,0 +1,7 @@
+import { PriceList } from '@bunnyapp/common';
+declare const PlanPickerCheckoutBar: ({ selectedPriceList, handlePortalErrors, onCheckoutSuccess, }: {
+    selectedPriceList: PriceList;
+    handlePortalErrors?: (errors: any) => void;
+    onCheckoutSuccess: () => void;
+}) => import("react/jsx-runtime").JSX.Element;
+export default PlanPickerCheckoutBar;

package/dist/esm/types/src/components/Subscriptions/Upgrade/PlanPicker/planPickerDesktop/BillingPeriodSelector.d.ts

@@ -0,0 +1,11 @@
+import { BillingPeriod, Product } from '@bunnyapp/common';
+import { PeriodMonths } from '../../../../../utils/pricePickerUtils';
+declare const BillingPeriodSelector: ({ availableBillingPeriods, onChangeBillingPeriod, products, selectedBillingPeriod, selectedProduct, onChangeProduct, }: {
+    availableBillingPeriods?: PeriodMonths[];
+    onChangeBillingPeriod: (billingPeriod: BillingPeriod) => void;
+    products?: Product[];
+    selectedBillingPeriod?: BillingPeriod;
+    selectedProduct?: Product;
+    onChangeProduct: (product: Product) => void;
+}) => import("react/jsx-runtime").JSX.Element | null;
+export default BillingPeriodSelector;

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

@@ -0,0 +1,8 @@
+import { PriceList, Product } from '@bunnyapp/common';
+declare const EverythingPlanFeatures: ({ displayPriceLists, selectedProduct, plansToDisplay, hideBorder, }: {
+    displayPriceLists: PriceList[];
+    plansToDisplay: number;
+    selectedProduct?: Product;
+    hideBorder?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
+export default EverythingPlanFeatures;

package/dist/esm/types/src/components/Subscriptions/Upgrade/PlanPicker/planPickerDesktop/FeatureGridCell.d.ts

@@ -0,0 +1,7 @@
+declare const FeatureGridCell: ({ children, isFeatureGroup, noBorder, rowIndex, }: {
+    children?: React.ReactNode;
+    isFeatureGroup?: boolean;
+    noBorder?: boolean;
+    rowIndex: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export default FeatureGridCell;

package/dist/esm/types/src/components/Subscriptions/Upgrade/PlanPicker/planPickerDesktop/GridTemplateColumnsWrapper.d.ts

@@ -0,0 +1,7 @@
+export declare function GridTemplateColumnsWrapper({ children, className, everythingInPlus, plansToDisplay, }: {
+    children: React.ReactNode;
+    className?: string;
+    everythingInPlus: boolean;
+    plansToDisplay: number;
+}): import("react/jsx-runtime").JSX.Element;
+export default GridTemplateColumnsWrapper;

package/dist/esm/types/src/components/Subscriptions/Upgrade/PlanPicker/planPickerDesktop/PlanAddonsCard.d.ts

@@ -0,0 +1,10 @@
+import { BillingPeriod, Plan, PriceList, Subscription } from '@bunnyapp/common';
+type PlanAddonsCardProps = {
+    selectedPriceList: PriceList;
+    subscriptions: Subscription[];
+    addonPlans: Plan[];
+    selectedBillingPeriod: BillingPeriod;
+    className?: string;
+};
+declare const PlanAddonsCard: ({ selectedPriceList, subscriptions, addonPlans, selectedBillingPeriod, className, }: PlanAddonsCardProps) => import("react/jsx-runtime").JSX.Element;
+export default PlanAddonsCard;

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

@@ -0,0 +1,7 @@
+import { Feature, PriceList } from '@bunnyapp/common';
+export declare const PlanFeatures: ({ displayPriceLists, features, plansToDisplay, }: {
+    displayPriceLists: PriceList[];
+    plansToDisplay: number;
+    features?: Feature[];
+}) => import("react/jsx-runtime").JSX.Element;
+export default PlanFeatures;

package/dist/esm/types/src/components/Subscriptions/Upgrade/PlanPicker/planPickerDesktop/PlanPickerGridCell.d.ts

@@ -0,0 +1,6 @@
+export declare const PLAN_GRID_PADDING = 4;
+declare const PlanPickerGridCell: ({ children, noBorder, }: {
+    children?: React.ReactNode;
+    noBorder?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
+export default PlanPickerGridCell;

package/dist/esm/types/src/components/Subscriptions/Upgrade/PlanPicker/planPickerDesktop/PriceListCardDesktop.d.ts

@@ -0,0 +1,15 @@
+import { Feature, PriceList, Subscription } from '@bunnyapp/common';
+declare const PriceListCardDesktop: ({ hideButton, description, disableSelectCurrentPlan, feature, isPriceListCurrentSubscription, isSelected, priceList, subscriptionPlan, trialRemainingDays, noBorder, onClickPriceListCard, }: {
+    hideButton?: boolean;
+    description: string;
+    disableSelectCurrentPlan: boolean;
+    feature?: Feature;
+    isPriceListCurrentSubscription: boolean;
+    isSelected: boolean;
+    priceList: PriceList;
+    subscriptionPlan?: Subscription;
+    trialRemainingDays?: number;
+    noBorder?: boolean;
+    onClickPriceListCard?: (priceList: PriceList) => void;
+}) => import("react/jsx-runtime").JSX.Element;
+export default PriceListCardDesktop;

package/dist/esm/types/src/components/Subscriptions/Upgrade/PlanPicker/planPickerDesktop/PriceListGridDesktop.d.ts

@@ -0,0 +1,16 @@
+import { BillingPeriod, PriceList, PriceListChangeOptions, Product, Subscription } from '@bunnyapp/common';
+import { Dispatch, SetStateAction } from 'react';
+type PriceListGridDesktopProps = {
+    availablePriceLists: PriceList[];
+    priceListChangeOptions?: PriceListChangeOptions;
+    priceListStart: number;
+    selectedPriceList?: PriceList;
+    selectedProduct?: Product;
+    setPriceListStart: Dispatch<SetStateAction<number>>;
+    subscriptions: Subscription[];
+    trialRemainingDays: number;
+    selectedBillingPeriod?: BillingPeriod | undefined;
+    onClickPriceListCard: (priceList: PriceList) => void;
+};
+declare const PriceListGridDesktop: ({ availablePriceLists, priceListChangeOptions, priceListStart, selectedPriceList, selectedProduct, setPriceListStart, subscriptions, trialRemainingDays, selectedBillingPeriod, onClickPriceListCard, }: PriceListGridDesktopProps) => import("react/jsx-runtime").JSX.Element;
+export default PriceListGridDesktop;

package/dist/esm/types/src/components/Subscriptions/Upgrade/PlanPicker/planPickerDesktop/featureAddons/FeatureAddons.d.ts

@@ -0,0 +1,7 @@
+import { PriceList } from '@bunnyapp/common';
+declare const PlanFeatureAddons: ({ displayPriceLists, plansToDisplay, everythingInPlus, }: {
+    displayPriceLists: PriceList[];
+    plansToDisplay: number;
+    everythingInPlus: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
+export default PlanFeatureAddons;

package/dist/esm/types/src/components/Subscriptions/Upgrade/PlanPicker/planPickerDesktop/featureAddons/FeatureAddonsList.d.ts

@@ -0,0 +1,5 @@
+import { PriceList } from '@bunnyapp/common';
+declare function FeatureAddonsList({ priceList }: {
+    priceList: PriceList;
+}): import("react/jsx-runtime").JSX.Element;
+export default FeatureAddonsList;

package/dist/esm/types/src/components/Subscriptions/Upgrade/PlanPicker/planPickerDesktop/planManagerUtils.d.ts

@@ -0,0 +1,2 @@
+import { PriceListCharge } from '@bunnyapp/common';
+export declare const calculateNewQuantity: (priceListCharge: PriceListCharge, currentQuantity?: number) => number;