@bunnyapp/components 1.8.6 → 2.0.0-beta.1

package/dist/cjs/types/src/components/Subscriptions/context/subscriptionCancelContext.d.ts

@@ -1,5 +1,5 @@
 declare const SubscriptionCancelProvider: ({ value, children }: {
     value: (subscriptionId: string) => void;
     children?: import("react").ReactNode;
-}) => import("react/jsx-runtime").JSX.Element, useSubscriptionCancel: () => (subscriptionId: string) => void;
+}) => import("react").JSX.Element, useSubscriptionCancel: () => (subscriptionId: string) => void;
 export { SubscriptionCancelProvider, useSubscriptionCancel };

package/dist/cjs/types/src/components/Subscriptions/context/subscriptionPropsContext.d.ts

@@ -1,9 +1,5 @@
 export type SubscriptionProps = {
-    gap?: number;
-    shadow?: 'none' | 'sm' | 'md' | 'lg';
     showTitle?: boolean;
-    className?: string;
-    subscriptionProductNameStyle?: React.CSSProperties;
     productId?: string;
     isInPreviewMode: boolean;
     showInactiveSubscriptions?: boolean;
@@ -11,4 +7,4 @@ export type SubscriptionProps = {
 export declare const SubscriptionPropsProvider: ({ value, children }: {
     value: SubscriptionProps;
     children?: import("react").ReactNode;
-}) => import("react/jsx-runtime").JSX.Element, useSubscriptionProps: () => SubscriptionProps;
+}) => import("react").JSX.Element, useSubscriptionProps: () => SubscriptionProps;

package/dist/cjs/types/src/components/Subscriptions/context/upgradingSubscriptionContext.d.ts

