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

package/dist/index.d.ts

@@ -96,17 +96,30 @@ declare function Quotes({ className, columns, filter, filterQuotes, sort, noQuot
 type Props = {
     className?: string;
     disabled?: boolean;
+    onClickPrecondition?: () => Promise<boolean>;
+    buttonTextOverride?: {
+        text: string;
+        isProcessingText: string;
+    };
 };
 declare function CheckoutNoPayment(props?: Props): react_jsx_runtime.JSX.Element;
 
 type PayProps = {
     disabled?: boolean;
+    onClickPrecondition?: () => boolean | Promise<boolean>;
 };
 declare function Pay(props?: PayProps): react_jsx_runtime.JSX.Element;
 
 declare function Cancel(): react_jsx_runtime.JSX.Element;
 
-declare function Save(): react_jsx_runtime.JSX.Element;
+type SaveButtonTextOverride = {
+    text: string;
+    isProcessingText: string;
+};
+declare function Save({ onClickPrecondition, buttonTextOverride, }: {
+    onClickPrecondition?: () => boolean | Promise<boolean>;
+    buttonTextOverride?: SaveButtonTextOverride;
+}): react_jsx_runtime.JSX.Element;
 
 type PaymentMethodDetailsProps = {
     footer?: ReactNode;
@@ -136,7 +149,6 @@ declare const PaymentForm_PaymentMethodsFragment: gql_tada.TadaDocumentNode<{
     masked: true;
 }>;
 
-type PaymentMethodFragment = ResultOf<typeof PaymentForm_PaymentMethodsFragment>;
 declare const PaymentForm_QuoteFragment: gql_tada.TadaDocumentNode<{
     id: string | null;
     currencyId: string;
@@ -148,6 +160,8 @@ declare const PaymentForm_QuoteFragment: gql_tada.TadaDocumentNode<{
     on: "Quote";
     masked: true;
 }>;
+
+type PaymentMethodFragment = ResultOf<typeof PaymentForm_PaymentMethodsFragment>;
 declare const PaymentForm_InvoiceFragment: gql_tada.TadaDocumentNode<{
     id: string | null;
     currencyId: string;
@@ -159,7 +173,7 @@ declare const PaymentForm_InvoiceFragment: gql_tada.TadaDocumentNode<{
     on: "Invoice";
     masked: true;
 }>;
-declare function PaymentFormRoot({ currencyId: accountCurrencyId, invoice: maskedInvoice, quote: maskedQuote, paymentHold, onPaymentSuccess, onPaymentHoldSuccess, paymentHoldPrecondition, accountId, onSavePaymentMethod, onPaymentMethodRemoved, onSetDefaultPaymentMethod, overrideToken, customCheckoutFunction, children, }: {
+declare function PaymentFormRoot({ currencyId: accountCurrencyId, invoice: maskedInvoice, quote: maskedQuote, paymentHold, onPaymentSuccess, onPaymentHoldSuccess, paymentHoldPrecondition, accountId, onSavePaymentMethod, onPaymentMethodRemoved, onSetDefaultPaymentMethod, customCheckoutFunction, children, }: {
     currencyId?: string;
     invoice?: FragmentOf<typeof PaymentForm_InvoiceFragment>;
     quote?: FragmentOf<typeof PaymentForm_QuoteFragment>;
@@ -177,16 +191,16 @@ declare function PaymentFormRoot({ currencyId: accountCurrencyId, invoice: maske
     onPaymentMethodRemoved?: (paymentMethod: PaymentMethodFragment) => void;
     onSetDefaultPaymentMethod?: () => void;
     accountId?: string;
-    overrideToken?: string;
     customCheckoutFunction?: (pluginId: string, paymentMethodId: string) => Promise<any>;
     children?: ReactNode | ((state: PaymentFormRenderState) => ReactNode);
-}): react_jsx_runtime.JSX.Element | null;
+}): react_jsx_runtime.JSX.Element;
 type PaymentFormProps = ComponentProps<typeof PaymentFormRoot>;
 type PaymentFormRenderState = {
     hasPaymentMethods: boolean;
     isPaymentMethodDetailsOpen: boolean;
     isPayableAvailable: boolean;
     amountDue: number | undefined;
+    paymentPluginsCount: number | undefined;
 };
 declare function PaymentFormInternal(props: PaymentFormProps & {
     disablePayButton?: boolean;
@@ -198,32 +212,50 @@ declare const PaymentForm: typeof PaymentFormInternal & {
     PaymentMethodDetails: typeof PaymentMethodDetails;
 };
 
-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 */
+type DefaultSignupValues = {
+    firstName?: string;
+    lastName?: string;
+    email?: string;
+    accountName?: string;
+    billingCountry?: string;
+    billingState?: string;
+    billingCity?: string;
+    billingZip?: string;
+    billingStreet?: string;
+    taxNumber?: string;
+};
+/** Extra account billing fields (shown in “Account billing details”) when the flag is true. */
+type RequiredBillingDetailsFlags = {
+    billingCountry?: boolean;
+    billingState?: boolean;
+    billingCity?: boolean;
+    billingZip?: boolean;
+    billingStreet?: boolean;
+    taxNumber?: boolean;
+};
+
+type SignupProps = {
     priceListCode: string;
-    /** The return URL to that customers can be redirected to after signup */
+    /** If trial is allowed on priceList, enableTrial will enable the trial for the signup */
+    enableTrial?: boolean;
+    /** The URL to redirect to after the signup is complete */
     returnUrl?: string;
-    /** An optional coupon code that gets applied automatically */
-    couponCode?: string;
     /** A custom class name to apply to the component */
     className?: string;
     /** The shadow level to apply to the component */
     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;
+    /** The default form values to use for the signup */
+    defaultFormValues?: DefaultSignupValues;
+    /** Whether to require quote acceptance before checking out */
+    paymentRequiredToAcceptQuote?: boolean;
+    /** The document template ID to apply to the quote for the signup */
+    documentTemplateId?: string;
+    /** Which account billing fields to show and require. Omit for legacy behavior (country required only). */
+    requiredBillingDetails?: RequiredBillingDetailsFlags;
+};
+declare function Signup({ priceListCode, enableTrial, returnUrl, className, shadow, style, defaultFormValues, paymentRequiredToAcceptQuote, documentTemplateId, requiredBillingDetails, }: SignupProps): react_jsx_runtime.JSX.Element;
 
 declare function BunnyProvider({ children, darkMode, queryClient, apiHost, token, onTokenExpired, onUserUnavailable, onInvalidOrMissingAuthorization, suppressUserUnavailableErrorNotification, configProviderProps, }: {
     children: React.ReactNode;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bunnyapp/components",
-  "version": "1.8.0-beta.19",
+  "version": "1.8.0-beta.20",
   "description": "Components from the Bunny portal to embed Bunny UI functionality into your application.",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
@@ -34,7 +34,7 @@
     "@rollup/plugin-json": "^6.1.0",
     "@rollup/plugin-node-resolve": "^16.0.3",
     "@rollup/plugin-replace": "^6.0.2",
-    "@rollup/plugin-terser": "^0.4.4",
+    "@rollup/plugin-terser": "^1.0.0",
     "@rollup/plugin-typescript": "^11.1.6",
     "@storybook/addon-essentials": "^8.6.14",
     "@storybook/addon-interactions": "^8.6.14",
@@ -62,7 +62,7 @@
     "patch-package": "^8.0.1",
     "postcss-import": "^16.1.1",
     "postcss-less": "^6.0.0",
-    "postcss-url": "^10.1.3",
+    "postcss-url": "^8.0.0",
     "rimraf": "^6.1.2",
     "rollup": "^3.29.5",
     "rollup-plugin-dts": "^6.2.3",

package/dist/cjs/types/src/components/Invoice/InvoiceQuoteView.d.ts

@@ -1,12 +0,0 @@
-import FormattedInvoice from '@/types/FormattedInvoice';
-import { ReactNode } from 'react';
-declare const InvoiceQuoteView: ({ children, formattedInvoice, html, backButtonName, onBackButtonClick, onDownloadError, targetUrl, }: {
-    html: string | null;
-    children?: ReactNode;
-    formattedInvoice?: FormattedInvoice;
-    backButtonName?: string;
-    onBackButtonClick?: () => void;
-    onDownloadError?: () => void;
-    targetUrl?: string;
-}) => import("react/jsx-runtime").JSX.Element;
-export default InvoiceQuoteView;

package/dist/cjs/types/src/components/QuoteProvider/utils/getQuantityFromQuoteChange.d.ts

@@ -1,11 +0,0 @@
-export declare function getQuantityFromQuoteChange(quoteChange: {
-    priceList: {
-        id: string;
-    } | null;
-    charges: {
-        feature: {
-            id: string;
-        } | null;
-        quantity: number | null;
-    }[];
-} | null, featureId: string): number | null | undefined;

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

@@ -1,39 +0,0 @@
-import { FragmentOf } from 'gql.tada';
-export declare const PaymentForms_QuoteFragment: import("gql.tada").TadaDocumentNode<{
-    [$tada.fragmentRefs]: {
-        PaymentForm_QuoteFragment: "Quote";
-    };
-}, {}, {
-    fragment: "PaymentForms_QuoteFragment";
-    on: "Quote";
-    masked: true;
-}>;
-export default function PaymentForms({ quote: maskedQuote, handlePaymentSuccess, handleSubmit, proceedingToPayment, accountId, overrideToken, customCheckoutFunction, defaultValues, }: {
-    quote?: FragmentOf<typeof PaymentForms_QuoteFragment> | null;
-    handlePaymentSuccess: () => void;
-    handleSubmit: (formData: FormData) => void;
-    proceedingToPayment: boolean;
-    accountId?: string;
-    overrideToken?: string;
-    customCheckoutFunction?: (pluginId: string, paymentMethodId: string) => Promise<any>;
-    defaultValues?: DefaultSignupValues;
-}): import("react/jsx-runtime").JSX.Element;
-export type FormData = {
-    firstName: string;
-    lastName: string;
-    email: string;
-    accountName: string;
-    billingCountry: string;
-    billingState: string;
-    billingCity: string;
-    billingZip: string;
-    billingStreet: string;
-    taxNumber: string;
-};
-export type DefaultSignupValues = {
-    firstName?: string;
-    lastName?: string;
-    email?: string;
-    accountName?: string;
-    billingCountry?: string;
-};

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

@@ -1,8 +0,0 @@
-export default function PaymentSuccessDisplay({ amountPaid, className, companyName, returnUrl, style, currencyId, }: {
-    amountPaid: number;
-    className: string;
-    companyName: string;
-    returnUrl?: string;
-    style?: React.CSSProperties;
-    currencyId: string;
-}): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/types/src/components/Signup/mutations/accountSignup.d.ts

@@ -1,58 +0,0 @@
-declare const accountSignup: ({ token, apiHost, accountId, quoteId, paymentToken, paymentMethodId, pluginId, priceListCode, }: {
-    token: string;
-    apiHost: string;
-    accountId: string;
-    quoteId: string;
-    paymentToken?: string;
-    paymentMethodId?: string;
-    pluginId: string;
-    priceListCode: string;
-}) => Promise<{
-    errors: string[] | null;
-    quote: {
-        accountId: string;
-        amount: number;
-        amountDue: number | null;
-        applicationDate: unknown;
-        applied: boolean;
-        backdatedPeriods: boolean | null;
-        backdatedQuote: boolean | null;
-        billingDay: number | null;
-        contactId: string | null;
-        createdAt: unknown;
-        credits: number | null;
-        currencyId: string;
-        dealId: string | null;
-        discount: number | null;
-        discountValue: number;
-        endDate: unknown;
-        evergreen: boolean | null;
-        expiresAt: unknown;
-        id: string | null;
-        invoiceImmediately: boolean | null;
-        invoiceImmediatelyAvailable: boolean | null;
-        invoiceUntil: unknown;
-        isPendingApprovalRequest: boolean;
-        kind: "SUBSCRIBE" | "UPDATE" | "RENEW" | "REINSTATE" | "UNSUBSCRIBE" | "ADJUSTMENT" | "COUPON" | "DISCOUNT" | "PERCENTAGE_DISCOUNT" | "CREDIT" | "PRICE_UPDATE" | "QUANTITY_UPDATE" | "FREE_PERIOD_DISCOUNT" | "ACTIVATE";
-        message: string | null;
-        name: string | null;
-        netPaymentDays: number | null;
-        notes: string | null;
-        number: string | null;
-        ownerId: string | null;
-        payableId: string | null;
-        periodAmount: number | null;
-        poNumber: string | null;
-        requiresApproval: boolean;
-        smallUnitAmountDue: number | null;
-        splitInvoice: boolean | null;
-        startDate: unknown;
-        state: "APPROVED" | "REJECTED" | "DRAFT" | "SHARED" | "VIEWED" | "ACCEPTED" | "IN_APPROVAL" | "UNDONE";
-        subtotal: number;
-        taxAmount: number;
-        taxCode: string | null;
-        updatedAt: unknown;
-        uuid: string;
-    } | null;
-} | null>;
-export default accountSignup;

package/dist/cjs/types/src/components/Signup/queries/getQuote.d.ts

@@ -1,10 +0,0 @@
-declare const getQuote: ({ id, token, apiHost, }: {
-    id: string;
-    token?: string;
-    apiHost: string;
-}) => Promise<{
-    [$tada.fragmentRefs]: {
-        Signup_QuoteFragment: "Quote";
-    };
-} | null>;
-export default getQuote;

package/dist/cjs/types/src/graphql/mutations/quoteCompose.d.ts

@@ -1,12 +0,0 @@
-import { Quote } from '@/types/Quote';
-type Options = {
-    quoteId?: string;
-    priceListId?: string;
-    subscriptionId?: string;
-    quantity?: number;
-    accountId?: string;
-    token?: string;
-    apiHost: string;
-};
-declare const quoteCompose: ({ quoteId, priceListId, subscriptionId, quantity, accountId, token, apiHost, }: Options) => Promise<Quote>;
-export default quoteCompose;

package/dist/esm/types/src/components/Invoice/InvoiceQuoteView.d.ts

@@ -1,12 +0,0 @@
-import FormattedInvoice from '@/types/FormattedInvoice';
-import { ReactNode } from 'react';
-declare const InvoiceQuoteView: ({ children, formattedInvoice, html, backButtonName, onBackButtonClick, onDownloadError, targetUrl, }: {
-    html: string | null;
-    children?: ReactNode;
-    formattedInvoice?: FormattedInvoice;
-    backButtonName?: string;
-    onBackButtonClick?: () => void;
-    onDownloadError?: () => void;
-    targetUrl?: string;
-}) => import("react/jsx-runtime").JSX.Element;
-export default InvoiceQuoteView;

package/dist/esm/types/src/components/QuoteProvider/utils/getQuantityFromQuoteChange.d.ts

@@ -1,11 +0,0 @@
-export declare function getQuantityFromQuoteChange(quoteChange: {
-    priceList: {
-        id: string;
-    } | null;
-    charges: {
-        feature: {
-            id: string;
-        } | null;
-        quantity: number | null;
-    }[];
-} | null, featureId: string): number | null | undefined;

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

@@ -1,39 +0,0 @@
-import { FragmentOf } from 'gql.tada';
-export declare const PaymentForms_QuoteFragment: import("gql.tada").TadaDocumentNode<{
-    [$tada.fragmentRefs]: {
-        PaymentForm_QuoteFragment: "Quote";
-    };
-}, {}, {
-    fragment: "PaymentForms_QuoteFragment";
-    on: "Quote";
-    masked: true;
-}>;
-export default function PaymentForms({ quote: maskedQuote, handlePaymentSuccess, handleSubmit, proceedingToPayment, accountId, overrideToken, customCheckoutFunction, defaultValues, }: {
-    quote?: FragmentOf<typeof PaymentForms_QuoteFragment> | null;
-    handlePaymentSuccess: () => void;
-    handleSubmit: (formData: FormData) => void;
-    proceedingToPayment: boolean;
-    accountId?: string;
-    overrideToken?: string;
-    customCheckoutFunction?: (pluginId: string, paymentMethodId: string) => Promise<any>;
-    defaultValues?: DefaultSignupValues;
-}): import("react/jsx-runtime").JSX.Element;
-export type FormData = {
-    firstName: string;
-    lastName: string;
-    email: string;
-    accountName: string;
-    billingCountry: string;
-    billingState: string;
-    billingCity: string;
-    billingZip: string;
-    billingStreet: string;
-    taxNumber: string;
-};
-export type DefaultSignupValues = {
-    firstName?: string;
-    lastName?: string;
-    email?: string;
-    accountName?: string;
-    billingCountry?: string;
-};

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

@@ -1,8 +0,0 @@
-export default function PaymentSuccessDisplay({ amountPaid, className, companyName, returnUrl, style, currencyId, }: {
-    amountPaid: number;
-    className: string;
-    companyName: string;
-    returnUrl?: string;
-    style?: React.CSSProperties;
-    currencyId: string;
-}): import("react/jsx-runtime").JSX.Element;

package/dist/esm/types/src/components/Signup/mutations/accountSignup.d.ts

@@ -1,58 +0,0 @@
-declare const accountSignup: ({ token, apiHost, accountId, quoteId, paymentToken, paymentMethodId, pluginId, priceListCode, }: {
-    token: string;
-    apiHost: string;
-    accountId: string;
-    quoteId: string;
-    paymentToken?: string;
-    paymentMethodId?: string;
-    pluginId: string;
-    priceListCode: string;
-}) => Promise<{
-    errors: string[] | null;
-    quote: {
-        accountId: string;
-        amount: number;
-        amountDue: number | null;
-        applicationDate: unknown;
-        applied: boolean;
-        backdatedPeriods: boolean | null;
-        backdatedQuote: boolean | null;
-        billingDay: number | null;
-        contactId: string | null;
-        createdAt: unknown;
-        credits: number | null;
-        currencyId: string;
-        dealId: string | null;
-        discount: number | null;
-        discountValue: number;
-        endDate: unknown;
-        evergreen: boolean | null;
-        expiresAt: unknown;
-        id: string | null;
-        invoiceImmediately: boolean | null;
-        invoiceImmediatelyAvailable: boolean | null;
-        invoiceUntil: unknown;
-        isPendingApprovalRequest: boolean;
-        kind: "SUBSCRIBE" | "UPDATE" | "RENEW" | "REINSTATE" | "UNSUBSCRIBE" | "ADJUSTMENT" | "COUPON" | "DISCOUNT" | "PERCENTAGE_DISCOUNT" | "CREDIT" | "PRICE_UPDATE" | "QUANTITY_UPDATE" | "FREE_PERIOD_DISCOUNT" | "ACTIVATE";
-        message: string | null;
-        name: string | null;
-        netPaymentDays: number | null;
-        notes: string | null;
-        number: string | null;
-        ownerId: string | null;
-        payableId: string | null;
-        periodAmount: number | null;
-        poNumber: string | null;
-        requiresApproval: boolean;
-        smallUnitAmountDue: number | null;
-        splitInvoice: boolean | null;
-        startDate: unknown;
-        state: "APPROVED" | "REJECTED" | "DRAFT" | "SHARED" | "VIEWED" | "ACCEPTED" | "IN_APPROVAL" | "UNDONE";
-        subtotal: number;
-        taxAmount: number;
-        taxCode: string | null;
-        updatedAt: unknown;
-        uuid: string;
-    } | null;
-} | null>;
-export default accountSignup;

package/dist/esm/types/src/components/Signup/queries/getQuote.d.ts

@@ -1,10 +0,0 @@
-declare const getQuote: ({ id, token, apiHost, }: {
-    id: string;
-    token?: string;
-    apiHost: string;
-}) => Promise<{
-    [$tada.fragmentRefs]: {
-        Signup_QuoteFragment: "Quote";
-    };
-} | null>;
-export default getQuote;

package/dist/esm/types/src/graphql/mutations/quoteCompose.d.ts

@@ -1,12 +0,0 @@
-import { Quote } from '@/types/Quote';
-type Options = {
-    quoteId?: string;
-    priceListId?: string;
-    subscriptionId?: string;
-    quantity?: number;
-    accountId?: string;
-    token?: string;
-    apiHost: string;
-};
-declare const quoteCompose: ({ quoteId, priceListId, subscriptionId, quantity, accountId, token, apiHost, }: Options) => Promise<Quote>;
-export default quoteCompose;