@bunnyapp/components 1.6.0-beta.15 → 1.6.0-beta.16

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

@@ -1,9 +1,7 @@
 import { QueryClient } from '@tanstack/react-query';
 import { ThemeConfig } from 'antd';
-import { GraphQLClient } from 'graphql-request';
 export type BunnyContextValues = {
     apiHost: string;
-    graphQLClient: GraphQLClient;
     token?: string;
     darkMode?: boolean;
     onTokenExpired?: () => void;

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

@@ -5,10 +5,6 @@ export declare const Subscriptions_SubscriptionFragment: import("gql.tada").Tada
     on: "Subscription";
     masked: true;
 }>;
-export type EditingQuoteDataType = {
-    id: string;
-    isTrial: boolean;
-};
 declare const SubscriptionsWrapper: ({ handlePortalErrors, companyName, isInPreviewMode, productId, className, styles: userStyles, noSubscriptionsComponent, showInactiveSubscriptions, showInactiveSubscriptionsToggle, }: {
     handlePortalErrors?: (errors: any) => void;
     companyName: string;

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

@@ -1,9 +1,5 @@
 import { Subscription } from '@bunnyapp/common';
 import '../../styles/index.less';
-export type EditingQuoteDataType = {
-    id: string;
-    isTrial: boolean;
-};
 declare const SubscriptionsListContainer: ({ companyName, showInactive, onCancelSubscriptionClick, onChangePlanClick, noSubscriptionsComponent, subscriptions, subscriptionsAreLoading, }: {
     companyName: string;
     showInactive?: boolean;

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

@@ -1,4 +1,3 @@
-import { Quote } from '@bunnyapp/common';
 import { FragmentOf } from 'gql.tada';
 export declare const QuantityChangeGridRow_SubscriptionChargeFragment: import("gql.tada").TadaDocumentNode<{
     id: string | null;
@@ -39,10 +38,7 @@ export declare const QuantityChangeGridRow_SubscriptionFragment: import("gql.tad
     on: "Subscription";
     masked: true;
 }>;
-declare const QuantityChangeGridRow: ({ editingQuote, editingQuoteId, setEditingQuoteData, subscription: maskedSubscription, subscriptionCharge: maskedSubscriptionCharge, setUpdatingChargeQuantityId, updatingChargeQuantityId, setErrorUpdatingQuantity, }: {
-    editingQuote?: Quote;
-    editingQuoteId?: string;
-    setEditingQuoteData: (value: any) => void;
+declare const QuantityChangeGridRow: ({ subscription: maskedSubscription, subscriptionCharge: maskedSubscriptionCharge, setUpdatingChargeQuantityId, updatingChargeQuantityId, setErrorUpdatingQuantity, }: {
     subscription: FragmentOf<typeof QuantityChangeGridRow_SubscriptionFragment>;
     subscriptionCharge: FragmentOf<typeof QuantityChangeGridRow_SubscriptionChargeFragment>;
     setUpdatingChargeQuantityId: (updatingChargeQuantityId: string | undefined) => void;

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

@@ -1,9 +1,5 @@
 import { FragmentOf } from 'gql.tada';
 import { QuantityDrawerDesktop_SubscriptionFragment } from './quantityChangeDrawerDesktop/QuantityChangeDrawerDesktop';
-export type EditingQuoteDataType = {
-    id: string;
-    isTrial: boolean;
-};
 interface QuantityDrawerProps {
     subscriptions: (FragmentOf<typeof QuantityDrawerDesktop_SubscriptionFragment> | null)[];
     quantityDrawerOpen: boolean;
@@ -11,5 +7,6 @@ interface QuantityDrawerProps {
     handlePortalErrors?: (errors: any) => void;
     setShowInactive: (showInactive: boolean) => void;
 }
+export declare const QuantityDrawerContent: ({ subscriptions, quantityDrawerOpen, setQuantityDrawerOpen, handlePortalErrors, setShowInactive, }: QuantityDrawerProps) => import("react/jsx-runtime").JSX.Element;
 export declare const QuantityDrawer: ({ subscriptions, quantityDrawerOpen, setQuantityDrawerOpen, handlePortalErrors, setShowInactive, }: QuantityDrawerProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,10 +1,15 @@
-import { Quote } from '@bunnyapp/common';
-import { EditingQuoteDataType } from '../SubscriptionsListContainer';
-declare const QuoteChangeSummarySection: ({ editingQuote, editingQuoteData, openCheckout, setEditingQuoteData, errorUpdatingQuantity, }: {
-    editingQuote?: Quote;
-    editingQuoteData?: EditingQuoteDataType;
+export declare const QuoteChangeSummarySection_QuoteFragment: import("gql.tada").TadaDocumentNode<{
+    id: string | null;
+    amountDue: number | null;
+    amount: number;
+    currencyId: string;
+}, {}, {
+    fragment: "QuoteChangeSummarySection_QuoteFragment";
+    on: "Quote";
+    masked: true;
+}>;
+declare const QuoteChangeSummarySection: ({ openCheckout, errorUpdatingQuantity, }: {
     openCheckout: () => void;
-    setEditingQuoteData: (editingQuoteData: EditingQuoteDataType | undefined) => void;
     errorUpdatingQuantity: boolean;
 }) => import("react/jsx-runtime").JSX.Element;
 export default QuoteChangeSummarySection;

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

@@ -0,0 +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>>];
+export { QuoteIdProvider, useQuoteId };

package/dist/esm/types/src/components/Subscriptions/quantityChangeDrawer/fragments/{QuantityDrawerQuoteFragment.d.ts → QuantityDrawer_QuoteFragment.d.ts}

@@ -2,6 +2,10 @@ export declare const QuantityDrawer_QuoteFragment: import("gql.tada").TadaDocume
     id: string | null;
     [$tada.fragmentRefs]: {
         Checkout_QuoteFragment: "Quote";
+    } & {
+        QuantityInput_QuoteFragment: "Quote";
+    } & {
+        QuoteChangeSummarySection_QuoteFragment: "Quote";
     };
 }, {}, {
     fragment: "QuantityDrawer_QuoteFragment";

package/dist/esm/types/src/components/Subscriptions/quantityChangeDrawer/hooks/useQuoteQueryData.d.ts

@@ -1,3 +1,3 @@
-import { FragmentOf } from 'gql.tada';
-import { QuantityDrawer_QuoteFragment } from '../fragments/QuantityDrawerQuoteFragment';
-export declare const useQuoteQueryData: (quoteId: string | undefined) => FragmentOf<typeof QuantityDrawer_QuoteFragment> | undefined;
+import { ResultOf } from 'gql.tada';
+import { QuantityDrawer_QuoteFragment } from '../fragments/QuantityDrawer_QuoteFragment';
+export declare const useQuoteQueryData: (quoteId: string | undefined) => ResultOf<typeof QuantityDrawer_QuoteFragment> | undefined;

package/dist/esm/types/src/components/Subscriptions/quantityChangeDrawer/hooks/useSetQuoteQueryData.d.ts

@@ -1,5 +1,5 @@
 import { FragmentOf } from 'gql.tada';
-import { QuantityDrawer_QuoteFragment } from '../fragments/QuantityDrawerQuoteFragment';
+import { QuantityDrawer_QuoteFragment } from '../fragments/QuantityDrawer_QuoteFragment';
 export declare const useSetQuoteQueryData: () => {
-    setQuoteQueryData: (quoteId: string, maskedQuote: FragmentOf<typeof QuantityDrawer_QuoteFragment> | null) => void;
+    setQuoteQueryData: (quoteId: string, quote: FragmentOf<typeof QuantityDrawer_QuoteFragment> | null) => void;
 };

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

@@ -1,6 +1,4 @@
-import { Quote } from '@bunnyapp/common';
 import { FragmentOf } from 'gql.tada';
-import { EditingQuoteDataType } from '../../SubscriptionsListContainer';
 export declare const QuantityDrawerDesktop_SubscriptionFragment: import("gql.tada").TadaDocumentNode<{
     currentCharges: {
         chargeType: "ONE_TIME" | "RECURRING" | "USAGE" | null;
@@ -16,13 +14,10 @@ export declare const QuantityDrawerDesktop_SubscriptionFragment: import("gql.tad
     on: "Subscription";
     masked: true;
 }>;
-declare const QuantityChangeDrawerDesktop: ({ editingQuote, editingQuoteData, onClose, open, openCheckout, setEditingQuoteData, subscriptions, setUpdatingChargeQuantityId, updatingChargeQuantityId, }: {
-    editingQuote?: Quote;
-    editingQuoteData?: EditingQuoteDataType;
+declare const QuantityChangeDrawerDesktop: ({ onClose, open, openCheckout, subscriptions, setUpdatingChargeQuantityId, updatingChargeQuantityId, }: {
     onClose: () => void;
     open: boolean;
     openCheckout: () => void;
-    setEditingQuoteData: (value: EditingQuoteDataType | undefined) => void;
     subscriptions: (FragmentOf<typeof QuantityDrawerDesktop_SubscriptionFragment> | null)[];
     setUpdatingChargeQuantityId: (updatingChargeQuantityId: string | undefined) => void;
     updatingChargeQuantityId: string | undefined;

package/dist/esm/types/src/components/Subscriptions/quantityChangeDrawer/{QuantityInput.d.ts → quantityInput/QuantityInput.d.ts}

@@ -1,4 +1,3 @@
-import { Quote } from '@bunnyapp/common';
 import { FragmentOf } from 'gql.tada';
 export declare const QuantityInput_SubscriptionChargeFragment: import("gql.tada").TadaDocumentNode<{
     id: string | null;
@@ -31,14 +30,8 @@ export declare const QuantityInput_SubscriptionFragment: import("gql.tada").Tada
     on: "Subscription";
     masked: true;
 }>;
-declare const QuantityInput: ({ charge: maskedCharge, editingQuote, editingQuoteId, setEditingQuoteData, subscription: maskedSubscription, setUpdatingChargeQuantityId, updatingChargeQuantityId, setErrorUpdatingQuantity, }: {
+declare const QuantityInput: ({ charge: maskedCharge, subscription: maskedSubscription, setUpdatingChargeQuantityId, updatingChargeQuantityId, setErrorUpdatingQuantity, }: {
     charge: FragmentOf<typeof QuantityInput_SubscriptionChargeFragment>;
-    editingQuote?: Quote;
-    editingQuoteId?: string;
-    setEditingQuoteData: (editingQuoteData: {
-        id: string;
-        isTrial: boolean;
-    } | undefined) => void;
     subscription: FragmentOf<typeof QuantityInput_SubscriptionFragment>;
     setUpdatingChargeQuantityId: (updatingChargeQuantityId: string | undefined) => void;
     updatingChargeQuantityId: string | undefined;

package/dist/esm/types/src/components/Subscriptions/quantityChangeDrawer/quantityInput/fragments/QuantityInput_QuoteFragment.d.ts

@@ -0,0 +1,27 @@
+export declare const QuantityInput_QuoteFragment: import("gql.tada").TadaDocumentNode<{
+    id: string | null;
+    quoteChanges: {
+        id: string | null;
+        priceList: {
+            id: string;
+        } | null;
+        charges: {
+            id: string | null;
+            priceListCharge: {
+                id: string;
+            } | null;
+        }[];
+        subscription: {
+            charges: {
+                id: string | null;
+                priceListCharge: {
+                    id: string;
+                } | null;
+            }[] | null;
+        } | null;
+    }[] | null;
+}, {}, {
+    fragment: "QuantityInput_QuoteFragment";
+    on: "Quote";
+    masked: true;
+}>;

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

@@ -4,6 +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" | "CREDIT" | "PRICE_UPDATE" | "QUANTITY_UPDATE" | "FREE_PERIOD_DISCOUNT" | "ACTIVATE" | null;
 }, {}, {
     fragment: "CanShowQuantitiesInput_SubscriptionChargeFragment";
     on: "SubscriptionCharge";
@@ -15,7 +16,7 @@ export declare const CanShowQuantitiesInput_SubscriptionFragment: import("gql.ta
     priceList: {
         id: string;
     } | null;
-    chargeReport: {
+    currentCharges: {
         [$tada.fragmentRefs]: {
             CanShowQuantitiesInput_SubscriptionChargeFragment: "SubscriptionCharge";
         };

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

@@ -0,0 +1 @@
+export declare const useAllErrorFormats: () => (error: any, mutationName?: string) => any;

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

@@ -0,0 +1,2 @@
+import { QueryClient } from '@tanstack/react-query';
+export declare const useCreateQueryClient: () => () => QueryClient;

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

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+/**
+ * Creates a context and provider for a state value
+ * @param useValue - A function that returns the state value
+ * @returns A tuple containing the provider and the context value
+ * @example take a look at how this is used in the quoteIdContext in the QuantityDrawer
+ */
+export declare const createStateContext: <Value, State>(useValue: (init?: Value) => State) => readonly [({ initialValue, children, }: {
+    initialValue?: Value;
+    children?: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element, () => State & ({} | undefined)];

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

@@ -1,5 +1,5 @@
 import { Plan, Product } from '@bunnyapp/common';
 import { BillingPeriod } from '@/graphql-codegen/exportedScalarTypes';
 export declare const periodMonthsConverter: (period?: number) => "ONCE" | "MONTHLY" | "QUARTERLY" | "SEMI_ANNUAL" | "ANNUAL";
-export declare const billingPeriodConverter: (period?: BillingPeriod) => 1 | 0 | 3 | 6 | 12;
+export declare const billingPeriodConverter: (period?: BillingPeriod) => 0 | 1 | 3 | 6 | 12;
 export declare const createAvailableBillingPeriods: (plans?: Plan[], selectedProduct?: Product) => (0 | 1 | 3 | 6 | 12)[] | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bunnyapp/components",
-  "version": "1.6.0-beta.15",
+  "version": "1.6.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/types/src/utils/GraphQLClient.d.ts

@@ -1,2 +0,0 @@
-import { GraphQLClient } from "graphql-request";
-export declare const createGraphQLClient: (apiHost: string, token?: string) => GraphQLClient;

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

@@ -1,2 +0,0 @@
-import { GraphQLClient } from "graphql-request";
-export declare const createGraphQLClient: (apiHost: string, token?: string) => GraphQLClient;