@bunnyapp/components 1.0.76-beta.7 → 1.0.76-beta.9

package/dist/cjs/index.js

@@ -154,7 +154,7 @@ var BrandContext = react.createContext({
 });
 
 // This will be replaced at build time by rollup-plugin-replace
-var PACKAGE_VERSION = '1.0.76-beta.7';
+var PACKAGE_VERSION = '1.0.76-beta.9';
 var createRequestHeaders = function (token) {
     var headers = common.createClientDevHeaders(token);
     // Add the components version header
@@ -20499,12 +20499,12 @@ var CheckoutSummaryDivider = function () {
 
 var Title$1 = antd.Typography.Title;
 function PaymentForms(_a) {
-    var quote = _a.quote, handlePaymentSuccess = _a.handlePaymentSuccess, handlePaymentFail = _a.handlePaymentFail, handleSubmit = _a.handleSubmit, proceedingToPayment = _a.proceedingToPayment, accountId = _a.accountId, overrideToken = _a.overrideToken, customCheckoutFunction = _a.customCheckoutFunction;
+    var quote = _a.quote, handlePaymentSuccess = _a.handlePaymentSuccess, handlePaymentFail = _a.handlePaymentFail, handleSubmit = _a.handleSubmit, proceedingToPayment = _a.proceedingToPayment, accountId = _a.accountId, overrideToken = _a.overrideToken, customCheckoutFunction = _a.customCheckoutFunction, defaultValues = _a.defaultValues;
     var entityId = useCurrentUserData().entityId;
-    return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: quote ? (jsxRuntime.jsx(jsxRuntime.Fragment, { children: overrideToken ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Title$1, __assign({ className: "bunny-px-4 bunny-m-0", level: 2 }, { children: "Payment" })), jsxRuntime.jsx(PaymentForm, { entityId: entityId, onFail: handlePaymentFail, onPaymentSuccess: handlePaymentSuccess, accountId: accountId, quote: quote, overrideToken: overrideToken, customCheckoutFunction: customCheckoutFunction })] })) : null })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Title$1, __assign({ className: "bunny-px-4 bunny-m-0", level: 2 }, { children: "Signup" })), jsxRuntime.jsx(InitialSignupForm, { className: "bunny-px-4", onSubmit: handleSubmit, submitting: proceedingToPayment })] })) }));
+    return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: quote ? (jsxRuntime.jsx(jsxRuntime.Fragment, { children: overrideToken ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Title$1, __assign({ className: "bunny-px-4 bunny-m-0", level: 2 }, { children: "Payment" })), jsxRuntime.jsx(PaymentForm, { entityId: entityId, onFail: handlePaymentFail, onPaymentSuccess: handlePaymentSuccess, accountId: accountId, quote: quote, overrideToken: overrideToken, customCheckoutFunction: customCheckoutFunction })] })) : null })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Title$1, __assign({ className: "bunny-px-4 bunny-m-0", level: 2 }, { children: "Signup" })), jsxRuntime.jsx(InitialSignupForm, { className: "bunny-px-4", onSubmit: handleSubmit, submitting: proceedingToPayment, defaultValues: defaultValues })] })) }));
 }
 function InitialSignupForm(_a) {
-    var className = _a.className, onSubmit = _a.onSubmit, submitting = _a.submitting;
+    var className = _a.className, onSubmit = _a.onSubmit, submitting = _a.submitting, defaultValues = _a.defaultValues;
     var form = antd.Form.useForm()[0];
     var isMobile = common.useIsMobile();
     function handleSubmit() {
@@ -20512,6 +20512,22 @@ function InitialSignupForm(_a) {
             onSubmit(form.getFieldsValue());
         });
     }
