@bunnyapp/components 1.8.0-beta.53 → 1.8.0-beta.55

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

@@ -1,19 +1,22 @@
 import type { FormInstance } from "antd/es/form";
 import { type DefaultSignupValues, InitialSignupFormData, type RequiredBillingDetailsFlags } from "./components/InitialSignupFormFields";
 import { type SignupCallbacks } from './contexts/SignupCallbacksContext';
+import { type SignupFormOptions } from './contexts/SignupFormOptionsContext';
 export type SignupProps = {
     priceListCode: string;
     /** If trial is allowed on priceList, enableTrial will enable the trial for the signup */
     enableTrial?: boolean;
     /** A custom style to apply to the component */
     style?: React.CSSProperties;
-    /** The default form values to use for the signup */
+    /** Form configuration: default values, required billing details and disabled fields */
+    form?: SignupFormOptions;
+    /** @deprecated Use `form.defaultValues` instead */
     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 */
+    /** @deprecated Use `form.requiredBillingDetails` instead */
     requiredBillingDetails?: RequiredBillingDetailsFlags;
     /** A default coupon code to pre-apply to the checkout */
     defaultCouponCode?: string;
@@ -28,5 +31,5 @@ declare const useSignupOptions: () => {
     enableTrial: boolean;
     paymentRequiredToAcceptQuote?: boolean;
 };
-export default function Signup({ priceListCode, enableTrial, style, defaultFormValues, paymentRequiredToAcceptQuote, documentTemplateId, requiredBillingDetails, defaultCouponCode, callbacks, }: SignupProps): import("react").JSX.Element;
+export default function Signup({ priceListCode, enableTrial, style, form, defaultFormValues, paymentRequiredToAcceptQuote, documentTemplateId, requiredBillingDetails, defaultCouponCode, callbacks, }: SignupProps): import("react").JSX.Element;
 export { useSignupAccountId, useSignupForm, useSignupOptions, useSignupPortalSessionToken, useSignupPurchaseSucceeded };

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

@@ -4,5 +4,6 @@ declare const meta: Meta<typeof Signup>;
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
+export declare const DisabledFields: Story;
 export declare const Mobile: Story;
 export declare const DarkMode: Story;

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, style, defaultCouponCode, }: SignupProps): import("react").JSX.Element;
+export declare function SignupContent({ priceListCode, documentTemplateId, style, defaultCouponCode, }: Pick<SignupProps, 'priceListCode' | 'documentTemplateId' | 'style' | 'defaultCouponCode'>): import("react").JSX.Element;

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

@@ -36,11 +36,10 @@ export type RequiredBillingDetailsFlags = {
 };
 /** Optional fields not shown by default; enabled via `extraFieldsToShow`. */
 export type ExtraSignupFormField = 'title';
