@bunnyapp/components 1.8.0-beta.20 → 1.8.0-beta.21

package/dist/cjs/index.js

@@ -1291,7 +1291,7 @@ const DEFAULT_CONFIG = {
 };
 
 // This will be replaced at build time by rollup-plugin-replace
-const PACKAGE_VERSION = '1.8.0-beta.19';
+const PACKAGE_VERSION = '1.8.0-beta.20';
 const createRequestHeaders = (token) => {
     const headers = createClientDevHeaders({ token });
     // Add the components version header
@@ -21777,11 +21777,13 @@ const DocumentTemplatePreview = ({ targetUrl, onFullscreenApiChange, }) => {
     return (jsxRuntime.jsx("div", { className: isMobile ? PREVIEW_ROOT_MOBILE : PREVIEW_ROOT_DESKTOP, style: isMobile ? { height: '50vh' } : undefined, children: jsxRuntime.jsx(react$1.RPConfig, { licenseKey: LISENSE_KEY, children: jsxRuntime.jsxs(react$1.RPProvider, { src: pdfUrl, children: [jsxRuntime.jsx(FullScreenBridge, { onFullscreenApiChange: onFullscreenApiChange }), jsxRuntime.jsx("div", { className: isMobile ? PAGES_HOST_MOBILE : FILL, children: jsxRuntime.jsx(react$1.RPPages, {}) })] }) }) }));
 };
 
+const { useToken: useAntdToken } = antd.theme;
 const InvoiceQuoteView = ({ html, targetUrl, onDocumentPreviewFullscreenApiChange, }) => {
+    const { token: antdToken } = useAntdToken();
     if (targetUrl) {
-        return (jsxRuntime.jsx(DocumentTemplatePreview, { targetUrl: targetUrl, onFullscreenApiChange: onDocumentPreviewFullscreenApiChange }));
+        return (jsxRuntime.jsx("div", { className: "bunny-flex bunny-h-full bunny-w-full", style: { fontFamily: antdToken.fontFamily }, children: jsxRuntime.jsx(DocumentTemplatePreview, { targetUrl: targetUrl, onFullscreenApiChange: onDocumentPreviewFullscreenApiChange }) }));
     }
-    return jsxRuntime.jsx(interweave.Markup, { content: html });
+    return (jsxRuntime.jsx("div", { style: { fontFamily: antdToken.fontFamily }, children: jsxRuntime.jsx(interweave.Markup, { content: html }) }));
 };
 
 const MarkupContainer = defaultStyled.div `
@@ -21789,18 +21791,16 @@ const MarkupContainer = defaultStyled.div `
     width: 100%;
   }
 `;
-const { useToken: useAntdToken } = antd.theme;
 const InvoiceQuoteViewWithButtons = ({ children, formattedInvoice, html, backButtonName, onBackButtonClick, onDownloadError, targetUrl, onDocumentPreviewFullscreenApiChange, }) => {
     const downloadFile = useDownloadFile(formattedInvoice === null || formattedInvoice === void 0 ? void 0 : formattedInvoice.id, onDownloadError);
     const { apiHost } = react.useContext(BunnyContext);
     const token = useToken();
     const { shadow, hideDownloadButton } = react.useContext(InvoiceQuoteContext);
     const isMobile = useIsMobile();
-    const { token: antdToken } = useAntdToken();
     const buttonsVisible = formattedInvoice && (!hideDownloadButton || onBackButtonClick);
     return (jsxRuntime.jsxs("div", { className: `bunny-flex bunny-min-h-0 bunny-w-full bunny-flex-1 bunny-flex-col ${isMobile ? 'bunny-overflow-hidden' : ''}`, children: [buttonsVisible ? (jsxRuntime.jsxs("div", { className: `bunny-flex bunny-justify-between bunny-items-center bunny-pb-4 ${isMobile ? 'bunny-shadow-padding-x' : ''}`, id: "acceptance", children: [jsxRuntime.jsx("div", { children: onBackButtonClick ? (jsxRuntime.jsx(BackButton, { onClick: onBackButtonClick, title: backButtonName })) : null }), !hideDownloadButton ? (jsxRuntime.jsx(antd.Button, { icon: jsxRuntime.jsx(icons.DownloadOutlined, {}), onClick: () => downloadFile(apiHost + '/api/pdf/invoice/' + formattedInvoice.id, token), children: "Download" })) : null] })) : null, jsxRuntime.jsxs(MarkupContainer, { className: `bunny-flex bunny-min-h-0 bunny-w-full bunny-flex-1 bunny-flex-col bunny-gap-4 ${isMobile
                     ? 'bunny-overflow-auto'
-                    : `bunny-py-4 bunny-bg-white ${shadow ? shadow : 'shadow-md'} bunny-rounded-md`}`, style: { fontFamily: antdToken.fontFamily }, children: [jsxRuntime.jsx(InvoiceQuoteView, { html: html, targetUrl: targetUrl, onDocumentPreviewFullscreenApiChange: onDocumentPreviewFullscreenApiChange }), children] })] }));
+                    : `bunny-py-4 bunny-bg-white ${shadow ? shadow : 'shadow-md'} bunny-rounded-md`}`, children: [jsxRuntime.jsx(InvoiceQuoteView, { html: html, targetUrl: targetUrl, onDocumentPreviewFullscreenApiChange: onDocumentPreviewFullscreenApiChange }), children] })] }));
 };
 
 function Invoice({ id, invoiceQuoteViewComponent, backButtonName, onBackButtonClick, onInvoiceDownloadError, onPaymentSuccess, shadow = 'shadow-md', className, hideDownloadButton = false, hidePaymentForm = false, onInvoiceLoaded, onPaymentMethodSaved, onPaymentMethodRemoved, }) {

package/dist/esm/index.js

@@ -1289,7 +1289,7 @@ const DEFAULT_CONFIG = {
 };
 
 // This will be replaced at build time by rollup-plugin-replace
-const PACKAGE_VERSION = '1.8.0-beta.19';
+const PACKAGE_VERSION = '1.8.0-beta.20';
 const createRequestHeaders = (token) => {
     const headers = createClientDevHeaders({ token });
     // Add the components version header
@@ -21775,11 +21775,13 @@ const DocumentTemplatePreview = ({ targetUrl, onFullscreenApiChange, }) => {
     return (jsx("div", { className: isMobile ? PREVIEW_ROOT_MOBILE : PREVIEW_ROOT_DESKTOP, style: isMobile ? { height: '50vh' } : undefined, children: jsx(RPConfig, { licenseKey: LISENSE_KEY, children: jsxs(RPProvider, { src: pdfUrl, children: [jsx(FullScreenBridge, { onFullscreenApiChange: onFullscreenApiChange }), jsx("div", { className: isMobile ? PAGES_HOST_MOBILE : FILL, children: jsx(RPPages, {}) })] }) }) }));
 };
 
+const { useToken: useAntdToken } = theme;
 const InvoiceQuoteView = ({ html, targetUrl, onDocumentPreviewFullscreenApiChange, }) => {
+    const { token: antdToken } = useAntdToken();
     if (targetUrl) {
-        return (jsx(DocumentTemplatePreview, { targetUrl: targetUrl, onFullscreenApiChange: onDocumentPreviewFullscreenApiChange }));
+        return (jsx("div", { className: "bunny-flex bunny-h-full bunny-w-full", style: { fontFamily: antdToken.fontFamily }, children: jsx(DocumentTemplatePreview, { targetUrl: targetUrl, onFullscreenApiChange: onDocumentPreviewFullscreenApiChange }) }));
     }
-    return jsx(Markup, { content: html });
+    return (jsx("div", { style: { fontFamily: antdToken.fontFamily }, children: jsx(Markup, { content: html }) }));
 };
 
 const MarkupContainer = defaultStyled.div `
@@ -21787,18 +21789,16 @@ const MarkupContainer = defaultStyled.div `
     width: 100%;
   }
 `;
-const { useToken: useAntdToken } = theme;
 const InvoiceQuoteViewWithButtons = ({ children, formattedInvoice, html, backButtonName, onBackButtonClick, onDownloadError, targetUrl, onDocumentPreviewFullscreenApiChange, }) => {
     const downloadFile = useDownloadFile(formattedInvoice === null || formattedInvoice === void 0 ? void 0 : formattedInvoice.id, onDownloadError);
     const { apiHost } = useContext(BunnyContext);
     const token = useToken();
     const { shadow, hideDownloadButton } = useContext(InvoiceQuoteContext);
     const isMobile = useIsMobile();
-    const { token: antdToken } = useAntdToken();
     const buttonsVisible = formattedInvoice && (!hideDownloadButton || onBackButtonClick);
     return (jsxs("div", { className: `bunny-flex bunny-min-h-0 bunny-w-full bunny-flex-1 bunny-flex-col ${isMobile ? 'bunny-overflow-hidden' : ''}`, children: [buttonsVisible ? (jsxs("div", { className: `bunny-flex bunny-justify-between bunny-items-center bunny-pb-4 ${isMobile ? 'bunny-shadow-padding-x' : ''}`, id: "acceptance", children: [jsx("div", { children: onBackButtonClick ? (jsx(BackButton, { onClick: onBackButtonClick, title: backButtonName })) : null }), !hideDownloadButton ? (jsx(Button, { icon: jsx(DownloadOutlined, {}), onClick: () => downloadFile(apiHost + '/api/pdf/invoice/' + formattedInvoice.id, token), children: "Download" })) : null] })) : null, jsxs(MarkupContainer, { className: `bunny-flex bunny-min-h-0 bunny-w-full bunny-flex-1 bunny-flex-col bunny-gap-4 ${isMobile
                     ? 'bunny-overflow-auto'
-                    : `bunny-py-4 bunny-bg-white ${shadow ? shadow : 'shadow-md'} bunny-rounded-md`}`, style: { fontFamily: antdToken.fontFamily }, children: [jsx(InvoiceQuoteView, { html: html, targetUrl: targetUrl, onDocumentPreviewFullscreenApiChange: onDocumentPreviewFullscreenApiChange }), children] })] }));
+                    : `bunny-py-4 bunny-bg-white ${shadow ? shadow : 'shadow-md'} bunny-rounded-md`}`, children: [jsx(InvoiceQuoteView, { html: html, targetUrl: targetUrl, onDocumentPreviewFullscreenApiChange: onDocumentPreviewFullscreenApiChange }), children] })] }));
 };
 
 function Invoice({ id, invoiceQuoteViewComponent, backButtonName, onBackButtonClick, onInvoiceDownloadError, onPaymentSuccess, shadow = 'shadow-md', className, hideDownloadButton = false, hidePaymentForm = false, onInvoiceLoaded, onPaymentMethodSaved, onPaymentMethodRemoved, }) {

package/package.json

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