@bunnyapp/components 1.8.2 → 1.8.4

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

@@ -1,10 +1,13 @@
 import { FragmentOf } from 'gql.tada';
 export declare const SubscriptionChargeUnitPrice_SubscriptionChargeFragment: import("gql.tada").TadaDocumentNode<{
     trial: boolean;
+    price: string | null;
     discountedPrice: string | null;
     priceDecimals: number | null;
     kind: "SUBSCRIBE" | "UPDATE" | "RENEW" | "REINSTATE" | "UNSUBSCRIBE" | "ADJUSTMENT" | "COUPON" | "DISCOUNT" | "PERCENTAGE_DISCOUNT" | "CREDIT" | "PRICE_UPDATE" | "QUANTITY_UPDATE" | "FREE_PERIOD_DISCOUNT" | "ACTIVATE" | null;
+    chargeType: "ONE_TIME" | "RECURRING" | "USAGE" | null;
     pricingModel: "FLAT" | "TIERED" | "VOLUME" | "BANDS" | null;
+    isAmendment: boolean;
     priceTiers: {
         starts: number | null;
         price: number | null;

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

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

package/dist/esm/types/src/components/Subscriptions/subscriptionsList/subscriptionCardDesktop/SubscriptionCardDesktopRow.d.ts

@@ -10,15 +10,6 @@ export declare const SubscriptionCardDesktopRow_SubscriptionChargeFragment: impo
     quantity: number | null;
     name: string | null;
     isAmendment: boolean;
-    histogram: {
-        feature: {
-            id: string;
-            name: string;
-        };
-        [$tada.fragmentRefs]: {
-            FeatureUsageGraph_HistogramFragment: "Histogram";
-        };
-    } | null;
     [$tada.fragmentRefs]: {
         SubscriptionChargeTotal_SubscriptionChargeFragment: "SubscriptionCharge";
     } & {
@@ -31,9 +22,10 @@ export declare const SubscriptionCardDesktopRow_SubscriptionChargeFragment: impo
     on: "SubscriptionCharge";
     masked: true;
 }>;
-export declare const SubscriptionCardDesktopRow: ({ charge: maskedCharge, chargeIndex, charges: maskedCharges, currencyId, }: {
+export declare const SubscriptionCardDesktopRow: ({ charge: maskedCharge, chargeIndex, charges: maskedCharges, currencyId, subscriptionId, }: {
     charge: FragmentOf<typeof SubscriptionCardDesktopRow_SubscriptionChargeFragment>;
     chargeIndex: number;
     charges: FragmentOf<typeof SubscriptionCardDesktopRow_SubscriptionChargeFragment>[];
     currencyId: string;
+    subscriptionId: string;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/esm/types/src/components/Subscriptions/subscriptionsList/subscriptionCardDesktop/UsageCell.d.ts

@@ -0,0 +1,8 @@
+import { FeatureUsageGraph_SubscriptionChargeFragment } from '@/components/FeatureUsageGraph';
+import { FragmentOf } from 'gql.tada';
+declare const UsageCell: ({ subscriptionId, priceListChargeId, charge, }: {
+    subscriptionId: string;
+    priceListChargeId: string;
+    charge: FragmentOf<typeof FeatureUsageGraph_SubscriptionChargeFragment>;
+}) => import("react/jsx-runtime").JSX.Element | null;
+export default UsageCell;

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

@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from "@storybook/react";
+import type { Meta, StoryObj } from "@storybook/react-vite";
 import Transactions from "./Transactions";
 declare const meta: Meta<typeof Transactions>;
 export default meta;

package/dist/esm/types/src/hooks/useAllErrorFormats.d.ts

@@ -1,5 +1,6 @@
-export declare const useAllErrorFormats: ({ onUserUnavailable, onInvalidOrMissingAuthorization, suppressUserUnavailableErrorNotification }?: {
+export declare const useAllErrorFormats: ({ onUserUnavailable, onInvalidOrMissingAuthorization, suppressUserUnavailableErrorNotification, disableErrorNotifications }?: {
     onUserUnavailable?: () => void;
     onInvalidOrMissingAuthorization?: () => void;
     suppressUserUnavailableErrorNotification?: boolean;
+    disableErrorNotifications?: boolean;
 }) => (error: any, mutationName?: string) => any;

package/dist/esm/types/src/hooks/useIsExpired.d.ts

@@ -1,2 +1,3 @@
-declare const useIsExpired: (expiresAt?: string) => boolean;
+export declare const isExpired: (expiresAt?: string | null, timezone?: string | null) => boolean;
+declare const useIsExpired: (expiresAt?: string, timezone?: string | null) => boolean;
 export default useIsExpired;

package/dist/esm/types/src/hooks/useIsVisible.d.ts

@@ -0,0 +1,4 @@
+import { RefObject } from 'react';
+export declare const useIsVisible: <T extends Element = HTMLDivElement>(options?: IntersectionObserverInit & {
+    once?: boolean;
+}) => [RefObject<T>, boolean];

package/dist/esm/types/src/utils/QueryKeyFactory.d.ts

@@ -106,6 +106,14 @@ declare const QueryKeyFactory: {
         token?: string;
     }) => string[];
     paymentPluginsKey: (token?: string) => string[];
-    accountForSignup: (token?: string) => string[];
+    subscriptionChargeHistogramsKey: ({ subscriptionId, token, }: {
+        subscriptionId: string;
+        token?: string;
+    }) => string[];
+    signupAccount: (token?: string) => string[];
+    signupPriceList: (code?: string, token?: string) => string[];
 };
 export default QueryKeyFactory;
+export declare const MutationKeyFactory: {
+    quoteAccountSignup: readonly ["quoteAccountSignup"];
+};

package/dist/index.d.ts

@@ -173,7 +173,7 @@ declare const PaymentForm_InvoiceFragment: gql_tada.TadaDocumentNode<{
     on: "Invoice";
     masked: true;
 }>;
-declare function PaymentFormRoot({ currencyId: accountCurrencyId, invoice: maskedInvoice, quote: maskedQuote, paymentHold, onPaymentSuccess, onPaymentHoldSuccess, paymentHoldPrecondition, accountId, onSavePaymentMethod, onPaymentMethodRemoved, onSetDefaultPaymentMethod, customCheckoutFunction, children, }: {
+declare function PaymentFormRoot({ currencyId: accountCurrencyId, invoice: maskedInvoice, quote: maskedQuote, paymentHold, onPaymentSuccess, onPaymentHoldSuccess, checkoutPrecondition, accountId, onSavePaymentMethod, onPaymentMethodRemoved, onSetDefaultPaymentMethod, customCheckoutFunction, children, }: {
     currencyId?: string;
     invoice?: FragmentOf<typeof PaymentForm_InvoiceFragment>;
     quote?: FragmentOf<typeof PaymentForm_QuoteFragment>;
@@ -183,17 +183,15 @@ declare function PaymentFormRoot({ currencyId: accountCurrencyId, invoice: maske
     };
     onPaymentSuccess?: (response: any) => void;
     onPaymentHoldSuccess?: (response: any) => void;
-    /**
-     * If provided, the payment hold will only go through if this condition returns true.
-     */
-    paymentHoldPrecondition?: () => boolean | Promise<boolean>;
+    /** Precondition that must pass before checking out free/trial/paid/payment-hold quotes. */
+    checkoutPrecondition?: () => boolean | Promise<boolean>;
     onSavePaymentMethod?: (response: any) => void;
     onPaymentMethodRemoved?: (paymentMethod: PaymentMethodFragment) => void;
     onSetDefaultPaymentMethod?: () => void;
     accountId?: string;
     customCheckoutFunction?: (pluginId: string, paymentMethodId: string) => Promise<any>;
     children?: ReactNode | ((state: PaymentFormRenderState) => ReactNode);
-}): react_jsx_runtime.JSX.Element;
+}): react_jsx_runtime.JSX.Element | null;
 type PaymentFormProps = ComponentProps<typeof PaymentFormRoot>;
 type PaymentFormRenderState = {
     hasPaymentMethods: boolean;
@@ -238,12 +236,6 @@ type SignupProps = {
     priceListCode: string;
     /** If trial is allowed on priceList, enableTrial will enable the trial for the signup */
     enableTrial?: boolean;
-    /** The URL to redirect to after the signup is complete */
-    returnUrl?: 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 form values to use for the signup */
@@ -252,12 +244,14 @@ type SignupProps = {
     paymentRequiredToAcceptQuote?: boolean;
     /** The document template ID to apply to the quote for the signup */
     documentTemplateId?: string;
-    /** Which account billing fields to show and require. Omit for legacy behavior (country required only). */
+    /** Which account billing fields to show and require */
     requiredBillingDetails?: RequiredBillingDetailsFlags;
+    /** A default coupon code to pre-apply to the checkout */
+    defaultCouponCode?: string;
 };
-declare function Signup({ priceListCode, enableTrial, returnUrl, className, shadow, style, defaultFormValues, paymentRequiredToAcceptQuote, documentTemplateId, requiredBillingDetails, }: SignupProps): react_jsx_runtime.JSX.Element;
+declare function Signup({ priceListCode, enableTrial, style, defaultFormValues, paymentRequiredToAcceptQuote, documentTemplateId, requiredBillingDetails, defaultCouponCode, }: SignupProps): react_jsx_runtime.JSX.Element;
 
-declare function BunnyProvider({ children, darkMode, queryClient, apiHost, token, onTokenExpired, onUserUnavailable, onInvalidOrMissingAuthorization, suppressUserUnavailableErrorNotification, configProviderProps, }: {
+declare function BunnyProvider({ children, darkMode, queryClient, apiHost, token, onTokenExpired, onUserUnavailable, onInvalidOrMissingAuthorization, suppressUserUnavailableErrorNotification, disableErrorNotifications, configProviderProps, }: {
     children: React.ReactNode;
     darkMode?: boolean;
     queryClient?: QueryClient;
@@ -267,6 +261,7 @@ declare function BunnyProvider({ children, darkMode, queryClient, apiHost, token
     onUserUnavailable?: () => void;
     onInvalidOrMissingAuthorization?: () => void;
     suppressUserUnavailableErrorNotification?: boolean;
+    disableErrorNotifications?: boolean;
     configProviderProps?: ThemeConfig | undefined;
 }): react_jsx_runtime.JSX.Element;
 
@@ -353,17 +348,15 @@ declare const UpgradeWrapper: ({ onChangePlanCancel, handlePortalErrors, onPayme
     defaultBillingPeriod?: "ONCE" | "MONTHLY" | "QUARTERLY" | "SEMI_ANNUAL" | "ANNUAL";
 }) => react_jsx_runtime.JSX.Element | null;
 
-declare const BillingDetails: ({ className, countryListFilter, hideBillingDetailsForm, hidePaymentMethodForm, isCardEnabled, isUpgradeFromTrial, shadow, onSavePaymentMethod, onPaymentMethodRemoved, }: {
-    className?: string;
+declare const BillingDetails: ({ countryListFilter, hideBillingDetailsForm, hidePaymentMethodForm, isUpgradeFromTrial, style, onSavePaymentMethod, onPaymentMethodRemoved, }: {
     countryListFilter?: (country: {
         value: string;
         label: string;
     }) => boolean;
     hideBillingDetailsForm?: boolean;
     hidePaymentMethodForm?: boolean;
-    isCardEnabled?: boolean;
     isUpgradeFromTrial?: boolean;
-    shadow?: ShadowType;
+    style?: React.CSSProperties;
     onSavePaymentMethod?: (paymentMethodId: string) => void;
     onPaymentMethodRemoved?: (paymentMethodId: string) => void;
 }) => react_jsx_runtime.JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bunnyapp/components",
-  "version": "1.8.2",
+  "version": "1.8.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",
@@ -10,8 +10,10 @@
   "type": "module",
   "types": "dist/index.d.ts",
   "scripts": {
-    "build": "npm run clean && rollup -c",
+    "build": "npm run clean && NODE_ENV=production rollup -c",
     "build-dev": "npm run clean && rollup -c -w",
+    "analyze": "npm run clean && NODE_ENV=production ANALYZE=true rollup -c",
+    "analyze-storybook": "ANALYZE=true storybook build",
     "build-storybook": "storybook build",
     "clean": "rimraf dist",
     "storybook": "storybook dev -p 6006",
@@ -27,7 +29,7 @@
   "author": "Bunny",
   "license": "ISC",
   "devDependencies": {
-    "@chromatic-com/storybook": "^3.2.7",
+    "@chromatic-com/storybook": "^5.2.1",
     "@fontsource-variable/inter": "^5.2.8",
     "@parcel/watcher": "^2.5.1",
     "@rollup/plugin-commonjs": "^28.0.8",
@@ -36,15 +38,12 @@
     "@rollup/plugin-replace": "^6.0.2",
     "@rollup/plugin-terser": "^1.0.0",
     "@rollup/plugin-typescript": "^11.1.6",
-    "@storybook/addon-essentials": "^8.6.14",
-    "@storybook/addon-interactions": "^8.6.14",
-    "@storybook/addon-onboarding": "^8.6.14",
-    "@storybook/blocks": "^8.6.14",
-    "@storybook/react": "^8.6.14",
-    "@storybook/react-vite": "^8.6.14",
-    "@storybook/test": "^8.6.14",
+    "@storybook/addon-docs": "^10.4.0",
+    "@storybook/addon-onboarding": "^10.4.0",
+    "@storybook/react": "^10.4.0",
+    "@storybook/react-vite": "^10.4.0",
     "@tanstack/eslint-plugin-query": "^5.91.2",
-    "@tanstack/react-query-devtools": "^5.90.2",
+    "@tanstack/react-query-devtools": "5.75.4",
     "@types/lodash": "^4.17.20",
     "@types/lodash-es": "^4.17.12",
     "@types/node": "^24.10.0",
@@ -54,7 +53,7 @@
     "@vitejs/plugin-react": "^4.7.0",
     "autoprefixer": "^10.4.21",
     "dependency-cruiser": "^16.10.4",
-    "eslint-plugin-storybook": "^0.11.6",
+    "eslint-plugin-storybook": "^10.4.0",
     "glob": "^11.0.3",
     "gql.tada": "^1.9.0",
     "less": "^4.4.2",
@@ -62,13 +61,14 @@
     "patch-package": "^8.0.1",
     "postcss-import": "^16.1.1",
     "postcss-less": "^6.0.0",
-    "postcss-url": "^8.0.0",
+    "postcss-url": "^10.1.3",
     "rimraf": "^6.1.2",
     "rollup": "^3.29.5",
     "rollup-plugin-dts": "^6.2.3",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-postcss": "^4.0.2",
-    "storybook": "^8.6.14",
+    "rollup-plugin-visualizer": "^7.0.1",
+    "storybook": "^10.4.0",
     "tailwindcss": "^3.4.18",
     "typescript": "^5.9.3",
     "vite": "^6.4.1"
@@ -81,9 +81,10 @@
     "@fortawesome/free-solid-svg-icons": "^7.0.0",
     "@fortawesome/react-fontawesome": "^0.2.2",
     "@pdf-viewer/react": "^1.8.0",
+    "@sentry/react": "^10.53.1",
     "@stripe/react-stripe-js": "^3.8.1",
     "@stripe/stripe-js": "^7.7.0",
-    "@tanstack/react-query": "^5.59.0",
+    "@tanstack/react-query": "5.75.4",
     "antd": "^5.28.0",
     "graphql": "^16.11.0",
     "graphql-request": "^6.1.0",
@@ -104,5 +105,8 @@
   },
   "dependencies": {
     "msw-storybook-addon": "^2.0.6"
+  },
+  "overrides": {
+    "minimatch": "^9.0.0"
   }
 }

package/dist/cjs/types/src/components/Signup/fragments/useApplyDefaultCoupon_QuoteFragment.d.ts

@@ -1,9 +0,0 @@
-export declare const useApplyDefaultCoupon_QuoteFragment: import("gql.tada").TadaDocumentNode<{
-    [$tada.fragmentRefs]: {
-        canApplyCoupons_QuoteFragment: "Quote";
-    };
-}, {}, {
-    fragment: "useApplyDefaultCoupon_QuoteFragment";
-    on: "Quote";
-    masked: true;
-}>;

package/dist/cjs/types/src/components/Signup/hooks/useQuoteAccountSignupOnExit.d.ts

@@ -1,46 +0,0 @@
-import { FormInstance } from 'antd';
-import type { InitialSignupFormData } from '../components/InitialSignupFormFields';
-import { FragmentOf } from 'gql.tada';
-import { Signup_QuoteFragment } from '../fragments/Signup_QuoteFragment';
-type UseQuoteAccountSignupOnExitParams = {
-    form: FormInstance<InitialSignupFormData>;
-    priceListCode: string;
-    enableTrial: boolean;
-    priceList: {
-        trialAllowed?: boolean;
-        plan?: {
-            selfServiceBuy?: boolean;
-        };
-    } | null | undefined;
-    paymentRequiredToAcceptQuote?: boolean;
-    documentTemplateId?: string | undefined;
-    /** When set, account + quote already exist — do not run signup again. */
-    quoteAccountId: string | null | undefined;
-    onQuoteAccountSignupSuccess: (portalSessionToken: string, accountId: string, quote: FragmentOf<typeof Signup_QuoteFragment> | null) => void;
-    handleShowSelfServiceBuyWarning: () => void;
-};
-/** Runs `quoteAccountSignup` when the account form is exited (focus leaves the wrapper) or on page hide / tab switch. */
-export declare function useQuoteAccountSignupOnExit({ form, priceListCode, enableTrial, priceList, paymentRequiredToAcceptQuote, documentTemplateId, quoteAccountId, onQuoteAccountSignupSuccess, handleShowSelfServiceBuyWarning, }: UseQuoteAccountSignupOnExitParams): {
-    onSignupFormBlur: () => Promise<void>;
-    quoteAccountSignupMutate: import("@tanstack/react-query").UseMutateFunction<{
-        account: {
-            id: string;
-        } | null;
-        quote: {
-            [$tada.fragmentRefs]: {
-                Signup_QuoteFragment: "Quote";
-            };
-            id: string | null;
-        } | null;
-        tenant: {
-            code: string | null;
-        } | null;
-        portalSessionToken: string | null;
-        errors: string[] | null;
-    } | null, Error, {
-        formData?: InitialSignupFormData;
-        accountCode?: string;
-    }, unknown>;
-    isSigningUp: boolean;
-};
-export {};

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

@@ -1,9 +0,0 @@
-export declare const useApplyDefaultCoupon_QuoteFragment: import("gql.tada").TadaDocumentNode<{
-    [$tada.fragmentRefs]: {
-        canApplyCoupons_QuoteFragment: "Quote";
-    };
-}, {}, {
-    fragment: "useApplyDefaultCoupon_QuoteFragment";
-    on: "Quote";
-    masked: true;
-}>;

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

@@ -1,46 +0,0 @@
-import { FormInstance } from 'antd';
-import type { InitialSignupFormData } from '../components/InitialSignupFormFields';
-import { FragmentOf } from 'gql.tada';
-import { Signup_QuoteFragment } from '../fragments/Signup_QuoteFragment';
-type UseQuoteAccountSignupOnExitParams = {
-    form: FormInstance<InitialSignupFormData>;
-    priceListCode: string;
-    enableTrial: boolean;
-    priceList: {
-        trialAllowed?: boolean;
-        plan?: {
-            selfServiceBuy?: boolean;
-        };
-    } | null | undefined;
-    paymentRequiredToAcceptQuote?: boolean;
-    documentTemplateId?: string | undefined;
-    /** When set, account + quote already exist — do not run signup again. */
-    quoteAccountId: string | null | undefined;
-    onQuoteAccountSignupSuccess: (portalSessionToken: string, accountId: string, quote: FragmentOf<typeof Signup_QuoteFragment> | null) => void;
-    handleShowSelfServiceBuyWarning: () => void;
-};
-/** Runs `quoteAccountSignup` when the account form is exited (focus leaves the wrapper) or on page hide / tab switch. */
-export declare function useQuoteAccountSignupOnExit({ form, priceListCode, enableTrial, priceList, paymentRequiredToAcceptQuote, documentTemplateId, quoteAccountId, onQuoteAccountSignupSuccess, handleShowSelfServiceBuyWarning, }: UseQuoteAccountSignupOnExitParams): {
-    onSignupFormBlur: () => Promise<void>;
-    quoteAccountSignupMutate: import("@tanstack/react-query").UseMutateFunction<{
-        account: {
-            id: string;
-        } | null;
-        quote: {
-            [$tada.fragmentRefs]: {
-                Signup_QuoteFragment: "Quote";
-            };
-            id: string | null;
-        } | null;
-        tenant: {
-            code: string | null;
-        } | null;
-        portalSessionToken: string | null;
-        errors: string[] | null;
-    } | null, Error, {
-        formData?: InitialSignupFormData;
-        accountCode?: string;
-    }, unknown>;
-    isSigningUp: boolean;
-};
-export {};