@bunnyapp/components 1.0.39 → 1.0.40

package/dist/cjs/index.js

@@ -232,9 +232,7 @@ function ContextualWrapper(_a) {
     var entityBranding = react.useMemo(function () {
         var _a;
         // This is to determine if the secondary color should be white or black
-        var brandColor = (branding === null || branding === void 0 ? void 0 : branding.brandColor)
-            ? "#" + ((_a = branding === null || branding === void 0 ? void 0 : branding.brandColor) === null || _a === void 0 ? void 0 : _a.toString(16))
-            : common.DEFAULT_BRAND_COLOR;
+        var brandColor = (branding === null || branding === void 0 ? void 0 : branding.brandColor) ? "#" + ((_a = branding === null || branding === void 0 ? void 0 : branding.brandColor) === null || _a === void 0 ? void 0 : _a.toString(16)) : common.DEFAULT_BRAND_COLOR;
         var secondaryColor = common.DEFAULT_SECONDARY_COLOR;
         if (!isMobile && common.isColorTooDark(branding === null || branding === void 0 ? void 0 : branding.accentColor))
             secondaryColor = "#ffffff";
@@ -269,17 +267,11 @@ function ContextualWrapper(_a) {
                             boxShadowSecondary: "none",
                             fontWeight: "normal",
                             contentFontSizeLG: 14,
-                            colorBgContainerDisabled: darkMode
-                                ? "var(--row-background-dark)"
-                                : "#eef0f2",
-                            borderColorDisabled: darkMode
-                                ? "var(--row-background-dark)"
-                                : "#eef0f2",
+                            colorBgContainerDisabled: darkMode ? "var(--row-background-dark)" : "#eef0f2",
+                            borderColorDisabled: darkMode ? "var(--row-background-dark)" : "#eef0f2",
                         },
                         Drawer: {
-                            colorBgElevated: darkMode
-                                ? "var(--row-background-dark)"
-                                : common.SLATE_50,
+                            colorBgElevated: darkMode ? "var(--row-background-dark)" : common.SLATE_50,
                         },
                         Divider: {
                             colorSplit: darkMode ? common.SLATE_400 : common.SLATE_200,
@@ -447,9 +439,10 @@ function InvoicePDF(_a) {
 }
 
 var paymentMethodsQuery = "query paymentMethods ($filter: String, $first: Int, $sort: String) {\n  paymentMethods (filter: $filter, first: $first, sort: $sort) {\n    nodes {\n      id\n      disabled\n      pluginId\n      accountId\n      expirationDate\n      plugin {\n        guid\n        id\n      }\n      state\n      metadata {\n        issuer\n        identifier\n        kind\n        description\n        icon\n      }\n    }\n  }\n}";
-var usePaymentMethod = function (graphQLClient, entityId, token, accountId) {
-    var _a = reactQuery.useQuery({
-        queryKey: common.QueryKeyFactory.default.accountPaymentMethodKey(entityId, token, accountId),
+var usePaymentMethod = function (_a) {
+    var accountId = _a.accountId, entityId = _a.entityId, graphQLClient = _a.graphQLClient, token = _a.token;
+    var _b = reactQuery.useQuery({
+        queryKey: common.QueryKeyFactory.default.accountPaymentMethodKey({ entityId: entityId, token: token, accountId: accountId }),
         queryFn: function () {
             return graphQLClient
                 .request(paymentMethodsQuery, {
@@ -463,7 +456,7 @@ var usePaymentMethod = function (graphQLClient, entityId, token, accountId) {
                 return paymentMethod;
             });
         },
-    }), data = _a.data, isLoading = _a.isLoading;
+    }), data = _b.data, isLoading = _b.isLoading;
     return { data: data, isLoading: isLoading };
 };
 
@@ -1359,7 +1352,7 @@ var PaymentForm = function (_a) {
     var apiHost = react.useContext(BunnyContext).apiHost;
     var tokenFromContexts = useToken();
     var token = overrideToken || tokenFromContexts;
-    var _f = usePaymentMethod(graphQLClient, entityId, token, accountId), storedPaymentMethod = _f.data, isPaymentMethodLoading = _f.isLoading;
+    var _f = usePaymentMethod(graphQLClient), storedPaymentMethod = _f.data, isPaymentMethodLoading = _f.isLoading;
     var isPaymentMethodFetched = storedPaymentMethod !== undefined;
     var _g = usePaymentPlugins({ entityId: entityId, apiHost: apiHost, token: token }), allPaymentMethodAllowedPlugins = _g.paymentMethodAllowedPlugins, allPaymentPlugins = _g.paymentPlugins, arePluginsFetched = _g.isFetched;
     var paymentMethodAllowedPlugins = react.useMemo(function () {
@@ -1640,7 +1633,7 @@ var useSigningComplete = function (_a) {
     react.useEffect(function () {
         if (data && eventParam === "signing_complete") {
             data.state = "ACCEPTED";
-            queryClient.setQueryData(common.QueryKeyFactory.default.createQuoteKey(token), data);
+            queryClient.setQueryData(common.QueryKeyFactory.default.createQuoteKey({ id: data === null || data === void 0 ? void 0 : data.id, token: token }), data);
         }
     }, [data, eventParam, queryClient, token]);
 };
@@ -19528,7 +19521,7 @@ var PaymentMethod = function (_a) {
     var paymentPlugins = usePaymentPlugins({ entityId: entityId, apiHost: apiHost, token: token }).paymentPlugins;
     var showSuccessNotification = common.useSuccessNotification();
     var handleAllErrorFormats = common.useAllErrorFormats(onTokenExpired);
-    var data = usePaymentMethod(graphQLClient, entityId, token).data;
+    var data = usePaymentMethod(graphQLClient).data;
     var onClickRemove = useRemovePaymentMethod(paymentPlugins || [], apiHost, entityId, token);
     // Queries
     var billingDetails = reactQuery.useQuery({
@@ -19787,16 +19780,13 @@ var Checkout = function (_a) {
     }), taxationRequiredAccountFields = _f.data, isLoadingTaxationRequiredAccountFields = _f.isLoading;
     var _g = reactQuery.useQuery({
         queryKey: ["account", quote === null || quote === void 0 ? void 0 : quote.accountId],
-        queryFn: function () {
-            return (quote === null || quote === void 0 ? void 0 : quote.accountId) && common.getAccount({ id: quote.accountId, token: token, apiHost: apiHost });
-        },
-        enabled: Boolean(quote === null || quote === void 0 ? void 0 : quote.accountId) &&
-            ((taxationRequiredAccountFields === null || taxationRequiredAccountFields === void 0 ? void 0 : taxationRequiredAccountFields.length) || 0) > 0,
+        queryFn: function () { return (quote === null || quote === void 0 ? void 0 : quote.accountId) && common.getAccount({ id: quote.accountId, token: token, apiHost: apiHost }); },
+        enabled: Boolean(quote === null || quote === void 0 ? void 0 : quote.accountId) && ((taxationRequiredAccountFields === null || taxationRequiredAccountFields === void 0 ? void 0 : taxationRequiredAccountFields.length) || 0) > 0,
     }), account = _g.data, isLoadingAccount = _g.isLoading;
     reactQuery.useQuery({
-        queryKey: queryKeyFactory.createQuoteTaxCalculateKey(quote === null || quote === void 0 ? void 0 : quote.id, token),
+        queryKey: queryKeyFactory.createQuoteTaxCalculateKey({ id: quote === null || quote === void 0 ? void 0 : quote.id, token: token }),
         queryFn: function () { return __awaiter(void 0, void 0, void 0, function () {
-            var updatedQuote;
+            var updatedQuote, quoteKey, calculatedPricesKey;
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
@@ -19809,8 +19799,14 @@ var Checkout = function (_a) {
                     case 1:
                         updatedQuote = _a.sent();
                         if (updatedQuote) {
-                            queryClient.setQueryData(queryKeyFactory.createObjectKey("editingQuote", updatedQuote.id), updatedQuote);
-                            queryClient.setQueryData(queryKeyFactory.calculatedPricesKey(quantity, selectedPriceList === null || selectedPriceList === void 0 ? void 0 : selectedPriceList.id, token), updatedQuote);
+                            quoteKey = queryKeyFactory.createObjectKey({ objectName: "editingQuote", id: updatedQuote.id, token: token });
+                            calculatedPricesKey = queryKeyFactory.calculatedPricesKey({
+                                quantity: quantity,
+                                priceListId: selectedPriceList === null || selectedPriceList === void 0 ? void 0 : selectedPriceList.id,
+                                token: token,
+                            });
+                            queryClient.setQueryData(quoteKey, updatedQuote);
+                            queryClient.setQueryData(calculatedPricesKey, updatedQuote);
                         }
                         _a.label = 2;
                     case 2: return [2 /*return*/, {}];
@@ -19974,7 +19970,7 @@ function Signup(_a) {
     var _h = react.useState(false), proceedingToPayment = _h[0], setProceedingToPayment = _h[1];
     var _j = react.useState(false), purchaseSucceeded = _j[0], setPurchaseSucceeded = _j[1];
     var _k = react.useState(undefined), paymentMethodGraphQLClient = _k[0], setPaymentMethodGraphQLClient = _k[1];
-    var paymentMethod = usePaymentMethod(paymentMethodGraphQLClient || graphQLClient, entityId, token).data;
+    var paymentMethod = usePaymentMethod(paymentMethodGraphQLClient || graphQLClient).data;
     var queryClient = reactQuery.useQueryClient();
     // Queries
     var priceListData = reactQuery.useQuery({
@@ -20686,7 +20682,7 @@ function BillingDetailsSection(_a) {
     var showSuccessNotification = common.useSuccessNotification();
     // Queries
     var _d = reactQuery.useQuery({
-        queryKey: common.QueryKeyFactory.default.billingDetailsKey(entityId, token),
+        queryKey: common.QueryKeyFactory.default.billingDetailsKey({ entityId: entityId, token: token }),
         queryFn: function () { return getBillingDetails({ token: token, apiHost: apiHost }); },
     }), billingDetails = _d.data, isLoadingBillingDetails = _d.isLoading;
     var _e = reactQuery.useMutation({
@@ -20710,7 +20706,7 @@ function BillingDetailsSection(_a) {
                         })];
                     case 1:
                         updatedBillingDetails = _a.sent();
-                        queryClient.setQueryData(common.QueryKeyFactory.default.billingDetailsKey(entityId, token), function (old) {
+                        queryClient.setQueryData(common.QueryKeyFactory.default.billingDetailsKey({ entityId: entityId, token: token }), function (old) {
                             return __assign(__assign({}, old), updatedBillingDetails.billingDetails);
                         });
                         return [2 /*return*/, updatedBillingDetails];
@@ -20720,7 +20716,7 @@ function BillingDetailsSection(_a) {
         onSuccess: function () {
             showSuccessNotification("Your account details have been saved");
             queryClient.invalidateQueries({
-                queryKey: common.QueryKeyFactory.default.taxationRequiredAccountFieldsKey(entityId, token),
+                queryKey: common.QueryKeyFactory.default.taxationRequiredAccountFieldsKey({ entityId: entityId, token: token }),
             });
         },
     }), updateBillingDetails = _e.mutate, isUpdatingBillingDetails = _e.isPending;
@@ -20801,9 +20797,7 @@ function BillingDetailsSection(_a) {
         });
     }); };
     var filteredCountryList = react.useMemo(function () {
-        return countryListFilter
-            ? common.Lists.COUNTRY_LIST.filter(countryListFilter)
-            : common.Lists.COUNTRY_LIST;
+        return countryListFilter ? common.Lists.COUNTRY_LIST.filter(countryListFilter) : common.Lists.COUNTRY_LIST;
     }, [countryListFilter]);
     return (jsxRuntime.jsxs("div", __assign({ className: "".concat(isMobile || hidePaymentMethodForm ? "w-full" : "w-1/2", " px-4") }, { children: [jsxRuntime.jsx(antd.Skeleton, __assign({ loading: isLoadingBillingDetails }, { children: jsxRuntime.jsxs(antd.Form, __assign({ className: "flex flex-col gap-2", form: form, layout: "vertical", disabled: isUpdatingBillingDetails, autoComplete: "off" }, { children: [jsxRuntime.jsx(antd.Form.Item, __assign({ label: "Account name", name: "name", rules: [{ required: true, message: "Account name is required" }] }, { children: jsxRuntime.jsx(antd.Input, {}) })), jsxRuntime.jsx(antd.Form.Item, __assign({ label: "Street address", name: "billingStreet", rules: [{ required: true, message: "Street address is required" }] }, { children: jsxRuntime.jsx(antd.Input, {}) })), jsxRuntime.jsxs("div", __assign({ className: "flex gap-4" }, { children: [jsxRuntime.jsx(antd.Form.Item, __assign({ label: "City", name: "billingCity", rules: [{ required: true, message: "City is required" }], className: "flex-1" }, { children: jsxRuntime.jsx(antd.Input, {}) })), jsxRuntime.jsx(antd.Form.Item, __assign({ label: "Zipcode", name: "billingZip", rules: [{ required: true, message: "Zipcode is required" }], className: "flex-1" }, { children: jsxRuntime.jsx(antd.Input, {}) }))] })), jsxRuntime.jsxs("div", __assign({ className: "flex ".concat(isMobile ? "flex-col pb-2" : "flex-row", " gap-4") }, { children: [jsxRuntime.jsx(antd.Form.Item, __assign({ label: "State", name: "billingState", className: "flex-1", rules: [
                                         {
@@ -20811,12 +20805,8 @@ function BillingDetailsSection(_a) {
                                         },
                                     ] }, { children: jsxRuntime.jsx(antd.Input, {}) })), jsxRuntime.jsx(antd.Form.Item, __assign({ label: "Country", name: "billingCountry", className: "flex-1", rules: [{ required: true, message: "Country is required" }] }, { children: jsxRuntime.jsx(antd.Select, { options: filteredCountryList, placeholder: "Select a country", showSearch: true, filterOption: function (input, option) {
                                             var _a, _b;
-                                            return ((_a = option === null || option === void 0 ? void 0 : option.label) !== null && _a !== void 0 ? _a : "")
-                                                .toLowerCase()
-                                                .includes(input.toLowerCase()) ||
-                                                ((_b = option === null || option === void 0 ? void 0 : option.value) !== null && _b !== void 0 ? _b : "")
-                                                    .toLowerCase()
-                                                    .includes(input.toLowerCase());
+                                            return ((_a = option === null || option === void 0 ? void 0 : option.label) !== null && _a !== void 0 ? _a : "").toLowerCase().includes(input.toLowerCase()) ||
+                                                ((_b = option === null || option === void 0 ? void 0 : option.value) !== null && _b !== void 0 ? _b : "").toLowerCase().includes(input.toLowerCase());
                                         } }) }))] })), jsxRuntime.jsx(antd.Form.Item, __assign({ label: "Email", name: "billingContactEmail", rules: [
                                 {
                                     required: true,

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

@@ -5,7 +5,7 @@ import { GraphQLClient } from "graphql-request";
 export type BunnyContextValues = {
     apiHost: string;
     graphQLClient: GraphQLClient;
-    token?: string;
+    token: string;
     displayPayButtonNameAnyways?: boolean;
     darkMode?: boolean;
     onTokenExpired?: () => void;
@@ -16,7 +16,7 @@ declare function BunnyProvider({ children, darkMode, queryClient, apiHost, token
     darkMode?: boolean;
     queryClient?: QueryClient;
     apiHost: string;
-    token?: string;
+    token: string;
     onTokenExpired?: () => void;
     configProviderProps?: ThemeConfig | undefined;
 }): import("react/jsx-runtime").JSX.Element;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const Card: ({ children, className, style, }: {
     children: React.ReactNode;
     className?: string | undefined;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FormattedInvoice, PluginData, Quote } from "@bunnyapp/common";
 import { GraphQLClient } from "graphql-request";
 export declare const PaymentForm: ({ entityId, invoice, onFail, onPaymentSuccess, quote, accountId, onSavePaymentMethod, overrideToken, graphQLClient, customCheckoutFunction, currencyId: currencyIdFromProps, customPaymentForms, useAllPaymentPlugins, }: {

package/dist/cjs/src/components/PaymentForm/PaymentMethodDetails.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PaymentMethod, PluginData } from "@bunnyapp/common";
 declare const PaymentMethodDetails: ({ onFail, paymentMethod, onSavePaymentMethod, customPaymentForms, }: {
     onFail: (error: any) => void;

package/dist/cjs/src/components/Quote/Quote.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { Meta, StoryObj } from "@storybook/react";
 import Quote from "./Quote";
 declare const meta: Meta<typeof Quote>;
@@ -18,16 +17,16 @@ export declare const Default: import("@storybook/core/csf").StoryAnnotations<imp
     onInvoiceLoaded?: ((formattedInvoice: import("@bunnyapp/common").FormattedInvoice) => void) | undefined;
     onQuoteLoaded?: ((formattedQuote: import("@bunnyapp/common").FormattedQuote) => void) | undefined;
 }, {
-    backButtonName?: string | undefined;
-    onBackButtonClick?: (() => void) | undefined;
-    shadow?: import("../../types/shadowType").ShadowType | undefined;
-    hideDownloadButton?: boolean | undefined;
-    id?: string | undefined;
     className?: string | undefined;
     entityId?: string | undefined;
-    onPaymentSuccess?: ((savePaymentMethod?: boolean | undefined) => void) | undefined;
+    shadow?: import("../../types/shadowType").ShadowType | undefined;
+    id?: string | undefined;
     invoiceQuoteViewComponent?: import("react").ReactNode;
+    backButtonName?: string | undefined;
+    onBackButtonClick?: (() => void) | undefined;
     onInvoiceDownloadError?: (() => void) | undefined;
+    onPaymentSuccess?: ((savePaymentMethod?: boolean | undefined) => void) | undefined;
+    hideDownloadButton?: boolean | undefined;
     onInvoiceLoaded?: ((formattedInvoice: import("@bunnyapp/common").FormattedInvoice) => void) | undefined;
     onQuoteLoaded?: ((formattedQuote: import("@bunnyapp/common").FormattedQuote) => void) | undefined;
 }>;
@@ -45,16 +44,16 @@ export declare const NoShadow: import("@storybook/core/csf").StoryAnnotations<im
     onInvoiceLoaded?: ((formattedInvoice: import("@bunnyapp/common").FormattedInvoice) => void) | undefined;
     onQuoteLoaded?: ((formattedQuote: import("@bunnyapp/common").FormattedQuote) => void) | undefined;
 }, {
-    backButtonName?: string | undefined;
-    onBackButtonClick?: (() => void) | undefined;
-    shadow?: import("../../types/shadowType").ShadowType | undefined;
-    hideDownloadButton?: boolean | undefined;
-    id?: string | undefined;
     className?: string | undefined;
     entityId?: string | undefined;
-    onPaymentSuccess?: ((savePaymentMethod?: boolean | undefined) => void) | undefined;
+    shadow?: import("../../types/shadowType").ShadowType | undefined;
+    id?: string | undefined;
     invoiceQuoteViewComponent?: import("react").ReactNode;
+    backButtonName?: string | undefined;
+    onBackButtonClick?: (() => void) | undefined;
     onInvoiceDownloadError?: (() => void) | undefined;
+    onPaymentSuccess?: ((savePaymentMethod?: boolean | undefined) => void) | undefined;
+    hideDownloadButton?: boolean | undefined;
     onInvoiceLoaded?: ((formattedInvoice: import("@bunnyapp/common").FormattedInvoice) => void) | undefined;
     onQuoteLoaded?: ((formattedQuote: import("@bunnyapp/common").FormattedQuote) => void) | undefined;
 }>;
@@ -72,16 +71,16 @@ export declare const Mobile: import("@storybook/core/csf").StoryAnnotations<impo
     onInvoiceLoaded?: ((formattedInvoice: import("@bunnyapp/common").FormattedInvoice) => void) | undefined;
     onQuoteLoaded?: ((formattedQuote: import("@bunnyapp/common").FormattedQuote) => void) | undefined;
 }, {
-    backButtonName?: string | undefined;
-    onBackButtonClick?: (() => void) | undefined;
-    shadow?: import("../../types/shadowType").ShadowType | undefined;
-    hideDownloadButton?: boolean | undefined;
-    id?: string | undefined;
     className?: string | undefined;
     entityId?: string | undefined;
-    onPaymentSuccess?: ((savePaymentMethod?: boolean | undefined) => void) | undefined;
+    shadow?: import("../../types/shadowType").ShadowType | undefined;
+    id?: string | undefined;
     invoiceQuoteViewComponent?: import("react").ReactNode;
+    backButtonName?: string | undefined;
+    onBackButtonClick?: (() => void) | undefined;
     onInvoiceDownloadError?: (() => void) | undefined;
+    onPaymentSuccess?: ((savePaymentMethod?: boolean | undefined) => void) | undefined;
+    hideDownloadButton?: boolean | undefined;
     onInvoiceLoaded?: ((formattedInvoice: import("@bunnyapp/common").FormattedInvoice) => void) | undefined;
     onQuoteLoaded?: ((formattedQuote: import("@bunnyapp/common").FormattedQuote) => void) | undefined;
 }>;
@@ -99,16 +98,16 @@ export declare const CustomClassName: import("@storybook/core/csf").StoryAnnotat
     onInvoiceLoaded?: ((formattedInvoice: import("@bunnyapp/common").FormattedInvoice) => void) | undefined;
     onQuoteLoaded?: ((formattedQuote: import("@bunnyapp/common").FormattedQuote) => void) | undefined;
 }, {
-    backButtonName?: string | undefined;
-    onBackButtonClick?: (() => void) | undefined;
-    shadow?: import("../../types/shadowType").ShadowType | undefined;
-    hideDownloadButton?: boolean | undefined;
-    id?: string | undefined;
     className?: string | undefined;
     entityId?: string | undefined;
-    onPaymentSuccess?: ((savePaymentMethod?: boolean | undefined) => void) | undefined;
+    shadow?: import("../../types/shadowType").ShadowType | undefined;
+    id?: string | undefined;
     invoiceQuoteViewComponent?: import("react").ReactNode;
+    backButtonName?: string | undefined;
+    onBackButtonClick?: (() => void) | undefined;
     onInvoiceDownloadError?: (() => void) | undefined;
+    onPaymentSuccess?: ((savePaymentMethod?: boolean | undefined) => void) | undefined;
+    hideDownloadButton?: boolean | undefined;
     onInvoiceLoaded?: ((formattedInvoice: import("@bunnyapp/common").FormattedInvoice) => void) | undefined;
     onQuoteLoaded?: ((formattedQuote: import("@bunnyapp/common").FormattedQuote) => void) | undefined;
 }>;
@@ -129,16 +128,16 @@ export declare const DarkMode: import("@storybook/core/csf").StoryAnnotations<im
     onInvoiceLoaded?: ((formattedInvoice: import("@bunnyapp/common").FormattedInvoice) => void) | undefined;
     onQuoteLoaded?: ((formattedQuote: import("@bunnyapp/common").FormattedQuote) => void) | undefined;
 }, {
-    backButtonName?: string | undefined;
-    onBackButtonClick?: (() => void) | undefined;
-    shadow?: import("../../types/shadowType").ShadowType | undefined;
-    hideDownloadButton?: boolean | undefined;
-    id?: string | undefined;
     className?: string | undefined;
     entityId?: string | undefined;
-    onPaymentSuccess?: ((savePaymentMethod?: boolean | undefined) => void) | undefined;
+    shadow?: import("../../types/shadowType").ShadowType | undefined;
+    id?: string | undefined;
     invoiceQuoteViewComponent?: import("react").ReactNode;
+    backButtonName?: string | undefined;
+    onBackButtonClick?: (() => void) | undefined;
     onInvoiceDownloadError?: (() => void) | undefined;
+    onPaymentSuccess?: ((savePaymentMethod?: boolean | undefined) => void) | undefined;
+    hideDownloadButton?: boolean | undefined;
     onInvoiceLoaded?: ((formattedInvoice: import("@bunnyapp/common").FormattedInvoice) => void) | undefined;
     onQuoteLoaded?: ((formattedQuote: import("@bunnyapp/common").FormattedQuote) => void) | undefined;
 }>;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Subscription } from "@bunnyapp/common";
 import "../../styles/index.less";
 export type EditingQuoteDataType = {
@@ -15,7 +14,7 @@ declare const Subscriptions: ({ className, companyName, entityId, hideExpired, o
     onSubscriptionsLoaded?: ((subscriptions: Subscription[]) => void) | undefined;
     styles?: {
         gap?: number | undefined;
-        shadow?: "none" | "lg" | "md" | "sm" | undefined;
+        shadow?: "none" | "sm" | "md" | "lg" | undefined;
         subscriptionProductNameStyle?: import("react").CSSProperties | undefined;
     } | undefined;
     noSubscriptionsComponent?: React.ReactNode;

package/dist/cjs/src/hooks/quotes/useSendAcceptQuote.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const useSendAcceptQuote: ({ entityId, onTokenExpired, quoteId, apiHost, token, }: {
     entityId: string;
     onTokenExpired?: (() => void) | undefined;

package/dist/cjs/src/hooks/quotes/useSigningComplete.d.ts

@@ -1,5 +1,5 @@
 declare const useSigningComplete: ({ data, token }: {
     data: any;
-    token?: string | undefined;
+    token: string;
 }) => void;
 export default useSigningComplete;

package/dist/cjs/src/hooks/usePaymentMethod.d.ts

@@ -1,5 +1,10 @@
 import { GraphQLClient } from "graphql-request";
-export declare const usePaymentMethod: (graphQLClient: GraphQLClient, entityId?: string, token?: string, accountId?: string) => {
+export declare const usePaymentMethod: ({ accountId, entityId, graphQLClient, token, }: {
+    accountId?: string | undefined;
+    entityId?: string | undefined;
+    graphQLClient: GraphQLClient;
+    token: string;
+}) => {
     data: any;
     isLoading: boolean;
 };

package/dist/cjs/src/hooks/usePlugins.d.ts

@@ -1,6 +1,6 @@
-declare const usePlugins: ({ entityId, apiHost, token, }: {
+declare const usePlugins: ({ entityId, apiHost, token }: {
     entityId: string;
     apiHost: string;
-    token?: string | undefined;
+    token: string;
 }) => import("@tanstack/react-query/build/legacy/types").UseQueryResult<any, Error>;
 export default usePlugins;

package/dist/cjs/src/hooks/useToken.d.ts

@@ -1,2 +1,2 @@
-declare function useToken(): string | undefined;
+declare function useToken(): string;
 export default useToken;

package/dist/esm/index.js

@@ -204,9 +204,7 @@ function ContextualWrapper(_a) {
     var entityBranding = useMemo(function () {
         var _a;
         // This is to determine if the secondary color should be white or black
-        var brandColor = (branding === null || branding === void 0 ? void 0 : branding.brandColor)
-            ? "#" + ((_a = branding === null || branding === void 0 ? void 0 : branding.brandColor) === null || _a === void 0 ? void 0 : _a.toString(16))
-            : DEFAULT_BRAND_COLOR;
+        var brandColor = (branding === null || branding === void 0 ? void 0 : branding.brandColor) ? "#" + ((_a = branding === null || branding === void 0 ? void 0 : branding.brandColor) === null || _a === void 0 ? void 0 : _a.toString(16)) : DEFAULT_BRAND_COLOR;
         var secondaryColor = DEFAULT_SECONDARY_COLOR;
         if (!isMobile && isColorTooDark(branding === null || branding === void 0 ? void 0 : branding.accentColor))
             secondaryColor = "#ffffff";
@@ -241,17 +239,11 @@ function ContextualWrapper(_a) {
                             boxShadowSecondary: "none",
                             fontWeight: "normal",
                             contentFontSizeLG: 14,
-                            colorBgContainerDisabled: darkMode
-                                ? "var(--row-background-dark)"
-                                : "#eef0f2",
-                            borderColorDisabled: darkMode
-                                ? "var(--row-background-dark)"
-                                : "#eef0f2",
+                            colorBgContainerDisabled: darkMode ? "var(--row-background-dark)" : "#eef0f2",
+                            borderColorDisabled: darkMode ? "var(--row-background-dark)" : "#eef0f2",
                         },
                         Drawer: {
-                            colorBgElevated: darkMode
-                                ? "var(--row-background-dark)"
-                                : SLATE_50,
+                            colorBgElevated: darkMode ? "var(--row-background-dark)" : SLATE_50,
                         },
                         Divider: {
                             colorSplit: darkMode ? SLATE_400 : SLATE_200,
@@ -419,9 +411,10 @@ function InvoicePDF(_a) {
 }
 
 var paymentMethodsQuery = "query paymentMethods ($filter: String, $first: Int, $sort: String) {\n  paymentMethods (filter: $filter, first: $first, sort: $sort) {\n    nodes {\n      id\n      disabled\n      pluginId\n      accountId\n      expirationDate\n      plugin {\n        guid\n        id\n      }\n      state\n      metadata {\n        issuer\n        identifier\n        kind\n        description\n        icon\n      }\n    }\n  }\n}";
-var usePaymentMethod = function (graphQLClient, entityId, token, accountId) {
-    var _a = useQuery({
-        queryKey: QueryKeyFactory.default.accountPaymentMethodKey(entityId, token, accountId),
+var usePaymentMethod = function (_a) {
+    var accountId = _a.accountId, entityId = _a.entityId, graphQLClient = _a.graphQLClient, token = _a.token;
+    var _b = useQuery({
+        queryKey: QueryKeyFactory.default.accountPaymentMethodKey({ entityId: entityId, token: token, accountId: accountId }),
         queryFn: function () {
             return graphQLClient
                 .request(paymentMethodsQuery, {
@@ -435,7 +428,7 @@ var usePaymentMethod = function (graphQLClient, entityId, token, accountId) {
                 return paymentMethod;
             });
         },
-    }), data = _a.data, isLoading = _a.isLoading;
+    }), data = _b.data, isLoading = _b.isLoading;
     return { data: data, isLoading: isLoading };
 };
 
@@ -1331,7 +1324,7 @@ var PaymentForm = function (_a) {
     var apiHost = useContext(BunnyContext).apiHost;
     var tokenFromContexts = useToken();
     var token = overrideToken || tokenFromContexts;
-    var _f = usePaymentMethod(graphQLClient, entityId, token, accountId), storedPaymentMethod = _f.data, isPaymentMethodLoading = _f.isLoading;
+    var _f = usePaymentMethod(graphQLClient), storedPaymentMethod = _f.data, isPaymentMethodLoading = _f.isLoading;
     var isPaymentMethodFetched = storedPaymentMethod !== undefined;
     var _g = usePaymentPlugins({ entityId: entityId, apiHost: apiHost, token: token }), allPaymentMethodAllowedPlugins = _g.paymentMethodAllowedPlugins, allPaymentPlugins = _g.paymentPlugins, arePluginsFetched = _g.isFetched;
     var paymentMethodAllowedPlugins = useMemo(function () {
@@ -1612,7 +1605,7 @@ var useSigningComplete = function (_a) {
     useEffect(function () {
         if (data && eventParam === "signing_complete") {
             data.state = "ACCEPTED";
-            queryClient.setQueryData(QueryKeyFactory.default.createQuoteKey(token), data);
+            queryClient.setQueryData(QueryKeyFactory.default.createQuoteKey({ id: data === null || data === void 0 ? void 0 : data.id, token: token }), data);
         }
     }, [data, eventParam, queryClient, token]);
 };
@@ -19500,7 +19493,7 @@ var PaymentMethod = function (_a) {
     var paymentPlugins = usePaymentPlugins({ entityId: entityId, apiHost: apiHost, token: token }).paymentPlugins;
     var showSuccessNotification = useSuccessNotification();
     var handleAllErrorFormats = useAllErrorFormats(onTokenExpired);
-    var data = usePaymentMethod(graphQLClient, entityId, token).data;
+    var data = usePaymentMethod(graphQLClient).data;
     var onClickRemove = useRemovePaymentMethod(paymentPlugins || [], apiHost, entityId, token);
     // Queries
     var billingDetails = useQuery({
@@ -19759,16 +19752,13 @@ var Checkout = function (_a) {
     }), taxationRequiredAccountFields = _f.data, isLoadingTaxationRequiredAccountFields = _f.isLoading;
     var _g = useQuery({
         queryKey: ["account", quote === null || quote === void 0 ? void 0 : quote.accountId],
-        queryFn: function () {
-            return (quote === null || quote === void 0 ? void 0 : quote.accountId) && getAccount({ id: quote.accountId, token: token, apiHost: apiHost });
-        },
-        enabled: Boolean(quote === null || quote === void 0 ? void 0 : quote.accountId) &&
-            ((taxationRequiredAccountFields === null || taxationRequiredAccountFields === void 0 ? void 0 : taxationRequiredAccountFields.length) || 0) > 0,
+        queryFn: function () { return (quote === null || quote === void 0 ? void 0 : quote.accountId) && getAccount({ id: quote.accountId, token: token, apiHost: apiHost }); },
+        enabled: Boolean(quote === null || quote === void 0 ? void 0 : quote.accountId) && ((taxationRequiredAccountFields === null || taxationRequiredAccountFields === void 0 ? void 0 : taxationRequiredAccountFields.length) || 0) > 0,
     }), account = _g.data, isLoadingAccount = _g.isLoading;
     useQuery({
-        queryKey: queryKeyFactory.createQuoteTaxCalculateKey(quote === null || quote === void 0 ? void 0 : quote.id, token),
+        queryKey: queryKeyFactory.createQuoteTaxCalculateKey({ id: quote === null || quote === void 0 ? void 0 : quote.id, token: token }),
         queryFn: function () { return __awaiter(void 0, void 0, void 0, function () {
-            var updatedQuote;
+            var updatedQuote, quoteKey, calculatedPricesKey;
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
@@ -19781,8 +19771,14 @@ var Checkout = function (_a) {
                     case 1:
                         updatedQuote = _a.sent();
                         if (updatedQuote) {
-                            queryClient.setQueryData(queryKeyFactory.createObjectKey("editingQuote", updatedQuote.id), updatedQuote);
-                            queryClient.setQueryData(queryKeyFactory.calculatedPricesKey(quantity, selectedPriceList === null || selectedPriceList === void 0 ? void 0 : selectedPriceList.id, token), updatedQuote);
+                            quoteKey = queryKeyFactory.createObjectKey({ objectName: "editingQuote", id: updatedQuote.id, token: token });
+                            calculatedPricesKey = queryKeyFactory.calculatedPricesKey({
+                                quantity: quantity,
+                                priceListId: selectedPriceList === null || selectedPriceList === void 0 ? void 0 : selectedPriceList.id,
+                                token: token,
+                            });
+                            queryClient.setQueryData(quoteKey, updatedQuote);
+                            queryClient.setQueryData(calculatedPricesKey, updatedQuote);
                         }
                         _a.label = 2;
                     case 2: return [2 /*return*/, {}];
@@ -19946,7 +19942,7 @@ function Signup(_a) {
     var _h = useState(false), proceedingToPayment = _h[0], setProceedingToPayment = _h[1];
     var _j = useState(false), purchaseSucceeded = _j[0], setPurchaseSucceeded = _j[1];
     var _k = useState(undefined), paymentMethodGraphQLClient = _k[0], setPaymentMethodGraphQLClient = _k[1];
-    var paymentMethod = usePaymentMethod(paymentMethodGraphQLClient || graphQLClient, entityId, token).data;
+    var paymentMethod = usePaymentMethod(paymentMethodGraphQLClient || graphQLClient).data;
     var queryClient = useQueryClient();
     // Queries
     var priceListData = useQuery({
@@ -20658,7 +20654,7 @@ function BillingDetailsSection(_a) {
     var showSuccessNotification = useSuccessNotification();
     // Queries
     var _d = useQuery({
-        queryKey: QueryKeyFactory.default.billingDetailsKey(entityId, token),
+        queryKey: QueryKeyFactory.default.billingDetailsKey({ entityId: entityId, token: token }),
         queryFn: function () { return getBillingDetails({ token: token, apiHost: apiHost }); },
     }), billingDetails = _d.data, isLoadingBillingDetails = _d.isLoading;
     var _e = useMutation({
@@ -20682,7 +20678,7 @@ function BillingDetailsSection(_a) {
                         })];
                     case 1:
                         updatedBillingDetails = _a.sent();
-                        queryClient.setQueryData(QueryKeyFactory.default.billingDetailsKey(entityId, token), function (old) {
+                        queryClient.setQueryData(QueryKeyFactory.default.billingDetailsKey({ entityId: entityId, token: token }), function (old) {
                             return __assign(__assign({}, old), updatedBillingDetails.billingDetails);
                         });
                         return [2 /*return*/, updatedBillingDetails];
@@ -20692,7 +20688,7 @@ function BillingDetailsSection(_a) {
         onSuccess: function () {
             showSuccessNotification("Your account details have been saved");
             queryClient.invalidateQueries({
-                queryKey: QueryKeyFactory.default.taxationRequiredAccountFieldsKey(entityId, token),
+                queryKey: QueryKeyFactory.default.taxationRequiredAccountFieldsKey({ entityId: entityId, token: token }),
             });
         },
     }), updateBillingDetails = _e.mutate, isUpdatingBillingDetails = _e.isPending;
@@ -20773,9 +20769,7 @@ function BillingDetailsSection(_a) {
         });
     }); };
     var filteredCountryList = useMemo(function () {
-        return countryListFilter
-            ? Lists.COUNTRY_LIST.filter(countryListFilter)
-            : Lists.COUNTRY_LIST;
+        return countryListFilter ? Lists.COUNTRY_LIST.filter(countryListFilter) : Lists.COUNTRY_LIST;
     }, [countryListFilter]);
     return (jsxs("div", __assign({ className: "".concat(isMobile || hidePaymentMethodForm ? "w-full" : "w-1/2", " px-4") }, { children: [jsx(Skeleton, __assign({ loading: isLoadingBillingDetails }, { children: jsxs(Form, __assign({ className: "flex flex-col gap-2", form: form, layout: "vertical", disabled: isUpdatingBillingDetails, autoComplete: "off" }, { children: [jsx(Form.Item, __assign({ label: "Account name", name: "name", rules: [{ required: true, message: "Account name is required" }] }, { children: jsx(Input, {}) })), jsx(Form.Item, __assign({ label: "Street address", name: "billingStreet", rules: [{ required: true, message: "Street address is required" }] }, { children: jsx(Input, {}) })), jsxs("div", __assign({ className: "flex gap-4" }, { children: [jsx(Form.Item, __assign({ label: "City", name: "billingCity", rules: [{ required: true, message: "City is required" }], className: "flex-1" }, { children: jsx(Input, {}) })), jsx(Form.Item, __assign({ label: "Zipcode", name: "billingZip", rules: [{ required: true, message: "Zipcode is required" }], className: "flex-1" }, { children: jsx(Input, {}) }))] })), jsxs("div", __assign({ className: "flex ".concat(isMobile ? "flex-col pb-2" : "flex-row", " gap-4") }, { children: [jsx(Form.Item, __assign({ label: "State", name: "billingState", className: "flex-1", rules: [
                                         {
@@ -20783,12 +20777,8 @@ function BillingDetailsSection(_a) {
                                         },
                                     ] }, { children: jsx(Input, {}) })), jsx(Form.Item, __assign({ label: "Country", name: "billingCountry", className: "flex-1", rules: [{ required: true, message: "Country is required" }] }, { children: jsx(Select, { options: filteredCountryList, placeholder: "Select a country", showSearch: true, filterOption: function (input, option) {
                                             var _a, _b;
-                                            return ((_a = option === null || option === void 0 ? void 0 : option.label) !== null && _a !== void 0 ? _a : "")
-                                                .toLowerCase()
-                                                .includes(input.toLowerCase()) ||
-                                                ((_b = option === null || option === void 0 ? void 0 : option.value) !== null && _b !== void 0 ? _b : "")
-                                                    .toLowerCase()
-                                                    .includes(input.toLowerCase());
+                                            return ((_a = option === null || option === void 0 ? void 0 : option.label) !== null && _a !== void 0 ? _a : "").toLowerCase().includes(input.toLowerCase()) ||
+                                                ((_b = option === null || option === void 0 ? void 0 : option.value) !== null && _b !== void 0 ? _b : "").toLowerCase().includes(input.toLowerCase());
                                         } }) }))] })), jsx(Form.Item, __assign({ label: "Email", name: "billingContactEmail", rules: [
                                 {
                                     required: true,

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

@@ -5,7 +5,7 @@ import { GraphQLClient } from "graphql-request";
 export type BunnyContextValues = {
     apiHost: string;
     graphQLClient: GraphQLClient;
-    token?: string;
+    token: string;
     displayPayButtonNameAnyways?: boolean;
     darkMode?: boolean;
     onTokenExpired?: () => void;
@@ -16,7 +16,7 @@ declare function BunnyProvider({ children, darkMode, queryClient, apiHost, token
     darkMode?: boolean;
     queryClient?: QueryClient;
     apiHost: string;
-    token?: string;
+    token: string;
     onTokenExpired?: () => void;
     configProviderProps?: ThemeConfig | undefined;
 }): import("react/jsx-runtime").JSX.Element;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const Card: ({ children, className, style, }: {
     children: React.ReactNode;
     className?: string | undefined;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FormattedInvoice, PluginData, Quote } from "@bunnyapp/common";
 import { GraphQLClient } from "graphql-request";
 export declare const PaymentForm: ({ entityId, invoice, onFail, onPaymentSuccess, quote, accountId, onSavePaymentMethod, overrideToken, graphQLClient, customCheckoutFunction, currencyId: currencyIdFromProps, customPaymentForms, useAllPaymentPlugins, }: {

package/dist/esm/src/components/PaymentForm/PaymentMethodDetails.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PaymentMethod, PluginData } from "@bunnyapp/common";
 declare const PaymentMethodDetails: ({ onFail, paymentMethod, onSavePaymentMethod, customPaymentForms, }: {
     onFail: (error: any) => void;

package/dist/esm/src/components/Quote/Quote.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { Meta, StoryObj } from "@storybook/react";
 import Quote from "./Quote";
 declare const meta: Meta<typeof Quote>;
@@ -18,16 +17,16 @@ export declare const Default: import("@storybook/core/csf").StoryAnnotations<imp
     onInvoiceLoaded?: ((formattedInvoice: import("@bunnyapp/common").FormattedInvoice) => void) | undefined;
     onQuoteLoaded?: ((formattedQuote: import("@bunnyapp/common").FormattedQuote) => void) | undefined;
 }, {
-    backButtonName?: string | undefined;
-    onBackButtonClick?: (() => void) | undefined;
-    shadow?: import("../../types/shadowType").ShadowType | undefined;
-    hideDownloadButton?: boolean | undefined;
-    id?: string | undefined;
     className?: string | undefined;
     entityId?: string | undefined;
-    onPaymentSuccess?: ((savePaymentMethod?: boolean | undefined) => void) | undefined;
+    shadow?: import("../../types/shadowType").ShadowType | undefined;
+    id?: string | undefined;
     invoiceQuoteViewComponent?: import("react").ReactNode;
+    backButtonName?: string | undefined;
+    onBackButtonClick?: (() => void) | undefined;
     onInvoiceDownloadError?: (() => void) | undefined;
+    onPaymentSuccess?: ((savePaymentMethod?: boolean | undefined) => void) | undefined;
+    hideDownloadButton?: boolean | undefined;
     onInvoiceLoaded?: ((formattedInvoice: import("@bunnyapp/common").FormattedInvoice) => void) | undefined;
     onQuoteLoaded?: ((formattedQuote: import("@bunnyapp/common").FormattedQuote) => void) | undefined;
 }>;
@@ -45,16 +44,16 @@ export declare const NoShadow: import("@storybook/core/csf").StoryAnnotations<im
     onInvoiceLoaded?: ((formattedInvoice: import("@bunnyapp/common").FormattedInvoice) => void) | undefined;
     onQuoteLoaded?: ((formattedQuote: import("@bunnyapp/common").FormattedQuote) => void) | undefined;
 }, {
-    backButtonName?: string | undefined;
-    onBackButtonClick?: (() => void) | undefined;
-    shadow?: import("../../types/shadowType").ShadowType | undefined;
-    hideDownloadButton?: boolean | undefined;
-    id?: string | undefined;
     className?: string | undefined;
     entityId?: string | undefined;
-    onPaymentSuccess?: ((savePaymentMethod?: boolean | undefined) => void) | undefined;
+    shadow?: import("../../types/shadowType").ShadowType | undefined;
+    id?: string | undefined;
     invoiceQuoteViewComponent?: import("react").ReactNode;
+    backButtonName?: string | undefined;
+    onBackButtonClick?: (() => void) | undefined;
     onInvoiceDownloadError?: (() => void) | undefined;
+    onPaymentSuccess?: ((savePaymentMethod?: boolean | undefined) => void) | undefined;
+    hideDownloadButton?: boolean | undefined;
     onInvoiceLoaded?: ((formattedInvoice: import("@bunnyapp/common").FormattedInvoice) => void) | undefined;
     onQuoteLoaded?: ((formattedQuote: import("@bunnyapp/common").FormattedQuote) => void) | undefined;
 }>;
@@ -72,16 +71,16 @@ export declare const Mobile: import("@storybook/core/csf").StoryAnnotations<impo
     onInvoiceLoaded?: ((formattedInvoice: import("@bunnyapp/common").FormattedInvoice) => void) | undefined;
     onQuoteLoaded?: ((formattedQuote: import("@bunnyapp/common").FormattedQuote) => void) | undefined;
 }, {
-    backButtonName?: string | undefined;
-    onBackButtonClick?: (() => void) | undefined;
-    shadow?: import("../../types/shadowType").ShadowType | undefined;
-    hideDownloadButton?: boolean | undefined;
-    id?: string | undefined;
     className?: string | undefined;
     entityId?: string | undefined;
-    onPaymentSuccess?: ((savePaymentMethod?: boolean | undefined) => void) | undefined;
+    shadow?: import("../../types/shadowType").ShadowType | undefined;
+    id?: string | undefined;
     invoiceQuoteViewComponent?: import("react").ReactNode;
+    backButtonName?: string | undefined;
+    onBackButtonClick?: (() => void) | undefined;
     onInvoiceDownloadError?: (() => void) | undefined;
+    onPaymentSuccess?: ((savePaymentMethod?: boolean | undefined) => void) | undefined;
+    hideDownloadButton?: boolean | undefined;
     onInvoiceLoaded?: ((formattedInvoice: import("@bunnyapp/common").FormattedInvoice) => void) | undefined;
     onQuoteLoaded?: ((formattedQuote: import("@bunnyapp/common").FormattedQuote) => void) | undefined;
 }>;
@@ -99,16 +98,16 @@ export declare const CustomClassName: import("@storybook/core/csf").StoryAnnotat
     onInvoiceLoaded?: ((formattedInvoice: import("@bunnyapp/common").FormattedInvoice) => void) | undefined;
     onQuoteLoaded?: ((formattedQuote: import("@bunnyapp/common").FormattedQuote) => void) | undefined;
 }, {
-    backButtonName?: string | undefined;
-    onBackButtonClick?: (() => void) | undefined;
-    shadow?: import("../../types/shadowType").ShadowType | undefined;
-    hideDownloadButton?: boolean | undefined;
-    id?: string | undefined;
     className?: string | undefined;
     entityId?: string | undefined;
-    onPaymentSuccess?: ((savePaymentMethod?: boolean | undefined) => void) | undefined;
+    shadow?: import("../../types/shadowType").ShadowType | undefined;
+    id?: string | undefined;
     invoiceQuoteViewComponent?: import("react").ReactNode;
+    backButtonName?: string | undefined;
+    onBackButtonClick?: (() => void) | undefined;
     onInvoiceDownloadError?: (() => void) | undefined;
+    onPaymentSuccess?: ((savePaymentMethod?: boolean | undefined) => void) | undefined;
+    hideDownloadButton?: boolean | undefined;
     onInvoiceLoaded?: ((formattedInvoice: import("@bunnyapp/common").FormattedInvoice) => void) | undefined;
     onQuoteLoaded?: ((formattedQuote: import("@bunnyapp/common").FormattedQuote) => void) | undefined;
 }>;
@@ -129,16 +128,16 @@ export declare const DarkMode: import("@storybook/core/csf").StoryAnnotations<im
     onInvoiceLoaded?: ((formattedInvoice: import("@bunnyapp/common").FormattedInvoice) => void) | undefined;
     onQuoteLoaded?: ((formattedQuote: import("@bunnyapp/common").FormattedQuote) => void) | undefined;
 }, {
-    backButtonName?: string | undefined;
-    onBackButtonClick?: (() => void) | undefined;
-    shadow?: import("../../types/shadowType").ShadowType | undefined;
-    hideDownloadButton?: boolean | undefined;
-    id?: string | undefined;
     className?: string | undefined;
     entityId?: string | undefined;
-    onPaymentSuccess?: ((savePaymentMethod?: boolean | undefined) => void) | undefined;
+    shadow?: import("../../types/shadowType").ShadowType | undefined;
+    id?: string | undefined;
     invoiceQuoteViewComponent?: import("react").ReactNode;
+    backButtonName?: string | undefined;
+    onBackButtonClick?: (() => void) | undefined;
     onInvoiceDownloadError?: (() => void) | undefined;
+    onPaymentSuccess?: ((savePaymentMethod?: boolean | undefined) => void) | undefined;
+    hideDownloadButton?: boolean | undefined;
     onInvoiceLoaded?: ((formattedInvoice: import("@bunnyapp/common").FormattedInvoice) => void) | undefined;
     onQuoteLoaded?: ((formattedQuote: import("@bunnyapp/common").FormattedQuote) => void) | undefined;
 }>;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Subscription } from "@bunnyapp/common";
 import "../../styles/index.less";
 export type EditingQuoteDataType = {
@@ -15,7 +14,7 @@ declare const Subscriptions: ({ className, companyName, entityId, hideExpired, o
     onSubscriptionsLoaded?: ((subscriptions: Subscription[]) => void) | undefined;
     styles?: {
         gap?: number | undefined;
-        shadow?: "none" | "lg" | "md" | "sm" | undefined;
+        shadow?: "none" | "sm" | "md" | "lg" | undefined;
         subscriptionProductNameStyle?: import("react").CSSProperties | undefined;
     } | undefined;
     noSubscriptionsComponent?: React.ReactNode;

package/dist/esm/src/hooks/quotes/useSendAcceptQuote.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const useSendAcceptQuote: ({ entityId, onTokenExpired, quoteId, apiHost, token, }: {
     entityId: string;
     onTokenExpired?: (() => void) | undefined;

package/dist/esm/src/hooks/quotes/useSigningComplete.d.ts

@@ -1,5 +1,5 @@
 declare const useSigningComplete: ({ data, token }: {
     data: any;
-    token?: string | undefined;
+    token: string;
 }) => void;
 export default useSigningComplete;

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

@@ -1,5 +1,10 @@
 import { GraphQLClient } from "graphql-request";
-export declare const usePaymentMethod: (graphQLClient: GraphQLClient, entityId?: string, token?: string, accountId?: string) => {
+export declare const usePaymentMethod: ({ accountId, entityId, graphQLClient, token, }: {
+    accountId?: string | undefined;
+    entityId?: string | undefined;
+    graphQLClient: GraphQLClient;
+    token: string;
+}) => {
     data: any;
     isLoading: boolean;
 };

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

@@ -1,6 +1,6 @@
-declare const usePlugins: ({ entityId, apiHost, token, }: {
+declare const usePlugins: ({ entityId, apiHost, token }: {
     entityId: string;
     apiHost: string;
-    token?: string | undefined;
+    token: string;
 }) => import("@tanstack/react-query/build/legacy/types").UseQueryResult<any, Error>;
 export default usePlugins;

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

@@ -1,2 +1,2 @@
-declare function useToken(): string | undefined;
+declare function useToken(): string;
 export default useToken;

package/dist/index.d.ts

@@ -144,7 +144,7 @@ declare function BunnyProvider({ children, darkMode, queryClient, apiHost, token
     darkMode?: boolean;
     queryClient?: QueryClient;
     apiHost: string;
-    token?: string;
+    token: string;
     onTokenExpired?: () => void;
     configProviderProps?: ThemeConfig | undefined;
 }): react_jsx_runtime.JSX.Element;
@@ -207,7 +207,7 @@ declare const Subscriptions: ({ className, companyName, entityId, hideExpired, o
     onSubscriptionsLoaded?: ((subscriptions: Subscription[]) => void) | undefined;
     styles?: {
         gap?: number | undefined;
-        shadow?: "none" | "lg" | "md" | "sm" | undefined;
+        shadow?: "none" | "sm" | "md" | "lg" | undefined;
         subscriptionProductNameStyle?: react.CSSProperties | undefined;
     } | undefined;
     noSubscriptionsComponent?: React.ReactNode;
@@ -226,7 +226,12 @@ declare const BillingDetails: ({ entityId, isCardEnabled, shadow, className, hid
     }) => boolean) | undefined;
 }) => react_jsx_runtime.JSX.Element;
 
-declare const usePaymentMethod: (graphQLClient: GraphQLClient, entityId?: string, token?: string, accountId?: string) => {
+declare const usePaymentMethod: ({ accountId, entityId, graphQLClient, token, }: {
+    accountId?: string | undefined;
+    entityId?: string | undefined;
+    graphQLClient: GraphQLClient;
+    token: string;
+}) => {
     data: any;
     isLoading: boolean;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bunnyapp/components",
-  "version": "1.0.39",
+  "version": "1.0.40",
   "description": "Components from the Bunny portal to embed Bunny UI functionality into your application.",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
@@ -63,7 +63,7 @@
     "vite": "^6.2.1"
   },
   "peerDependencies": {
-    "@bunnyapp/common": "^1.0.45",
+    "@bunnyapp/common": "^1.0.47",
     "@fortawesome/fontawesome-svg-core": "^6.7.2",
     "@fortawesome/free-brands-svg-icons": "^6.7.2",
     "@fortawesome/free-regular-svg-icons": "^6.7.2",