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

package/dist/cjs/index.js

@@ -1283,7 +1283,7 @@ const DEFAULT_CONFIG = {
 };
 
 // This will be replaced at build time by rollup-plugin-replace
-const PACKAGE_VERSION = '1.8.0-beta.1';
+const PACKAGE_VERSION = '1.8.0-beta.3';
 const createRequestHeaders = (token) => {
     const headers = createClientDevHeaders({ token });
     // Add the components version header
@@ -1310,7 +1310,12 @@ const gqlRequest = async ({ query, apiHost, token, vars, isInPreviewMode, }) =>
     const requestHeaders = {
         ...baseHeaders,
     };
-    return await request$1(`${apiHost}${graphqlEndpoint}`, query, vars, requestHeaders);
+    try {
+        return await request$1(`${apiHost}${graphqlEndpoint}`, query, vars, requestHeaders);
+    }
+    catch (error) {
+        throw error;
+    }
 };
 const createClientDevHeaders = ({ token, componentsVersion, additionalHeaders, }) => {
     const headers = {
@@ -1543,8 +1548,12 @@ const useAllErrorFormats = ({ onUserUnavailable, onInvalidOrMissingAuthorization
 };
 
 const useCreateQueryClient = () => {
-    const { onUserUnavailable, onInvalidOrMissingAuthorization, suppressUserUnavailableErrorNotification } = useBunnyProviderCallbacks();
-    const handleAllErrorFormats = useAllErrorFormats({ onUserUnavailable, onInvalidOrMissingAuthorization, suppressUserUnavailableErrorNotification });
+    const { onUserUnavailable, onInvalidOrMissingAuthorization, suppressUserUnavailableErrorNotification, } = useBunnyProviderCallbacks();
+    const handleAllErrorFormats = useAllErrorFormats({
+        onUserUnavailable,
+        onInvalidOrMissingAuthorization,
+        suppressUserUnavailableErrorNotification,
+    });
     const onError = (error, _query) => {
         // Extract mutation name from query string
         // const mutationName = query?.mutation?.match(/mutation\s+(\w+)/)?.[1];
@@ -1554,9 +1563,6 @@ const useCreateQueryClient = () => {
     };
     return () => new reactQuery.QueryClient({
         defaultOptions: {
-            mutations: {
-                onError,
-            },
             queries: {
                 gcTime: Number.POSITIVE_INFINITY,
                 refetchIntervalInBackground: false,
@@ -1565,6 +1571,9 @@ const useCreateQueryClient = () => {
                 refetchOnWindowFocus: false,
             },
         },
+        mutationCache: new reactQuery.MutationCache({
+            onError,
+        }),
         queryCache: new reactQuery.QueryCache({
             onError,
         }),
@@ -24436,12 +24445,9 @@ const mutation$c = t(`
     }
   `, [QuoteContext_QuoteFragment]);
 const quoteChargeUpdate$1 = async (quoteChargeId, quantity, apiHost, token) => {
-    var _a, _b;
+    var _a;
     const response = await execute(mutation$c, { apiHost, token }, { quoteChargeId, quantity });
-    if ((_a = response.quoteChargeUpdate) === null || _a === void 0 ? void 0 : _a.errors) {
-        throw new Error(response.quoteChargeUpdate.errors[0]);
-    }
-    return (_b = response.quoteChargeUpdate) === null || _b === void 0 ? void 0 : _b.quoteCharge;
+    return (_a = response.quoteChargeUpdate) === null || _a === void 0 ? void 0 : _a.quoteCharge;
 };
 
 /**
@@ -24484,12 +24490,9 @@ const mutation$b = t(`
     }
   `, [QuoteContext_QuoteFragment]);
 const quoteChargeDelete = async ({ quoteChargeId, token, apiHost }) => {
-    var _a, _b, _c, _d;
+    var _a;
     const response = await execute(mutation$b, { apiHost, token }, { quoteChargeId });
-    if ((_a = response.quoteChargeDelete) === null || _a === void 0 ? void 0 : _a.errors) {
-        throw new Error((_c = (_b = response.quoteChargeDelete) === null || _b === void 0 ? void 0 : _b.errors) === null || _c === void 0 ? void 0 : _c[0]);
-    }
-    return (_d = response.quoteChargeDelete) === null || _d === void 0 ? void 0 : _d.quoteCharge;
+    return (_a = response.quoteChargeDelete) === null || _a === void 0 ? void 0 : _a.quoteCharge;
 };
 
 const showErrorNotification$1 = useErrorNotification();
@@ -26558,20 +26561,6 @@ function priceListChargePriceDescription(maskedPriceListCharge) {
     return `Per ${unitName ? `${unitName} / ` : ''}${priceListCharge.showPriceAsMonthly ? 'month' : periodLabel}`;
 }
 
-const GetActiveCharges_PriceListChargeFragment = t(`
-    fragment GetActiveCharges_PriceListChargeFragment on PriceListCharge {
-      deprecated
-      featureAddon
-    }
-  `);
-// Active charges: any charge that is not deprecated and not a feature addon
-function getActiveCharges(charges) {
-    return charges.filter(maskedCharge => {
-        const charge = readFragment(GetActiveCharges_PriceListChargeFragment, maskedCharge);
-        return !charge.deprecated && !charge.featureAddon;
-    });
-}
-
 const getPriceListUnitName_PriceListFragment = t(`
     fragment getPriceListUnitName_PriceListFragment on PriceList {
       charges {
@@ -26714,12 +26703,10 @@ const PricingTooltip_PriceListChargeFragment = t(`
       ...priceListChargePriceDescription_PriceListChargeFragment
       ...ChargeHasPriceTiers_PriceListChargeFragment
       ...ChargePriceTiers_PriceListChargeFragment
-      ...GetActiveCharges_PriceListChargeFragment
     }
   `, [
     ChargeHasPriceTiers_PriceListChargeFragment,
     ChargePriceTiers_PriceListChargeFragment,
-    GetActiveCharges_PriceListChargeFragment,
     priceListChargePriceDescription_PriceListChargeFragment
 ]);
 const PricingTooltip_PriceListFragment = t(`
@@ -26733,16 +26720,15 @@ const PricingTooltip_PriceListFragment = t(`
 const PricingTooltip = ({ className, priceListCharges: maskedPriceListCharges, currencyId, }) => {
     // Read fragments
     const priceListCharges = maskedPriceListCharges.map(charge => readFragment(PricingTooltip_PriceListChargeFragment, charge));
-    const activeCharges = getActiveCharges(priceListCharges);
     const content = react.useMemo(() => {
-        return (jsxRuntime.jsx("div", { className: "bunny-flex bunny-flex-col bunny-gap-3", children: activeCharges === null || activeCharges === void 0 ? void 0 : activeCharges.map((charge, index) => {
+        return (jsxRuntime.jsx("div", { className: "bunny-flex bunny-flex-col bunny-gap-3", children: priceListCharges === null || priceListCharges === void 0 ? void 0 : priceListCharges.map((charge, index) => {
                 const hasPriceTiers = chargeHasPriceTiers(charge);
                 if (hasPriceTiers) {
                     return jsxRuntime.jsx(ChargePriceTiers, { charge: charge, currencyId: currencyId }, index);
                 }
                 return (jsxRuntime.jsxs("div", { className: "bunny-flex bunny-flex-col bunny-gap-1", children: [jsxRuntime.jsx("div", { className: "bunny-text-white bunny-font-bold", children: charge.name }), jsxRuntime.jsxs("div", { className: "bunny-text-gray-400 bunny-text-xs/3", children: [getChargeBasePrice(charge, currencyId), ' ', priceListChargePriceDescription(charge)] })] }, index));
             }) }));
-    }, [activeCharges, currencyId]);
+    }, [priceListCharges, currencyId]);
     return (jsxRuntime.jsx(Tooltip, { className: `bunny-text-gray-400 bunny-text-sm ${className}`, title: content, children: jsxRuntime.jsx(icons.InfoCircleOutlined, { className: "bunny-text-gray-400 ", size: 15 }) }));
 };
 
@@ -26756,6 +26742,20 @@ function isEmptyHTML(html) {
     return /^<[^>]*>(\s*)<\/[^>]*>$/.test(html);
 }
 
+const GetActiveCharges_PriceListChargeFragment = t(`
+    fragment GetActiveCharges_PriceListChargeFragment on PriceListCharge {
+      deprecated
+      featureAddon
+    }
+  `);
+// Active charges: any charge that is not deprecated and not a feature addon
+function getActiveCharges(charges) {
+    return charges.filter(maskedCharge => {
+        const charge = readFragment(GetActiveCharges_PriceListChargeFragment, maskedCharge);
+        return !charge.deprecated && !charge.featureAddon;
+    });
+}
+
 const BillingPeriodDescription_PriceListFragment = t(`
     fragment BillingPeriodDescription_PriceListFragment on PriceList {
       periodMonths
@@ -28222,12 +28222,9 @@ const mutation$6 = t(`
     }
   `, [QuantityDrawer_QuoteFragment]);
 const quoteChargeUpdate = async (quoteChargeId, quantity, apiHost, token) => {
-    var _a, _b;
+    var _a;
     const response = await execute(mutation$6, { apiHost, token }, { quoteChargeId, quantity });
-    if ((_a = response.quoteChargeUpdate) === null || _a === void 0 ? void 0 : _a.errors) {
-        throw new Error(response.quoteChargeUpdate.errors[0]);
-    }
-    return (_b = response.quoteChargeUpdate) === null || _b === void 0 ? void 0 : _b.quoteCharge;
+    return (_a = response.quoteChargeUpdate) === null || _a === void 0 ? void 0 : _a.quoteCharge;
 };
 
 const mutation$5 = t(`
@@ -28273,12 +28270,9 @@ const mutation$4 = t(`
     }
   `, [QuantityDrawer_QuoteFragment]);
 const quoteSubscriptionUpdate = async (subscriptionIds, apiHost, token) => {
-    var _a, _b;
+    var _a;
     const response = await execute(mutation$4, { apiHost, token }, { subscriptionIds });
-    if ((_a = response.quoteSubscriptionUpdate) === null || _a === void 0 ? void 0 : _a.errors) {
-        throw new Error(response.quoteSubscriptionUpdate.errors[0]);
-    }
-    return (_b = response.quoteSubscriptionUpdate) === null || _b === void 0 ? void 0 : _b.quote;
+    return (_a = response.quoteSubscriptionUpdate) === null || _a === void 0 ? void 0 : _a.quote;
 };
 
 const formatDateForApi = (date) => {

package/dist/cjs/types/src/components/priceListPricing/PricingTooltip.d.ts

@@ -17,8 +17,6 @@ export declare const PricingTooltip_PriceListChargeFragment: import("gql.tada").
         ChargeHasPriceTiers_PriceListChargeFragment: "PriceListCharge";
     } & {
         ChargePriceTiers_PriceListChargeFragment: "PriceListCharge";
-    } & {
-        GetActiveCharges_PriceListChargeFragment: "PriceListCharge";
     };
 }, {}, {
     fragment: "PricingTooltip_PriceListChargeFragment";

package/dist/esm/index.js

@@ -2,7 +2,7 @@ import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { useState, useEffect, isValidElement, createContext, useContext, useMemo, createElement, useRef, useCallback, Fragment as Fragment$1 } from 'react';
 import { WarningOutlined, CheckCircleOutlined, CreditCardOutlined, EllipsisOutlined, BankOutlined, DownloadOutlined, SearchOutlined, CheckCircleFilled, LoadingOutlined, CloseOutlined, InfoCircleOutlined } from '@ant-design/icons';
 import { notification, theme, ConfigProvider, Tag, Button, Dropdown, Typography, Input, Modal, Checkbox, Skeleton, Collapse, Spin, Form, Tooltip as Tooltip$1, Drawer, Card as Card$1, Divider, Select, Popconfirm, Table, Radio, Space, Switch } from 'antd';
-import { QueryClient, QueryCache, QueryClientProvider, useQuery, useMutation, useQueryClient, keepPreviousData, useIsMutating, useIsFetching } from '@tanstack/react-query';
+import { QueryClient, MutationCache, QueryCache, QueryClientProvider, useQuery, useMutation, useQueryClient, keepPreviousData, useIsMutating, useIsFetching } from '@tanstack/react-query';
 import request$1 from 'graphql-request';
 import { RecoilRoot } from 'recoil';
 import { print } from 'graphql';
@@ -1281,7 +1281,7 @@ const DEFAULT_CONFIG = {
 };
 
 // This will be replaced at build time by rollup-plugin-replace
-const PACKAGE_VERSION = '1.8.0-beta.1';
+const PACKAGE_VERSION = '1.8.0-beta.3';
 const createRequestHeaders = (token) => {
     const headers = createClientDevHeaders({ token });
     // Add the components version header
@@ -1308,7 +1308,12 @@ const gqlRequest = async ({ query, apiHost, token, vars, isInPreviewMode, }) =>
     const requestHeaders = {
         ...baseHeaders,
     };
-    return await request$1(`${apiHost}${graphqlEndpoint}`, query, vars, requestHeaders);
+    try {
+        return await request$1(`${apiHost}${graphqlEndpoint}`, query, vars, requestHeaders);
+    }
+    catch (error) {
+        throw error;
+    }
 };
 const createClientDevHeaders = ({ token, componentsVersion, additionalHeaders, }) => {
     const headers = {
@@ -1541,8 +1546,12 @@ const useAllErrorFormats = ({ onUserUnavailable, onInvalidOrMissingAuthorization
 };
 
 const useCreateQueryClient = () => {
-    const { onUserUnavailable, onInvalidOrMissingAuthorization, suppressUserUnavailableErrorNotification } = useBunnyProviderCallbacks();
-    const handleAllErrorFormats = useAllErrorFormats({ onUserUnavailable, onInvalidOrMissingAuthorization, suppressUserUnavailableErrorNotification });
+    const { onUserUnavailable, onInvalidOrMissingAuthorization, suppressUserUnavailableErrorNotification, } = useBunnyProviderCallbacks();
+    const handleAllErrorFormats = useAllErrorFormats({
+        onUserUnavailable,
+        onInvalidOrMissingAuthorization,
+        suppressUserUnavailableErrorNotification,
+    });
     const onError = (error, _query) => {
         // Extract mutation name from query string
         // const mutationName = query?.mutation?.match(/mutation\s+(\w+)/)?.[1];
@@ -1552,9 +1561,6 @@ const useCreateQueryClient = () => {
     };
     return () => new QueryClient({
         defaultOptions: {
-            mutations: {
-                onError,
-            },
             queries: {
                 gcTime: Number.POSITIVE_INFINITY,
                 refetchIntervalInBackground: false,
@@ -1563,6 +1569,9 @@ const useCreateQueryClient = () => {
                 refetchOnWindowFocus: false,
             },
         },
+        mutationCache: new MutationCache({
+            onError,
+        }),
         queryCache: new QueryCache({
             onError,
         }),
@@ -24434,12 +24443,9 @@ const mutation$c = t(`
     }
   `, [QuoteContext_QuoteFragment]);
 const quoteChargeUpdate$1 = async (quoteChargeId, quantity, apiHost, token) => {
-    var _a, _b;
+    var _a;
     const response = await execute(mutation$c, { apiHost, token }, { quoteChargeId, quantity });
-    if ((_a = response.quoteChargeUpdate) === null || _a === void 0 ? void 0 : _a.errors) {
-        throw new Error(response.quoteChargeUpdate.errors[0]);
-    }
-    return (_b = response.quoteChargeUpdate) === null || _b === void 0 ? void 0 : _b.quoteCharge;
+    return (_a = response.quoteChargeUpdate) === null || _a === void 0 ? void 0 : _a.quoteCharge;
 };
 
 /**
@@ -24482,12 +24488,9 @@ const mutation$b = t(`
     }
   `, [QuoteContext_QuoteFragment]);
 const quoteChargeDelete = async ({ quoteChargeId, token, apiHost }) => {
-    var _a, _b, _c, _d;
+    var _a;
     const response = await execute(mutation$b, { apiHost, token }, { quoteChargeId });
-    if ((_a = response.quoteChargeDelete) === null || _a === void 0 ? void 0 : _a.errors) {
-        throw new Error((_c = (_b = response.quoteChargeDelete) === null || _b === void 0 ? void 0 : _b.errors) === null || _c === void 0 ? void 0 : _c[0]);
-    }
-    return (_d = response.quoteChargeDelete) === null || _d === void 0 ? void 0 : _d.quoteCharge;
+    return (_a = response.quoteChargeDelete) === null || _a === void 0 ? void 0 : _a.quoteCharge;
 };
 
 const showErrorNotification$1 = useErrorNotification();
@@ -26556,20 +26559,6 @@ function priceListChargePriceDescription(maskedPriceListCharge) {
     return `Per ${unitName ? `${unitName} / ` : ''}${priceListCharge.showPriceAsMonthly ? 'month' : periodLabel}`;
 }
 
-const GetActiveCharges_PriceListChargeFragment = t(`
-    fragment GetActiveCharges_PriceListChargeFragment on PriceListCharge {
-      deprecated
-      featureAddon
-    }
-  `);
-// Active charges: any charge that is not deprecated and not a feature addon
-function getActiveCharges(charges) {
-    return charges.filter(maskedCharge => {
-        const charge = readFragment(GetActiveCharges_PriceListChargeFragment, maskedCharge);
-        return !charge.deprecated && !charge.featureAddon;
-    });
-}
-
 const getPriceListUnitName_PriceListFragment = t(`
     fragment getPriceListUnitName_PriceListFragment on PriceList {
       charges {
@@ -26712,12 +26701,10 @@ const PricingTooltip_PriceListChargeFragment = t(`
       ...priceListChargePriceDescription_PriceListChargeFragment
       ...ChargeHasPriceTiers_PriceListChargeFragment
       ...ChargePriceTiers_PriceListChargeFragment
-      ...GetActiveCharges_PriceListChargeFragment
     }
   `, [
     ChargeHasPriceTiers_PriceListChargeFragment,
     ChargePriceTiers_PriceListChargeFragment,
-    GetActiveCharges_PriceListChargeFragment,
     priceListChargePriceDescription_PriceListChargeFragment
 ]);
 const PricingTooltip_PriceListFragment = t(`
@@ -26731,16 +26718,15 @@ const PricingTooltip_PriceListFragment = t(`
 const PricingTooltip = ({ className, priceListCharges: maskedPriceListCharges, currencyId, }) => {
     // Read fragments
     const priceListCharges = maskedPriceListCharges.map(charge => readFragment(PricingTooltip_PriceListChargeFragment, charge));
-    const activeCharges = getActiveCharges(priceListCharges);
     const content = useMemo(() => {
-        return (jsx("div", { className: "bunny-flex bunny-flex-col bunny-gap-3", children: activeCharges === null || activeCharges === void 0 ? void 0 : activeCharges.map((charge, index) => {
+        return (jsx("div", { className: "bunny-flex bunny-flex-col bunny-gap-3", children: priceListCharges === null || priceListCharges === void 0 ? void 0 : priceListCharges.map((charge, index) => {
                 const hasPriceTiers = chargeHasPriceTiers(charge);
                 if (hasPriceTiers) {
                     return jsx(ChargePriceTiers, { charge: charge, currencyId: currencyId }, index);
                 }
                 return (jsxs("div", { className: "bunny-flex bunny-flex-col bunny-gap-1", children: [jsx("div", { className: "bunny-text-white bunny-font-bold", children: charge.name }), jsxs("div", { className: "bunny-text-gray-400 bunny-text-xs/3", children: [getChargeBasePrice(charge, currencyId), ' ', priceListChargePriceDescription(charge)] })] }, index));
             }) }));
-    }, [activeCharges, currencyId]);
+    }, [priceListCharges, currencyId]);
     return (jsx(Tooltip, { className: `bunny-text-gray-400 bunny-text-sm ${className}`, title: content, children: jsx(InfoCircleOutlined, { className: "bunny-text-gray-400 ", size: 15 }) }));
 };
 
@@ -26754,6 +26740,20 @@ function isEmptyHTML(html) {
     return /^<[^>]*>(\s*)<\/[^>]*>$/.test(html);
 }
 
+const GetActiveCharges_PriceListChargeFragment = t(`
+    fragment GetActiveCharges_PriceListChargeFragment on PriceListCharge {
+      deprecated
+      featureAddon
+    }
+  `);
+// Active charges: any charge that is not deprecated and not a feature addon
+function getActiveCharges(charges) {
+    return charges.filter(maskedCharge => {
+        const charge = readFragment(GetActiveCharges_PriceListChargeFragment, maskedCharge);
+        return !charge.deprecated && !charge.featureAddon;
+    });
+}
+
 const BillingPeriodDescription_PriceListFragment = t(`
     fragment BillingPeriodDescription_PriceListFragment on PriceList {
       periodMonths
@@ -28220,12 +28220,9 @@ const mutation$6 = t(`
     }
   `, [QuantityDrawer_QuoteFragment]);
 const quoteChargeUpdate = async (quoteChargeId, quantity, apiHost, token) => {
-    var _a, _b;
+    var _a;
     const response = await execute(mutation$6, { apiHost, token }, { quoteChargeId, quantity });
-    if ((_a = response.quoteChargeUpdate) === null || _a === void 0 ? void 0 : _a.errors) {
-        throw new Error(response.quoteChargeUpdate.errors[0]);
-    }
-    return (_b = response.quoteChargeUpdate) === null || _b === void 0 ? void 0 : _b.quoteCharge;
+    return (_a = response.quoteChargeUpdate) === null || _a === void 0 ? void 0 : _a.quoteCharge;
 };
 
 const mutation$5 = t(`
@@ -28271,12 +28268,9 @@ const mutation$4 = t(`
     }
   `, [QuantityDrawer_QuoteFragment]);
 const quoteSubscriptionUpdate = async (subscriptionIds, apiHost, token) => {
-    var _a, _b;
+    var _a;
     const response = await execute(mutation$4, { apiHost, token }, { subscriptionIds });
-    if ((_a = response.quoteSubscriptionUpdate) === null || _a === void 0 ? void 0 : _a.errors) {
-        throw new Error(response.quoteSubscriptionUpdate.errors[0]);
-    }
-    return (_b = response.quoteSubscriptionUpdate) === null || _b === void 0 ? void 0 : _b.quote;
+    return (_a = response.quoteSubscriptionUpdate) === null || _a === void 0 ? void 0 : _a.quote;
 };
 
 const formatDateForApi = (date) => {

package/dist/esm/types/src/components/priceListPricing/PricingTooltip.d.ts

@@ -17,8 +17,6 @@ export declare const PricingTooltip_PriceListChargeFragment: import("gql.tada").
         ChargeHasPriceTiers_PriceListChargeFragment: "PriceListCharge";
     } & {
         ChargePriceTiers_PriceListChargeFragment: "PriceListCharge";
-    } & {
-        GetActiveCharges_PriceListChargeFragment: "PriceListCharge";
     };
 }, {}, {
     fragment: "PricingTooltip_PriceListChargeFragment";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bunnyapp/components",
-  "version": "1.8.0-beta.2",
+  "version": "1.8.0-beta.4",
   "description": "Components from the Bunny portal to embed Bunny UI functionality into your application.",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",