+    react.useEffect(function () {
+        if (defaultValues) {
+            // Set all non empty default values
+            form.setFieldsValue(Object.fromEntries(Object.entries(__assign(__assign({}, defaultValues), { billingCountry: undefined })).filter(function (_a) {
+                var v = _a[0]; _a[1];
+                return v;
+            })));
+            // Set billing country if it's in the country list
+            if (defaultValues.billingCountry &&
+                common.Lists.COUNTRY_LIST.find(function (c) { return c.value === defaultValues.billingCountry; })) {
+                form.setFieldsValue({
+                    billingCountry: defaultValues.billingCountry,
+                });
+            }
+        }
+    }, [defaultValues]);
     return (jsxRuntime.jsx(antd.Form, __assign({ className: "bunny-flex bunny-flex-col bunny-h-full bunny-w-full ".concat(className), form: form, layout: "vertical", autoComplete: "off" }, { children: jsxRuntime.jsxs("div", __assign({ className: "bunny-flex bunny-flex-col bunny-space-y-2" }, { children: [jsxRuntime.jsxs("div", __assign({ className: "bunny-flex bunny-gap-4" }, { children: [jsxRuntime.jsx(antd.Form.Item, __assign({ name: "firstName", rules: [{ required: true, message: 'First name is required' }], className: "bunny-flex-1" }, { children: jsxRuntime.jsx(antd.Input, { placeholder: "First name" }) })), jsxRuntime.jsx(antd.Form.Item, __assign({ name: "lastName", rules: [{ required: true, message: 'Last name is required' }], className: "bunny-flex-1" }, { children: jsxRuntime.jsx(antd.Input, { placeholder: "Last name" }) }))] })), jsxRuntime.jsxs("div", __assign({ className: "bunny-flex bunny-gap-4" }, { children: [jsxRuntime.jsx(antd.Form.Item, __assign({ name: "email", rules: [
                                 { required: true, message: 'Email is required' },
                                 { type: 'email', message: 'Please enter a valid email' },
@@ -20540,7 +20556,7 @@ var showErrorNotification = common.useErrorNotification();
 var showSuccessNotification$1 = common.useSuccessNotification();
 function Signup(_a) {
     var _b, _c, _d;
-    var companyName = _a.companyName, priceListCode = _a.priceListCode, returnUrl = _a.returnUrl, couponCode = _a.couponCode, className = _a.className, _e = _a.shadow, shadow = _e === void 0 ? 'shadow-md' : _e, style = _a.style;
+    var companyName = _a.companyName, priceListCode = _a.priceListCode, returnUrl = _a.returnUrl, couponCode = _a.couponCode, className = _a.className, _e = _a.shadow, shadow = _e === void 0 ? 'shadow-md' : _e, style = _a.style, defaultFirstName = _a.defaultFirstName, defaultLastName = _a.defaultLastName, defaultEmail = _a.defaultEmail, defaultCompanyName = _a.defaultCompanyName, defaultBillingCountry = _a.defaultBillingCountry;
     // Hooks
     var apiHost = react.useContext(BunnyContext).apiHost;
     var tokenFromContexts = useToken();
@@ -20640,16 +20656,18 @@ function Signup(_a) {
         enabled: !!(initialQuote === null || initialQuote === void 0 ? void 0 : initialQuote.id),
     }), data = _o.data, isLoadingQuote = _o.isLoading;
     var quote = data || initialQuote;
+    var quoteChangeId = (_d = (_b = quote === null || quote === void 0 ? void 0 : quote.quoteChanges) === null || _b === void 0 ? void 0 : _b[((_c = quote === null || quote === void 0 ? void 0 : quote.quoteChanges) === null || _c === void 0 ? void 0 : _c.length) - 1]) === null || _d === void 0 ? void 0 : _d.id;
     var _p = useUpdateCoupons({
         apiHost: apiHost,
         token: token,
-        quoteChangeId: (_d = (_b = quote === null || quote === void 0 ? void 0 : quote.quoteChanges) === null || _b === void 0 ? void 0 : _b[((_c = quote === null || quote === void 0 ? void 0 : quote.quoteChanges) === null || _c === void 0 ? void 0 : _c.length) - 1]) === null || _d === void 0 ? void 0 : _d.id,
+        quoteChangeId: quoteChangeId,
         onCouponAdded: function () {
             queryClient.invalidateQueries({
                 queryKey: ['quote', quote === null || quote === void 0 ? void 0 : quote.id],
             });
             showSuccessNotification$1('Coupon applied');
             recalculateTaxes();
+            setCouponEditorCouponCode('');
         },
         onCouponRemoved: function () {
             queryClient.invalidateQueries({
@@ -20661,11 +20679,11 @@ function Signup(_a) {
     }), addCoupon = _p.addCoupon, removeCoupon = _p.removeCoupon, isAddingCoupon = _p.isAddingCoupon, isRemovingCoupon = _p.isRemovingCoupon, activeCouponsExist = _p.activeCouponsExist;
     // Handle default coupon application
     react.useEffect(function () {
-        if (couponCode && (quote === null || quote === void 0 ? void 0 : quote.id) && defaultCouponAppliedRef.current !== couponCode) {
+        if (couponCode && quoteChangeId && defaultCouponAppliedRef.current !== couponCode) {
             addCoupon(couponCode);
             defaultCouponAppliedRef.current = couponCode;
         }
-    }, [couponCode, quote === null || quote === void 0 ? void 0 : quote.id]);
+    }, [couponCode, quoteChangeId]);
     function handleSubmit(formData) {
         return __awaiter(this, void 0, void 0, function () {
             return __generator(this, function (_a) {
@@ -20727,7 +20745,13 @@ function Signup(_a) {
     }
     return (jsxRuntime.jsxs("div", __assign({ className: "bunny-flex ".concat(isMobile ? 'bunny-flex-col' : 'bunny-flex-row', " bunny-h-screen bunny-w-screen bunny-absolute bunny-top-0 bunny-left-0 ").concat(shadow, " ").concat(className), style: style }, { children: [jsxRuntime.jsx("div", __assign({ className: "bunny-flex bunny-items-center bunny-flex-col ".concat(isMobile ? 'bunny-w-full bunny-h-1/2' : 'bunny-w-1/2 bunny-h-full', " bunny-justify-center") }, { children: jsxRuntime.jsxs("div", __assign({ className: "bunny-flex bunny-flex-col bunny-items-start bunny-justify-between bunny-w-3/5 bunny-h-full bunny-gap-4 bunny-my-24" }, { children: [jsxRuntime.jsx("div", { children: topNavImageUrl.length > 0 && (jsxRuntime.jsx(antd.Image, { width: 24, src: topNavImageUrl, alt: "Logo", preview: false })) }), data ? (jsxRuntime.jsx(CheckoutSummary, { quote: data, className: "bunny-h-full bunny-w-full", onAddCoupon: addCoupon, onRemoveCoupon: removeCoupon, isRemovingCoupon: isRemovingCoupon, priceListData: priceListData, isAddingCoupon: isAddingCoupon, couponCode: couponEditorCouponCode, setCouponCode: setCouponEditorCouponCode, activeCouponsExist: activeCouponsExist })) : (jsxRuntime.jsx("div", __assign({ className: "bunny-h-full" }, { children: isLoadingPriceList ? (jsxRuntime.jsx(antd.Skeleton, { active: true })) : (jsxRuntime.jsx(PriceListDisplay, { priceListData: priceListData })) }))), jsxRuntime.jsx(Footer, {})] })) })), jsxRuntime.jsx("div", __assign({ className: "bunny-flex bunny-flex-col ".concat(isMobile ? 'bunny-w-full bunny-h-1/2 bunny-overflow-auto' : 'bunny-w-1/2 bunny-h-full', " bunny-items-center"), style: {
                     boxShadow: '-5px 0 20px 0 rgba(0, 0, 0, 0.05)',
-                } }, { children: isLoadingPriceList ? (jsxRuntime.jsx(antd.Skeleton, { active: true, className: "bunny-flex bunny-flex-col bunny-w-3/5 bunny-mt-24" })) : (jsxRuntime.jsx("div", __assign({ className: "bunny-flex bunny-flex-col bunny-w-3/5 bunny-mt-24" }, { children: jsxRuntime.jsx(PaymentForms, { quote: quote, handlePaymentSuccess: handlePaymentSuccess, handlePaymentFail: handlePaymentFail, handleSubmit: handleSubmit, proceedingToPayment: isSigningUp || isLoadingQuote, accountId: accountId, overrideToken: portalSessionToken, customCheckoutFunction: accountSignupFunction }) }))) }))] })));
+                } }, { children: isLoadingPriceList ? (jsxRuntime.jsx(antd.Skeleton, { active: true, className: "bunny-flex bunny-flex-col bunny-w-3/5 bunny-mt-24" })) : (jsxRuntime.jsx("div", __assign({ className: "bunny-flex bunny-flex-col bunny-w-3/5 bunny-mt-24" }, { children: jsxRuntime.jsx(PaymentForms, { quote: quote, handlePaymentSuccess: handlePaymentSuccess, handlePaymentFail: handlePaymentFail, handleSubmit: handleSubmit, proceedingToPayment: isSigningUp || isLoadingQuote, accountId: accountId, overrideToken: portalSessionToken, customCheckoutFunction: accountSignupFunction, defaultValues: {
+                            firstName: defaultFirstName,
+                            lastName: defaultLastName,
+                            email: defaultEmail,
+                            accountName: defaultCompanyName,
+                            billingCountry: defaultBillingCountry,
+                        } }) }))) }))] })));
 }
 
 var useQuoteSubscriptionUpgrade = function () {
@@ -22687,7 +22711,7 @@ var hasMultiplePriceTiers = function (charge) {
     var _a;
     return ((_a = charge === null || charge === void 0 ? void 0 : charge.priceTiers) === null || _a === void 0 ? void 0 : _a.length) > 1;
 };
-var getApplicablePriceTier = function (charge, currencyId) {
+var getApplicablePriceTier = function (charge, currencyId, priceDecimals) {
     var _a;
     if (!((_a = charge.priceTiers) === null || _a === void 0 ? void 0 : _a.length))
         return '';
@@ -22721,8 +22745,8 @@ var getApplicablePriceTier = function (charge, currencyId) {
     var nextTier = charge.priceTiers[tierIndex + 1];
     var ends = nextTier ? nextTier.starts - 1 : '∞';
     return hasMultiplePriceTiers(charge)
-        ? "".concat(starts, "-").concat(ends, ": ").concat(common.formatCurrency(selectedTier.price, currencyId))
-        : "".concat(common.formatCurrency(selectedTier.price, currencyId));
+        ? "".concat(starts, "-").concat(ends, ": ").concat(common.formatCurrency(selectedTier.price, currencyId, priceDecimals))
+        : "".concat(common.formatCurrency(selectedTier.price, currencyId, priceDecimals));
 };
 
 var SubscriptionCardActions = function (_a) {
@@ -22840,7 +22864,7 @@ var SubscriptionChargeUnitPrice = function (_a) {
         ? '-'
         : common.formatCurrency(charge.discountedPrice, currencyId, charge.priceDecimals);
     var isChargeDiscount = isDiscount(charge.kind);
-    return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: hasPriceTiers(charge) ? (jsxRuntime.jsx(TieredDisplayDropdown, { charge: charge, currencyId: currencyId, truncatedText: "".concat(charge.kind === common.QuoteChangeKind.PRICE_UPDATE ? 'new ' : '').concat(getApplicablePriceTier(charge, currencyId)) })) : isChargeDiscount ? ("-".concat(price)) : (price) }));
+    return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: hasPriceTiers(charge) ? (jsxRuntime.jsx(TieredDisplayDropdown, { charge: charge, currencyId: currencyId, truncatedText: "".concat(charge.kind === common.QuoteChangeKind.PRICE_UPDATE ? 'new ' : '').concat(getApplicablePriceTier(charge, currencyId, charge.priceDecimals)) })) : isChargeDiscount ? ("-".concat(price)) : (price) }));
 };
 
 var Text$6 = antd.Typography.Text;

package/dist/cjs/src/components/Signup/PaymentForms.d.ts

@@ -1,5 +1,5 @@
 import { PluginData, Quote } from '@bunnyapp/common';
-export default function PaymentForms({ quote, handlePaymentSuccess, handlePaymentFail, handleSubmit, proceedingToPayment, accountId, overrideToken, customCheckoutFunction, }: {
+export default function PaymentForms({ quote, handlePaymentSuccess, handlePaymentFail, handleSubmit, proceedingToPayment, accountId, overrideToken, customCheckoutFunction, defaultValues, }: {
     quote?: Quote;
     handlePaymentSuccess: () => void;
     handlePaymentFail: (error: any) => void;
@@ -8,6 +8,7 @@ export default function PaymentForms({ quote, handlePaymentSuccess, handlePaymen
     accountId?: string;
     overrideToken?: string;
     customCheckoutFunction?: (plugin: PluginData | undefined) => Promise<any>;
+    defaultValues?: DefaultSignupValues;
 }): import("react/jsx-runtime").JSX.Element;
 export type FormData = {
     firstName: string;
@@ -21,3 +22,10 @@ export type FormData = {
     billingStreet: string;
     taxNumber: string;
 };
+export type DefaultSignupValues = {
+    firstName?: string;
+    lastName?: string;
+    email?: string;
+    accountName?: string;
+    billingCountry?: string;
+};

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import '../../styles/index.less';
 import { ShadowType } from '../../types/shadowType';
-export default function Signup({ companyName, priceListCode, returnUrl, couponCode, className, shadow, style, }: {
+export default function Signup({ companyName, priceListCode, returnUrl, couponCode, className, shadow, style, defaultFirstName, defaultLastName, defaultEmail, defaultCompanyName, defaultBillingCountry, }: {
     /** The company name to display on the signup page */
     companyName: string;
     /** The price list code to use for the signup */
@@ -16,4 +16,14 @@ export default function Signup({ companyName, priceListCode, returnUrl, couponCo
     shadow?: ShadowType;
     /** A custom style to apply to the component */
     style?: React.CSSProperties;
+    /** The default first name to use for the signup */
+    defaultFirstName?: string;
+    /** The default last name to use for the signup */
+    defaultLastName?: string;
+    /** The default email to use for the signup */
+    defaultEmail?: string;
+    /** The default company name to use for the signup */
+    defaultCompanyName?: string;
+    /** The default billing country to use for the signup */
+    defaultBillingCountry?: string;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/src/components/Subscriptions/subscriptionsList/subscriptionUtils.d.ts

@@ -21,4 +21,4 @@ export declare const isSubscriptionTrial: (subscription: Subscription) => boolea
 export declare const isDiscount: (kind?: QuoteChangeKind) => boolean;
 export declare const hasPriceTiers: (charge: SubscriptionCharge) => boolean;
 export declare const hasMultiplePriceTiers: (charge: SubscriptionCharge) => boolean;
-export declare const getApplicablePriceTier: (charge: SubscriptionCharge, currencyId: string) => string;
+export declare const getApplicablePriceTier: (charge: SubscriptionCharge, currencyId: string, priceDecimals: number) => string;

package/dist/esm/index.js

@@ -143,7 +143,7 @@ var BrandContext = createContext({
 });
 
 // This will be replaced at build time by rollup-plugin-replace
-var PACKAGE_VERSION = '1.0.76-beta.7';
+var PACKAGE_VERSION = '1.0.76-beta.9';
 var createRequestHeaders = function (token) {
     var headers = createClientDevHeaders(token);
     // Add the components version header
@@ -20488,12 +20488,12 @@ var CheckoutSummaryDivider = function () {
 
 var Title$1 = Typography.Title;
 function PaymentForms(_a) {
-    var quote = _a.quote, handlePaymentSuccess = _a.handlePaymentSuccess, handlePaymentFail = _a.handlePaymentFail, handleSubmit = _a.handleSubmit, proceedingToPayment = _a.proceedingToPayment, accountId = _a.accountId, overrideToken = _a.overrideToken, customCheckoutFunction = _a.customCheckoutFunction;
+    var quote = _a.quote, handlePaymentSuccess = _a.handlePaymentSuccess, handlePaymentFail = _a.handlePaymentFail, handleSubmit = _a.handleSubmit, proceedingToPayment = _a.proceedingToPayment, accountId = _a.accountId, overrideToken = _a.overrideToken, customCheckoutFunction = _a.customCheckoutFunction, defaultValues = _a.defaultValues;
     var entityId = useCurrentUserData().entityId;
-    return (jsx(Fragment, { children: quote ? (jsx(Fragment, { children: overrideToken ? (jsxs(Fragment, { children: [jsx(Title$1, __assign({ className: "bunny-px-4 bunny-m-0", level: 2 }, { children: "Payment" })), jsx(PaymentForm, { entityId: entityId, onFail: handlePaymentFail, onPaymentSuccess: handlePaymentSuccess, accountId: accountId, quote: quote, overrideToken: overrideToken, customCheckoutFunction: customCheckoutFunction })] })) : null })) : (jsxs(Fragment, { children: [jsx(Title$1, __assign({ className: "bunny-px-4 bunny-m-0", level: 2 }, { children: "Signup" })), jsx(InitialSignupForm, { className: "bunny-px-4", onSubmit: handleSubmit, submitting: proceedingToPayment })] })) }));
+    return (jsx(Fragment, { children: quote ? (jsx(Fragment, { children: overrideToken ? (jsxs(Fragment, { children: [jsx(Title$1, __assign({ className: "bunny-px-4 bunny-m-0", level: 2 }, { children: "Payment" })), jsx(PaymentForm, { entityId: entityId, onFail: handlePaymentFail, onPaymentSuccess: handlePaymentSuccess, accountId: accountId, quote: quote, overrideToken: overrideToken, customCheckoutFunction: customCheckoutFunction })] })) : null })) : (jsxs(Fragment, { children: [jsx(Title$1, __assign({ className: "bunny-px-4 bunny-m-0", level: 2 }, { children: "Signup" })), jsx(InitialSignupForm, { className: "bunny-px-4", onSubmit: handleSubmit, submitting: proceedingToPayment, defaultValues: defaultValues })] })) }));
 }
 function InitialSignupForm(_a) {
-    var className = _a.className, onSubmit = _a.onSubmit, submitting = _a.submitting;
+    var className = _a.className, onSubmit = _a.onSubmit, submitting = _a.submitting, defaultValues = _a.defaultValues;
     var form = Form.useForm()[0];
     var isMobile = useIsMobile();
     function handleSubmit() {
@@ -20501,6 +20501,22 @@ function InitialSignupForm(_a) {
             onSubmit(form.getFieldsValue());
         });
     }
+    useEffect(function () {
+        if (defaultValues) {
+            // Set all non empty default values
+            form.setFieldsValue(Object.fromEntries(Object.entries(__assign(__assign({}, defaultValues), { billingCountry: undefined })).filter(function (_a) {
+                var v = _a[0]; _a[1];
+                return v;
+            })));
+            // Set billing country if it's in the country list
+            if (defaultValues.billingCountry &&
+                Lists.COUNTRY_LIST.find(function (c) { return c.value === defaultValues.billingCountry; })) {
+                form.setFieldsValue({
+                    billingCountry: defaultValues.billingCountry,
+                });
+            }
+        }
+    }, [defaultValues]);
     return (jsx(Form, __assign({ className: "bunny-flex bunny-flex-col bunny-h-full bunny-w-full ".concat(className), form: form, layout: "vertical", autoComplete: "off" }, { children: jsxs("div", __assign({ className: "bunny-flex bunny-flex-col bunny-space-y-2" }, { children: [jsxs("div", __assign({ className: "bunny-flex bunny-gap-4" }, { children: [jsx(Form.Item, __assign({ name: "firstName", rules: [{ required: true, message: 'First name is required' }], className: "bunny-flex-1" }, { children: jsx(Input, { placeholder: "First name" }) })), jsx(Form.Item, __assign({ name: "lastName", rules: [{ required: true, message: 'Last name is required' }], className: "bunny-flex-1" }, { children: jsx(Input, { placeholder: "Last name" }) }))] })), jsxs("div", __assign({ className: "bunny-flex bunny-gap-4" }, { children: [jsx(Form.Item, __assign({ name: "email", rules: [
                                 { required: true, message: 'Email is required' },
                                 { type: 'email', message: 'Please enter a valid email' },
@@ -20529,7 +20545,7 @@ var showErrorNotification = useErrorNotification();
 var showSuccessNotification$1 = useSuccessNotification();
 function Signup(_a) {
     var _b, _c, _d;
-    var companyName = _a.companyName, priceListCode = _a.priceListCode, returnUrl = _a.returnUrl, couponCode = _a.couponCode, className = _a.className, _e = _a.shadow, shadow = _e === void 0 ? 'shadow-md' : _e, style = _a.style;
+    var companyName = _a.companyName, priceListCode = _a.priceListCode, returnUrl = _a.returnUrl, couponCode = _a.couponCode, className = _a.className, _e = _a.shadow, shadow = _e === void 0 ? 'shadow-md' : _e, style = _a.style, defaultFirstName = _a.defaultFirstName, defaultLastName = _a.defaultLastName, defaultEmail = _a.defaultEmail, defaultCompanyName = _a.defaultCompanyName, defaultBillingCountry = _a.defaultBillingCountry;
     // Hooks
     var apiHost = useContext(BunnyContext).apiHost;
     var tokenFromContexts = useToken();
@@ -20629,16 +20645,18 @@ function Signup(_a) {
         enabled: !!(initialQuote === null || initialQuote === void 0 ? void 0 : initialQuote.id),
     }), data = _o.data, isLoadingQuote = _o.isLoading;
     var quote = data || initialQuote;
+    var quoteChangeId = (_d = (_b = quote === null || quote === void 0 ? void 0 : quote.quoteChanges) === null || _b === void 0 ? void 0 : _b[((_c = quote === null || quote === void 0 ? void 0 : quote.quoteChanges) === null || _c === void 0 ? void 0 : _c.length) - 1]) === null || _d === void 0 ? void 0 : _d.id;
     var _p = useUpdateCoupons({
         apiHost: apiHost,
         token: token,
-        quoteChangeId: (_d = (_b = quote === null || quote === void 0 ? void 0 : quote.quoteChanges) === null || _b === void 0 ? void 0 : _b[((_c = quote === null || quote === void 0 ? void 0 : quote.quoteChanges) === null || _c === void 0 ? void 0 : _c.length) - 1]) === null || _d === void 0 ? void 0 : _d.id,
+        quoteChangeId: quoteChangeId,
         onCouponAdded: function () {
             queryClient.invalidateQueries({
                 queryKey: ['quote', quote === null || quote === void 0 ? void 0 : quote.id],
             });
             showSuccessNotification$1('Coupon applied');
             recalculateTaxes();
+            setCouponEditorCouponCode('');
         },
         onCouponRemoved: function () {
             queryClient.invalidateQueries({
@@ -20650,11 +20668,11 @@ function Signup(_a) {
     }), addCoupon = _p.addCoupon, removeCoupon = _p.removeCoupon, isAddingCoupon = _p.isAddingCoupon, isRemovingCoupon = _p.isRemovingCoupon, activeCouponsExist = _p.activeCouponsExist;
     // Handle default coupon application
     useEffect(function () {
-        if (couponCode && (quote === null || quote === void 0 ? void 0 : quote.id) && defaultCouponAppliedRef.current !== couponCode) {
+        if (couponCode && quoteChangeId && defaultCouponAppliedRef.current !== couponCode) {
             addCoupon(couponCode);
             defaultCouponAppliedRef.current = couponCode;
         }
-    }, [couponCode, quote === null || quote === void 0 ? void 0 : quote.id]);
+    }, [couponCode, quoteChangeId]);
     function handleSubmit(formData) {
         return __awaiter(this, void 0, void 0, function () {
             return __generator(this, function (_a) {
@@ -20716,7 +20734,13 @@ function Signup(_a) {
     }
     return (jsxs("div", __assign({ className: "bunny-flex ".concat(isMobile ? 'bunny-flex-col' : 'bunny-flex-row', " bunny-h-screen bunny-w-screen bunny-absolute bunny-top-0 bunny-left-0 ").concat(shadow, " ").concat(className), style: style }, { children: [jsx("div", __assign({ className: "bunny-flex bunny-items-center bunny-flex-col ".concat(isMobile ? 'bunny-w-full bunny-h-1/2' : 'bunny-w-1/2 bunny-h-full', " bunny-justify-center") }, { children: jsxs("div", __assign({ className: "bunny-flex bunny-flex-col bunny-items-start bunny-justify-between bunny-w-3/5 bunny-h-full bunny-gap-4 bunny-my-24" }, { children: [jsx("div", { children: topNavImageUrl.length > 0 && (jsx(Image, { width: 24, src: topNavImageUrl, alt: "Logo", preview: false })) }), data ? (jsx(CheckoutSummary, { quote: data, className: "bunny-h-full bunny-w-full", onAddCoupon: addCoupon, onRemoveCoupon: removeCoupon, isRemovingCoupon: isRemovingCoupon, priceListData: priceListData, isAddingCoupon: isAddingCoupon, couponCode: couponEditorCouponCode, setCouponCode: setCouponEditorCouponCode, activeCouponsExist: activeCouponsExist })) : (jsx("div", __assign({ className: "bunny-h-full" }, { children: isLoadingPriceList ? (jsx(Skeleton, { active: true })) : (jsx(PriceListDisplay, { priceListData: priceListData })) }))), jsx(Footer, {})] })) })), jsx("div", __assign({ className: "bunny-flex bunny-flex-col ".concat(isMobile ? 'bunny-w-full bunny-h-1/2 bunny-overflow-auto' : 'bunny-w-1/2 bunny-h-full', " bunny-items-center"), style: {
                     boxShadow: '-5px 0 20px 0 rgba(0, 0, 0, 0.05)',
-                } }, { children: isLoadingPriceList ? (jsx(Skeleton, { active: true, className: "bunny-flex bunny-flex-col bunny-w-3/5 bunny-mt-24" })) : (jsx("div", __assign({ className: "bunny-flex bunny-flex-col bunny-w-3/5 bunny-mt-24" }, { children: jsx(PaymentForms, { quote: quote, handlePaymentSuccess: handlePaymentSuccess, handlePaymentFail: handlePaymentFail, handleSubmit: handleSubmit, proceedingToPayment: isSigningUp || isLoadingQuote, accountId: accountId, overrideToken: portalSessionToken, customCheckoutFunction: accountSignupFunction }) }))) }))] })));
+                } }, { children: isLoadingPriceList ? (jsx(Skeleton, { active: true, className: "bunny-flex bunny-flex-col bunny-w-3/5 bunny-mt-24" })) : (jsx("div", __assign({ className: "bunny-flex bunny-flex-col bunny-w-3/5 bunny-mt-24" }, { children: jsx(PaymentForms, { quote: quote, handlePaymentSuccess: handlePaymentSuccess, handlePaymentFail: handlePaymentFail, handleSubmit: handleSubmit, proceedingToPayment: isSigningUp || isLoadingQuote, accountId: accountId, overrideToken: portalSessionToken, customCheckoutFunction: accountSignupFunction, defaultValues: {
+                            firstName: defaultFirstName,
+                            lastName: defaultLastName,
+                            email: defaultEmail,
+                            accountName: defaultCompanyName,
+                            billingCountry: defaultBillingCountry,
+                        } }) }))) }))] })));
 }
 
 var useQuoteSubscriptionUpgrade = function () {
@@ -22676,7 +22700,7 @@ var hasMultiplePriceTiers = function (charge) {
     var _a;
     return ((_a = charge === null || charge === void 0 ? void 0 : charge.priceTiers) === null || _a === void 0 ? void 0 : _a.length) > 1;
 };
-var getApplicablePriceTier = function (charge, currencyId) {
+var getApplicablePriceTier = function (charge, currencyId, priceDecimals) {
     var _a;
     if (!((_a = charge.priceTiers) === null || _a === void 0 ? void 0 : _a.length))
         return '';
@@ -22710,8 +22734,8 @@ var getApplicablePriceTier = function (charge, currencyId) {
     var nextTier = charge.priceTiers[tierIndex + 1];
     var ends = nextTier ? nextTier.starts - 1 : '∞';
     return hasMultiplePriceTiers(charge)
-        ? "".concat(starts, "-").concat(ends, ": ").concat(formatCurrency(selectedTier.price, currencyId))
-        : "".concat(formatCurrency(selectedTier.price, currencyId));
+        ? "".concat(starts, "-").concat(ends, ": ").concat(formatCurrency(selectedTier.price, currencyId, priceDecimals))
+        : "".concat(formatCurrency(selectedTier.price, currencyId, priceDecimals));
 };
 
 var SubscriptionCardActions = function (_a) {
@@ -22829,7 +22853,7 @@ var SubscriptionChargeUnitPrice = function (_a) {
         ? '-'
         : formatCurrency(charge.discountedPrice, currencyId, charge.priceDecimals);
     var isChargeDiscount = isDiscount(charge.kind);
-    return (jsx(Fragment, { children: hasPriceTiers(charge) ? (jsx(TieredDisplayDropdown, { charge: charge, currencyId: currencyId, truncatedText: "".concat(charge.kind === QuoteChangeKind.PRICE_UPDATE ? 'new ' : '').concat(getApplicablePriceTier(charge, currencyId)) })) : isChargeDiscount ? ("-".concat(price)) : (price) }));
+    return (jsx(Fragment, { children: hasPriceTiers(charge) ? (jsx(TieredDisplayDropdown, { charge: charge, currencyId: currencyId, truncatedText: "".concat(charge.kind === QuoteChangeKind.PRICE_UPDATE ? 'new ' : '').concat(getApplicablePriceTier(charge, currencyId, charge.priceDecimals)) })) : isChargeDiscount ? ("-".concat(price)) : (price) }));
 };
 
 var Text$6 = Typography.Text;

package/dist/esm/src/components/Signup/PaymentForms.d.ts

@@ -1,5 +1,5 @@
 import { PluginData, Quote } from '@bunnyapp/common';
-export default function PaymentForms({ quote, handlePaymentSuccess, handlePaymentFail, handleSubmit, proceedingToPayment, accountId, overrideToken, customCheckoutFunction, }: {
+export default function PaymentForms({ quote, handlePaymentSuccess, handlePaymentFail, handleSubmit, proceedingToPayment, accountId, overrideToken, customCheckoutFunction, defaultValues, }: {
     quote?: Quote;
     handlePaymentSuccess: () => void;
     handlePaymentFail: (error: any) => void;
@@ -8,6 +8,7 @@ export default function PaymentForms({ quote, handlePaymentSuccess, handlePaymen
     accountId?: string;
     overrideToken?: string;
     customCheckoutFunction?: (plugin: PluginData | undefined) => Promise<any>;
+    defaultValues?: DefaultSignupValues;
 }): import("react/jsx-runtime").JSX.Element;
 export type FormData = {
     firstName: string;
@@ -21,3 +22,10 @@ export type FormData = {
     billingStreet: string;
     taxNumber: string;
 };
+export type DefaultSignupValues = {
+    firstName?: string;
+    lastName?: string;
+    email?: string;
+    accountName?: string;
+    billingCountry?: string;
+};

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import '../../styles/index.less';
 import { ShadowType } from '../../types/shadowType';
-export default function Signup({ companyName, priceListCode, returnUrl, couponCode, className, shadow, style, }: {
+export default function Signup({ companyName, priceListCode, returnUrl, couponCode, className, shadow, style, defaultFirstName, defaultLastName, defaultEmail, defaultCompanyName, defaultBillingCountry, }: {
     /** The company name to display on the signup page */
     companyName: string;
     /** The price list code to use for the signup */
@@ -16,4 +16,14 @@ export default function Signup({ companyName, priceListCode, returnUrl, couponCo
     shadow?: ShadowType;
     /** A custom style to apply to the component */
     style?: React.CSSProperties;
+    /** The default first name to use for the signup */
+    defaultFirstName?: string;
+    /** The default last name to use for the signup */
+    defaultLastName?: string;
+    /** The default email to use for the signup */
+    defaultEmail?: string;
+    /** The default company name to use for the signup */
+    defaultCompanyName?: string;
+    /** The default billing country to use for the signup */
+    defaultBillingCountry?: string;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/esm/src/components/Subscriptions/subscriptionsList/subscriptionUtils.d.ts

@@ -21,4 +21,4 @@ export declare const isSubscriptionTrial: (subscription: Subscription) => boolea
 export declare const isDiscount: (kind?: QuoteChangeKind) => boolean;
 export declare const hasPriceTiers: (charge: SubscriptionCharge) => boolean;
 export declare const hasMultiplePriceTiers: (charge: SubscriptionCharge) => boolean;
-export declare const getApplicablePriceTier: (charge: SubscriptionCharge, currencyId: string) => string;
+export declare const getApplicablePriceTier: (charge: SubscriptionCharge, currencyId: string, priceDecimals: number) => string;

package/dist/index.d.ts

@@ -90,7 +90,7 @@ declare const PaymentForm: ({ invoice, onFail, onPaymentSuccess, onPaymentHoldSu
     } | undefined;
 }) => react_jsx_runtime.JSX.Element;
 
-declare function Signup({ companyName, priceListCode, returnUrl, couponCode, className, shadow, style, }: {
+declare function Signup({ companyName, priceListCode, returnUrl, couponCode, className, shadow, style, defaultFirstName, defaultLastName, defaultEmail, defaultCompanyName, defaultBillingCountry, }: {
     /** The company name to display on the signup page */
     companyName: string;
     /** The price list code to use for the signup */
@@ -105,6 +105,16 @@ declare function Signup({ companyName, priceListCode, returnUrl, couponCode, cla
     shadow?: ShadowType;
     /** A custom style to apply to the component */
     style?: React.CSSProperties;
+    /** The default first name to use for the signup */
+    defaultFirstName?: string;
+    /** The default last name to use for the signup */
+    defaultLastName?: string;
+    /** The default email to use for the signup */
+    defaultEmail?: string;
+    /** The default company name to use for the signup */
+    defaultCompanyName?: string;
+    /** The default billing country to use for the signup */
+    defaultBillingCountry?: string;
 }): react_jsx_runtime.JSX.Element;
 
 declare function BunnyProvider({ children, darkMode, queryClient, apiHost, token, onTokenExpired, configProviderProps, }: {

package/package.json

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