@bunnyapp/components 1.7.0-beta.41 → 1.7.0-beta.42
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/cjs/index.js
CHANGED
|
@@ -1283,7 +1283,7 @@ const DEFAULT_CONFIG = {
|
|
|
1283
1283
|
};
|
|
1284
1284
|
|
|
1285
1285
|
// This will be replaced at build time by rollup-plugin-replace
|
|
1286
|
-
const PACKAGE_VERSION = '1.7.0-beta.
|
|
1286
|
+
const PACKAGE_VERSION = '1.7.0-beta.41';
|
|
1287
1287
|
const createRequestHeaders = (token) => {
|
|
1288
1288
|
const headers = createClientDevHeaders({ token });
|
|
1289
1289
|
// Add the components version header
|
|
@@ -28713,7 +28713,7 @@ const useQuoteRecalculateTaxes$1 = () => {
|
|
|
28713
28713
|
};
|
|
28714
28714
|
};
|
|
28715
28715
|
|
|
28716
|
-
const QuantityDrawerContent = ({ subscriptions, quantityDrawerOpen, setQuantityDrawerOpen, handlePortalErrors,
|
|
28716
|
+
const QuantityDrawerContent = ({ subscriptions, quantityDrawerOpen, setQuantityDrawerOpen, handlePortalErrors, }) => {
|
|
28717
28717
|
const token = useToken();
|
|
28718
28718
|
const queryClient = reactQuery.useQueryClient();
|
|
28719
28719
|
const showSuccessNotification = useSuccessNotification();
|
|
@@ -28734,7 +28734,6 @@ const QuantityDrawerContent = ({ subscriptions, quantityDrawerOpen, setQuantityD
|
|
|
28734
28734
|
invalidateSubscriptionsQueryKeys(queryClient, token);
|
|
28735
28735
|
showSuccessNotification('Your plan has been updated', 'Payment successful');
|
|
28736
28736
|
setPayModalVisible(false);
|
|
28737
|
-
setShowInactive(true);
|
|
28738
28737
|
setUpdatingChargeQuantityId(undefined);
|
|
28739
28738
|
};
|
|
28740
28739
|
const onCancel = () => {
|
|
@@ -28755,12 +28754,12 @@ const QuantityDrawerContent = ({ subscriptions, quantityDrawerOpen, setQuantityD
|
|
|
28755
28754
|
};
|
|
28756
28755
|
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(QuantityChangeDrawerDesktop, { onClose: handleDrawerClose, open: quantityDrawerOpen, openCheckout: handleOpenCheckout, subscriptions: subscriptions, setUpdatingChargeQuantityId: setUpdatingChargeQuantityId, updatingChargeQuantityId: updatingChargeQuantityId }), jsxRuntime.jsx(Checkout, { onCancel: onCancel, onSuccess: onSuccess, onFail: onFail, onRecalculateTaxes: quoteRecalculateTaxesMutation, open: payModalVisible, quote: quote, token: token, isUpdatingQuote: false, isRecalculatingTaxes: isRecalculatingTaxes })] }));
|
|
28757
28756
|
};
|
|
28758
|
-
const QuantityDrawer = ({ subscriptions, quantityDrawerOpen, setQuantityDrawerOpen, handlePortalErrors,
|
|
28757
|
+
const QuantityDrawer = ({ subscriptions, quantityDrawerOpen, setQuantityDrawerOpen, handlePortalErrors, }) => {
|
|
28759
28758
|
const { quoteRecalculateTaxesMutation, isRecalculatingTaxes } = useQuoteRecalculateTaxes$1();
|
|
28760
28759
|
return (jsxRuntime.jsx(QuoteIdProvider, { children: jsxRuntime.jsx(QuoteIsLoadingProvider, { children: jsxRuntime.jsx(QuoteRecalculateTaxesProvider, { value: {
|
|
28761
28760
|
quoteRecalculateTaxesMutation: (quoteId) => quoteRecalculateTaxesMutation({ quoteId }),
|
|
28762
28761
|
isRecalculatingTaxes,
|
|
28763
|
-
}, children: jsxRuntime.jsx(QuantityDrawerContent, { subscriptions: subscriptions, quantityDrawerOpen: quantityDrawerOpen, setQuantityDrawerOpen: setQuantityDrawerOpen, handlePortalErrors: handlePortalErrors
|
|
28762
|
+
}, children: jsxRuntime.jsx(QuantityDrawerContent, { subscriptions: subscriptions, quantityDrawerOpen: quantityDrawerOpen, setQuantityDrawerOpen: setQuantityDrawerOpen, handlePortalErrors: handlePortalErrors }) }) }) }));
|
|
28764
28763
|
};
|
|
28765
28764
|
|
|
28766
28765
|
// TODO: this query will be trimmed and cleaned up once we fully migrate to gql.tada codegen
|
|
@@ -29792,7 +29791,7 @@ const Subscriptions = ({ subscriptions: maskedSubscriptions, subscriptionsAreLoa
|
|
|
29792
29791
|
}
|
|
29793
29792
|
if (!subscriptions)
|
|
29794
29793
|
return null;
|
|
29795
|
-
return (jsxRuntime.jsx(UpgradingSubscriptionProvider, { value: upgradingSubscription, children: jsxRuntime.jsx(SubscriptionCancelProvider, { value: onCancelSubscriptionClick, children: jsxRuntime.jsx(ChangeUpgradingSubscriptionProvider, { value: onChangePlanClick, children: jsxRuntime.jsxs("div", { className: className, children: [jsxRuntime.jsx(PageHeaderWithActions, { title: jsxRuntime.jsx(jsxRuntime.Fragment, { children: isMobile && inactiveSwitchVisible && (jsxRuntime.jsx(ShowInactiveToggle, { showInactive: showInactiveSubscriptions, setShowInactive: setShowInactiveSubscriptionsState })) }), children: !isMobile && (jsxRuntime.jsx(SubscriptionsNavigation, { inactiveSwitchVisible: inactiveSwitchVisible, showInactive: showInactiveSubscriptions, setShowInactive: setShowInactiveSubscriptionsState, setQuantityDrawerOpen: setQuantityDrawerOpen, subscriptions: subscriptions })) }), jsxRuntime.jsx(SubscriptionsListContainer, { companyName: companyName, showInactive: showInactiveSubscriptions, subscriptions: subscriptions, subscriptionsAreLoading: subscriptionsAreLoading, noSubscriptionsComponent: noSubscriptionsComponent }), isMobile && (jsxRuntime.jsx("div", { className: "bunny-pt-4 bunny-pb-2", children: jsxRuntime.jsx(SubscriptionsNavigation, { inactiveSwitchVisible: inactiveSwitchVisible, showInactive: showInactiveSubscriptions, setShowInactive: setShowInactiveSubscriptionsState, setQuantityDrawerOpen: setQuantityDrawerOpen, subscriptions: subscriptions }) })), jsxRuntime.jsx(QuantityDrawer, { subscriptions: subscriptions, quantityDrawerOpen: quantityDrawerOpen, setQuantityDrawerOpen: setQuantityDrawerOpen, handlePortalErrors: handlePortalErrors
|
|
29794
|
+
return (jsxRuntime.jsx(UpgradingSubscriptionProvider, { value: upgradingSubscription, children: jsxRuntime.jsx(SubscriptionCancelProvider, { value: onCancelSubscriptionClick, children: jsxRuntime.jsx(ChangeUpgradingSubscriptionProvider, { value: onChangePlanClick, children: jsxRuntime.jsxs("div", { className: className, children: [jsxRuntime.jsx(PageHeaderWithActions, { title: jsxRuntime.jsx(jsxRuntime.Fragment, { children: isMobile && inactiveSwitchVisible && (jsxRuntime.jsx(ShowInactiveToggle, { showInactive: showInactiveSubscriptions, setShowInactive: setShowInactiveSubscriptionsState })) }), children: !isMobile && (jsxRuntime.jsx(SubscriptionsNavigation, { inactiveSwitchVisible: inactiveSwitchVisible, showInactive: showInactiveSubscriptions, setShowInactive: setShowInactiveSubscriptionsState, setQuantityDrawerOpen: setQuantityDrawerOpen, subscriptions: subscriptions })) }), jsxRuntime.jsx(SubscriptionsListContainer, { companyName: companyName, showInactive: showInactiveSubscriptions, subscriptions: subscriptions, subscriptionsAreLoading: subscriptionsAreLoading, noSubscriptionsComponent: noSubscriptionsComponent }), isMobile && (jsxRuntime.jsx("div", { className: "bunny-pt-4 bunny-pb-2", children: jsxRuntime.jsx(SubscriptionsNavigation, { inactiveSwitchVisible: inactiveSwitchVisible, showInactive: showInactiveSubscriptions, setShowInactive: setShowInactiveSubscriptionsState, setQuantityDrawerOpen: setQuantityDrawerOpen, subscriptions: subscriptions }) })), jsxRuntime.jsx(QuantityDrawer, { subscriptions: subscriptions, quantityDrawerOpen: quantityDrawerOpen, setQuantityDrawerOpen: setQuantityDrawerOpen, handlePortalErrors: handlePortalErrors })] }) }) }) }));
|
|
29796
29795
|
};
|
|
29797
29796
|
const PageHeaderWithActions = ({ children, title, }) => {
|
|
29798
29797
|
const isMobile = useIsMobile();
|
package/dist/cjs/types/src/components/Subscriptions/quantityChangeDrawer/QuantityDrawer.d.ts
CHANGED
|
@@ -5,8 +5,7 @@ interface QuantityDrawerProps {
|
|
|
5
5
|
quantityDrawerOpen: boolean;
|
|
6
6
|
setQuantityDrawerOpen: (open: boolean) => void;
|
|
7
7
|
handlePortalErrors?: (errors: any) => void;
|
|
8
|
-
setShowInactive: (showInactive: boolean) => void;
|
|
9
8
|
}
|
|
10
|
-
export declare const QuantityDrawerContent: ({ subscriptions, quantityDrawerOpen, setQuantityDrawerOpen, handlePortalErrors,
|
|
11
|
-
export declare const QuantityDrawer: ({ subscriptions, quantityDrawerOpen, setQuantityDrawerOpen, handlePortalErrors,
|
|
9
|
+
export declare const QuantityDrawerContent: ({ subscriptions, quantityDrawerOpen, setQuantityDrawerOpen, handlePortalErrors, }: QuantityDrawerProps) => import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export declare const QuantityDrawer: ({ subscriptions, quantityDrawerOpen, setQuantityDrawerOpen, handlePortalErrors, }: QuantityDrawerProps) => import("react/jsx-runtime").JSX.Element;
|
|
12
11
|
export {};
|
package/dist/esm/index.js
CHANGED
|
@@ -1281,7 +1281,7 @@ const DEFAULT_CONFIG = {
|
|
|
1281
1281
|
};
|
|
1282
1282
|
|
|
1283
1283
|
// This will be replaced at build time by rollup-plugin-replace
|
|
1284
|
-
const PACKAGE_VERSION = '1.7.0-beta.
|
|
1284
|
+
const PACKAGE_VERSION = '1.7.0-beta.41';
|
|
1285
1285
|
const createRequestHeaders = (token) => {
|
|
1286
1286
|
const headers = createClientDevHeaders({ token });
|
|
1287
1287
|
// Add the components version header
|
|
@@ -28711,7 +28711,7 @@ const useQuoteRecalculateTaxes$1 = () => {
|
|
|
28711
28711
|
};
|
|
28712
28712
|
};
|
|
28713
28713
|
|
|
28714
|
-
const QuantityDrawerContent = ({ subscriptions, quantityDrawerOpen, setQuantityDrawerOpen, handlePortalErrors,
|
|
28714
|
+
const QuantityDrawerContent = ({ subscriptions, quantityDrawerOpen, setQuantityDrawerOpen, handlePortalErrors, }) => {
|
|
28715
28715
|
const token = useToken();
|
|
28716
28716
|
const queryClient = useQueryClient();
|
|
28717
28717
|
const showSuccessNotification = useSuccessNotification();
|
|
@@ -28732,7 +28732,6 @@ const QuantityDrawerContent = ({ subscriptions, quantityDrawerOpen, setQuantityD
|
|
|
28732
28732
|
invalidateSubscriptionsQueryKeys(queryClient, token);
|
|
28733
28733
|
showSuccessNotification('Your plan has been updated', 'Payment successful');
|
|
28734
28734
|
setPayModalVisible(false);
|
|
28735
|
-
setShowInactive(true);
|
|
28736
28735
|
setUpdatingChargeQuantityId(undefined);
|
|
28737
28736
|
};
|
|
28738
28737
|
const onCancel = () => {
|
|
@@ -28753,12 +28752,12 @@ const QuantityDrawerContent = ({ subscriptions, quantityDrawerOpen, setQuantityD
|
|
|
28753
28752
|
};
|
|
28754
28753
|
return (jsxs(Fragment, { children: [jsx(QuantityChangeDrawerDesktop, { onClose: handleDrawerClose, open: quantityDrawerOpen, openCheckout: handleOpenCheckout, subscriptions: subscriptions, setUpdatingChargeQuantityId: setUpdatingChargeQuantityId, updatingChargeQuantityId: updatingChargeQuantityId }), jsx(Checkout, { onCancel: onCancel, onSuccess: onSuccess, onFail: onFail, onRecalculateTaxes: quoteRecalculateTaxesMutation, open: payModalVisible, quote: quote, token: token, isUpdatingQuote: false, isRecalculatingTaxes: isRecalculatingTaxes })] }));
|
|
28755
28754
|
};
|
|
28756
|
-
const QuantityDrawer = ({ subscriptions, quantityDrawerOpen, setQuantityDrawerOpen, handlePortalErrors,
|
|
28755
|
+
const QuantityDrawer = ({ subscriptions, quantityDrawerOpen, setQuantityDrawerOpen, handlePortalErrors, }) => {
|
|
28757
28756
|
const { quoteRecalculateTaxesMutation, isRecalculatingTaxes } = useQuoteRecalculateTaxes$1();
|
|
28758
28757
|
return (jsx(QuoteIdProvider, { children: jsx(QuoteIsLoadingProvider, { children: jsx(QuoteRecalculateTaxesProvider, { value: {
|
|
28759
28758
|
quoteRecalculateTaxesMutation: (quoteId) => quoteRecalculateTaxesMutation({ quoteId }),
|
|
28760
28759
|
isRecalculatingTaxes,
|
|
28761
|
-
}, children: jsx(QuantityDrawerContent, { subscriptions: subscriptions, quantityDrawerOpen: quantityDrawerOpen, setQuantityDrawerOpen: setQuantityDrawerOpen, handlePortalErrors: handlePortalErrors
|
|
28760
|
+
}, children: jsx(QuantityDrawerContent, { subscriptions: subscriptions, quantityDrawerOpen: quantityDrawerOpen, setQuantityDrawerOpen: setQuantityDrawerOpen, handlePortalErrors: handlePortalErrors }) }) }) }));
|
|
28762
28761
|
};
|
|
28763
28762
|
|
|
28764
28763
|
// TODO: this query will be trimmed and cleaned up once we fully migrate to gql.tada codegen
|
|
@@ -29790,7 +29789,7 @@ const Subscriptions = ({ subscriptions: maskedSubscriptions, subscriptionsAreLoa
|
|
|
29790
29789
|
}
|
|
29791
29790
|
if (!subscriptions)
|
|
29792
29791
|
return null;
|
|
29793
|
-
return (jsx(UpgradingSubscriptionProvider, { value: upgradingSubscription, children: jsx(SubscriptionCancelProvider, { value: onCancelSubscriptionClick, children: jsx(ChangeUpgradingSubscriptionProvider, { value: onChangePlanClick, children: jsxs("div", { className: className, children: [jsx(PageHeaderWithActions, { title: jsx(Fragment, { children: isMobile && inactiveSwitchVisible && (jsx(ShowInactiveToggle, { showInactive: showInactiveSubscriptions, setShowInactive: setShowInactiveSubscriptionsState })) }), children: !isMobile && (jsx(SubscriptionsNavigation, { inactiveSwitchVisible: inactiveSwitchVisible, showInactive: showInactiveSubscriptions, setShowInactive: setShowInactiveSubscriptionsState, setQuantityDrawerOpen: setQuantityDrawerOpen, subscriptions: subscriptions })) }), jsx(SubscriptionsListContainer, { companyName: companyName, showInactive: showInactiveSubscriptions, subscriptions: subscriptions, subscriptionsAreLoading: subscriptionsAreLoading, noSubscriptionsComponent: noSubscriptionsComponent }), isMobile && (jsx("div", { className: "bunny-pt-4 bunny-pb-2", children: jsx(SubscriptionsNavigation, { inactiveSwitchVisible: inactiveSwitchVisible, showInactive: showInactiveSubscriptions, setShowInactive: setShowInactiveSubscriptionsState, setQuantityDrawerOpen: setQuantityDrawerOpen, subscriptions: subscriptions }) })), jsx(QuantityDrawer, { subscriptions: subscriptions, quantityDrawerOpen: quantityDrawerOpen, setQuantityDrawerOpen: setQuantityDrawerOpen, handlePortalErrors: handlePortalErrors
|
|
29792
|
+
return (jsx(UpgradingSubscriptionProvider, { value: upgradingSubscription, children: jsx(SubscriptionCancelProvider, { value: onCancelSubscriptionClick, children: jsx(ChangeUpgradingSubscriptionProvider, { value: onChangePlanClick, children: jsxs("div", { className: className, children: [jsx(PageHeaderWithActions, { title: jsx(Fragment, { children: isMobile && inactiveSwitchVisible && (jsx(ShowInactiveToggle, { showInactive: showInactiveSubscriptions, setShowInactive: setShowInactiveSubscriptionsState })) }), children: !isMobile && (jsx(SubscriptionsNavigation, { inactiveSwitchVisible: inactiveSwitchVisible, showInactive: showInactiveSubscriptions, setShowInactive: setShowInactiveSubscriptionsState, setQuantityDrawerOpen: setQuantityDrawerOpen, subscriptions: subscriptions })) }), jsx(SubscriptionsListContainer, { companyName: companyName, showInactive: showInactiveSubscriptions, subscriptions: subscriptions, subscriptionsAreLoading: subscriptionsAreLoading, noSubscriptionsComponent: noSubscriptionsComponent }), isMobile && (jsx("div", { className: "bunny-pt-4 bunny-pb-2", children: jsx(SubscriptionsNavigation, { inactiveSwitchVisible: inactiveSwitchVisible, showInactive: showInactiveSubscriptions, setShowInactive: setShowInactiveSubscriptionsState, setQuantityDrawerOpen: setQuantityDrawerOpen, subscriptions: subscriptions }) })), jsx(QuantityDrawer, { subscriptions: subscriptions, quantityDrawerOpen: quantityDrawerOpen, setQuantityDrawerOpen: setQuantityDrawerOpen, handlePortalErrors: handlePortalErrors })] }) }) }) }));
|
|
29794
29793
|
};
|
|
29795
29794
|
const PageHeaderWithActions = ({ children, title, }) => {
|
|
29796
29795
|
const isMobile = useIsMobile();
|
package/dist/esm/types/src/components/Subscriptions/quantityChangeDrawer/QuantityDrawer.d.ts
CHANGED
|
@@ -5,8 +5,7 @@ interface QuantityDrawerProps {
|
|
|
5
5
|
quantityDrawerOpen: boolean;
|
|
6
6
|
setQuantityDrawerOpen: (open: boolean) => void;
|
|
7
7
|
handlePortalErrors?: (errors: any) => void;
|
|
8
|
-
setShowInactive: (showInactive: boolean) => void;
|
|
9
8
|
}
|
|
10
|
-
export declare const QuantityDrawerContent: ({ subscriptions, quantityDrawerOpen, setQuantityDrawerOpen, handlePortalErrors,
|
|
11
|
-
export declare const QuantityDrawer: ({ subscriptions, quantityDrawerOpen, setQuantityDrawerOpen, handlePortalErrors,
|
|
9
|
+
export declare const QuantityDrawerContent: ({ subscriptions, quantityDrawerOpen, setQuantityDrawerOpen, handlePortalErrors, }: QuantityDrawerProps) => import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export declare const QuantityDrawer: ({ subscriptions, quantityDrawerOpen, setQuantityDrawerOpen, handlePortalErrors, }: QuantityDrawerProps) => import("react/jsx-runtime").JSX.Element;
|
|
12
11
|
export {};
|
package/package.json
CHANGED