@bunnyapp/components 1.5.0-beta.14 → 1.5.0-beta.16

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

@@ -1,5 +1,5 @@
-import { ReactNode } from 'react';
 import { FormattedInvoice } from '@bunnyapp/common';
+import { ReactNode } from 'react';
 declare const InvoiceQuoteView: ({ children, formattedInvoice, html, backButtonName, onBackButtonClick, onDownloadError, targetUrl, }: {
     html: string;
     children?: ReactNode;

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

@@ -1,5 +1,5 @@
+import { Payable, PluginData, Quote } from '@bunnyapp/common';
 import { Stripe } from '@stripe/stripe-js';
-import { PluginData, Payable, Quote } from '@bunnyapp/common';
 export declare const createPaymentMethod: ({ paymentMethodId, plugin, token, apiHost, accountId, }: {
     paymentMethodId: string;
     plugin: PluginData;
@@ -25,9 +25,5 @@ export declare const createPaymentHold: ({ quote, plugin, token, apiHost, paymen
 }) => Promise<any>;
 export declare const useStripePlugin: (plugin: PluginData | undefined, apiHost: string, currencyId: string, token?: string, accountId?: string) => {
     stripe: Stripe | null;
-    options: {
-        mode: "setup";
-        currency: string;
-        setupFutureUsage: "off_session";
-    };
+    options: import("@stripe/stripe-js").StripeElementsOptionsMode;
 };

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

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

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

@@ -8,7 +8,7 @@ interface QuantityDrawerContainerProps {
     quantityDrawerOpen: boolean;
     setQuantityDrawerOpen: (open: boolean) => void;
     handlePortalErrors?: (errors: any) => void;
-    setHideExpiredState: (hide: boolean) => void;
+    setShowInactive: (showInactive: boolean) => void;
 }
-declare const QuantityDrawerContainer: ({ subscriptions, quantityDrawerOpen, setQuantityDrawerOpen, handlePortalErrors, setHideExpiredState, }: QuantityDrawerContainerProps) => import("react/jsx-runtime").JSX.Element;
+declare const QuantityDrawerContainer: ({ subscriptions, quantityDrawerOpen, setQuantityDrawerOpen, handlePortalErrors, setShowInactive, }: QuantityDrawerContainerProps) => import("react/jsx-runtime").JSX.Element;
 export default QuantityDrawerContainer;

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

@@ -3,7 +3,7 @@ export type EditingQuoteDataType = {
     id: string;
     isTrial: boolean;
 };
-declare const SubscriptionsWrapper: ({ handlePortalErrors, companyName, isInPreviewMode, productId, className, styles: userStyles, noSubscriptionsComponent, hideExpired, hideExpiredToggle, }: {
+declare const SubscriptionsWrapper: ({ handlePortalErrors, companyName, isInPreviewMode, productId, className, styles: userStyles, noSubscriptionsComponent, showInactiveSubscriptions, showInactiveSubscriptionsToggle, }: {
     handlePortalErrors?: ((errors: any) => void) | undefined;
     companyName: string;
     isInPreviewMode?: boolean | undefined;
@@ -15,7 +15,7 @@ declare const SubscriptionsWrapper: ({ handlePortalErrors, companyName, isInPrev
         subscriptionProductNameStyle?: import("react").CSSProperties | undefined;
     } | undefined;
     noSubscriptionsComponent?: React.ReactNode;
-    hideExpired?: boolean | undefined;
-    hideExpiredToggle?: boolean | undefined;
+    showInactiveSubscriptions?: boolean | undefined;
+    showInactiveSubscriptionsToggle?: boolean | undefined;
 }) => import("react/jsx-runtime").JSX.Element;
 export default SubscriptionsWrapper;

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

@@ -4,9 +4,9 @@ export type EditingQuoteDataType = {
     id: string;
     isTrial: boolean;
 };
-declare const SubscriptionsListContainer: ({ companyName, hideExpired, onCancelSubscriptionClick, onChangePlanClick, noSubscriptionsComponent, subscriptions, subscriptionsAreLoading, }: {
+declare const SubscriptionsListContainer: ({ companyName, showInactive, onCancelSubscriptionClick, onChangePlanClick, noSubscriptionsComponent, subscriptions, subscriptionsAreLoading, }: {
     companyName: string;
-    hideExpired?: boolean | undefined;
+    showInactive?: boolean | undefined;
     onCancelSubscriptionClick?: ((subscription: Subscription) => void) | undefined;
     onChangePlanClick?: ((subscription: Subscription) => void) | undefined;
     noSubscriptionsComponent?: React.ReactNode;

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

@@ -1,5 +1,6 @@
 import { Subscription } from '@bunnyapp/common';
-declare const PlanPicker: ({ upgradingSubscription }: {
+declare const PlanPicker: ({ upgradingSubscription, onGoBack, }: {
     upgradingSubscription?: Subscription | undefined;
+    onGoBack?: (() => void) | undefined;
 }) => import("react/jsx-runtime").JSX.Element | null;
 export default PlanPicker;

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

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

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

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

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

@@ -13,4 +13,10 @@ type PriceListGridDesktopProps = {
     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 declare function GridTemplateColumnsWrapper({ children, className, everythingInPlus, plansToDisplay, }: {
+    children: React.ReactNode;
+    className?: string;
+    everythingInPlus: boolean;
+    plansToDisplay: number;
+}): import("react/jsx-runtime").JSX.Element;
 export default PriceListGridDesktop;

package/dist/{cjs/src/components/Subscriptions/Upgrade/PlanPicker/planPickerDesktop → esm/src/components/Subscriptions/Upgrade/PlanPicker/planPickerDesktop/featureAddons}/FeatureAddons.d.ts

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

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

@@ -1,5 +1,5 @@
 import { PriceList, Subscription } from '@bunnyapp/common';
-declare const PriceListCard: ({ hideButton, isSelected, priceList, subscriptions, trialRemainingDays, noBorder, onClickPriceListCard, }: {
+declare const PriceListCard: ({ hideButton, isSelected, priceList, subscriptions, trialRemainingDays, noBorder, onClickPriceListCard, disableCurrentPlan, }: {
     hideButton?: boolean | undefined;
     isSelected: boolean;
     priceList: PriceList;
@@ -7,5 +7,6 @@ declare const PriceListCard: ({ hideButton, isSelected, priceList, subscriptions
     trialRemainingDays?: number | undefined;
     noBorder?: boolean | undefined;
     onClickPriceListCard?: ((priceList: PriceList) => void) | undefined;
+    disableCurrentPlan?: boolean | undefined;
 }) => import("react/jsx-runtime").JSX.Element | null;
 export default PriceListCard;

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

@@ -1,6 +1,6 @@
 import { PriceList } from '@bunnyapp/common';
-declare const PriceListCardPrice: ({ priceList, fontSize, }: {
+declare const PriceListCardPrice: ({ className, priceList, }: {
+    className?: string | undefined;
     priceList: PriceList;
-    fontSize?: string | undefined;
 }) => import("react/jsx-runtime").JSX.Element;
 export default PriceListCardPrice;

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

@@ -0,0 +1,4 @@
+export default function BackButton({ onClick, title }: {
+    onClick?: () => void;
+    title?: string;
+}): import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -1,10 +1,11 @@
 import { Subscription } from '@bunnyapp/common';
-declare const UpgradeWrapper: ({ onChangePlanCancel, handlePortalErrors, upgradingSubscription, isInPreviewMode, productId, className, }: {
+declare const UpgradeWrapper: ({ onChangePlanCancel, handlePortalErrors, upgradingSubscription, isInPreviewMode, productId, className, shadow, }: {
     onChangePlanCancel: () => void;
     handlePortalErrors?: ((error: any) => void) | undefined;
     upgradingSubscription?: Subscription | undefined;
     isInPreviewMode: boolean;
     productId: string | undefined;
     className?: string | undefined;
+    shadow?: "none" | "lg" | "md" | "sm" | undefined;
 }) => import("react/jsx-runtime").JSX.Element;
 export default UpgradeWrapper;

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

@@ -1,5 +1,5 @@
-import { ReactNode } from "react";
-declare const QuantityChangeGridTitle: ({ children, right, }: {
+import { ReactNode } from 'react';
+declare const QuantityChangeGridTitle: ({ children, right }: {
     children: ReactNode;
     right?: boolean | undefined;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/esm/src/components/Subscriptions/quantityChangeDrawer/quantityChangeDrawerDesktop/QuantityChangeDrawerDesktop.d.ts

@@ -1,7 +1,5 @@
 import { Quote, Subscription } from '@bunnyapp/common';
 import { EditingQuoteDataType } from '../../SubscriptionsListContainer';
-export declare const QUANTITY_CHANGE_HEADER_TITLE = "Update unit quantity";
-export declare const QUANTITY_CHANGE_HEADER_DESCRIPTION = "Adjust quantities below. The change will take effect immediately after checkout has been completed.";
 declare const QuantityChangeDrawerDesktop: ({ editingQuote, editingQuoteData, onClose, open, openCheckout, setEditingQuoteData, subscriptions, setUpdatingChargeQuantityId, updatingChargeQuantityId, }: {
     editingQuote?: Quote | undefined;
     editingQuoteData?: EditingQuoteDataType | undefined;

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

@@ -0,0 +1,5 @@
+declare const ShowInactiveToggle: ({ showInactive, setShowInactive, }: {
+    showInactive: boolean;
+    setShowInactive: (value: boolean) => void;
+}) => import("react/jsx-runtime").JSX.Element;
+export default ShowInactiveToggle;

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

@@ -1,6 +1,6 @@
 import { Subscription } from '@bunnyapp/common';
-declare const SubscriptionsList: ({ hideExpired, onChangePlanClick, onCancelSubscriptionClick, subscriptions, }: {
-    hideExpired: boolean;
+declare const SubscriptionsList: ({ showInactive, onChangePlanClick, onCancelSubscriptionClick, subscriptions, }: {
+    showInactive: boolean;
     onChangePlanClick?: ((subscription: Subscription) => void) | undefined;
     onCancelSubscriptionClick?: ((subscription: Subscription) => void) | undefined;
     subscriptions: Subscription[];

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

@@ -1,8 +1,8 @@
 import { Subscription } from '@bunnyapp/common';
-declare const SubscriptionsNavigation: ({ expiredSwitchVisible, hideExpired, setHideExpired, setQuantityDrawerOpen, subscriptions, }: {
-    expiredSwitchVisible: boolean;
-    hideExpired: boolean;
-    setHideExpired: (value: boolean) => void;
+declare const SubscriptionsNavigation: ({ inactiveSwitchVisible, showInactive, setShowInactive, setQuantityDrawerOpen, subscriptions, }: {
+    inactiveSwitchVisible: boolean;
+    showInactive: boolean;
+    setShowInactive: (value: boolean) => void;
     setQuantityDrawerOpen: (value: boolean) => void;
     subscriptions: Subscription[];
 }) => import("react/jsx-runtime").JSX.Element;

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

@@ -8,7 +8,7 @@ export type SubscriptionsContextValues = {
     subscriptionProductNameStyle?: React.CSSProperties;
     productId?: string;
     isInPreviewMode: boolean;
-    hideExpired?: boolean;
+    showInactiveSubscriptions?: boolean;
     upgradingSubscription?: Subscription;
     setUpgradingSubscription: React.Dispatch<React.SetStateAction<Subscription | undefined>>;
 };

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

@@ -1,5 +1,5 @@
 import { BillingPeriod, Plan, Product } from "@bunnyapp/common";
 export type PeriodMonths = 0 | 1 | 3 | 6 | 12;
 export declare const periodMonthsConverter: (period: PeriodMonths) => BillingPeriod;
-export declare const billingPeriodConverter: (period?: BillingPeriod) => 0 | 1 | 3 | 6 | 12;
+export declare const billingPeriodConverter: (period?: BillingPeriod) => 1 | 0 | 3 | 6 | 12;
 export declare const createAvailableBillingPeriods: (plans?: Plan[], selectedProduct?: Product) => (0 | 1 | 3 | 6 | 12)[] | undefined;

package/dist/index.d.ts

@@ -176,7 +176,7 @@ declare function Transactions({ transactionComponent, showSearchBar, showTitle,
     hidePaymentForm?: boolean;
 }): react_jsx_runtime.JSX.Element;
 
-declare const SubscriptionsWrapper: ({ handlePortalErrors, companyName, isInPreviewMode, productId, className, styles: userStyles, noSubscriptionsComponent, hideExpired, hideExpiredToggle, }: {
+declare const SubscriptionsWrapper: ({ handlePortalErrors, companyName, isInPreviewMode, productId, className, styles: userStyles, noSubscriptionsComponent, showInactiveSubscriptions, showInactiveSubscriptionsToggle, }: {
     handlePortalErrors?: ((errors: any) => void) | undefined;
     companyName: string;
     isInPreviewMode?: boolean | undefined;
@@ -188,17 +188,18 @@ declare const SubscriptionsWrapper: ({ handlePortalErrors, companyName, isInPrev
         subscriptionProductNameStyle?: react.CSSProperties | undefined;
     } | undefined;
     noSubscriptionsComponent?: React.ReactNode;
-    hideExpired?: boolean | undefined;
-    hideExpiredToggle?: boolean | undefined;
+    showInactiveSubscriptions?: boolean | undefined;
+    showInactiveSubscriptionsToggle?: boolean | undefined;
 }) => react_jsx_runtime.JSX.Element;
 
-declare const UpgradeWrapper: ({ onChangePlanCancel, handlePortalErrors, upgradingSubscription, isInPreviewMode, productId, className, }: {
+declare const UpgradeWrapper: ({ onChangePlanCancel, handlePortalErrors, upgradingSubscription, isInPreviewMode, productId, className, shadow, }: {
     onChangePlanCancel: () => void;
     handlePortalErrors?: ((error: any) => void) | undefined;
     upgradingSubscription?: Subscription | undefined;
     isInPreviewMode: boolean;
     productId: string | undefined;
     className?: string | undefined;
+    shadow?: "none" | "lg" | "md" | "sm" | undefined;
 }) => react_jsx_runtime.JSX.Element;
 
 declare const BillingDetails: ({ className, countryListFilter, hideBillingDetailsForm, hidePaymentMethodForm, isCardEnabled, isUpgradeFromTrial, shadow, onSavePaymentMethod, }: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bunnyapp/components",
-  "version": "1.5.0-beta.14",
+  "version": "1.5.0-beta.16",
   "description": "Components from the Bunny portal to embed Bunny UI functionality into your application.",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",

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

@@ -1 +0,0 @@
-export declare const pageWrapperClassName: (isMobile: boolean) => string;

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

@@ -1,5 +0,0 @@
-declare const PageTitle: ({ onGoBack, title }: {
-    onGoBack?: (() => void) | undefined;
-    title: string;
-}) => import("react/jsx-runtime").JSX.Element;
-export default PageTitle;

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

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

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

@@ -1 +0,0 @@
-export declare const pageWrapperClassName: (isMobile: boolean) => string;

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

@@ -1,5 +0,0 @@
-declare const PageTitle: ({ onGoBack, title }: {
-    onGoBack?: (() => void) | undefined;
-    title: string;
-}) => import("react/jsx-runtime").JSX.Element;
-export default PageTitle;

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

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