@@ -1,7 +1,7 @@
 export declare const UpgradingSubscriptionProvider: ({ value, children }: {
     value: {
         id: string;
-        state: "ACTIVE" | "TRIAL" | "CANCELED" | "EXPIRED" | "TRIAL_EXPIRED" | "PENDING";
+        state: "PENDING" | "ACTIVE" | "TRIAL" | "EXPIRED" | "CANCELED" | "TRIAL_EXPIRED";
         priceList: {
             id: string;
             plan: {
@@ -14,7 +14,7 @@ export declare const UpgradingSubscriptionProvider: ({ value, children }: {
         [$tada.fragmentRefs]: {
             SubscriptionsList_SubscriptionFragment: "Subscription";
         } & {
-            QuoteCheckout_SubscriptionFragment: "Subscription";
+            UpgradeCheckout_SubscriptionFragment: "Subscription";
         } & {
             PriceListSelectorUpgradingSubscription_SubscriptionFragment: "Subscription";
         } & {
@@ -32,9 +32,9 @@ export declare const UpgradingSubscriptionProvider: ({ value, children }: {
         };
     } | null | undefined;
     children?: import("react").ReactNode;
-}) => import("react/jsx-runtime").JSX.Element, useUpgradingSubscription: () => {
+}) => import("react").JSX.Element, useUpgradingSubscription: () => {
     id: string;
-    state: "ACTIVE" | "TRIAL" | "CANCELED" | "EXPIRED" | "TRIAL_EXPIRED" | "PENDING";
+    state: "PENDING" | "ACTIVE" | "TRIAL" | "EXPIRED" | "CANCELED" | "TRIAL_EXPIRED";
     priceList: {
         id: string;
         plan: {
@@ -47,7 +47,7 @@ export declare const UpgradingSubscriptionProvider: ({ value, children }: {
     [$tada.fragmentRefs]: {
         SubscriptionsList_SubscriptionFragment: "Subscription";
     } & {
-        QuoteCheckout_SubscriptionFragment: "Subscription";
+        UpgradeCheckout_SubscriptionFragment: "Subscription";
     } & {
         PriceListSelectorUpgradingSubscription_SubscriptionFragment: "Subscription";
     } & {

package/dist/cjs/types/src/components/Subscriptions/context/upgradingSubscriptionIdContext.d.ts

@@ -1,4 +1,4 @@
 export declare const UpgradingSubscriptionIdProvider: ({ initialValue, children, }: {
     initialValue?: string | undefined;
     children?: import("react").ReactNode;
-}) => import("react/jsx-runtime").JSX.Element, useUpgradingSubscriptionId: () => [string | undefined, import("react").Dispatch<import("react").SetStateAction<string | undefined>>];
+}) => import("react").JSX.Element, useUpgradingSubscriptionId: () => [string | undefined, import("react").Dispatch<import("react").SetStateAction<string | undefined>>];

package/dist/cjs/types/src/components/Subscriptions/fragments/Subscriptions_SubscriptionFragment.d.ts

@@ -1,5 +1,5 @@
 export declare const Subscriptions_SubscriptionFragment: import("gql.tada").TadaDocumentNode<{
-    state: "ACTIVE" | "TRIAL" | "CANCELED" | "EXPIRED" | "TRIAL_EXPIRED" | "PENDING";
+    state: "PENDING" | "ACTIVE" | "TRIAL" | "EXPIRED" | "CANCELED" | "TRIAL_EXPIRED";
     id: string;
     [$tada.fragmentRefs]: {
         SubscriptionsListContainer_SubscriptionFragment: "Subscription";

package/dist/cjs/types/src/components/Subscriptions/fragments/UpgradingSubscriptionContext_SubscriptionFragment.d.ts

@@ -1,6 +1,6 @@
 export declare const UpgradingSubscriptionContext_SubscriptionFragment: import("gql.tada").TadaDocumentNode<{
     id: string;
-    state: "ACTIVE" | "TRIAL" | "CANCELED" | "EXPIRED" | "TRIAL_EXPIRED" | "PENDING";
+    state: "PENDING" | "ACTIVE" | "TRIAL" | "EXPIRED" | "CANCELED" | "TRIAL_EXPIRED";
     priceList: {
         id: string;
         plan: {
@@ -13,7 +13,7 @@ export declare const UpgradingSubscriptionContext_SubscriptionFragment: import("
     [$tada.fragmentRefs]: {
         SubscriptionsList_SubscriptionFragment: "Subscription";
     } & {
-        QuoteCheckout_SubscriptionFragment: "Subscription";
+        UpgradeCheckout_SubscriptionFragment: "Subscription";
     } & {
         PriceListSelectorUpgradingSubscription_SubscriptionFragment: "Subscription";
     } & {

package/dist/cjs/types/src/components/Subscriptions/quantityChangeDrawer/QuantityChangeGridRow.d.ts

@@ -44,5 +44,5 @@ declare const QuantityChangeGridRow: ({ subscription: maskedSubscription, subscr
     setUpdatingChargeQuantityId: (updatingChargeQuantityId: string | undefined) => void;
     updatingChargeQuantityId: string | undefined;
     setErrorUpdatingQuantity: (errorUpdatingQuantity: boolean) => void;
-}) => import("react/jsx-runtime").JSX.Element | null;
+}) => import("react").JSX.Element | null;
 export default QuantityChangeGridRow;

package/dist/cjs/types/src/components/Subscriptions/quantityChangeDrawer/QuantityChangeGridTitle.d.ts

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

package/dist/cjs/types/src/components/Subscriptions/quantityChangeDrawer/QuantityDrawer.d.ts

@@ -6,6 +6,6 @@ interface QuantityDrawerProps {
     setQuantityDrawerOpen: (open: boolean) => void;
     handlePortalErrors?: (errors: any) => void;
 }
-export declare const QuantityDrawerContent: ({ subscriptions, quantityDrawerOpen, setQuantityDrawerOpen, handlePortalErrors, }: QuantityDrawerProps) => import("react/jsx-runtime").JSX.Element;
-export declare const QuantityDrawer: ({ subscriptions, quantityDrawerOpen, setQuantityDrawerOpen, handlePortalErrors, }: QuantityDrawerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const QuantityDrawerContent: ({ subscriptions, quantityDrawerOpen, setQuantityDrawerOpen, handlePortalErrors, }: QuantityDrawerProps) => import("react").JSX.Element;
+export declare const QuantityDrawer: ({ subscriptions, quantityDrawerOpen, setQuantityDrawerOpen, handlePortalErrors, }: QuantityDrawerProps) => import("react").JSX.Element;
 export {};

package/dist/cjs/types/src/components/Subscriptions/quantityChangeDrawer/QuoteChangeSummarySection.d.ts

@@ -12,5 +12,5 @@ export declare const QuoteChangeSummarySection_QuoteFragment: import("gql.tada")
 declare const QuoteChangeSummarySection: ({ openCheckout, errorUpdatingQuantity, }: {
     openCheckout: () => void;
     errorUpdatingQuantity: boolean;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;
 export default QuoteChangeSummarySection;

package/dist/cjs/types/src/components/Subscriptions/quantityChangeDrawer/context/quoteIdContext.d.ts

@@ -1,5 +1,5 @@
 declare const QuoteIdProvider: ({ initialValue, children, }: {
     initialValue?: string | undefined;
     children?: import("react").ReactNode;
-}) => import("react/jsx-runtime").JSX.Element, useQuoteId: () => [string | undefined, import("react").Dispatch<import("react").SetStateAction<string | undefined>>];
+}) => import("react").JSX.Element, useQuoteId: () => [string | undefined, import("react").Dispatch<import("react").SetStateAction<string | undefined>>];
 export { QuoteIdProvider, useQuoteId };

package/dist/cjs/types/src/components/Subscriptions/quantityChangeDrawer/context/quoteIsLoadingContext.d.ts

@@ -1,5 +1,5 @@
 declare const QuoteIsLoadingProvider: ({ initialValue, children, }: {
     initialValue?: boolean | undefined;
     children?: import("react").ReactNode;
-}) => import("react/jsx-runtime").JSX.Element, useQuoteIsLoading: () => [boolean, import("react").Dispatch<import("react").SetStateAction<boolean>>];
+}) => import("react").JSX.Element, useQuoteIsLoading: () => [boolean, import("react").Dispatch<import("react").SetStateAction<boolean>>];
 export { QuoteIsLoadingProvider, useQuoteIsLoading };

package/dist/cjs/types/src/components/Subscriptions/quantityChangeDrawer/context/quoteRecalculateTaxesContext.d.ts

@@ -5,5 +5,5 @@ export type QuoteRecalculateTaxesValue = {
 declare const QuoteRecalculateTaxesProvider: ({ value, children }: {
     value: QuoteRecalculateTaxesValue;
     children?: import("react").ReactNode;
-}) => import("react/jsx-runtime").JSX.Element, useQuoteRecalculateTaxes: () => QuoteRecalculateTaxesValue;
+}) => import("react").JSX.Element, useQuoteRecalculateTaxes: () => QuoteRecalculateTaxesValue;
 export { QuoteRecalculateTaxesProvider, useQuoteRecalculateTaxes };

package/dist/cjs/types/src/components/Subscriptions/quantityChangeDrawer/fragments/QuantityDrawer_QuoteFragment.d.ts

@@ -1,7 +1,7 @@
 export declare const QuantityDrawer_QuoteFragment: import("gql.tada").TadaDocumentNode<{
     id: string | null;
     [$tada.fragmentRefs]: {
-        Checkout_QuoteFragment: "Quote";
+        UpgradeCheckout_QuoteFragment: "Quote";
     } & {
         QuantityInput_QuoteFragment: "Quote";
     } & {

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

@@ -21,5 +21,5 @@ declare const QuantityChangeDrawerDesktop: ({ onClose, open, openCheckout, subsc
     subscriptions: (FragmentOf<typeof QuantityDrawerDesktop_SubscriptionFragment> | null)[];
     setUpdatingChargeQuantityId: (updatingChargeQuantityId: string | undefined) => void;
     updatingChargeQuantityId: string | undefined;
-}) => import("react/jsx-runtime").JSX.Element | null;
+}) => import("react").JSX.Element | null;
 export default QuantityChangeDrawerDesktop;

package/dist/cjs/types/src/components/Subscriptions/quantityChangeDrawer/quantityInput/QuantityInput.d.ts

@@ -45,5 +45,5 @@ declare const QuantityInput: ({ charge: maskedCharge, subscription: maskedSubscr
     setUpdatingChargeQuantityId: (updatingChargeQuantityId: string | undefined) => void;
     updatingChargeQuantityId: string | undefined;
     setErrorUpdatingQuantity: (errorUpdatingQuantity: boolean) => void;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;
 export default QuantityInput;

package/dist/cjs/types/src/components/Subscriptions/quantityChangeDrawer/utils/utils.d.ts

@@ -4,7 +4,7 @@ export declare const CanShowQuantitiesInput_SubscriptionChargeFragment: import("
     pricingModel: "FLAT" | "TIERED" | "VOLUME" | "BANDS" | null;
     expired: boolean;
     selfServiceQuantity: boolean | null;
-    kind: "SUBSCRIBE" | "UPDATE" | "RENEW" | "REINSTATE" | "UNSUBSCRIBE" | "ADJUSTMENT" | "COUPON" | "DISCOUNT" | "PERCENTAGE_DISCOUNT" | "CREDIT" | "PRICE_UPDATE" | "QUANTITY_UPDATE" | "FREE_PERIOD_DISCOUNT" | "ACTIVATE" | null;
+    kind: "ACTIVATE" | "ADJUSTMENT" | "COUPON" | "CREDIT" | "DISCOUNT" | "FREE_PERIOD_DISCOUNT" | "PERCENTAGE_DISCOUNT" | "PRICE_UPDATE" | "QUANTITY_UPDATE" | "REINSTATE" | "RENEW" | "SUBSCRIBE" | "UNSUBSCRIBE" | "UPDATE" | null;
     chargeType: "ONE_TIME" | "RECURRING" | "USAGE" | null;
 }, {}, {
     fragment: "CanShowQuantitiesInput_SubscriptionChargeFragment";
@@ -13,7 +13,7 @@ export declare const CanShowQuantitiesInput_SubscriptionChargeFragment: import("
 }>;
 export declare const CanShowQuantitiesInput_SubscriptionFragment: import("gql.tada").TadaDocumentNode<{
     id: string;
-    state: "ACTIVE" | "TRIAL" | "CANCELED" | "EXPIRED" | "TRIAL_EXPIRED" | "PENDING";
+    state: "PENDING" | "ACTIVE" | "TRIAL" | "EXPIRED" | "CANCELED" | "TRIAL_EXPIRED";
     priceList: {
         id: string;
     } | null;

package/dist/cjs/types/src/components/Subscriptions/subscriptionsList/ChangeQuantitiesButton.d.ts

@@ -1,4 +1,4 @@
 declare const ChangeQuantitiesButton: ({ setQuantityDrawerOpen, }: {
     setQuantityDrawerOpen: (value: boolean) => void;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;
 export default ChangeQuantitiesButton;

package/dist/cjs/types/src/components/Subscriptions/subscriptionsList/ShowInactiveToggle.d.ts

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

package/dist/cjs/types/src/components/Subscriptions/subscriptionsList/SubscriptionChargeTotal.d.ts

@@ -3,7 +3,7 @@ export declare const SubscriptionChargeTotal_SubscriptionChargeFragment: import(
     billingPeriod: "MONTHLY" | "QUARTERLY" | "SEMI_ANNUAL" | "ANNUAL" | "ONCE" | null;
     chargeType: "ONE_TIME" | "RECURRING" | "USAGE" | null;
     trial: boolean;
-    kind: "SUBSCRIBE" | "UPDATE" | "RENEW" | "REINSTATE" | "UNSUBSCRIBE" | "ADJUSTMENT" | "COUPON" | "DISCOUNT" | "PERCENTAGE_DISCOUNT" | "CREDIT" | "PRICE_UPDATE" | "QUANTITY_UPDATE" | "FREE_PERIOD_DISCOUNT" | "ACTIVATE" | null;
+    kind: "ACTIVATE" | "ADJUSTMENT" | "COUPON" | "CREDIT" | "DISCOUNT" | "FREE_PERIOD_DISCOUNT" | "PERCENTAGE_DISCOUNT" | "PRICE_UPDATE" | "QUANTITY_UPDATE" | "REINSTATE" | "RENEW" | "SUBSCRIBE" | "UNSUBSCRIBE" | "UPDATE" | null;
     price: string | null;
     periodPrice: number | null;
 }, {}, {
@@ -14,5 +14,5 @@ export declare const SubscriptionChargeTotal_SubscriptionChargeFragment: import(
 declare const SubscriptionChargeTotal: ({ charge: maskedCharge, currencyId, }: {
     charge: FragmentOf<typeof SubscriptionChargeTotal_SubscriptionChargeFragment>;
     currencyId: string;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;
 export default SubscriptionChargeTotal;

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

@@ -4,7 +4,7 @@ export declare const SubscriptionChargeUnitPrice_SubscriptionChargeFragment: imp
     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;
+    kind: "ACTIVATE" | "ADJUSTMENT" | "COUPON" | "CREDIT" | "DISCOUNT" | "FREE_PERIOD_DISCOUNT" | "PERCENTAGE_DISCOUNT" | "PRICE_UPDATE" | "QUANTITY_UPDATE" | "REINSTATE" | "RENEW" | "SUBSCRIBE" | "UNSUBSCRIBE" | "UPDATE" | null;
     chargeType: "ONE_TIME" | "RECURRING" | "USAGE" | null;
     pricingModel: "FLAT" | "TIERED" | "VOLUME" | "BANDS" | null;
     isAmendment: boolean;
@@ -25,5 +25,5 @@ export declare const SubscriptionChargeUnitPrice_SubscriptionChargeFragment: imp
 declare const SubscriptionChargeUnitPrice: ({ charge: maskedCharge, currencyId, }: {
     charge: FragmentOf<typeof SubscriptionChargeUnitPrice_SubscriptionChargeFragment>;
     currencyId: string;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;
 export default SubscriptionChargeUnitPrice;

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

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

package/dist/cjs/types/src/components/Subscriptions/subscriptionsList/SubscriptionsList.d.ts

@@ -1,7 +1,7 @@
 import { FragmentOf } from 'gql.tada';
 export declare const SubscriptionsList_SubscriptionFragment: import("gql.tada").TadaDocumentNode<{
     id: string;
-    state: "ACTIVE" | "TRIAL" | "CANCELED" | "EXPIRED" | "TRIAL_EXPIRED" | "PENDING";
+    state: "PENDING" | "ACTIVE" | "TRIAL" | "EXPIRED" | "CANCELED" | "TRIAL_EXPIRED";
     [$tada.fragmentRefs]: {
         splitSubscriptionsByPriceList_SubscriptionFragment: "Subscription";
     } & {
@@ -21,5 +21,5 @@ export declare const SubscriptionsList_SubscriptionFragment: import("gql.tada").
 declare const SubscriptionsList: ({ showInactive, subscriptions: maskedSubscriptions, }: {
     showInactive: boolean;
     subscriptions: FragmentOf<typeof SubscriptionsList_SubscriptionFragment>[];
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;
 export default SubscriptionsList;

package/dist/cjs/types/src/components/Subscriptions/subscriptionsList/SubscriptionsNavigation.d.ts

@@ -6,5 +6,5 @@ declare const SubscriptionsNavigation: ({ inactiveSwitchVisible, showInactive, s
     setShowInactive: (value: boolean) => void;
     setQuantityDrawerOpen: (value: boolean) => void;
     subscriptions: FragmentOf<typeof CanShowQuantitiesInput_SubscriptionFragment>[];
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;
 export default SubscriptionsNavigation;

package/dist/cjs/types/src/components/Subscriptions/subscriptionsList/subscriptionCardDesktop/SubscriptionCardColumnHeaders.d.ts

@@ -1,12 +1,8 @@
 declare const SubscriptionCardColumnHeaders: ({ columns, }: {
-    columns: ({
+    columns: {
         title: string;
         width: string;
-        className?: undefined;
-    } | {
-        className: string;
-        title: string;
-        width: string;
-    })[];
-}) => import("react/jsx-runtime").JSX.Element;
+        className?: string;
+    }[];
+}) => import("react").JSX.Element;
 export default SubscriptionCardColumnHeaders;

package/dist/cjs/types/src/components/Subscriptions/subscriptionsList/subscriptionCardDesktop/SubscriptionCardDesktop.d.ts

@@ -22,5 +22,5 @@ export declare const SubscriptionCardDesktop_SubscriptionFragment: import("gql.t
 declare const SubscriptionCardDesktop: ({ subscription: maskedSubscription, isAddon, }: {
     subscription: FragmentOf<typeof SubscriptionCardDesktop_SubscriptionFragment>;
     isAddon?: boolean;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;
 export default SubscriptionCardDesktop;

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

@@ -5,7 +5,7 @@ export declare const SubscriptionCardDesktopRow_SubscriptionChargeFragment: impo
     trial: boolean;
     startDate: unknown;
     endDate: unknown;
-    kind: "SUBSCRIBE" | "UPDATE" | "RENEW" | "REINSTATE" | "UNSUBSCRIBE" | "ADJUSTMENT" | "COUPON" | "DISCOUNT" | "PERCENTAGE_DISCOUNT" | "CREDIT" | "PRICE_UPDATE" | "QUANTITY_UPDATE" | "FREE_PERIOD_DISCOUNT" | "ACTIVATE" | null;
+    kind: "ACTIVATE" | "ADJUSTMENT" | "COUPON" | "CREDIT" | "DISCOUNT" | "FREE_PERIOD_DISCOUNT" | "PERCENTAGE_DISCOUNT" | "PRICE_UPDATE" | "QUANTITY_UPDATE" | "REINSTATE" | "RENEW" | "SUBSCRIBE" | "UNSUBSCRIBE" | "UPDATE" | null;
     chargeType: "ONE_TIME" | "RECURRING" | "USAGE" | null;
     quantity: number | null;
     name: string | null;
@@ -28,4 +28,4 @@ export declare const SubscriptionCardDesktopRow: ({ charge: maskedCharge, charge
     charges: FragmentOf<typeof SubscriptionCardDesktopRow_SubscriptionChargeFragment>[];
     currencyId: string;
     subscriptionId: string;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;

package/dist/cjs/types/src/components/Subscriptions/subscriptionsList/subscriptionCardDesktop/SubscriptionsCardCell.d.ts

@@ -5,5 +5,5 @@ declare const SubscriptionsListCell: ({ children, className, gridColumn, right,
     gridColumn?: string | number;
     right?: boolean;
     style?: CSSProperties;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;
 export default SubscriptionsListCell;

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

@@ -4,5 +4,5 @@ declare const UsageCell: ({ subscriptionId, priceListChargeId, charge, }: {
     subscriptionId: string;
     priceListChargeId: string;
     charge: FragmentOf<typeof FeatureUsageGraph_SubscriptionChargeFragment>;
-}) => import("react/jsx-runtime").JSX.Element | null;
+}) => import("react").JSX.Element | null;
 export default UsageCell;

package/dist/cjs/types/src/components/Subscriptions/subscriptionsList/subscriptionCardHeader/SubscriptionCardHeader.d.ts

@@ -1,7 +1,7 @@
 import { FragmentOf } from 'gql.tada';
 export declare const SubscriptionCardHeader_SubscriptionFragment: import("gql.tada").TadaDocumentNode<{
     id: string;
-    state: "ACTIVE" | "TRIAL" | "CANCELED" | "EXPIRED" | "TRIAL_EXPIRED" | "PENDING";
+    state: "PENDING" | "ACTIVE" | "TRIAL" | "EXPIRED" | "CANCELED" | "TRIAL_EXPIRED";
     daysLeftInTrial: number | null;
     product: {
         id: string;
@@ -28,5 +28,5 @@ export declare const SubscriptionCardHeader_SubscriptionFragment: import("gql.ta
 }>;
 declare const SubscriptionCardHeader: ({ subscription: maskedSubscription, }: {
     subscription: FragmentOf<typeof SubscriptionCardHeader_SubscriptionFragment>;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;
 export default SubscriptionCardHeader;

package/dist/cjs/types/src/components/Subscriptions/subscriptionsList/subscriptionCardHeader/components/SubscriptionCardActions.d.ts

@@ -13,7 +13,7 @@ export declare const SubscriptionCardActions_PriceListChangeOptionsFragment: imp
 }>;
 export declare const SubscriptionCardActions_SubscriptionFragment: import("gql.tada").TadaDocumentNode<{
     id: string;
-    state: "ACTIVE" | "TRIAL" | "CANCELED" | "EXPIRED" | "TRIAL_EXPIRED" | "PENDING";
+    state: "PENDING" | "ACTIVE" | "TRIAL" | "EXPIRED" | "CANCELED" | "TRIAL_EXPIRED";
     plan: {
         selfServiceCancel: boolean | null;
     } | null;
@@ -34,4 +34,4 @@ export declare const SubscriptionCardActions: ({ priceListChangeOptions: maskedP
     priceListChangeOptions?: FragmentOf<typeof SubscriptionCardActions_PriceListChangeOptionsFragment>;
     subscription: FragmentOf<typeof SubscriptionCardActions_SubscriptionFragment>;
     isPaymentMethodLoading: boolean;
-}) => import("react/jsx-runtime").JSX.Element | null;
+}) => import("react").JSX.Element | null;

package/dist/cjs/types/src/components/Subscriptions/subscriptionsList/subscriptionCardHeader/components/SubscriptionStatusAndActions.d.ts

@@ -17,4 +17,4 @@ export declare const SubscriptionStatusAndActions_SubscriptionFragment: import("
 }>;
 export declare function SubscriptionStatusAndActions({ subscription: maskedSubscription, }: {
     subscription: FragmentOf<typeof SubscriptionStatusAndActions_SubscriptionFragment>;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;

package/dist/cjs/types/src/components/Subscriptions/subscriptionsList/subscriptionCardHeader/components/SubscriptionStatusText.d.ts

@@ -1,7 +1,7 @@
 import { FragmentOf } from 'gql.tada';
 export declare const SubscriptionStatusText_SubscriptionFragment: import("gql.tada").TadaDocumentNode<{
     id: string;
-    state: "ACTIVE" | "TRIAL" | "CANCELED" | "EXPIRED" | "TRIAL_EXPIRED" | "PENDING";
+    state: "PENDING" | "ACTIVE" | "TRIAL" | "EXPIRED" | "CANCELED" | "TRIAL_EXPIRED";
     cancellationDate: unknown;
     evergreen: boolean;
     endDate: unknown;
@@ -16,4 +16,4 @@ export declare const SubscriptionStatusText_SubscriptionFragment: import("gql.ta
 }>;
 export declare function SubscriptionStatusText({ subscription: maskedSubscription, }: {
     subscription: FragmentOf<typeof SubscriptionStatusText_SubscriptionFragment>;
-}): JSX.Element | string;
+}): JSX.Element;

package/dist/cjs/types/src/components/Subscriptions/subscriptionsList/subscriptionCardMobile/SubscriptionCardCellMobile.d.ts

@@ -4,5 +4,5 @@ type SubscriptionCardCellMobileProps = {
     className?: string;
     style?: CSSProperties;
 };
-declare const SubscriptionCardCellMobile: ({ children, className, style, }: SubscriptionCardCellMobileProps) => import("react/jsx-runtime").JSX.Element;
+declare const SubscriptionCardCellMobile: ({ children, className, style, }: SubscriptionCardCellMobileProps) => import("react").JSX.Element;
 export default SubscriptionCardCellMobile;

package/dist/cjs/types/src/components/Subscriptions/subscriptionsList/subscriptionCardMobile/SubscriptionCardMobile.d.ts

@@ -14,7 +14,7 @@ export declare const SubscriptionCardMobile_SubscriptionFragment: import("gql.ta
         };
         isRamp: boolean;
         name: string | null;
-        kind: "SUBSCRIBE" | "UPDATE" | "RENEW" | "REINSTATE" | "UNSUBSCRIBE" | "ADJUSTMENT" | "COUPON" | "DISCOUNT" | "PERCENTAGE_DISCOUNT" | "CREDIT" | "PRICE_UPDATE" | "QUANTITY_UPDATE" | "FREE_PERIOD_DISCOUNT" | "ACTIVATE" | null;
+        kind: "ACTIVATE" | "ADJUSTMENT" | "COUPON" | "CREDIT" | "DISCOUNT" | "FREE_PERIOD_DISCOUNT" | "PERCENTAGE_DISCOUNT" | "PRICE_UPDATE" | "QUANTITY_UPDATE" | "REINSTATE" | "RENEW" | "SUBSCRIBE" | "UNSUBSCRIBE" | "UPDATE" | null;
         startDate: unknown;
         endDate: unknown;
         quantity: number | null;
@@ -29,5 +29,5 @@ export declare const SubscriptionCardMobile_SubscriptionFragment: import("gql.ta
 }>;
 declare const SubscriptionCard: ({ subscription: maskedSubscription, }: {
     subscription: FragmentOf<typeof SubscriptionCardMobile_SubscriptionFragment>;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;
 export default SubscriptionCard;

package/dist/cjs/types/src/components/Subscriptions/subscriptionsList/subscriptionUtils.d.ts

@@ -19,7 +19,7 @@ export declare const hasPriceTiers: (charge: {
 export declare const getUpdatingChargeQuantityId: (charge: SubscriptionCharge, subscription: Subscription) => string;
 export declare const splitSubscriptionsByPriceList_SubscriptionFragment: import("gql.tada").TadaDocumentNode<{
     id: string;
-    state: "ACTIVE" | "TRIAL" | "CANCELED" | "EXPIRED" | "TRIAL_EXPIRED" | "PENDING";
+    state: "PENDING" | "ACTIVE" | "TRIAL" | "EXPIRED" | "CANCELED" | "TRIAL_EXPIRED";
     evergreen: boolean;
     startDate: unknown;
     endDate: unknown;
@@ -35,7 +35,7 @@ export declare const splitSubscriptionsByPriceList_SubscriptionFragment: import(
         } | null;
     }[] | null;
     chargeReport: {
-        kind: "SUBSCRIBE" | "UPDATE" | "RENEW" | "REINSTATE" | "UNSUBSCRIBE" | "ADJUSTMENT" | "COUPON" | "DISCOUNT" | "PERCENTAGE_DISCOUNT" | "CREDIT" | "PRICE_UPDATE" | "QUANTITY_UPDATE" | "FREE_PERIOD_DISCOUNT" | "ACTIVATE" | null;
+        kind: "ACTIVATE" | "ADJUSTMENT" | "COUPON" | "CREDIT" | "DISCOUNT" | "FREE_PERIOD_DISCOUNT" | "PERCENTAGE_DISCOUNT" | "PRICE_UPDATE" | "QUANTITY_UPDATE" | "REINSTATE" | "RENEW" | "SUBSCRIBE" | "UNSUBSCRIBE" | "UPDATE" | null;
         startDate: unknown;
         endDate: unknown;
         priceList: {

package/dist/cjs/types/src/components/Subscriptions/subscriptionsList/utils/canSubscriptionUpgradeFromTrial.d.ts

@@ -1,6 +1,6 @@
 import { FragmentOf } from 'gql.tada';
 export declare const canSubscriptionUpgradeFromTrial_SubscriptionFragment: import("gql.tada").TadaDocumentNode<{
-    state: "ACTIVE" | "TRIAL" | "CANCELED" | "EXPIRED" | "TRIAL_EXPIRED" | "PENDING";
+    state: "PENDING" | "ACTIVE" | "TRIAL" | "EXPIRED" | "CANCELED" | "TRIAL_EXPIRED";
     plan: {
         selfServiceBuy: boolean | null;
     } | null;

package/dist/cjs/types/src/components/Subscriptions/subscriptionsList/utils/canSubscriptionUpgradeFromTrialExpired.d.ts

@@ -1,6 +1,6 @@
 import { FragmentOf } from 'gql.tada';
 export declare const canSubscriptionUpgradeFromTrialExpired_SubscriptionFragment: import("gql.tada").TadaDocumentNode<{
-    state: "ACTIVE" | "TRIAL" | "CANCELED" | "EXPIRED" | "TRIAL_EXPIRED" | "PENDING";
+    state: "PENDING" | "ACTIVE" | "TRIAL" | "EXPIRED" | "CANCELED" | "TRIAL_EXPIRED";
     plan: {
         selfServiceBuy: boolean | null;
     } | null;

package/dist/cjs/types/src/components/Subscriptions/subscriptionsList/utils/sortSubscriptionCharges.d.ts

@@ -2,7 +2,7 @@ import { FragmentOf } from 'gql.tada';
 export declare const sortSubscriptionCharges_SubscriptionChargeFragment: import("gql.tada").TadaDocumentNode<{
     id: string | null;
     priceListChargeId: string | null;
-    kind: "SUBSCRIBE" | "UPDATE" | "RENEW" | "REINSTATE" | "UNSUBSCRIBE" | "ADJUSTMENT" | "COUPON" | "DISCOUNT" | "PERCENTAGE_DISCOUNT" | "CREDIT" | "PRICE_UPDATE" | "QUANTITY_UPDATE" | "FREE_PERIOD_DISCOUNT" | "ACTIVATE" | null;
+    kind: "ACTIVATE" | "ADJUSTMENT" | "COUPON" | "CREDIT" | "DISCOUNT" | "FREE_PERIOD_DISCOUNT" | "PERCENTAGE_DISCOUNT" | "PRICE_UPDATE" | "QUANTITY_UPDATE" | "REINSTATE" | "RENEW" | "SUBSCRIBE" | "UNSUBSCRIBE" | "UPDATE" | null;
     endDate: unknown;
     startDate: unknown;
     isAmendment: boolean;

package/dist/cjs/types/src/components/Subscriptions/tagConsts.d.ts

@@ -1 +1,2 @@
-export declare const TAG_COLORS: Record<string, string>;
+import type { TagColor } from '@/ui/components/Tag/Tag.rules';
+export declare const TAG_COLORS: Record<string, TagColor | undefined>;

package/dist/cjs/types/src/components/Subscriptions/tieredDisplayDropdown/TieredDisplayDropdown.d.ts

@@ -17,5 +17,5 @@ declare const TieredDisplayDropdown: ({ pricingModel, charge: maskedCharge, curr
     currencyId: string;
     priceDecimals: number;
     truncatedText: ReactNode;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;
 export default TieredDisplayDropdown;

package/dist/cjs/types/src/components/TaxationForm.d.ts

@@ -2,5 +2,5 @@ import Account from '@/types/Account';
 declare const TaxationForm: ({ account, accountId }: {
     account: Account;
     accountId: string;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;
 export default TaxationForm;

package/dist/cjs/types/src/components/{Checkout → UpgradeCheckout}/QuoteCheckout.d.ts

@@ -8,18 +8,25 @@ export declare const QuoteCheckout_QuoteFragment: import("gql.tada").TadaDocumen
     accountId: string;
     amountDue: number | null;
     amount: number;
-    quoteChanges: ({
-        id: string | null;
-        charges: {
-            kind: "SUBSCRIBE" | "UPDATE" | "RENEW" | "REINSTATE" | "UNSUBSCRIBE" | "ADJUSTMENT" | "COUPON" | "DISCOUNT" | "PERCENTAGE_DISCOUNT" | "CREDIT" | "PRICE_UPDATE" | "QUANTITY_UPDATE" | "FREE_PERIOD_DISCOUNT" | "ACTIVATE" | null;
-            coupon: {
-                couponCode: string;
-            } | null;
-        }[];
-    }[] & {
+    smallUnitAmountDue: unknown;
+    currencyId: string;
+    payableId: string | null;
+    periodAmount: number | null;
+    subtotal: number;
+    taxAmount: number;
+    startDate: unknown;
+    formattedQuote: {
+        html: string | null;
+    } | null;
+    amountsByPeriod: {
+        amount: number | null;
+        startDate: unknown;
+    }[];
+    kind: "ACTIVATE" | "ADJUSTMENT" | "COUPON" | "CREDIT" | "DISCOUNT" | "FREE_PERIOD_DISCOUNT" | "PERCENTAGE_DISCOUNT" | "PRICE_UPDATE" | "QUANTITY_UPDATE" | "REINSTATE" | "RENEW" | "SUBSCRIBE" | "UNSUBSCRIBE" | "UPDATE";
+    quoteChanges: {
         currencyId: string;
         id: string | null;
-        kind: "SUBSCRIBE" | "UPDATE" | "RENEW" | "REINSTATE" | "UNSUBSCRIBE" | "ADJUSTMENT" | "COUPON" | "DISCOUNT" | "PERCENTAGE_DISCOUNT" | "CREDIT" | "PRICE_UPDATE" | "QUANTITY_UPDATE" | "FREE_PERIOD_DISCOUNT" | "ACTIVATE";
+        kind: "ACTIVATE" | "ADJUSTMENT" | "COUPON" | "CREDIT" | "DISCOUNT" | "FREE_PERIOD_DISCOUNT" | "PERCENTAGE_DISCOUNT" | "PRICE_UPDATE" | "QUANTITY_UPDATE" | "REINSTATE" | "RENEW" | "SUBSCRIBE" | "UNSUBSCRIBE" | "UPDATE";
         charges: {
             subtotal: number | null;
             amountsByPeriod: {
@@ -44,7 +51,7 @@ export declare const QuoteCheckout_QuoteFragment: import("gql.tada").TadaDocumen
                 couponCode: string;
             } | null;
             quantity: number | null;
-            kind: "SUBSCRIBE" | "UPDATE" | "RENEW" | "REINSTATE" | "UNSUBSCRIBE" | "ADJUSTMENT" | "COUPON" | "DISCOUNT" | "PERCENTAGE_DISCOUNT" | "CREDIT" | "PRICE_UPDATE" | "QUANTITY_UPDATE" | "FREE_PERIOD_DISCOUNT" | "ACTIVATE" | null;
+            kind: "ACTIVATE" | "ADJUSTMENT" | "COUPON" | "CREDIT" | "DISCOUNT" | "FREE_PERIOD_DISCOUNT" | "PERCENTAGE_DISCOUNT" | "PRICE_UPDATE" | "QUANTITY_UPDATE" | "REINSTATE" | "RENEW" | "SUBSCRIBE" | "UNSUBSCRIBE" | "UPDATE" | null;
         }[];
         priceList: {
             id: string;
@@ -55,26 +62,9 @@ export declare const QuoteCheckout_QuoteFragment: import("gql.tada").TadaDocumen
                 name: string;
             } | null;
         } | null;
-    }[]) | null;
-    smallUnitAmountDue: number | null;
-    currencyId: string;
-    payableId: string | null;
-    periodAmount: number | null;
-    subtotal: number;
-    taxAmount: number;
-    startDate: unknown;
-    formattedQuote: {
-        html: string | null;
-    } | null;
-    amountsByPeriod: {
-        amount: number | null;
-        startDate: unknown;
-    }[];
-    kind: "SUBSCRIBE" | "UPDATE" | "RENEW" | "REINSTATE" | "UNSUBSCRIBE" | "ADJUSTMENT" | "COUPON" | "DISCOUNT" | "PERCENTAGE_DISCOUNT" | "CREDIT" | "PRICE_UPDATE" | "QUANTITY_UPDATE" | "FREE_PERIOD_DISCOUNT" | "ACTIVATE";
+    }[] | null;
     [$tada.fragmentRefs]: {
-        canApplyCoupons_QuoteFragment: "Quote";
-    } & {
-        PaymentForm_QuoteFragment: "Quote";
+        QuoteCheckoutPaymentForm_QuoteFragment: "Quote";
     } & {
         getQuoteAmountDue_QuoteFragment: "Quote";
     };
@@ -86,7 +76,7 @@ export declare const QuoteCheckout_QuoteFragment: import("gql.tada").TadaDocumen
 export declare const QuoteCheckout_SubscriptionFragment: import("gql.tada").TadaDocumentNode<{
     id: string;
     [$tada.fragmentRefs]: {
-        canApplyCoupons_SubscriptionFragment: "Subscription";
+        QuoteCheckoutPaymentForm_SubscriptionFragment: "Subscription";
     };
 }, {}, {
     fragment: "QuoteCheckout_SubscriptionFragment";
@@ -96,6 +86,7 @@ export declare const QuoteCheckout_SubscriptionFragment: import("gql.tada").Tada
 interface QuoteCheckoutProps extends InvoiceQuoteParentProps {
     account: Account;
     quote: FragmentOf<typeof QuoteCheckout_QuoteFragment>;
+    upgradingSubscription?: FragmentOf<typeof QuoteCheckout_SubscriptionFragment> | null;
     taxationRequiredAccountFields?: TaxationRequiredAccountFields | null;
     token?: string;
     storedPaymentMethod?: PaymentMethod;
@@ -103,5 +94,5 @@ interface QuoteCheckoutProps extends InvoiceQuoteParentProps {
     isUpdatingQuote: boolean;
     isRecalculatingTaxes: boolean;
 }
-declare const QuoteCheckout: ({ account, onSuccess, onFail, quote: maskedQuote, taxationRequiredAccountFields, isUpdatingQuote, onRecalculateTaxes, isRecalculatingTaxes, }: QuoteCheckoutProps) => import("react/jsx-runtime").JSX.Element;
+declare const QuoteCheckout: ({ account, onSuccess, onFail, quote: maskedQuote, upgradingSubscription: maskedUpgradingSubscription, taxationRequiredAccountFields, isUpdatingQuote, onRecalculateTaxes, isRecalculatingTaxes, }: QuoteCheckoutProps) => import("react").JSX.Element;
 export default QuoteCheckout;