@bunnyapp/components 1.5.0-beta.2 → 1.5.0-beta.4

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

@@ -1,5 +1,5 @@
-import '../../styles/index.less';
 import { InvoiceQuoteContextProps } from '../../contexts/InvoiceQuoteContext';
+import '../../styles/index.less';
 export type InvoiceProps = InvoiceQuoteContextProps & {
     hidePaymentForm?: boolean;
 };

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

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

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, hideTitle, hideExpired, hideExpiredToggle, }: {
+declare const SubscriptionsWrapper: ({ handlePortalErrors, companyName, isInPreviewMode, productId, className, styles: userStyles, noSubscriptionsComponent, hideExpired, hideExpiredToggle, }: {
     handlePortalErrors?: ((errors: any) => void) | undefined;
     companyName: string;
     isInPreviewMode?: boolean | undefined;
@@ -15,7 +15,6 @@ declare const SubscriptionsWrapper: ({ handlePortalErrors, companyName, isInPrev
         subscriptionProductNameStyle?: import("react").CSSProperties | undefined;
     } | undefined;
     noSubscriptionsComponent?: React.ReactNode;
-    hideTitle?: boolean | undefined;
     hideExpired?: boolean | undefined;
     hideExpiredToggle?: boolean | undefined;
 }) => import("react/jsx-runtime").JSX.Element;

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

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

package/dist/{cjs/src/components/Subscriptions/PlanManager → esm/src/components/Subscriptions/Upgrade}/PlanPicker/PriceListGrid.d.ts

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

package/dist/{cjs/src/components/Subscriptions/PlanManager → esm/src/components/Subscriptions/Upgrade}/PlanPicker/checkoutBar/CheckoutBarSummarySection.d.ts

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

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

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

package/dist/esm/src/components/Subscriptions/{PlanManager → Upgrade}/PlanPicker/priceListCard/priceListCardUtils.d.ts

@@ -4,6 +4,6 @@ export declare const getActivePlanPriceData: (priceList?: PriceList, selectedPri
     activeCharge: PriceListCharge | undefined;
 } | undefined;
 export declare const isPriceListDisabled: ({ priceList, upgradingSubscription, }: {
-    priceList: PriceList;
+    priceList?: PriceList | undefined;
     upgradingSubscription: Subscription | undefined;
 }) => boolean;

package/dist/esm/src/components/Subscriptions/{PlanManager → Upgrade}/PlanPicker/priceListSelector/PriceListSelector.d.ts

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

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

@@ -0,0 +1,7 @@
+import { Subscription } from '@bunnyapp/common';
+declare const UpgradeWrapper: ({ onChangePlanCancel, handlePortalErrors, upgradingSubscription, }: {
+    onChangePlanCancel: () => void;
+    handlePortalErrors?: ((error: any) => void) | undefined;
+    upgradingSubscription?: Subscription | undefined;
+}) => import("react/jsx-runtime").JSX.Element;
+export default UpgradeWrapper;

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

@@ -0,0 +1 @@
+export { default as Upgrade } from './Upgrade';

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

@@ -1 +1,2 @@
-export { default as Subscriptions } from "./Subscriptions";
+export { default as Subscriptions } from './Subscriptions';
+export { default as Upgrade } from './Upgrade/Upgrade';

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

@@ -12,6 +12,7 @@ export declare const canShowChangeQuantities: ({ subscriptions }: {
     subscriptions: Subscription[];
 }) => boolean;
 export declare const canSubscriptionUpgradeFromTrial: (subscription: Subscription) => boolean;
+export declare const canSubscriptionUpgradeFromTrialExpired: (subscription: Subscription) => boolean;
 export declare const isSubscriptionNotActive: (subscription: Subscription) => boolean;
 export declare const productPlanName: ({ plan, product }: {
     plan: Plan;
@@ -19,6 +20,7 @@ export declare const productPlanName: ({ plan, product }: {
 }) => string;
 export declare const isSubscriptionActiveOrPending: (subscription: Subscription) => boolean;
 export declare const isSubscriptionTrial: (subscription: Subscription) => boolean;
+export declare const isSubscriptionTrialExpired: (subscription: Subscription) => boolean;
 export declare const isDiscount: (kind?: QuoteChangeKind) => boolean;
 export declare const hasPriceTiers: (charge: SubscriptionCharge) => boolean;
 export declare const hasMultiplePriceTiers: (charge: SubscriptionCharge) => boolean;

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

@@ -0,0 +1 @@
+export declare const TAG_COLORS: Record<string, string>;

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

@@ -9,3 +9,4 @@ export { Subscriptions } from './Subscriptions';
 export { BillingDetails } from './BillingDetails';
 export { Footer } from './Footer';
 export { MiniCreditCard } from './PaymentForm/DemoPay/CreditCard';
+export { Upgrade } from './Subscriptions';

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

@@ -3,5 +3,35 @@ declare const getAddonPlans: ({ token, id, apiHost, }: {
     token?: string | undefined;
     id: string;
     apiHost: string;
-}) => Promise<Plan[]>;
+}) => Promise<{
+    priceLists: import("@bunnyapp/common").PriceList[];
+    addon?: boolean | undefined;
+    compatiblePlans?: Plan[] | undefined;
+    addonPlans?: Plan[] | undefined;
+    availableFrom?: string | undefined;
+    availableTo?: string | undefined;
+    basePrice?: number | undefined;
+    code?: string | undefined;
+    contactUsLabel?: string | undefined;
+    contactUsUrl?: string | undefined;
+    createdAt: string;
+    description?: string | undefined;
+    features?: import("@bunnyapp/common").Feature[] | undefined;
+    id: string;
+    internalNotes?: string | undefined;
+    isAvailableNow?: boolean | undefined;
+    isVisible?: boolean | undefined;
+    name: string;
+    planFeatures?: import("@bunnyapp/common").PlanFeature[] | undefined;
+    position: number;
+    pricingDescription?: string | undefined;
+    pricingStyle: import("@bunnyapp/common").PricingStyle;
+    product: import("@bunnyapp/common").Product;
+    productId: string;
+    selfServiceBuy?: boolean | undefined;
+    selfServiceCancel?: boolean | undefined;
+    selfServiceRenew?: boolean | undefined;
+    trialEndDate?: string | undefined;
+    updatedAt: string;
+}[]>;
 export default getAddonPlans;

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

@@ -0,0 +1,7 @@
+import { FormattedInvoice } from '@bunnyapp/common';
+declare const getFormattedInvoice: ({ id, token, apiHost, }: {
+    id?: string | undefined;
+    apiHost: string;
+    token?: string | undefined;
+}) => Promise<FormattedInvoice>;
+export default getFormattedInvoice;

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

@@ -1,9 +1,9 @@
-import { Subscription } from '@bunnyapp/common';
+import { PriceListChangeOptions, Subscription } from '@bunnyapp/common';
 declare const getPriceListChangeOptions: ({ apiHost, isInPreviewMode, productId, token, upgradingSubscription, }: {
     apiHost: string;
     isInPreviewMode?: boolean | undefined;
     productId?: string | undefined;
     token?: string | undefined;
     upgradingSubscription?: Subscription | undefined;
-}) => Promise<any>;
+}) => Promise<PriceListChangeOptions>;
 export default getPriceListChangeOptions;

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

