@bunnyapp/components 1.7.0-beta.26 → 1.7.0-beta.28

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.7.0-beta.25';
+const PACKAGE_VERSION = '1.7.0-beta.27';
 const createRequestHeaders = (token) => {
     const headers = createClientDevHeaders({ token });
     // Add the components version header
@@ -1435,7 +1435,12 @@ const createValueContext = () => {
 
 const [BrandProvider, useBrand] = createValueContext();
 
-const IGNORE_ERRORS = ['Invalid or missing authorization', '["Not found"]'];
+const [BunnyProviderCallbacksProvider, useBunnyProviderCallbacks] = createValueContext();
+
+const QUOTE_UNAVAILABLE_ERROR = 'This quote is currently unavailable';
+const INVALID_OR_MISSING_AUTHORIZATION_ERROR = 'Invalid or missing authorization';
+const IGNORE_ERRORS = [INVALID_OR_MISSING_AUTHORIZATION_ERROR, '["Not found"]', QUOTE_UNAVAILABLE_ERROR];
+const CONTACT_DOES_NOT_EXIST_ERROR = 'Contact does not exist within';
 /**
  * Extracts errors from nested data structure
  * @param data - The response data object
@@ -1467,13 +1472,24 @@ const extractNestedErrors = (data, mutationName) => {
     }
     return null;
 };
-const useAllErrorFormats = () => {
+const useAllErrorFormats = ({ onUserUnavailable, onInvalidOrMissingAuthorization, suppressUserUnavailableErrorNotification } = {}) => {
     const showErrorNotification = useErrorNotification();
     return (error, mutationName) => {
-        var _a, _b, _c, _d, _e, _f, _g;
+        var _a, _b, _c, _d, _e, _f, _g, _h;
         // Fall back to existing error handling logic
         const responseErrors = ((_a = error === null || error === void 0 ? void 0 : error.response) === null || _a === void 0 ? void 0 : _a.errors) || null;
-        if (IGNORE_ERRORS.includes((_d = (_c = (_b = error === null || error === void 0 ? void 0 : error.response) === null || _b === void 0 ? void 0 : _b.errors) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.message)) {
+        // also check error?.message, which is the structure provided by the api/plugins rest endpoint
+        const errorMessage = (_e = (_d = (_c = (_b = error === null || error === void 0 ? void 0 : error.response) === null || _b === void 0 ? void 0 : _b.errors) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.message) !== null && _e !== void 0 ? _e : error === null || error === void 0 ? void 0 : error.message;
+        if (errorMessage === null || errorMessage === void 0 ? void 0 : errorMessage.includes(INVALID_OR_MISSING_AUTHORIZATION_ERROR)) {
+            onInvalidOrMissingAuthorization === null || onInvalidOrMissingAuthorization === void 0 ? void 0 : onInvalidOrMissingAuthorization();
+        }
+        if (errorMessage === null || errorMessage === void 0 ? void 0 : errorMessage.includes(CONTACT_DOES_NOT_EXIST_ERROR)) {
+            onUserUnavailable === null || onUserUnavailable === void 0 ? void 0 : onUserUnavailable();
+            if (suppressUserUnavailableErrorNotification) {
+                return error;
+            }
+        }
+        if (IGNORE_ERRORS.includes(errorMessage)) {
             return error;
         }
         // For errors like this:
@@ -1500,18 +1516,18 @@ const useAllErrorFormats = () => {
         }
         if (responseErrors) {
             for (let index in responseErrors) {
-                const error = (_e = responseErrors[index]) === null || _e === void 0 ? void 0 : _e.message;
+                const error = (_f = responseErrors[index]) === null || _f === void 0 ? void 0 : _f.message;
                 showErrorNotification(error, null);
             }
         }
-        else if ((_f = error === null || error === void 0 ? void 0 : error.response) === null || _f === void 0 ? void 0 : _f.error) {
+        else if ((_g = error === null || error === void 0 ? void 0 : error.response) === null || _g === void 0 ? void 0 : _g.error) {
             showErrorNotification(error.response.exception, error.response.error);
         }
         else if ((error === null || error === void 0 ? void 0 : error.constructor) === Array) {
             for (let index in error)
                 showErrorNotification(error[index].message, null);
         }
-        else if ((_g = error === null || error === void 0 ? void 0 : error.response) === null || _g === void 0 ? void 0 : _g.message) {
+        else if ((_h = error === null || error === void 0 ? void 0 : error.response) === null || _h === void 0 ? void 0 : _h.message) {
             showErrorNotification(error.response.message);
         }
         else if (error === null || error === void 0 ? void 0 : error.message) {
@@ -1527,7 +1543,8 @@ const useAllErrorFormats = () => {
 };
 
 const useCreateQueryClient = () => {
-    const handleAllErrorFormats = useAllErrorFormats();
+    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];
@@ -2245,9 +2262,11 @@ const getBranding = async ({ token, apiHost }) => {
 };
 
 const BunnyContext = react.createContext({});
-// const extraQueryClient = new QueryClient();
 // Every component shares similar props and functionality, which this wrapper handles.
-function BunnyProvider({ children, darkMode = false, queryClient, apiHost, token, onTokenExpired, configProviderProps, }) {
+function BunnyProvider({ children, darkMode = false, queryClient, apiHost, token, onTokenExpired, onUserUnavailable, onInvalidOrMissingAuthorization, suppressUserUnavailableErrorNotification = false, configProviderProps, }) {
+    return (jsxRuntime.jsx(BunnyProviderCallbacksProvider, { value: { onUserUnavailable, onInvalidOrMissingAuthorization, suppressUserUnavailableErrorNotification }, children: jsxRuntime.jsx(BunnyProviderContent, { darkMode: darkMode, queryClient: queryClient, apiHost: apiHost, token: token, onTokenExpired: onTokenExpired, configProviderProps: configProviderProps, children: children }) }));
+}
+function BunnyProviderContent({ children, darkMode = false, queryClient, apiHost, token, onTokenExpired, configProviderProps, }) {
     const createQueryClient = useCreateQueryClient();
     const extraQueryClient = react.useMemo(() => createQueryClient(), []);
     return (jsxRuntime.jsx(BunnyContext.Provider, { value: {
@@ -20376,7 +20395,7 @@ function useApproveHold$1({ onApproveHoldSuccess, onApproveHoldError, }) {
 // Used for Signup component. Signup needs a custom checkout function
 const [CustomCheckoutFunctionProvider, useCustomCheckoutFunction] = createValueContext();
 
-const showErrorNotification$9 = useErrorNotification();
+const showErrorNotification$a = useErrorNotification();
 function usePay$1({ onPaymentSuccess, onPaymentError, quoteId, invoice, plugin, }) {
     const { apiHost } = react.useContext(BunnyContext);
     const customCheckoutFunction = useCustomCheckoutFunction();
@@ -20387,7 +20406,7 @@ function usePay$1({ onPaymentSuccess, onPaymentError, quoteId, invoice, plugin,
             setIsPaying(true);
             if (customCheckoutFunction) {
                 if (!(plugin === null || plugin === void 0 ? void 0 : plugin.id)) {
-                    showErrorNotification$9('Plugin ID is required');
+                    showErrorNotification$a('Plugin ID is required');
                     return;
                 }
                 const response = await customCheckoutFunction(plugin === null || plugin === void 0 ? void 0 : plugin.id.toString(), paymentMethodId.toString());
@@ -20446,7 +20465,7 @@ function useApproveHold({ onApproveHoldSuccess, onApproveHoldError, }) {
     return { approveHold, isApprovingHold };
 }
 
-const showErrorNotification$8 = useErrorNotification();
+const showErrorNotification$9 = useErrorNotification();
 function usePay({ onPaymentSuccess, onPaymentError, quoteId, invoice, plugin, }) {
     // Hooks
     const { apiHost } = react.useContext(BunnyContext);
@@ -20458,7 +20477,7 @@ function usePay({ onPaymentSuccess, onPaymentError, quoteId, invoice, plugin, })
             setIsPaying(true);
             if (customCheckoutFunction) {
                 if (!(plugin === null || plugin === void 0 ? void 0 : plugin.id)) {
-                    showErrorNotification$8('Plugin ID is required');
+                    showErrorNotification$9('Plugin ID is required');
                     return;
                 }
                 const response = await customCheckoutFunction(plugin === null || plugin === void 0 ? void 0 : plugin.id.toString(), paymentMethodId.toString());
@@ -20466,7 +20485,7 @@ function usePay({ onPaymentSuccess, onPaymentError, quoteId, invoice, plugin, })
             }
             else {
                 if (!quoteId && !(invoice === null || invoice === void 0 ? void 0 : invoice.id)) {
-                    showErrorNotification$8('Quote ID or Invoice ID is required');
+                    showErrorNotification$9('Quote ID or Invoice ID is required');
                     return;
                 }
                 const response = await checkout({
@@ -20497,7 +20516,7 @@ var PaymentType;
 })(PaymentType || (PaymentType = {}));
 
 const handleAllErrorFormats$3 = useAllErrorFormats();
-const showErrorNotification$7 = useErrorNotification();
+const showErrorNotification$8 = useErrorNotification();
 const useHandlePayment_QuoteFragment = t(`
     fragment useHandlePayment_QuoteFragment on Quote {
       id
@@ -20586,11 +20605,11 @@ const useHandlePayment = ({ quote: maskedQuote, invoice, onPaymentSuccess, onPay
         var _a, _b, _c, _d;
         const paymentMethodId = overridePaymentMethodId || (defaultPaymentMethod === null || defaultPaymentMethod === void 0 ? void 0 : defaultPaymentMethod.id);
         if (!plugin)
-            return showErrorNotification$7('plugin is undefined');
+            return showErrorNotification$8('plugin is undefined');
         if (!(quote === null || quote === void 0 ? void 0 : quote.id) || !(quote === null || quote === void 0 ? void 0 : quote.amount))
-            return showErrorNotification$7('quote id and amount are required to approve hold');
+            return showErrorNotification$8('quote id and amount are required to approve hold');
         if (!paymentMethodId)
-            return showErrorNotification$7('payment method id is undefined');
+            return showErrorNotification$8('payment method id is undefined');
         switch ((_b = (_a = plugin.components) === null || _a === void 0 ? void 0 : _a.frontend) === null || _b === void 0 ? void 0 : _b[0].name) {
             case 'StripePayment':
                 await approveHoldStripe({
@@ -20607,7 +20626,7 @@ const useHandlePayment = ({ quote: maskedQuote, invoice, onPaymentSuccess, onPay
                 });
                 break;
             default:
-                showErrorNotification$7(`Payment holds are not supported by ${(_d = (_c = plugin.components) === null || _c === void 0 ? void 0 : _c.frontend) === null || _d === void 0 ? void 0 : _d[0].name}`);
+                showErrorNotification$8(`Payment holds are not supported by ${(_d = (_c = plugin.components) === null || _c === void 0 ? void 0 : _c.frontend) === null || _d === void 0 ? void 0 : _d[0].name}`);
                 break;
         }
     };
@@ -20723,7 +20742,7 @@ const useShowPaymentDetailsState = (isOpen = false) => react.useState(isOpen);
 const [ShowPaymentDetailsProvider, useShowPaymentDetails] = createStateContext(useShowPaymentDetailsState);
 
 const handleAllErrorFormats$2 = useAllErrorFormats();
-const showErrorNotification$6 = useErrorNotification();
+const showErrorNotification$7 = useErrorNotification();
 // Contexts
 const [FormattedAmountDueProvider, useFormattedAmountDue] = createValueContext();
 const [PaymentTypeProvider, usePaymentType] = createValueContext();
@@ -20803,7 +20822,7 @@ function PaymentProvider({ children, accountId, quote: maskedQuote, invoice, onP
             return await saveDemoPay(demoPayCardDetails);
         }
         else {
-            showErrorNotification$6(`Can not find form for plugin ${(_b = (_a = selectedPlugin.components) === null || _a === void 0 ? void 0 : _a.frontend) === null || _b === void 0 ? void 0 : _b[0].name}`);
+            showErrorNotification$7(`Can not find form for plugin ${(_b = (_a = selectedPlugin.components) === null || _a === void 0 ? void 0 : _a.frontend) === null || _b === void 0 ? void 0 : _b[0].name}`);
             return undefined;
         }
     };
@@ -20816,7 +20835,7 @@ function PaymentProvider({ children, accountId, quote: maskedQuote, invoice, onP
             await handleApproveHold(savedPaymentMethodId);
         }
         else {
-            showErrorNotification$6(`Can not find form for plugin ${(_b = (_a = selectedPlugin.components) === null || _a === void 0 ? void 0 : _a.frontend) === null || _b === void 0 ? void 0 : _b[0].name}`);
+            showErrorNotification$7(`Can not find form for plugin ${(_b = (_a = selectedPlugin.components) === null || _a === void 0 ? void 0 : _a.frontend) === null || _b === void 0 ? void 0 : _b[0].name}`);
         }
     };
     const handlePaymentFormSubmit = async (demoPayCardDetails) => {
@@ -20847,7 +20866,7 @@ function PaymentProvider({ children, accountId, quote: maskedQuote, invoice, onP
             }
             else {
                 if (!(defaultPaymentMethod === null || defaultPaymentMethod === void 0 ? void 0 : defaultPaymentMethod.id)) {
-                    showErrorNotification$6('Default payment method ID is undefined');
+                    showErrorNotification$7('Default payment method ID is undefined');
                     return;
                 }
                 await handlePayment(defaultPaymentMethod === null || defaultPaymentMethod === void 0 ? void 0 : defaultPaymentMethod.id);
@@ -21281,7 +21300,7 @@ function useSetDefaultPaymentMethod(onError, onSuccess) {
     return { setDefaultPaymentMethod, loading };
 }
 
-const showErrorNotification$5 = useErrorNotification();
+const showErrorNotification$6 = useErrorNotification();
 const PaymentForm_QuoteFragment = t(`
     fragment PaymentForm_QuoteFragment on Quote {
       id
@@ -21330,7 +21349,7 @@ function PaymentFormContent({ onPaymentMethodRemoved, onSetDefaultPaymentMethod,
     const hasPaymentMethods = (paymentMethods === null || paymentMethods === void 0 ? void 0 : paymentMethods.length) && (paymentMethods === null || paymentMethods === void 0 ? void 0 : paymentMethods.length) > 0;
     // Custom hooks
     const { setDefaultPaymentMethod: handleSetDefault, loading: setDefaultPaymentMethodLoading } = useSetDefaultPaymentMethod(message => {
-        showErrorNotification$5(message, 'Error setting default payment method');
+        showErrorNotification$6(message, 'Error setting default payment method');
     }, () => {
         onSetDefaultPaymentMethod === null || onSetDefaultPaymentMethod === void 0 ? void 0 : onSetDefaultPaymentMethod();
     });
@@ -21340,11 +21359,11 @@ function PaymentFormContent({ onPaymentMethodRemoved, onSetDefaultPaymentMethod,
         enabled: !!paymentPlugins,
     });
     const onClickRemove = useRemovePaymentMethod(onPaymentMethodRemoved, message => {
-        showErrorNotification$5(message, 'Error removing payment method');
+        showErrorNotification$6(message, 'Error removing payment method');
     });
     function handleClickAddPaymentMethod() {
         if ((paymentPlugins === null || paymentPlugins === void 0 ? void 0 : paymentPlugins.length) === 0) {
-            showErrorNotification$5('No payment plugins available', 'Error adding payment method');
+            showErrorNotification$6('No payment plugins available', 'Error adding payment method');
         }
         else {
             setShowPaymentMethodForm(true);
@@ -21424,23 +21443,26 @@ if (typeof window !== 'undefined') {
                 const shadowRoot = originalAttachShadow.call(this, init);
                 // Prevent watermark styles from being injected
                 const originalInnerHTMLSetter = (_a = Object.getOwnPropertyDescriptor(ShadowRoot.prototype, 'innerHTML')) === null || _a === void 0 ? void 0 : _a.set;
-                console.log('originalInnerHTMLSetter', originalInnerHTMLSetter);
                 if (originalInnerHTMLSetter) {
-                    Object.defineProperty(shadowRoot, 'innerHTML', {
-                        set: function (value) {
-                            // Block watermark injection
-                            if (typeof value === 'string' &&
-                                value.includes('background-image: url(data:image/webp')) {
-                                return; // Don't set the watermark HTML
-                            }
-                            console.log('value', value);
-                            originalInnerHTMLSetter.call(this, value);
-                        },
-                        get: function () {
-                            console.log('this.innerHTML', this.innerHTML);
-                            return this.innerHTML;
-                        },
-                    });
+                    try {
+                        Object.defineProperty(shadowRoot, 'innerHTML', {
+                            configurable: true,
+                            set: function (value) {
+                                // Block watermark injection
+                                if (typeof value === 'string' &&
+                                    value.includes('background-image: url(data:image/webp')) {
+                                    return; // Don't set the watermark HTML
+                                }
+                                originalInnerHTMLSetter.call(this, value);
+                            },
+                            get: function () {
+                                return this.innerHTML;
+                            },
+                        });
+                    }
+                    catch (e) {
+                        // Property already defined, ignore error (happens during hot module reloading)
+                    }
                 }
                 return shadowRoot;
             };
@@ -21795,7 +21817,7 @@ function PaymentHoldDisplay({ paymentHold, currency, amount, }) {
 
 const { Title: Title$2, Text: Text$x } = antd.Typography;
 const showSuccessNotification$2 = useSuccessNotification();
-const showErrorNotification$4 = useErrorNotification();
+const showErrorNotification$5 = useErrorNotification();
 const PaymentHoldModal_FormattedQuoteFragment = t(`
     fragment PaymentHoldModal_FormattedQuoteFragment on FormattedQuote {
       quote {
@@ -21823,7 +21845,7 @@ const PaymentHoldModal = ({ visible, setVisible, formattedQuote: maskedFormatted
                         setVisible(false);
                         showSuccessNotification$2(`Approved payment hold for ${formatCurrency(formattedQuote.amount, formattedQuote.currency || 'null')}`);
                         if (!formattedQuote.quote.id) {
-                            showErrorNotification$4('Quote ID is required for onPaymentHoldSuccess callback in PaymentForm');
+                            showErrorNotification$5('Quote ID is required for onPaymentHoldSuccess callback in PaymentForm');
                             return;
                         }
                         queryClient.invalidateQueries({
@@ -22247,12 +22269,13 @@ const PandadocPollingModal = ({ isVisible, setVisible, id }) => {
     return (jsxRuntime.jsxs(antd.Modal, { title: "Uploading quote to Pandadoc", open: isVisible, closable: false, footer: null, children: [jsxRuntime.jsxs("div", { className: "bunny-py-4 bunny-text-center", children: ["This may take a few seconds", '.'.repeat(numberOfPolls)] }), jsxRuntime.jsx("div", { className: "bunny-text-center", children: infoMessage })] }));
 };
 
+const showErrorNotification$4 = useErrorNotification();
 defaultStyled.div `
   Text {
     width: 100%;
   }
 `;
-function Quote({ id, invoiceQuoteViewComponent, onInvoiceDownloadError, onPaymentSuccess, shadow = 'shadow-md', className, hideDownloadButton = false, onQuoteLoaded, onQuoteAccepted, }) {
+function Quote({ id, invoiceQuoteViewComponent, onInvoiceDownloadError, onPaymentSuccess, shadow = 'shadow-md', className, hideDownloadButton = false, onQuoteLoaded, onQuoteAccepted, onQuoteUnavailableError, suppressQuoteUnavailableErrorNotification = false, }) {
     return (jsxRuntime.jsx(InvoiceQuoteContext.Provider, { value: {
             id,
             invoiceQuoteViewComponent,
@@ -22262,6 +22285,8 @@ function Quote({ id, invoiceQuoteViewComponent, onInvoiceDownloadError, onPaymen
             className,
             hideDownloadButton,
             onQuoteLoaded,
+            onQuoteUnavailableError,
+            suppressQuoteUnavailableErrorNotification,
         }, children: jsxRuntime.jsx(ActualQuote, { onQuoteAccepted: onQuoteAccepted }) }));
 }
 const useQuotePaymentHold = (formattedQuote) => {
@@ -22282,9 +22307,9 @@ function ActualQuote({ onQuoteAccepted }) {
     // Context
     const { apiHost } = react.useContext(BunnyContext);
     const token = useToken();
-    const { className, id, hideDownloadButton, onQuoteLoaded } = react.useContext(InvoiceQuoteContext);
+    const { className, id, hideDownloadButton, onQuoteLoaded, onQuoteUnavailableError, suppressQuoteUnavailableErrorNotification } = react.useContext(InvoiceQuoteContext);
     // Queries
-    const { data: formattedQuote, isLoading } = reactQuery.useQuery({
+    const { data: formattedQuote, isLoading, error } = reactQuery.useQuery({
         queryKey: QueryKeyFactory.createQuoteKey({ id, token }),
         queryFn: async () => {
             return await getFormattedQuote({ token, apiHost, id });
@@ -22305,6 +22330,18 @@ function ActualQuote({ onQuoteAccepted }) {
             onQuoteLoaded === null || onQuoteLoaded === void 0 ? void 0 : onQuoteLoaded(formattedQuote); // TODO: fix to use the correct type
         }
     }, [formattedQuote]);
+    react.useEffect(() => {
+        var _a, _b, _c;
+        if (error) {
+            const errorMessage = (_c = (_b = (_a = error === null || error === void 0 ? void 0 : error.response) === null || _a === void 0 ? void 0 : _a.errors) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.message;
+            if (errorMessage === null || errorMessage === void 0 ? void 0 : errorMessage.includes("This quote is currently unavailable")) {
+                onQuoteUnavailableError === null || onQuoteUnavailableError === void 0 ? void 0 : onQuoteUnavailableError();
+                if (!suppressQuoteUnavailableErrorNotification) {
+                    showErrorNotification$4(errorMessage, null);
+                }
+            }
+        }
+    }, [error]);
     // Payment hold stuff here
     const { paymentHoldModalVisible, setPaymentHoldModalVisible, shouldDoPaymentHold, paymentHoldCompleted, paymentHold, } = useQuotePaymentHold(formattedQuote); // TODO: fix to use the correct type
     const handleClickAccept = () => {

package/dist/cjs/types/src/components/{BunnyProvider.d.ts → BunnyProvider/BunnyProvider.d.ts}

@@ -7,13 +7,16 @@ export type BunnyContextValues = {
     onTokenExpired?: () => void;
 };
 export declare const BunnyContext: import("react").Context<BunnyContextValues>;
-declare function BunnyProvider({ children, darkMode, queryClient, apiHost, token, onTokenExpired, configProviderProps, }: {
+declare function BunnyProvider({ children, darkMode, queryClient, apiHost, token, onTokenExpired, onUserUnavailable, onInvalidOrMissingAuthorization, suppressUserUnavailableErrorNotification, configProviderProps, }: {
     children: React.ReactNode;
     darkMode?: boolean;
     queryClient?: QueryClient;
     apiHost: string;
     token?: string;
     onTokenExpired?: () => void;
+    onUserUnavailable?: () => void;
+    onInvalidOrMissingAuthorization?: () => void;
+    suppressUserUnavailableErrorNotification?: boolean;
     configProviderProps?: ThemeConfig | undefined;
 }): import("react/jsx-runtime").JSX.Element;
 export default BunnyProvider;

package/dist/cjs/types/src/components/BunnyProvider/contexts/BunnyProviderCallbacksProvider.d.ts

@@ -0,0 +1,13 @@
+declare const BunnyProviderCallbacksProvider: ({ value, children }: {
+    value: {
+        onUserUnavailable?: () => void;
+        onInvalidOrMissingAuthorization?: () => void;
+        suppressUserUnavailableErrorNotification?: boolean;
+    };
+    children?: import("react").ReactNode;
+}) => import("react/jsx-runtime").JSX.Element, useBunnyProviderCallbacks: () => {
+    onUserUnavailable?: () => void;
+    onInvalidOrMissingAuthorization?: () => void;
+    suppressUserUnavailableErrorNotification?: boolean;
+};
+export { BunnyProviderCallbacksProvider, useBunnyProviderCallbacks };

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

@@ -2,6 +2,8 @@ import { InvoiceQuoteContextProps } from '../../contexts/InvoiceQuoteContext';
 export declare const MarkupContainer: any;
 type QuoteProps = InvoiceQuoteContextProps & {
     onQuoteAccepted?: () => void;
+    onQuoteUnavailableError?: () => void;
+    suppressQuoteUnavailableErrorNotification?: boolean;
 };
-export default function Quote({ id, invoiceQuoteViewComponent, onInvoiceDownloadError, onPaymentSuccess, shadow, className, hideDownloadButton, onQuoteLoaded, onQuoteAccepted, }: QuoteProps): import("react/jsx-runtime").JSX.Element;
+export default function Quote({ id, invoiceQuoteViewComponent, onInvoiceDownloadError, onPaymentSuccess, shadow, className, hideDownloadButton, onQuoteLoaded, onQuoteAccepted, onQuoteUnavailableError, suppressQuoteUnavailableErrorNotification, }: QuoteProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -3,7 +3,7 @@ export { Quote } from './Quote';
 export { Quotes } from './Quotes';
 export { PaymentForm } from './PaymentForm';
 export { Signup } from './Signup';
-export { default as BunnyProvider } from './BunnyProvider';
+export { default as BunnyProvider } from './BunnyProvider/BunnyProvider';
 export { default as Transactions } from './Transactions';
 export { Subscriptions } from './Subscriptions';
 export { BillingDetails } from './BillingDetails';

package/dist/cjs/types/src/contexts/InvoiceQuoteContext.d.ts

@@ -13,5 +13,7 @@ export type InvoiceQuoteContextProps = {
     hideDownloadButton?: boolean;
     onInvoiceLoaded?: (formattedInvoice: FormattedInvoice) => void;
     onQuoteLoaded?: (formattedQuote: FormattedQuote) => void;
+    onQuoteUnavailableError?: () => void;
+    suppressQuoteUnavailableErrorNotification?: boolean;
 };
 export declare const InvoiceQuoteContext: import("react").Context<InvoiceQuoteContextProps>;

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

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

package/dist/esm/index.js

@@ -1281,7 +1281,7 @@ const DEFAULT_CONFIG = {
 };
 
 // This will be replaced at build time by rollup-plugin-replace
-const PACKAGE_VERSION = '1.7.0-beta.25';
+const PACKAGE_VERSION = '1.7.0-beta.27';
 const createRequestHeaders = (token) => {
     const headers = createClientDevHeaders({ token });
     // Add the components version header
@@ -1433,7 +1433,12 @@ const createValueContext = () => {
 
 const [BrandProvider, useBrand] = createValueContext();
 
-const IGNORE_ERRORS = ['Invalid or missing authorization', '["Not found"]'];
+const [BunnyProviderCallbacksProvider, useBunnyProviderCallbacks] = createValueContext();
+
+const QUOTE_UNAVAILABLE_ERROR = 'This quote is currently unavailable';
+const INVALID_OR_MISSING_AUTHORIZATION_ERROR = 'Invalid or missing authorization';
+const IGNORE_ERRORS = [INVALID_OR_MISSING_AUTHORIZATION_ERROR, '["Not found"]', QUOTE_UNAVAILABLE_ERROR];
+const CONTACT_DOES_NOT_EXIST_ERROR = 'Contact does not exist within';
 /**
  * Extracts errors from nested data structure
  * @param data - The response data object
@@ -1465,13 +1470,24 @@ const extractNestedErrors = (data, mutationName) => {
     }
     return null;
 };
-const useAllErrorFormats = () => {
+const useAllErrorFormats = ({ onUserUnavailable, onInvalidOrMissingAuthorization, suppressUserUnavailableErrorNotification } = {}) => {
     const showErrorNotification = useErrorNotification();
     return (error, mutationName) => {
-        var _a, _b, _c, _d, _e, _f, _g;
+        var _a, _b, _c, _d, _e, _f, _g, _h;
         // Fall back to existing error handling logic
         const responseErrors = ((_a = error === null || error === void 0 ? void 0 : error.response) === null || _a === void 0 ? void 0 : _a.errors) || null;
-        if (IGNORE_ERRORS.includes((_d = (_c = (_b = error === null || error === void 0 ? void 0 : error.response) === null || _b === void 0 ? void 0 : _b.errors) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.message)) {
+        // also check error?.message, which is the structure provided by the api/plugins rest endpoint
+        const errorMessage = (_e = (_d = (_c = (_b = error === null || error === void 0 ? void 0 : error.response) === null || _b === void 0 ? void 0 : _b.errors) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.message) !== null && _e !== void 0 ? _e : error === null || error === void 0 ? void 0 : error.message;
+        if (errorMessage === null || errorMessage === void 0 ? void 0 : errorMessage.includes(INVALID_OR_MISSING_AUTHORIZATION_ERROR)) {
+            onInvalidOrMissingAuthorization === null || onInvalidOrMissingAuthorization === void 0 ? void 0 : onInvalidOrMissingAuthorization();
+        }
+        if (errorMessage === null || errorMessage === void 0 ? void 0 : errorMessage.includes(CONTACT_DOES_NOT_EXIST_ERROR)) {
+            onUserUnavailable === null || onUserUnavailable === void 0 ? void 0 : onUserUnavailable();
+            if (suppressUserUnavailableErrorNotification) {
+                return error;
+            }
+        }
+        if (IGNORE_ERRORS.includes(errorMessage)) {
             return error;
         }
         // For errors like this:
@@ -1498,18 +1514,18 @@ const useAllErrorFormats = () => {
         }
         if (responseErrors) {
             for (let index in responseErrors) {
-                const error = (_e = responseErrors[index]) === null || _e === void 0 ? void 0 : _e.message;
+                const error = (_f = responseErrors[index]) === null || _f === void 0 ? void 0 : _f.message;
                 showErrorNotification(error, null);
             }
         }
-        else if ((_f = error === null || error === void 0 ? void 0 : error.response) === null || _f === void 0 ? void 0 : _f.error) {
+        else if ((_g = error === null || error === void 0 ? void 0 : error.response) === null || _g === void 0 ? void 0 : _g.error) {
             showErrorNotification(error.response.exception, error.response.error);
         }
         else if ((error === null || error === void 0 ? void 0 : error.constructor) === Array) {
             for (let index in error)
                 showErrorNotification(error[index].message, null);
         }
-        else if ((_g = error === null || error === void 0 ? void 0 : error.response) === null || _g === void 0 ? void 0 : _g.message) {
+        else if ((_h = error === null || error === void 0 ? void 0 : error.response) === null || _h === void 0 ? void 0 : _h.message) {
             showErrorNotification(error.response.message);
         }
         else if (error === null || error === void 0 ? void 0 : error.message) {
@@ -1525,7 +1541,8 @@ const useAllErrorFormats = () => {
 };
 
 const useCreateQueryClient = () => {
-    const handleAllErrorFormats = useAllErrorFormats();
+    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];
@@ -2243,9 +2260,11 @@ const getBranding = async ({ token, apiHost }) => {
 };
 
 const BunnyContext = createContext({});
-// const extraQueryClient = new QueryClient();
 // Every component shares similar props and functionality, which this wrapper handles.
-function BunnyProvider({ children, darkMode = false, queryClient, apiHost, token, onTokenExpired, configProviderProps, }) {
+function BunnyProvider({ children, darkMode = false, queryClient, apiHost, token, onTokenExpired, onUserUnavailable, onInvalidOrMissingAuthorization, suppressUserUnavailableErrorNotification = false, configProviderProps, }) {
+    return (jsx(BunnyProviderCallbacksProvider, { value: { onUserUnavailable, onInvalidOrMissingAuthorization, suppressUserUnavailableErrorNotification }, children: jsx(BunnyProviderContent, { darkMode: darkMode, queryClient: queryClient, apiHost: apiHost, token: token, onTokenExpired: onTokenExpired, configProviderProps: configProviderProps, children: children }) }));
+}
+function BunnyProviderContent({ children, darkMode = false, queryClient, apiHost, token, onTokenExpired, configProviderProps, }) {
     const createQueryClient = useCreateQueryClient();
     const extraQueryClient = useMemo(() => createQueryClient(), []);
     return (jsx(BunnyContext.Provider, { value: {
@@ -20374,7 +20393,7 @@ function useApproveHold$1({ onApproveHoldSuccess, onApproveHoldError, }) {
 // Used for Signup component. Signup needs a custom checkout function
 const [CustomCheckoutFunctionProvider, useCustomCheckoutFunction] = createValueContext();
 
-const showErrorNotification$9 = useErrorNotification();
+const showErrorNotification$a = useErrorNotification();
 function usePay$1({ onPaymentSuccess, onPaymentError, quoteId, invoice, plugin, }) {
     const { apiHost } = useContext(BunnyContext);
     const customCheckoutFunction = useCustomCheckoutFunction();
@@ -20385,7 +20404,7 @@ function usePay$1({ onPaymentSuccess, onPaymentError, quoteId, invoice, plugin,
             setIsPaying(true);
             if (customCheckoutFunction) {
                 if (!(plugin === null || plugin === void 0 ? void 0 : plugin.id)) {
-                    showErrorNotification$9('Plugin ID is required');
+                    showErrorNotification$a('Plugin ID is required');
                     return;
                 }
                 const response = await customCheckoutFunction(plugin === null || plugin === void 0 ? void 0 : plugin.id.toString(), paymentMethodId.toString());
@@ -20444,7 +20463,7 @@ function useApproveHold({ onApproveHoldSuccess, onApproveHoldError, }) {
     return { approveHold, isApprovingHold };
 }
 
-const showErrorNotification$8 = useErrorNotification();
+const showErrorNotification$9 = useErrorNotification();
 function usePay({ onPaymentSuccess, onPaymentError, quoteId, invoice, plugin, }) {
     // Hooks
     const { apiHost } = useContext(BunnyContext);
@@ -20456,7 +20475,7 @@ function usePay({ onPaymentSuccess, onPaymentError, quoteId, invoice, plugin, })
             setIsPaying(true);
             if (customCheckoutFunction) {
                 if (!(plugin === null || plugin === void 0 ? void 0 : plugin.id)) {
-                    showErrorNotification$8('Plugin ID is required');
+                    showErrorNotification$9('Plugin ID is required');
                     return;
                 }
                 const response = await customCheckoutFunction(plugin === null || plugin === void 0 ? void 0 : plugin.id.toString(), paymentMethodId.toString());
@@ -20464,7 +20483,7 @@ function usePay({ onPaymentSuccess, onPaymentError, quoteId, invoice, plugin, })
             }
             else {
                 if (!quoteId && !(invoice === null || invoice === void 0 ? void 0 : invoice.id)) {
-                    showErrorNotification$8('Quote ID or Invoice ID is required');
+                    showErrorNotification$9('Quote ID or Invoice ID is required');
                     return;
                 }
                 const response = await checkout({
@@ -20495,7 +20514,7 @@ var PaymentType;
 })(PaymentType || (PaymentType = {}));
 
 const handleAllErrorFormats$3 = useAllErrorFormats();
-const showErrorNotification$7 = useErrorNotification();
+const showErrorNotification$8 = useErrorNotification();
 const useHandlePayment_QuoteFragment = t(`
     fragment useHandlePayment_QuoteFragment on Quote {
       id
@@ -20584,11 +20603,11 @@ const useHandlePayment = ({ quote: maskedQuote, invoice, onPaymentSuccess, onPay
         var _a, _b, _c, _d;
         const paymentMethodId = overridePaymentMethodId || (defaultPaymentMethod === null || defaultPaymentMethod === void 0 ? void 0 : defaultPaymentMethod.id);
         if (!plugin)
-            return showErrorNotification$7('plugin is undefined');
+            return showErrorNotification$8('plugin is undefined');
         if (!(quote === null || quote === void 0 ? void 0 : quote.id) || !(quote === null || quote === void 0 ? void 0 : quote.amount))
-            return showErrorNotification$7('quote id and amount are required to approve hold');
+            return showErrorNotification$8('quote id and amount are required to approve hold');
         if (!paymentMethodId)
-            return showErrorNotification$7('payment method id is undefined');
+            return showErrorNotification$8('payment method id is undefined');
         switch ((_b = (_a = plugin.components) === null || _a === void 0 ? void 0 : _a.frontend) === null || _b === void 0 ? void 0 : _b[0].name) {
             case 'StripePayment':
                 await approveHoldStripe({
@@ -20605,7 +20624,7 @@ const useHandlePayment = ({ quote: maskedQuote, invoice, onPaymentSuccess, onPay
                 });
                 break;
             default:
-                showErrorNotification$7(`Payment holds are not supported by ${(_d = (_c = plugin.components) === null || _c === void 0 ? void 0 : _c.frontend) === null || _d === void 0 ? void 0 : _d[0].name}`);
+                showErrorNotification$8(`Payment holds are not supported by ${(_d = (_c = plugin.components) === null || _c === void 0 ? void 0 : _c.frontend) === null || _d === void 0 ? void 0 : _d[0].name}`);
                 break;
         }
     };
@@ -20721,7 +20740,7 @@ const useShowPaymentDetailsState = (isOpen = false) => useState(isOpen);
 const [ShowPaymentDetailsProvider, useShowPaymentDetails] = createStateContext(useShowPaymentDetailsState);
 
 const handleAllErrorFormats$2 = useAllErrorFormats();
-const showErrorNotification$6 = useErrorNotification();
+const showErrorNotification$7 = useErrorNotification();
 // Contexts
 const [FormattedAmountDueProvider, useFormattedAmountDue] = createValueContext();
 const [PaymentTypeProvider, usePaymentType] = createValueContext();
@@ -20801,7 +20820,7 @@ function PaymentProvider({ children, accountId, quote: maskedQuote, invoice, onP
             return await saveDemoPay(demoPayCardDetails);
         }
         else {
-            showErrorNotification$6(`Can not find form for plugin ${(_b = (_a = selectedPlugin.components) === null || _a === void 0 ? void 0 : _a.frontend) === null || _b === void 0 ? void 0 : _b[0].name}`);
+            showErrorNotification$7(`Can not find form for plugin ${(_b = (_a = selectedPlugin.components) === null || _a === void 0 ? void 0 : _a.frontend) === null || _b === void 0 ? void 0 : _b[0].name}`);
             return undefined;
         }
     };
@@ -20814,7 +20833,7 @@ function PaymentProvider({ children, accountId, quote: maskedQuote, invoice, onP
             await handleApproveHold(savedPaymentMethodId);
         }
         else {
-            showErrorNotification$6(`Can not find form for plugin ${(_b = (_a = selectedPlugin.components) === null || _a === void 0 ? void 0 : _a.frontend) === null || _b === void 0 ? void 0 : _b[0].name}`);
+            showErrorNotification$7(`Can not find form for plugin ${(_b = (_a = selectedPlugin.components) === null || _a === void 0 ? void 0 : _a.frontend) === null || _b === void 0 ? void 0 : _b[0].name}`);
         }
     };
     const handlePaymentFormSubmit = async (demoPayCardDetails) => {
@@ -20845,7 +20864,7 @@ function PaymentProvider({ children, accountId, quote: maskedQuote, invoice, onP
             }
             else {
                 if (!(defaultPaymentMethod === null || defaultPaymentMethod === void 0 ? void 0 : defaultPaymentMethod.id)) {
-                    showErrorNotification$6('Default payment method ID is undefined');
+                    showErrorNotification$7('Default payment method ID is undefined');
                     return;
                 }
                 await handlePayment(defaultPaymentMethod === null || defaultPaymentMethod === void 0 ? void 0 : defaultPaymentMethod.id);
@@ -21279,7 +21298,7 @@ function useSetDefaultPaymentMethod(onError, onSuccess) {
     return { setDefaultPaymentMethod, loading };
 }
 
-const showErrorNotification$5 = useErrorNotification();
+const showErrorNotification$6 = useErrorNotification();
 const PaymentForm_QuoteFragment = t(`
     fragment PaymentForm_QuoteFragment on Quote {
       id
@@ -21328,7 +21347,7 @@ function PaymentFormContent({ onPaymentMethodRemoved, onSetDefaultPaymentMethod,
     const hasPaymentMethods = (paymentMethods === null || paymentMethods === void 0 ? void 0 : paymentMethods.length) && (paymentMethods === null || paymentMethods === void 0 ? void 0 : paymentMethods.length) > 0;
     // Custom hooks
     const { setDefaultPaymentMethod: handleSetDefault, loading: setDefaultPaymentMethodLoading } = useSetDefaultPaymentMethod(message => {
-        showErrorNotification$5(message, 'Error setting default payment method');
+        showErrorNotification$6(message, 'Error setting default payment method');
     }, () => {
         onSetDefaultPaymentMethod === null || onSetDefaultPaymentMethod === void 0 ? void 0 : onSetDefaultPaymentMethod();
     });
@@ -21338,11 +21357,11 @@ function PaymentFormContent({ onPaymentMethodRemoved, onSetDefaultPaymentMethod,
         enabled: !!paymentPlugins,
     });
     const onClickRemove = useRemovePaymentMethod(onPaymentMethodRemoved, message => {
-        showErrorNotification$5(message, 'Error removing payment method');
+        showErrorNotification$6(message, 'Error removing payment method');
     });
     function handleClickAddPaymentMethod() {
         if ((paymentPlugins === null || paymentPlugins === void 0 ? void 0 : paymentPlugins.length) === 0) {
-            showErrorNotification$5('No payment plugins available', 'Error adding payment method');
+            showErrorNotification$6('No payment plugins available', 'Error adding payment method');
         }
         else {
             setShowPaymentMethodForm(true);
@@ -21422,23 +21441,26 @@ if (typeof window !== 'undefined') {
                 const shadowRoot = originalAttachShadow.call(this, init);
                 // Prevent watermark styles from being injected
                 const originalInnerHTMLSetter = (_a = Object.getOwnPropertyDescriptor(ShadowRoot.prototype, 'innerHTML')) === null || _a === void 0 ? void 0 : _a.set;
-                console.log('originalInnerHTMLSetter', originalInnerHTMLSetter);
                 if (originalInnerHTMLSetter) {
-                    Object.defineProperty(shadowRoot, 'innerHTML', {
-                        set: function (value) {
-                            // Block watermark injection
-                            if (typeof value === 'string' &&
-                                value.includes('background-image: url(data:image/webp')) {
-                                return; // Don't set the watermark HTML
-                            }
-                            console.log('value', value);
-                            originalInnerHTMLSetter.call(this, value);
-                        },
-                        get: function () {
-                            console.log('this.innerHTML', this.innerHTML);
-                            return this.innerHTML;
-                        },
-                    });
+                    try {
+                        Object.defineProperty(shadowRoot, 'innerHTML', {
+                            configurable: true,
+                            set: function (value) {
+                                // Block watermark injection
+                                if (typeof value === 'string' &&
+                                    value.includes('background-image: url(data:image/webp')) {
+                                    return; // Don't set the watermark HTML
+                                }
+                                originalInnerHTMLSetter.call(this, value);
+                            },
+                            get: function () {
+                                return this.innerHTML;
+                            },
+                        });
+                    }
+                    catch (e) {
+                        // Property already defined, ignore error (happens during hot module reloading)
+                    }
                 }
                 return shadowRoot;
             };
@@ -21793,7 +21815,7 @@ function PaymentHoldDisplay({ paymentHold, currency, amount, }) {
 
 const { Title: Title$2, Text: Text$x } = Typography;
 const showSuccessNotification$2 = useSuccessNotification();
-const showErrorNotification$4 = useErrorNotification();
+const showErrorNotification$5 = useErrorNotification();
 const PaymentHoldModal_FormattedQuoteFragment = t(`
     fragment PaymentHoldModal_FormattedQuoteFragment on FormattedQuote {
       quote {
@@ -21821,7 +21843,7 @@ const PaymentHoldModal = ({ visible, setVisible, formattedQuote: maskedFormatted
                         setVisible(false);
                         showSuccessNotification$2(`Approved payment hold for ${formatCurrency(formattedQuote.amount, formattedQuote.currency || 'null')}`);
                         if (!formattedQuote.quote.id) {
-                            showErrorNotification$4('Quote ID is required for onPaymentHoldSuccess callback in PaymentForm');
+                            showErrorNotification$5('Quote ID is required for onPaymentHoldSuccess callback in PaymentForm');
                             return;
                         }
                         queryClient.invalidateQueries({
@@ -22245,12 +22267,13 @@ const PandadocPollingModal = ({ isVisible, setVisible, id }) => {
     return (jsxs(Modal, { title: "Uploading quote to Pandadoc", open: isVisible, closable: false, footer: null, children: [jsxs("div", { className: "bunny-py-4 bunny-text-center", children: ["This may take a few seconds", '.'.repeat(numberOfPolls)] }), jsx("div", { className: "bunny-text-center", children: infoMessage })] }));
 };
 
+const showErrorNotification$4 = useErrorNotification();
 defaultStyled.div `
   Text {
     width: 100%;
   }
 `;
-function Quote({ id, invoiceQuoteViewComponent, onInvoiceDownloadError, onPaymentSuccess, shadow = 'shadow-md', className, hideDownloadButton = false, onQuoteLoaded, onQuoteAccepted, }) {
+function Quote({ id, invoiceQuoteViewComponent, onInvoiceDownloadError, onPaymentSuccess, shadow = 'shadow-md', className, hideDownloadButton = false, onQuoteLoaded, onQuoteAccepted, onQuoteUnavailableError, suppressQuoteUnavailableErrorNotification = false, }) {
     return (jsx(InvoiceQuoteContext.Provider, { value: {
             id,
             invoiceQuoteViewComponent,
@@ -22260,6 +22283,8 @@ function Quote({ id, invoiceQuoteViewComponent, onInvoiceDownloadError, onPaymen
             className,
             hideDownloadButton,
             onQuoteLoaded,
+            onQuoteUnavailableError,
+            suppressQuoteUnavailableErrorNotification,
         }, children: jsx(ActualQuote, { onQuoteAccepted: onQuoteAccepted }) }));
 }
 const useQuotePaymentHold = (formattedQuote) => {
@@ -22280,9 +22305,9 @@ function ActualQuote({ onQuoteAccepted }) {
     // Context
     const { apiHost } = useContext(BunnyContext);
     const token = useToken();
-    const { className, id, hideDownloadButton, onQuoteLoaded } = useContext(InvoiceQuoteContext);
+    const { className, id, hideDownloadButton, onQuoteLoaded, onQuoteUnavailableError, suppressQuoteUnavailableErrorNotification } = useContext(InvoiceQuoteContext);
     // Queries
-    const { data: formattedQuote, isLoading } = useQuery({
+    const { data: formattedQuote, isLoading, error } = useQuery({
         queryKey: QueryKeyFactory.createQuoteKey({ id, token }),
         queryFn: async () => {
             return await getFormattedQuote({ token, apiHost, id });
@@ -22303,6 +22328,18 @@ function ActualQuote({ onQuoteAccepted }) {
             onQuoteLoaded === null || onQuoteLoaded === void 0 ? void 0 : onQuoteLoaded(formattedQuote); // TODO: fix to use the correct type
         }
     }, [formattedQuote]);
+    useEffect(() => {
+        var _a, _b, _c;
+        if (error) {
+            const errorMessage = (_c = (_b = (_a = error === null || error === void 0 ? void 0 : error.response) === null || _a === void 0 ? void 0 : _a.errors) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.message;
+            if (errorMessage === null || errorMessage === void 0 ? void 0 : errorMessage.includes("This quote is currently unavailable")) {
+                onQuoteUnavailableError === null || onQuoteUnavailableError === void 0 ? void 0 : onQuoteUnavailableError();
+                if (!suppressQuoteUnavailableErrorNotification) {
+                    showErrorNotification$4(errorMessage, null);
+                }
+            }
+        }
+    }, [error]);
     // Payment hold stuff here
     const { paymentHoldModalVisible, setPaymentHoldModalVisible, shouldDoPaymentHold, paymentHoldCompleted, paymentHold, } = useQuotePaymentHold(formattedQuote); // TODO: fix to use the correct type
     const handleClickAccept = () => {

package/dist/esm/types/src/components/{BunnyProvider.d.ts → BunnyProvider/BunnyProvider.d.ts}

@@ -7,13 +7,16 @@ export type BunnyContextValues = {
     onTokenExpired?: () => void;
 };
 export declare const BunnyContext: import("react").Context<BunnyContextValues>;
-declare function BunnyProvider({ children, darkMode, queryClient, apiHost, token, onTokenExpired, configProviderProps, }: {
+declare function BunnyProvider({ children, darkMode, queryClient, apiHost, token, onTokenExpired, onUserUnavailable, onInvalidOrMissingAuthorization, suppressUserUnavailableErrorNotification, configProviderProps, }: {
     children: React.ReactNode;
     darkMode?: boolean;
     queryClient?: QueryClient;
     apiHost: string;
     token?: string;
     onTokenExpired?: () => void;
+    onUserUnavailable?: () => void;
+    onInvalidOrMissingAuthorization?: () => void;
+    suppressUserUnavailableErrorNotification?: boolean;
     configProviderProps?: ThemeConfig | undefined;
 }): import("react/jsx-runtime").JSX.Element;
 export default BunnyProvider;

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

@@ -0,0 +1,13 @@
+declare const BunnyProviderCallbacksProvider: ({ value, children }: {
+    value: {
+        onUserUnavailable?: () => void;
+        onInvalidOrMissingAuthorization?: () => void;
+        suppressUserUnavailableErrorNotification?: boolean;
+    };
+    children?: import("react").ReactNode;
+}) => import("react/jsx-runtime").JSX.Element, useBunnyProviderCallbacks: () => {
+    onUserUnavailable?: () => void;
+    onInvalidOrMissingAuthorization?: () => void;
+    suppressUserUnavailableErrorNotification?: boolean;
+};
+export { BunnyProviderCallbacksProvider, useBunnyProviderCallbacks };

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

@@ -2,6 +2,8 @@ import { InvoiceQuoteContextProps } from '../../contexts/InvoiceQuoteContext';
 export declare const MarkupContainer: any;
 type QuoteProps = InvoiceQuoteContextProps & {
     onQuoteAccepted?: () => void;
+    onQuoteUnavailableError?: () => void;
+    suppressQuoteUnavailableErrorNotification?: boolean;
 };
-export default function Quote({ id, invoiceQuoteViewComponent, onInvoiceDownloadError, onPaymentSuccess, shadow, className, hideDownloadButton, onQuoteLoaded, onQuoteAccepted, }: QuoteProps): import("react/jsx-runtime").JSX.Element;
+export default function Quote({ id, invoiceQuoteViewComponent, onInvoiceDownloadError, onPaymentSuccess, shadow, className, hideDownloadButton, onQuoteLoaded, onQuoteAccepted, onQuoteUnavailableError, suppressQuoteUnavailableErrorNotification, }: QuoteProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -3,7 +3,7 @@ export { Quote } from './Quote';
 export { Quotes } from './Quotes';
 export { PaymentForm } from './PaymentForm';
 export { Signup } from './Signup';
-export { default as BunnyProvider } from './BunnyProvider';
+export { default as BunnyProvider } from './BunnyProvider/BunnyProvider';
 export { default as Transactions } from './Transactions';
 export { Subscriptions } from './Subscriptions';
 export { BillingDetails } from './BillingDetails';

package/dist/esm/types/src/contexts/InvoiceQuoteContext.d.ts

@@ -13,5 +13,7 @@ export type InvoiceQuoteContextProps = {
     hideDownloadButton?: boolean;
     onInvoiceLoaded?: (formattedInvoice: FormattedInvoice) => void;
     onQuoteLoaded?: (formattedQuote: FormattedQuote) => void;
+    onQuoteUnavailableError?: () => void;
+    suppressQuoteUnavailableErrorNotification?: boolean;
 };
 export declare const InvoiceQuoteContext: import("react").Context<InvoiceQuoteContextProps>;

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

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

package/dist/index.d.ts

@@ -23,6 +23,8 @@ type InvoiceQuoteContextProps = {
     hideDownloadButton?: boolean;
     onInvoiceLoaded?: (formattedInvoice: FormattedInvoice) => void;
     onQuoteLoaded?: (formattedQuote: FormattedQuote) => void;
+    onQuoteUnavailableError?: () => void;
+    suppressQuoteUnavailableErrorNotification?: boolean;
 };
 
 type InvoiceProps = InvoiceQuoteContextProps & {
@@ -41,8 +43,10 @@ declare global {
 
 type QuoteProps = InvoiceQuoteContextProps & {
     onQuoteAccepted?: () => void;
+    onQuoteUnavailableError?: () => void;
+    suppressQuoteUnavailableErrorNotification?: boolean;
 };
-declare function Quote({ id, invoiceQuoteViewComponent, onInvoiceDownloadError, onPaymentSuccess, shadow, className, hideDownloadButton, onQuoteLoaded, onQuoteAccepted, }: QuoteProps): react_jsx_runtime.JSX.Element;
+declare function Quote({ id, invoiceQuoteViewComponent, onInvoiceDownloadError, onPaymentSuccess, shadow, className, hideDownloadButton, onQuoteLoaded, onQuoteAccepted, onQuoteUnavailableError, suppressQuoteUnavailableErrorNotification, }: QuoteProps): react_jsx_runtime.JSX.Element;
 
 type TransactionListColumnType = 'date' | 'title' | 'state' | 'amount' | 'download' | 'accountName';
 
@@ -152,13 +156,16 @@ declare function Signup({ companyName, priceListCode, returnUrl, couponCode, cla
     defaultBillingCountry?: string;
 }): react_jsx_runtime.JSX.Element;
 
-declare function BunnyProvider({ children, darkMode, queryClient, apiHost, token, onTokenExpired, configProviderProps, }: {
+declare function BunnyProvider({ children, darkMode, queryClient, apiHost, token, onTokenExpired, onUserUnavailable, onInvalidOrMissingAuthorization, suppressUserUnavailableErrorNotification, configProviderProps, }: {
     children: React.ReactNode;
     darkMode?: boolean;
     queryClient?: QueryClient;
     apiHost: string;
     token?: string;
     onTokenExpired?: () => void;
+    onUserUnavailable?: () => void;
+    onInvalidOrMissingAuthorization?: () => void;
+    suppressUserUnavailableErrorNotification?: boolean;
     configProviderProps?: ThemeConfig | undefined;
 }): react_jsx_runtime.JSX.Element;
 

package/package.json

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