-export default function InitialSignupFormFields({ className, requiredBillingDetails, 
+export default function InitialSignupFormFields({ className, 
 /** Called when focus leaves this form (e.g. tab to payment). Implemented via Form `onBlurCapture` so moving between fields does not fire. */
 onBlur, disabled, extraFieldsToShow, }: {
     className?: string;
-    requiredBillingDetails?: RequiredBillingDetailsFlags;
     onBlur?: () => void;
     disabled?: boolean;
     extraFieldsToShow?: ExtraSignupFormField[];

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

@@ -1,10 +1,7 @@
 import type { ResultOf } from 'gql.tada';
 import { Signup_PriceListFragment } from '../../fragments/Signup_PriceListFragment';
-import { type DefaultSignupValues, type RequiredBillingDetailsFlags } from '../InitialSignupFormFields';
 type SignupFormProps = {
     priceList?: ResultOf<typeof Signup_PriceListFragment> | null;
-    defaultFormValues?: DefaultSignupValues;
-    requiredBillingDetails?: RequiredBillingDetailsFlags;
 };
-export default function SignupForm({ priceList, defaultFormValues, requiredBillingDetails, }: SignupFormProps): import("react").JSX.Element;
+export default function SignupForm({ priceList }: SignupFormProps): import("react").JSX.Element;
 export {};

package/dist/esm/types/src/components/Signup/components/SignupForm/components/ExistingAccountForm.d.ts

@@ -1,6 +1,6 @@
 import { FragmentOf, type ResultOf } from 'gql.tada';
 import { Signup_PriceListFragment } from '../../../fragments/Signup_PriceListFragment';
-import { ExtraSignupFormField, type DefaultSignupValues, type RequiredBillingDetailsFlags } from '../../InitialSignupFormFields';
+import { ExtraSignupFormField } from '../../InitialSignupFormFields';
 export declare const ExistingAccountForm_AccountFragment: import("gql.tada").TadaDocumentNode<{
     [$tada.fragmentRefs]: {
         ExistingAccountLoadedEffect_AccountFragment: "Account";
@@ -15,13 +15,11 @@ export declare const ExistingAccountForm_AccountFragment: import("gql.tada").Tad
     masked: true;
 }>;
 /** Account-details form after `quoteAccountSignup` has created an account; saves via `contactUpdate` + `accountUpdate` on blur. */
-export default function ExistingAccountForm({ title, className, account: maskedAccount, extraFieldsToShow, requiredBillingDetails, defaultFormValues, priceList, onSelfServiceBuyDisabled, }: {
+export default function ExistingAccountForm({ title, className, account: maskedAccount, extraFieldsToShow, priceList, onSelfServiceBuyDisabled, }: {
     title: string;
     className?: string;
     account: FragmentOf<typeof ExistingAccountForm_AccountFragment> | undefined | null;
     extraFieldsToShow?: ExtraSignupFormField[];
-    requiredBillingDetails?: RequiredBillingDetailsFlags;
-    defaultFormValues?: DefaultSignupValues;
     priceList?: ResultOf<typeof Signup_PriceListFragment> | null;
     onSelfServiceBuyDisabled: () => void;
 }): import("react").JSX.Element;

package/dist/esm/types/src/components/Signup/components/SignupForm/components/NewAccountForm.d.ts

@@ -1,8 +1,6 @@
-import { ExtraSignupFormField, type DefaultSignupValues, type RequiredBillingDetailsFlags } from '../../InitialSignupFormFields';
-export default function NewAccountForm({ className, extraFieldsToShow, requiredBillingDetails, defaultFormValues, title, }: {
+import { ExtraSignupFormField } from '../../InitialSignupFormFields';
+export default function NewAccountForm({ className, extraFieldsToShow, title, }: {
     className?: string;
     extraFieldsToShow?: ExtraSignupFormField[];
-    requiredBillingDetails?: RequiredBillingDetailsFlags;
-    defaultFormValues?: DefaultSignupValues;
     title: string;
 }): import("react").JSX.Element;

package/dist/esm/types/src/components/Signup/contexts/SignupFormOptionsContext.d.ts

@@ -0,0 +1,24 @@
+import { ReactNode } from 'react';
+import type { DefaultSignupValues, RequiredBillingDetailsFlags } from '../components/InitialSignupFormFields';
+/** Fields that can be disabled. Same keys as `DefaultSignupValues`. */
+export type DisabledSignupFields = Partial<Record<keyof DefaultSignupValues, boolean>>;
+/**
+ * Customer-facing form configuration for the Signup component.
+ * All options are optional. Add new form options here rather than as new props on Signup.
+ */
+export type SignupFormOptions = {
+    /** The default form values to use for the signup */
+    defaultValues?: DefaultSignupValues;
+    /** Which account billing fields to show and require */
+    requiredBillingDetails?: RequiredBillingDetailsFlags;
+    /**
+     * Fields the user cannot edit. Provide a default value for each disabled field:
+     * all fields are required, so an empty disabled field blocks the signup.
+     */
+    disabledFields?: DisabledSignupFields;
+};
+export declare const SignupFormOptionsProvider: ({ formOptions, children, }: {
+    formOptions?: SignupFormOptions;
+    children: ReactNode;
+}) => import("react").JSX.Element;
+export declare const useSignupFormOptions: () => SignupFormOptions;

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

@@ -1,2 +1,5 @@
 export { default as Signup } from "./Signup";
+export type { SignupProps } from "./Signup";
 export type { SignupCallbacks } from "./contexts/SignupCallbacksContext";
+export type { DisabledSignupFields, SignupFormOptions } from "./contexts/SignupFormOptionsContext";
+export type { DefaultSignupValues, RequiredBillingDetailsFlags, } from "./components/InitialSignupFormFields";

package/dist/esm/types/src/components/index.d.ts

@@ -4,6 +4,7 @@ export { Quote } from './Quote';
 export { Quotes } from './tables/Quotes';
 export { PaymentForm } from './PaymentForm';
 export { Signup } from './Signup';
+export type { DefaultSignupValues, DisabledSignupFields, RequiredBillingDetailsFlags, SignupCallbacks, SignupFormOptions, SignupProps, } from './Signup';
 export { default as BunnyProvider } from './BunnyProvider/BunnyProvider';
 export { default as Transactions } from './tables/Transactions';
 export { Subscriptions } from './Subscriptions';

package/dist/index.d.ts

@@ -289,26 +289,46 @@ type SignupCallbacks = {
     onPaymentHoldSuccess?: () => void;
 };
 
+/** Fields that can be disabled. Same keys as `DefaultSignupValues`. */
+type DisabledSignupFields = Partial<Record<keyof DefaultSignupValues, boolean>>;
+/**
+ * Customer-facing form configuration for the Signup component.
+ * All options are optional. Add new form options here rather than as new props on Signup.
+ */
+type SignupFormOptions = {
+    /** The default form values to use for the signup */
+    defaultValues?: DefaultSignupValues;
+    /** Which account billing fields to show and require */
+    requiredBillingDetails?: RequiredBillingDetailsFlags;
+    /**
+     * Fields the user cannot edit. Provide a default value for each disabled field:
+     * all fields are required, so an empty disabled field blocks the signup.
+     */
+    disabledFields?: DisabledSignupFields;
+};
+
 type SignupProps = {
     priceListCode: string;
     /** If trial is allowed on priceList, enableTrial will enable the trial for the signup */
     enableTrial?: boolean;
     /** A custom style to apply to the component */
     style?: React.CSSProperties;
-    /** The default form values to use for the signup */
+    /** Form configuration: default values, required billing details and disabled fields */
+    form?: SignupFormOptions;
+    /** @deprecated Use `form.defaultValues` instead */
     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 */
+    /** @deprecated Use `form.requiredBillingDetails` instead */
     requiredBillingDetails?: RequiredBillingDetailsFlags;
     /** A default coupon code to pre-apply to the checkout */
     defaultCouponCode?: string;
     /** Callbacks fired at key signup lifecycle events */
     callbacks?: SignupCallbacks;
 };
-declare function Signup({ priceListCode, enableTrial, style, defaultFormValues, paymentRequiredToAcceptQuote, documentTemplateId, requiredBillingDetails, defaultCouponCode, callbacks, }: SignupProps): react.JSX.Element;
+declare function Signup({ priceListCode, enableTrial, style, form, defaultFormValues, paymentRequiredToAcceptQuote, documentTemplateId, requiredBillingDetails, defaultCouponCode, callbacks, }: SignupProps): react.JSX.Element;
 
 declare function BunnyProvider({ children, darkMode, queryClient, apiHost, token, onTokenExpired, onUserUnavailable, onInvalidOrMissingAuthorization, suppressUserUnavailableErrorNotification, disableErrorNotifications, configProviderProps, }: {
     children: React.ReactNode;
@@ -432,3 +452,4 @@ declare function MiniCreditCard({ className, buttons, hideDropdownMenu, hideDefa
 }): react.JSX.Element;
 
 export { BillingDetails, BunnyProvider, Footer, Invoice, Invoices, MiniCreditCard, PaymentForm, Quote, Quotes, Signup, SubscriptionsWrapper as Subscriptions, Transactions, UpgradeWrapper as Upgrade };
+export type { DefaultSignupValues, DisabledSignupFields, RequiredBillingDetailsFlags, SignupCallbacks, SignupFormOptions, SignupProps };

package/package.json

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