@@ -1,6 +1,6 @@
 import { Subscription } from '@bunnyapp/common';
 declare const usePriceListChangeOptions: (onChangePlanClick?: ((subscription: Subscription) => void) | undefined) => {
-    priceListChangeOptions: any;
+    priceListChangeOptions: import("@bunnyapp/common").PriceListChangeOptions | undefined;
     arePriceListChangeOptionsLoading: boolean;
 };
 export default usePriceListChangeOptions;

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

@@ -1,5 +1,5 @@
-import { Plan, PriceList, Quote } from '@bunnyapp/common';
-export declare const useToggleAddonPlan: (quote: Quote | undefined, plan: Plan, billingPeriod: number, selectedPriceList: PriceList, setIsAddonPlanLoading: React.Dispatch<React.SetStateAction<boolean>>) => {
+import { PriceList, Quote } from '@bunnyapp/common';
+export declare const useToggleAddonPlan: (quote: Quote | undefined, addonPriceList: PriceList, selectedPriceList: PriceList, setIsAddonPlanLoading: React.Dispatch<React.SetStateAction<boolean>>) => {
     isPending: boolean;
     addedQuoteChange: boolean;
     deleteQuoteChange: () => void;

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

@@ -1,6 +1,7 @@
-import { Plan, PriceList, Subscription } from '@bunnyapp/common';
+import { BillingPeriod, Plan, PriceList, Subscription } from '@bunnyapp/common';
 export declare const ADDON_INDENTATION = 64;
 export declare function findNonAddonSubscriptions(subscriptions: Subscription[]): Subscription[];
 export declare function findAddonSubscriptions(parentSubscription: Subscription, subscriptions: Subscription[]): Subscription[];
-export declare function hasUnpurchasedAddonPlans(priceList: PriceList, currentSubscription: Subscription | undefined): boolean | undefined;
+export declare function hasUnpurchasedAddonPriceLists(priceListAddonPlans: Plan[], currentSubscription: Subscription | undefined, billingPeriod: BillingPeriod): boolean;
 export declare function addonPlanSwitchTestId(addonPlan: Plan): string;
+export declare function getAddonsForBillingPeriod(billingPeriod: BillingPeriod, addonPlans: Plan[]): PriceList[];

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

@@ -8,3 +8,8 @@ export declare const gqlRequest: ({ query, apiHost, token, vars, isInPreviewMode
     vars?: any;
     isInPreviewMode?: boolean | undefined;
 }) => Promise<unknown>;
+export declare const createClientDevHeaders: ({ token, componentsVersion, }: {
+    token?: string | null | undefined;
+    componentsVersion?: string | undefined;
+}) => Record<string, string>;
+export declare const devHeaders: () => Record<string, string>;

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { FormattedInvoice, FormattedQuote, Transaction, Invoice as Invoice$1, Quote as Quote$1, PluginData, TransactionKind, PaymentMethod } from '@bunnyapp/common';
+import { FormattedInvoice, FormattedQuote, Transaction, Invoice as Invoice$1, Quote as Quote$1, PluginData, TransactionKind, Subscription, PaymentMethod } from '@bunnyapp/common';
 import { QueryClient } from '@tanstack/react-query';
 import { ThemeConfig } from 'antd';
 import * as react from 'react';
@@ -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, hideTitle, hideExpired, hideExpiredToggle, }: {
+declare const SubscriptionsWrapper: ({ handlePortalErrors, companyName, isInPreviewMode, productId, className, styles: userStyles, noSubscriptionsComponent, hideExpired, hideExpiredToggle, }: {
     handlePortalErrors?: ((errors: any) => void) | undefined;
     companyName: string;
     isInPreviewMode?: boolean | undefined;
@@ -188,11 +188,16 @@ declare const SubscriptionsWrapper: ({ handlePortalErrors, companyName, isInPrev
         subscriptionProductNameStyle?: react.CSSProperties | undefined;
     } | undefined;
     noSubscriptionsComponent?: React.ReactNode;
-    hideTitle?: boolean | undefined;
     hideExpired?: boolean | undefined;
     hideExpiredToggle?: boolean | undefined;
 }) => react_jsx_runtime.JSX.Element;
 
+declare const UpgradeWrapper: ({ onChangePlanCancel, handlePortalErrors, upgradingSubscription, }: {
+    onChangePlanCancel: () => void;
+    handlePortalErrors?: ((error: any) => void) | undefined;
+    upgradingSubscription?: Subscription | undefined;
+}) => react_jsx_runtime.JSX.Element;
+
 declare const BillingDetails: ({ className, countryListFilter, hideBillingDetailsForm, hidePaymentMethodForm, isCardEnabled, isUpgradeFromTrial, shadow, onSavePaymentMethod, }: {
     className?: string | undefined;
     countryListFilter?: ((country: {
@@ -222,4 +227,4 @@ declare const MiniCreditCard: ({ className, buttons, hideDropdownMenu, hideDefau
     id?: string | undefined;
 }) => react_jsx_runtime.JSX.Element;
 
-export { BillingDetails, BunnyProvider, Footer, Invoice, MiniCreditCard, PaymentForm, Quote, Quotes, Signup, SubscriptionsWrapper as Subscriptions, Transactions };
+export { BillingDetails, BunnyProvider, Footer, Invoice, MiniCreditCard, PaymentForm, Quote, Quotes, Signup, SubscriptionsWrapper as Subscriptions, Transactions, UpgradeWrapper as Upgrade };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bunnyapp/components",
-  "version": "1.5.0-beta.2",
+  "version": "1.5.0-beta.4",
   "description": "Components from the Bunny portal to embed Bunny UI functionality into your application.",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
@@ -64,7 +64,7 @@
   },
   "peerDependencies": {
     "@ant-design/icons": "^5.6.1",
-    "@bunnyapp/common": "1.3.0-beta.11",
+    "@bunnyapp/common": "1.5.0-beta.3",
     "@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/Subscriptions/PlanManager/PlanManager.d.ts

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

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

@@ -1,2 +0,0 @@
-declare const PlanPicker: () => import("react/jsx-runtime").JSX.Element;
-export default PlanPicker;

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

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

package/dist/cjs/src/enums/SubscriptionState.d.ts

@@ -1,8 +0,0 @@
-declare enum SubscriptionState {
-    ACTIVE = "ACTIVE",
-    TRIAL = "TRIAL",
-    PENDING = "PENDING",
-    EXPIRED = "EXPIRED",
-    CANCELED = "CANCELED"
-}
-export default SubscriptionState;

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

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

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

@@ -1,2 +0,0 @@
-declare const PlanPicker: () => import("react/jsx-runtime").JSX.Element;
-export default PlanPicker;

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

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

package/dist/esm/src/enums/SubscriptionState.d.ts

@@ -1,8 +0,0 @@
-declare enum SubscriptionState {
-    ACTIVE = "ACTIVE",
-    TRIAL = "TRIAL",
-    PENDING = "PENDING",
-    EXPIRED = "EXPIRED",
-    CANCELED = "CANCELED"
-}
-export default SubscriptionState;