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

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.20';
+const PACKAGE_VERSION = '1.8.0-beta.21';
 const createRequestHeaders = (token) => {
     const headers = createClientDevHeaders({ token });
     // Add the components version header
@@ -24604,7 +24604,8 @@ const SignupQuote = () => {
     return (jsxRuntime.jsxs("div", { className: "bunny-flex bunny-flex-col bunny-gap-2 bunny-h-full", children: [jsxRuntime.jsxs("div", { className: "bunny-flex bunny-items-center bunny-justify-end bunny-gap-2", children: [isAccepted && (jsxRuntime.jsx(QuoteIsAcceptedLabel, { acceptedByName: quote === null || quote === void 0 ? void 0 : quote.acceptedByName, acceptedAt: quote === null || quote === void 0 ? void 0 : quote.acceptedAt })), documentPreviewFullscreenApi ? (jsxRuntime.jsx(antd.Button, { icon: jsxRuntime.jsx(icons.FullscreenOutlined, {}), onClick: () => documentPreviewFullscreenApi.toggleFullScreen(), children: "Fullscreen" })) : null, jsxRuntime.jsx(DownloadQuoteButton, { id: quote === null || quote === void 0 ? void 0 : quote.id })] }), jsxRuntime.jsx(InvoiceQuoteView, { html: (_b = (_a = quote === null || quote === void 0 ? void 0 : quote.formattedQuote) === null || _a === void 0 ? void 0 : _a.html) !== null && _b !== void 0 ? _b : null, targetUrl: (quote === null || quote === void 0 ? void 0 : quote.documentTemplateId) ? `/pdf/quote/${quote === null || quote === void 0 ? void 0 : quote.id}` : undefined, onDocumentPreviewFullscreenApiChange: setDocumentPreviewFullscreenApi })] }));
 };
 
-function SignupContent({ priceListCode, defaultFormValues, documentTemplateId, requiredBillingDetails, returnUrl: returnUrlProp, }) {
+const BACKGROUND_COLOR = '#f8fafc';
+function SignupContent({ priceListCode, defaultFormValues, documentTemplateId, requiredBillingDetails, returnUrl: returnUrlProp, style, }) {
     const [purchaseSucceeded] = useSignupPurchaseSucceeded();
     const { apiHost } = react.useContext(BunnyContext);
     const token = useToken();
@@ -24618,7 +24619,7 @@ function SignupContent({ priceListCode, defaultFormValues, documentTemplateId, r
     const priceList = readFragment(Signup_PriceListFragment, maskedPriceList);
     const quote = readFragment(Signup_QuoteFragment, signupQuoteFromCache);
     const hasExistingAccount = (account === null || account === void 0 ? void 0 : account.id) !== undefined;
-    return (jsxRuntime.jsx(SignupSplitScreenContainer, { left: jsxRuntime.jsxs("div", { className: "bunny-box-border bunny-flex bunny-h-full bunny-min-h-0 bunny-w-4/5 bunny-flex-col bunny-items-start bunny-justify-between bunny-gap-4 bunny-py-24 bunny-overflow-y-auto", children: [jsxRuntime.jsx(Logo, {}), jsxRuntime.jsxs("div", { className: "bunny-flex bunny-min-h-0 bunny-w-full bunny-flex-1 bunny-flex-col bunny-gap-4", children: [jsxRuntime.jsx(PriceListDisplay, { priceList: priceList }), jsxRuntime.jsx(CheckoutSummary, { quote: quote !== null && quote !== void 0 ? quote : undefined, priceList: priceList }), jsxRuntime.jsx(SignupQuote, {})] }), jsxRuntime.jsx(Footer, {})] }), right: jsxRuntime.jsxs("div", { className: "bunny-box-border bunny-flex bunny-h-full bunny-min-h-0 bunny-w-4/5 bunny-flex-col bunny-py-24 bunny-overflow-y-auto", children: [jsxRuntime.jsx(SignupForm, { priceListCode: priceListCode, priceList: priceList, defaultFormValues: defaultFormValues, documentTemplateId: documentTemplateId, requiredBillingDetails: requiredBillingDetails }), !quote && !hasExistingAccount && (jsxRuntime.jsx("div", { className: "bunny-pt-4", children: jsxRuntime.jsx(QuoteCreateButton, { priceListCode: priceListCode, priceList: priceList, documentTemplateId: documentTemplateId }) })), !purchaseSucceeded && quote && (jsxRuntime.jsx("div", { className: "bunny-pt-4", children: jsxRuntime.jsx(SignupPaymentForm, { quote: quote, priceList: priceList }) })), purchaseSucceeded && (jsxRuntime.jsx(SuccessDisplay, { quote: quote, currencyId: priceList === null || priceList === void 0 ? void 0 : priceList.currencyId, returnUrl: returnUrlProp, className: "bunny-p-4" }))] }) }));
+    return (jsxRuntime.jsx("div", { style: { backgroundColor: BACKGROUND_COLOR, ...style }, children: jsxRuntime.jsx(SignupSplitScreenContainer, { left: jsxRuntime.jsxs("div", { className: "bunny-box-border bunny-flex bunny-h-full bunny-min-h-0 bunny-w-4/5 bunny-flex-col bunny-items-start bunny-justify-between bunny-gap-4 bunny-py-24 bunny-overflow-y-auto", children: [jsxRuntime.jsx(Logo, {}), jsxRuntime.jsxs("div", { className: "bunny-flex bunny-min-h-0 bunny-w-full bunny-flex-1 bunny-flex-col bunny-gap-4", children: [jsxRuntime.jsx(PriceListDisplay, { priceList: priceList }), jsxRuntime.jsx(CheckoutSummary, { quote: quote !== null && quote !== void 0 ? quote : undefined, priceList: priceList }), jsxRuntime.jsx(SignupQuote, {})] }), jsxRuntime.jsx(Footer, {})] }), right: jsxRuntime.jsxs("div", { className: "bunny-box-border bunny-flex bunny-h-full bunny-min-h-0 bunny-w-4/5 bunny-flex-col bunny-py-24 bunny-overflow-y-auto", children: [jsxRuntime.jsx(SignupForm, { priceListCode: priceListCode, priceList: priceList, defaultFormValues: defaultFormValues, documentTemplateId: documentTemplateId, requiredBillingDetails: requiredBillingDetails }), !quote && !hasExistingAccount && (jsxRuntime.jsx("div", { className: "bunny-pt-4", children: jsxRuntime.jsx(QuoteCreateButton, { priceListCode: priceListCode, priceList: priceList, documentTemplateId: documentTemplateId }) })), !purchaseSucceeded && quote && (jsxRuntime.jsx("div", { className: "bunny-pt-4", children: jsxRuntime.jsx(SignupPaymentForm, { quote: quote, priceList: priceList }) })), purchaseSucceeded && (jsxRuntime.jsx(SuccessDisplay, { quote: quote, currencyId: priceList === null || priceList === void 0 ? void 0 : priceList.currencyId, returnUrl: returnUrlProp, className: "bunny-p-4" }))] }) }) }));
 }
 
 function SignupQuoteProviderContainer({ children }) {

package/dist/cjs/types/src/components/Signup/SignupContent.d.ts

@@ -1,2 +1,2 @@
 import type { SignupProps } from './Signup';
-export declare function SignupContent({ priceListCode, defaultFormValues, documentTemplateId, requiredBillingDetails, returnUrl: returnUrlProp, }: SignupProps): import("react/jsx-runtime").JSX.Element;
+export declare function SignupContent({ priceListCode, defaultFormValues, documentTemplateId, requiredBillingDetails, returnUrl: returnUrlProp, style, }: SignupProps): import("react/jsx-runtime").JSX.Element;

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.20';
+const PACKAGE_VERSION = '1.8.0-beta.21';
 const createRequestHeaders = (token) => {
     const headers = createClientDevHeaders({ token });
     // Add the components version header
@@ -24602,7 +24602,8 @@ const SignupQuote = () => {
     return (jsxs("div", { className: "bunny-flex bunny-flex-col bunny-gap-2 bunny-h-full", children: [jsxs("div", { className: "bunny-flex bunny-items-center bunny-justify-end bunny-gap-2", children: [isAccepted && (jsx(QuoteIsAcceptedLabel, { acceptedByName: quote === null || quote === void 0 ? void 0 : quote.acceptedByName, acceptedAt: quote === null || quote === void 0 ? void 0 : quote.acceptedAt })), documentPreviewFullscreenApi ? (jsx(Button, { icon: jsx(FullscreenOutlined, {}), onClick: () => documentPreviewFullscreenApi.toggleFullScreen(), children: "Fullscreen" })) : null, jsx(DownloadQuoteButton, { id: quote === null || quote === void 0 ? void 0 : quote.id })] }), jsx(InvoiceQuoteView, { html: (_b = (_a = quote === null || quote === void 0 ? void 0 : quote.formattedQuote) === null || _a === void 0 ? void 0 : _a.html) !== null && _b !== void 0 ? _b : null, targetUrl: (quote === null || quote === void 0 ? void 0 : quote.documentTemplateId) ? `/pdf/quote/${quote === null || quote === void 0 ? void 0 : quote.id}` : undefined, onDocumentPreviewFullscreenApiChange: setDocumentPreviewFullscreenApi })] }));
 };
 
-function SignupContent({ priceListCode, defaultFormValues, documentTemplateId, requiredBillingDetails, returnUrl: returnUrlProp, }) {
+const BACKGROUND_COLOR = '#f8fafc';
+function SignupContent({ priceListCode, defaultFormValues, documentTemplateId, requiredBillingDetails, returnUrl: returnUrlProp, style, }) {
     const [purchaseSucceeded] = useSignupPurchaseSucceeded();
     const { apiHost } = useContext(BunnyContext);
     const token = useToken();
@@ -24616,7 +24617,7 @@ function SignupContent({ priceListCode, defaultFormValues, documentTemplateId, r
     const priceList = readFragment(Signup_PriceListFragment, maskedPriceList);
     const quote = readFragment(Signup_QuoteFragment, signupQuoteFromCache);
     const hasExistingAccount = (account === null || account === void 0 ? void 0 : account.id) !== undefined;
-    return (jsx(SignupSplitScreenContainer, { left: jsxs("div", { className: "bunny-box-border bunny-flex bunny-h-full bunny-min-h-0 bunny-w-4/5 bunny-flex-col bunny-items-start bunny-justify-between bunny-gap-4 bunny-py-24 bunny-overflow-y-auto", children: [jsx(Logo, {}), jsxs("div", { className: "bunny-flex bunny-min-h-0 bunny-w-full bunny-flex-1 bunny-flex-col bunny-gap-4", children: [jsx(PriceListDisplay, { priceList: priceList }), jsx(CheckoutSummary, { quote: quote !== null && quote !== void 0 ? quote : undefined, priceList: priceList }), jsx(SignupQuote, {})] }), jsx(Footer, {})] }), right: jsxs("div", { className: "bunny-box-border bunny-flex bunny-h-full bunny-min-h-0 bunny-w-4/5 bunny-flex-col bunny-py-24 bunny-overflow-y-auto", children: [jsx(SignupForm, { priceListCode: priceListCode, priceList: priceList, defaultFormValues: defaultFormValues, documentTemplateId: documentTemplateId, requiredBillingDetails: requiredBillingDetails }), !quote && !hasExistingAccount && (jsx("div", { className: "bunny-pt-4", children: jsx(QuoteCreateButton, { priceListCode: priceListCode, priceList: priceList, documentTemplateId: documentTemplateId }) })), !purchaseSucceeded && quote && (jsx("div", { className: "bunny-pt-4", children: jsx(SignupPaymentForm, { quote: quote, priceList: priceList }) })), purchaseSucceeded && (jsx(SuccessDisplay, { quote: quote, currencyId: priceList === null || priceList === void 0 ? void 0 : priceList.currencyId, returnUrl: returnUrlProp, className: "bunny-p-4" }))] }) }));
+    return (jsx("div", { style: { backgroundColor: BACKGROUND_COLOR, ...style }, children: jsx(SignupSplitScreenContainer, { left: jsxs("div", { className: "bunny-box-border bunny-flex bunny-h-full bunny-min-h-0 bunny-w-4/5 bunny-flex-col bunny-items-start bunny-justify-between bunny-gap-4 bunny-py-24 bunny-overflow-y-auto", children: [jsx(Logo, {}), jsxs("div", { className: "bunny-flex bunny-min-h-0 bunny-w-full bunny-flex-1 bunny-flex-col bunny-gap-4", children: [jsx(PriceListDisplay, { priceList: priceList }), jsx(CheckoutSummary, { quote: quote !== null && quote !== void 0 ? quote : undefined, priceList: priceList }), jsx(SignupQuote, {})] }), jsx(Footer, {})] }), right: jsxs("div", { className: "bunny-box-border bunny-flex bunny-h-full bunny-min-h-0 bunny-w-4/5 bunny-flex-col bunny-py-24 bunny-overflow-y-auto", children: [jsx(SignupForm, { priceListCode: priceListCode, priceList: priceList, defaultFormValues: defaultFormValues, documentTemplateId: documentTemplateId, requiredBillingDetails: requiredBillingDetails }), !quote && !hasExistingAccount && (jsx("div", { className: "bunny-pt-4", children: jsx(QuoteCreateButton, { priceListCode: priceListCode, priceList: priceList, documentTemplateId: documentTemplateId }) })), !purchaseSucceeded && quote && (jsx("div", { className: "bunny-pt-4", children: jsx(SignupPaymentForm, { quote: quote, priceList: priceList }) })), purchaseSucceeded && (jsx(SuccessDisplay, { quote: quote, currencyId: priceList === null || priceList === void 0 ? void 0 : priceList.currencyId, returnUrl: returnUrlProp, className: "bunny-p-4" }))] }) }) }));
 }
 
 function SignupQuoteProviderContainer({ children }) {

package/dist/esm/types/src/components/Signup/SignupContent.d.ts

@@ -1,2 +1,2 @@
 import type { SignupProps } from './Signup';
-export declare function SignupContent({ priceListCode, defaultFormValues, documentTemplateId, requiredBillingDetails, returnUrl: returnUrlProp, }: SignupProps): import("react/jsx-runtime").JSX.Element;
+export declare function SignupContent({ priceListCode, defaultFormValues, documentTemplateId, requiredBillingDetails, returnUrl: returnUrlProp, style, }: SignupProps): import("react/jsx-runtime").JSX.Element;

package/package.json

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