@bpinternal/billing-ui 0.13.0 → 0.14.0

package/dist/index.d.ts

@@ -63,6 +63,38 @@ export declare type AddonsSummaryCardProps = {
 
 export declare const ArrowRightIcon: ({ size, ...props }: IconProps) => JSX.Element;
 
+export declare const AutoRechargeDialog: ({ open, onOpenChange, onSuccess, onUpgrade }: AutoRechargeDialogProps) => JSX.Element;
+
+export declare type AutoRechargeDialogProps = {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    onSuccess?: () => void;
+    onUpgrade?: () => void;
+};
+
+export declare type AutoRechargeSetting = AutoRechargeSettings[string];
+
+/**
+ * Auto-recharge settings, keyed by feature (e.g. 'ai_spend' for the AI-spend
+ * credit wallet). `threshold`/`chunkSize`/`maxAmount` are nano-dollars
+ * (1e9 nano = $1) and must be multiples of $5 (5_000_000_000).
+ */
+export declare type AutoRechargeSettings = Awaited<ReturnType<BillingClient['getAutoRechargeSettings']>>['settings'];
+
+/**
+ * Clickable summary of auto-recharge for the AI-spend credit wallet (on/off,
+ * and the recharge amount + monthly limit when on). Acts as a preview button
+ * that opens `AutoRechargeDialog` — the settings themselves are edited there,
+ * not inline.
+ */
+export declare const AutoRechargeSummaryCard: ({ onManage, className }: AutoRechargeSummaryCardProps) => JSX.Element | null;
+
+export declare type AutoRechargeSummaryCardProps = {
+    /** Opens the auto-recharge management dialog. */
+    onManage: () => void;
+    className?: string;
+};
+
 export declare const Badge: ({ variant, children, className }: BadgeProps) => JSX.Element;
 
 export declare type BadgeProps = {
@@ -89,6 +121,7 @@ export declare const BILLING_EVENTS: {
     readonly BILLING_ADDRESS_UPDATED: "billing_address_updated";
     readonly INVOICE_DOWNLOADED: "billing_invoice_downloaded";
     readonly UPGRADE_CTA_CLICKED: "billing_upgrade_cta_clicked";
+    readonly AUTO_RECHARGE_UPDATED: "billing_auto_recharge_updated";
 };
 
 export declare const BillingActionCard: ({ Icon, title, description, onClick, className }: BillingActionCardProps) => JSX.Element;
@@ -104,11 +137,11 @@ export declare type BillingActionCardProps = {
 };
 
 export declare type BillingAddress = {
-    lineOne: string;
+    lineOne?: string;
     lineTwo?: string;
-    city: string;
+    city?: string;
     state?: string;
-    postalCode: string;
+    postalCode?: string;
     country: string;
 };
 
@@ -126,7 +159,7 @@ export declare type BillingAnalyticsClient = {
 };
 
 export declare type BillingChangeEvent = {
-    type: 'subscription' | 'addons' | 'payment-method' | 'billing-address';
+    type: 'subscription' | 'addons' | 'payment-method' | 'billing-address' | 'auto-recharge';
 };
 
 /**
@@ -138,7 +171,7 @@ export declare type BillingChangeEvent = {
  * this interface over your own backend proxy (e.g. tRPC) — the shapes are the
  * official wire shapes, the transport is yours.
  */
-export declare type BillingClient = Pick<billing.Client, 'listPlans' | 'listAddons' | 'getSubscription' | 'previewSubscriptionUpdate' | 'setPlan' | 'setAddons' | 'getPaymentMethod' | 'createPaymentMethodIntent' | 'setPaymentMethod' | 'getCustomer' | 'setCustomer' | 'listInvoices' | 'getBillingReadonly' | 'getWorkspaceUsages'> & 
+export declare type BillingClient = Pick<billing.Client, 'listPlans' | 'listAddons' | 'getSubscription' | 'previewSubscriptionUpdate' | 'setPlan' | 'setAddons' | 'getPaymentMethod' | 'createPaymentMethodIntent' | 'setPaymentMethod' | 'getCustomer' | 'setCustomer' | 'listInvoices' | 'getBillingReadonly' | 'getWorkspaceUsages' | 'getAutoRechargeSettings' | 'setAutoRechargeSettings'> & 
 /**
 * Per-bot usage breakdown is OPTIONAL: those methods live on the generic
 * `@botpress/client` (not the billing client), so a host that wants the per-bot
@@ -187,6 +220,7 @@ export declare const billingKeys: {
     customer: (scope: string) => readonly ["bpb", string, "customer"];
     invoices: (scope: string) => readonly ["bpb", string, "invoices"];
     readonly: (scope: string) => readonly ["bpb", string, "billing-readonly"];
+    autoRecharge: (scope: string) => readonly ["bpb", string, "auto-recharge"];
     usages: (scope: string, period: string) => readonly ["bpb", string, "usages", string];
     bots: (scope: string) => readonly ["bpb", string, "bots"];
     usageByBot: (scope: string, type: string, period: string) => readonly ["bpb", string, "usage-by-bot", string, string];
@@ -432,10 +466,11 @@ export declare type InfoTooltipProps = {
 };
 
 /** Floating-label input matching Stripe Elements' field look (grey fill, label inside). */
-export declare const Input: ({ label, className, id, ...props }: InputProps) => JSX.Element;
+export declare const Input: ({ label, invalid, className, id, ...props }: InputProps) => JSX.Element;
 
 export declare type InputProps = InputHTMLAttributes<HTMLInputElement> & {
     label?: string;
+    invalid?: boolean;
 };
 
 export declare type Invoice = Awaited<ReturnType<BillingClient['listInvoices']>>['invoices'][number];
@@ -784,6 +819,10 @@ export declare type SelectProps = SelectHTMLAttributes<HTMLSelectElement> & {
     label?: string;
 };
 
+export declare type SetAutoRechargeSettingsInput = {
+    settings: Record<string, AutoRechargeSetting>;
+};
+
 declare type SetCustomerInput = {
     name?: string;
     address?: BillingAddress;
@@ -840,6 +879,16 @@ export declare type SubscriptionUpdate = {
 
 export { SupportedLocale }
 
+export declare const Switch: ({ checked, onChange, disabled, className, ...aria }: SwitchProps) => JSX.Element;
+
+export declare type SwitchProps = {
+    checked: boolean;
+    onChange: (checked: boolean) => void;
+    disabled?: boolean;
+    'aria-label': string;
+    className?: string;
+};
+
 export declare type TaxId = Customer['taxIds'][number];
 
 export declare function toStripeLocale(locale: string): string;
@@ -1022,6 +1071,9 @@ export declare type UsageUnit = 'count' | 'bytes' | 'nano-usd';
 
 export declare function useAddons(): UseQueryResult<Addon[], Error>;
 
+/** Auto-recharge settings, keyed by feature (e.g. 'ai_spend'). */
+export declare function useAutoRechargeSettings(options?: QueryOptions): UseQueryResult<AutoRechargeSettings, Error>;
+
 export declare function useBilling(): BillingContextValue;
 
 /** Managed/enterprise locks — when planReadonly, plan changes go through sales. */
@@ -1057,6 +1109,8 @@ export declare function useSetAddons(): UseMutationResult<void, Error, {
     couponCode?: string;
 }>;
 
+export declare function useSetAutoRechargeSettings(): UseMutationResult<AutoRechargeSettings, Error, SetAutoRechargeSettingsInput>;
+
 export declare function useSetCustomer(): UseMutationResult<Customer, Error, SetCustomerInput>;
 
 export declare function useSetPaymentMethod(): UseMutationResult<PaymentMethod, Error, {