@schematichq/schematic-components 2.14.0 → 2.14.1

package/dist/schematic-components.cjs.js

@@ -252,7 +252,7 @@ var require_debounce = __commonJS({
     var FUNC_ERROR_TEXT = "Expected a function";
     var nativeMax = Math.max;
     var nativeMin = Math.min;
-    function debounce4(func, wait, options) {
+    function debounce5(func, wait, options) {
       var lastArgs, lastThis, maxWait, result, timerId, lastCallTime, lastInvokeTime = 0, leading = false, maxing = false, trailing = true;
       if (typeof func != "function") {
         throw new TypeError(FUNC_ERROR_TEXT);
@@ -333,7 +333,7 @@ var require_debounce = __commonJS({
       debounced.flush = flush;
       return debounced;
     }
-    module2.exports = debounce4;
+    module2.exports = debounce5;
   }
 });
 
@@ -1907,6 +1907,10 @@ var LEADING_DEBOUNCE_SETTINGS = {
   leading: true,
   trailing: false
 };
+var TRAILING_DEBOUNCE_SETTINGS = {
+  leading: false,
+  trailing: true
+};
 var EVENT_DEBOUNCE_TIMEOUT = 200;
 var FETCH_DEBOUNCE_TIMEOUT = 300;
 
@@ -8085,7 +8089,8 @@ var BillingCreditGrantReason = {
   BillingCreditAutoTopup: "billing_credit_auto_topup",
   Free: "free",
   Plan: "plan",
-  Purchased: "purchased"
+  Purchased: "purchased",
+  Rollover: "rollover"
 };
 function BillingCreditGrantReasonFromJSON(json) {
   return BillingCreditGrantReasonFromJSONTyped(json, false);
@@ -8102,6 +8107,14 @@ function BillingCreditGrantZeroedOutReasonFromJSONTyped(json, ignoreDiscriminato
   return json;
 }
 
+// src/api/checkoutexternal/models/BillingCreditLedgerAuthority.ts
+function BillingCreditLedgerAuthorityFromJSON(json) {
+  return BillingCreditLedgerAuthorityFromJSONTyped(json, false);
+}
+function BillingCreditLedgerAuthorityFromJSONTyped(json, ignoreDiscriminator) {
+  return json;
+}
+
 // src/api/checkoutexternal/models/BillingPriceResponseData.ts
 function BillingPriceResponseDataFromJSON(json) {
   return BillingPriceResponseDataFromJSONTyped(json, false);
@@ -8246,6 +8259,9 @@ function BillingCreditViewFromJSONTyped(json, ignoreDiscriminator) {
     environmentId: json["environment_id"],
     icon: json["icon"] == null ? void 0 : json["icon"],
     id: json["id"],
+    ledgerAuthority: BillingCreditLedgerAuthorityFromJSON(
+      json["ledger_authority"]
+    ),
     name: json["name"],
     pluralName: json["plural_name"] == null ? void 0 : json["plural_name"],
     price: json["price"] == null ? void 0 : BillingPriceViewFromJSON(json["price"]),
@@ -8354,6 +8370,7 @@ function BillingPlanCreditGrantResponseDataFromJSONTyped(json, ignoreDiscriminat
     resetCadence: json["reset_cadence"] == null ? void 0 : BillingPlanCreditGrantResetCadenceFromJSON(json["reset_cadence"]),
     resetStart: json["reset_start"] == null ? void 0 : BillingPlanCreditGrantResetStartFromJSON(json["reset_start"]),
     resetType: json["reset_type"] == null ? void 0 : BillingPlanCreditGrantResetTypeFromJSON(json["reset_type"]),
+    rolloverPercentage: json["rollover_percentage"],
     updatedAt: new Date(json["updated_at"])
   };
 }
@@ -8610,6 +8627,20 @@ function UpdateCreditBundleRequestBodyToJSONTyped(value, ignoreDiscriminator = f
   };
 }
 
+// src/api/checkoutexternal/models/CheckoutFieldValue.ts
+function CheckoutFieldValueToJSON(json) {
+  return CheckoutFieldValueToJSONTyped(json, false);
+}
+function CheckoutFieldValueToJSONTyped(value, ignoreDiscriminator = false) {
+  if (value == null) {
+    return value;
+  }
+  return {
+    id: value["id"],
+    value: value["value"]
+  };
+}
+
 // src/api/checkoutexternal/models/UpdateAddOnRequestBody.ts
 function UpdateAddOnRequestBodyToJSON(json) {
   return UpdateAddOnRequestBodyToJSONTyped(json, false);
@@ -8659,6 +8690,9 @@ function ChangeSubscriptionRequestBodyToJSONTyped(value, ignoreDiscriminator = f
     credit_bundles: value["creditBundles"].map(
       UpdateCreditBundleRequestBodyToJSON
     ),
+    custom_field_values: value["customFieldValues"].map(
+      CheckoutFieldValueToJSON
+    ),
     new_plan_id: value["newPlanId"],
     new_price_id: value["newPriceId"],
     pay_in_advance: value["payInAdvance"].map(
@@ -8678,6 +8712,25 @@ function ChargeTypeFromJSONTyped(json, ignoreDiscriminator) {
   return json;
 }
 
+// src/api/checkoutexternal/models/CheckoutFieldWithValue.ts
+function CheckoutFieldWithValueFromJSON(json) {
+  return CheckoutFieldWithValueFromJSONTyped(json, false);
+}
+function CheckoutFieldWithValueFromJSONTyped(json, ignoreDiscriminator) {
+  if (json == null) {
+    return json;
+  }
+  return {
+    definitionId: json["definition_id"],
+    helperText: json["helper_text"] == null ? void 0 : json["helper_text"],
+    id: json["id"],
+    name: json["name"],
+    required: json["required"],
+    stripeMetadataKey: json["stripe_metadata_key"],
+    value: json["value"] == null ? void 0 : json["value"]
+  };
+}
+
 // src/api/checkoutexternal/models/ScheduledDowngradeConfigBehavior.ts
 function ScheduledDowngradeConfigBehaviorFromJSON(json) {
   return ScheduledDowngradeConfigBehaviorFromJSONTyped(json, false);
@@ -8890,6 +8943,7 @@ function CompanyPlanCreditGrantViewFromJSONTyped(json, ignoreDiscriminator) {
     resetCadence: json["reset_cadence"] == null ? void 0 : BillingPlanCreditGrantResetCadenceFromJSON(json["reset_cadence"]),
     resetStart: json["reset_start"] == null ? void 0 : BillingPlanCreditGrantResetStartFromJSON(json["reset_start"]),
     resetType: BillingPlanCreditGrantResetTypeFromJSON(json["reset_type"]),
+    rolloverPercentage: json["rollover_percentage"],
     singularName: json["singular_name"] == null ? void 0 : json["singular_name"],
     updatedAt: new Date(json["updated_at"])
   };
@@ -9752,6 +9806,7 @@ function PlanCreditGrantViewFromJSONTyped(json, ignoreDiscriminator) {
     resetCadence: json["reset_cadence"] == null ? void 0 : BillingPlanCreditGrantResetCadenceFromJSON(json["reset_cadence"]),
     resetStart: json["reset_start"] == null ? void 0 : BillingPlanCreditGrantResetStartFromJSON(json["reset_start"]),
     resetType: BillingPlanCreditGrantResetTypeFromJSON(json["reset_type"]),
+    rolloverPercentage: json["rollover_percentage"],
     singularName: json["singular_name"] == null ? void 0 : json["singular_name"],
     updatedAt: new Date(json["updated_at"])
   };
@@ -10189,7 +10244,10 @@ function CreditCompanyGrantViewFromJSONTyped(json, ignoreDiscriminator) {
     quantityUsed: json["quantity_used"],
     renewalEnabled: json["renewal_enabled"],
     renewalPeriod: json["renewal_period"] == null ? void 0 : BillingPlanCreditGrantResetCadenceFromJSON(json["renewal_period"]),
+    reserved: json["reserved"] == null ? void 0 : json["reserved"],
+    settled: json["settled"] == null ? void 0 : json["settled"],
     singularName: json["singular_name"] == null ? void 0 : json["singular_name"],
+    sourceGrantId: json["source_grant_id"] == null ? void 0 : json["source_grant_id"],
     sourceLabel: json["source_label"],
     transfers: json["transfers"] == null ? void 0 : json["transfers"].map(CreditTransferViewFromJSON),
     updatedAt: new Date(json["updated_at"]),
@@ -10298,6 +10356,9 @@ function ComponentHydrateResponseDataFromJSONTyped(json, ignoreDiscriminator) {
     creditGrants: json["credit_grants"].map(
       CreditCompanyGrantViewFromJSON
     ),
+    customCheckoutFields: json["custom_checkout_fields"].map(
+      CheckoutFieldWithValueFromJSON
+    ),
     defaultPlan: json["default_plan"] == null ? void 0 : PlanDetailResponseDataFromJSON(json["default_plan"]),
     displaySettings: ComponentDisplaySettingsFromJSON(json["display_settings"]),
     featureUsage: json["feature_usage"] == null ? void 0 : FeatureUsageDetailResponseDataFromJSON(json["feature_usage"]),
@@ -10542,6 +10603,46 @@ function PreviewCheckoutResponseFromJSONTyped(json, ignoreDiscriminator) {
   };
 }
 
+// src/api/checkoutexternal/models/UpdateCheckoutFieldValuesRequestBody.ts
+function UpdateCheckoutFieldValuesRequestBodyToJSON(json) {
+  return UpdateCheckoutFieldValuesRequestBodyToJSONTyped(json, false);
+}
+function UpdateCheckoutFieldValuesRequestBodyToJSONTyped(value, ignoreDiscriminator = false) {
+  if (value == null) {
+    return value;
+  }
+  return {
+    values: value["values"].map(CheckoutFieldValueToJSON)
+  };
+}
+
+// src/api/checkoutexternal/models/UpdateCheckoutFieldValuesResponseData.ts
+function UpdateCheckoutFieldValuesResponseDataFromJSON(json) {
+  return UpdateCheckoutFieldValuesResponseDataFromJSONTyped(json, false);
+}
+function UpdateCheckoutFieldValuesResponseDataFromJSONTyped(json, ignoreDiscriminator) {
+  if (json == null) {
+    return json;
+  }
+  return {
+    company: json["company"] == null ? void 0 : CompanyDetailResponseDataFromJSON(json["company"])
+  };
+}
+
+// src/api/checkoutexternal/models/UpdateCheckoutFieldValuesResponse.ts
+function UpdateCheckoutFieldValuesResponseFromJSON(json) {
+  return UpdateCheckoutFieldValuesResponseFromJSONTyped(json, false);
+}
+function UpdateCheckoutFieldValuesResponseFromJSONTyped(json, ignoreDiscriminator) {
+  if (json == null) {
+    return json;
+  }
+  return {
+    data: UpdateCheckoutFieldValuesResponseDataFromJSON(json["data"]),
+    params: json["params"]
+  };
+}
+
 // src/api/checkoutexternal/models/UpdatePaymentMethodRequestBody.ts
 function UpdatePaymentMethodRequestBodyToJSON(json) {
   return UpdatePaymentMethodRequestBodyToJSONTyped(json, false);
@@ -11003,6 +11104,51 @@ var CheckoutexternalApi = class extends BaseAPI {
     );
     return await response.value();
   }
+  /**
+   * Update checkout field values
+   */
+  async updateCheckoutFieldValuesRaw(requestParameters, initOverrides) {
+    if (requestParameters["updateCheckoutFieldValuesRequestBody"] == null) {
+      throw new RequiredError(
+        "updateCheckoutFieldValuesRequestBody",
+        'Required parameter "updateCheckoutFieldValuesRequestBody" was null or undefined when calling updateCheckoutFieldValues().'
+      );
+    }
+    const queryParameters = {};
+    const headerParameters = {};
+    headerParameters["Content-Type"] = "application/json";
+    if (this.configuration && this.configuration.apiKey) {
+      headerParameters["X-Schematic-Api-Key"] = await this.configuration.apiKey(
+        "X-Schematic-Api-Key"
+      );
+    }
+    const response = await this.request(
+      {
+        path: `/checkout/custom-field-values`,
+        method: "POST",
+        headers: headerParameters,
+        query: queryParameters,
+        body: UpdateCheckoutFieldValuesRequestBodyToJSON(
+          requestParameters["updateCheckoutFieldValuesRequestBody"]
+        )
+      },
+      initOverrides
+    );
+    return new JSONApiResponse(
+      response,
+      (jsonValue) => UpdateCheckoutFieldValuesResponseFromJSON(jsonValue)
+    );
+  }
+  /**
+   * Update checkout field values
+   */
+  async updateCheckoutFieldValues(requestParameters, initOverrides) {
+    const response = await this.updateCheckoutFieldValuesRaw(
+      requestParameters,
+      initOverrides
+    );
+    return await response.value();
+  }
   /**
    * Update payment method
    */
@@ -11330,6 +11476,14 @@ function BillingCreditExpiryUnitFromJSONTyped9(json, ignoreDiscriminator) {
   return json;
 }
 
+// src/api/componentspublic/models/BillingCreditLedgerAuthority.ts
+function BillingCreditLedgerAuthorityFromJSON2(json) {
+  return BillingCreditLedgerAuthorityFromJSONTyped3(json, false);
+}
+function BillingCreditLedgerAuthorityFromJSONTyped3(json, ignoreDiscriminator) {
+  return json;
+}
+
 // src/api/componentspublic/models/BillingProductPriceInterval.ts
 function BillingProductPriceIntervalFromJSON2(json) {
   return BillingProductPriceIntervalFromJSONTyped5(json, false);
@@ -11568,6 +11722,9 @@ function BillingCreditViewFromJSONTyped4(json, ignoreDiscriminator) {
     environmentId: json["environment_id"],
     icon: json["icon"] == null ? void 0 : json["icon"],
     id: json["id"],
+    ledgerAuthority: BillingCreditLedgerAuthorityFromJSON2(
+      json["ledger_authority"]
+    ),
     name: json["name"],
     pluralName: json["plural_name"] == null ? void 0 : json["plural_name"],
     price: json["price"] == null ? void 0 : BillingPriceViewFromJSON2(json["price"]),
@@ -12217,6 +12374,7 @@ function PlanCreditGrantViewFromJSONTyped3(json, ignoreDiscriminator) {
     resetCadence: json["reset_cadence"] == null ? void 0 : BillingPlanCreditGrantResetCadenceFromJSON2(json["reset_cadence"]),
     resetStart: json["reset_start"] == null ? void 0 : BillingPlanCreditGrantResetStartFromJSON2(json["reset_start"]),
     resetType: BillingPlanCreditGrantResetTypeFromJSON2(json["reset_type"]),
+    rolloverPercentage: json["rollover_percentage"],
     singularName: json["singular_name"] == null ? void 0 : json["singular_name"],
     updatedAt: new Date(json["updated_at"])
   };
@@ -13645,6 +13803,7 @@ function normalize(data) {
     },
     creditBundles: [],
     creditGrants: [],
+    customCheckoutFields: [],
     preventSelfServiceDowngrade: false
   });
 }
@@ -13826,7 +13985,7 @@ var reducer = (state, action) => {
 // src/context/EmbedProvider.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
 var getCustomHeaders = (sessionId) => ({
-  "X-Schematic-Components-Version": "2.14.0",
+  "X-Schematic-Components-Version": "2.14.1",
   "X-Schematic-Session-ID": sessionId
 });
 var normalizeCurrencyFilter = (filter2) => {
@@ -15915,7 +16074,7 @@ var Root = (0, import_react31.forwardRef)(
 Root.displayName = "Root";
 
 // src/components/layout/viewport/Viewport.tsx
-var import_debounce3 = __toESM(require_debounce());
+var import_debounce4 = __toESM(require_debounce());
 var import_react46 = require("react");
 var import_react_dom3 = require("react-dom");
 
@@ -17365,6 +17524,7 @@ var Checkout = ({
 };
 
 // src/components/shared/checkout-dialog/CheckoutDialog.tsx
+var import_debounce3 = __toESM(require_debounce());
 var import_react36 = require("react");
 
 // src/components/shared/checkout-dialog/Navigation.tsx
@@ -17876,6 +18036,7 @@ var CheckoutDialog = ({ top }) => {
     }
     return id;
   }, [checkoutStage, checkoutStages, checkoutState, isBypassLoading]);
+  const previewRequestIdRef = (0, import_react36.useRef)(0);
   const handlePreviewCheckout = (0, import_react36.useCallback)(
     async (updates) => {
       const period = updates.period || planPeriod;
@@ -17899,6 +18060,8 @@ var CheckoutDialog = ({ top }) => {
         setSelectedPlanId(null);
         return;
       }
+      const requestId = ++previewRequestIdRef.current;
+      const isStale = () => requestId !== previewRequestIdRef.current;
       setError(void 0);
       setCharges(void 0);
       setIsLoading(true);
@@ -17942,9 +18105,13 @@ var CheckoutDialog = ({ top }) => {
           autoTopupOverrides: isCreditOnly ? [] : autoTopupRequestBody,
           payInAdvance: isCreditOnly ? [] : [...planPayInAdvanceRequestBody, ...addOnPayInAdvanceRequestBody],
           creditBundles: creditBundlesRequestBody,
+          customFieldValues: [],
           skipTrial,
           ...code && { promoCode: code }
         });
+        if (isStale()) {
+          return;
+        }
         if (response) {
           setCharges(response.data.finance);
           setIsPaymentMethodRequired(response.data.paymentMethodRequired);
@@ -17954,6 +18121,9 @@ var CheckoutDialog = ({ top }) => {
           setPromoCode(code);
         }
       } catch (err2) {
+        if (isStale()) {
+          return;
+        }
         if (err2 instanceof ResponseError) {
           if (err2.response.status === 401) {
             setError(t3("Session expired. Please refresh and try again."));
@@ -17988,9 +18158,11 @@ var CheckoutDialog = ({ top }) => {
         const { message: msg } = isError(err2) ? err2 : ERROR_UNKNOWN;
         setError(msg);
       } finally {
-        setIsLoading(false);
-        if (isBypassLoading) {
-          setIsBypassLoading(false);
+        if (!isStale()) {
+          setIsLoading(false);
+          if (isBypassLoading) {
+            setIsBypassLoading(false);
+          }
         }
       }
     },
@@ -18013,6 +18185,29 @@ var CheckoutDialog = ({ top }) => {
       isBypassLoading
     ]
   );
+  const handlePreviewCheckoutRef = (0, import_react36.useRef)(handlePreviewCheckout);
+  (0, import_react36.useEffect)(() => {
+    handlePreviewCheckoutRef.current = handlePreviewCheckout;
+  }, [handlePreviewCheckout]);
+  const debouncedPreviewCheckoutRef = (0, import_react36.useRef)(null);
+  (0, import_react36.useEffect)(() => {
+    const debounced = (0, import_debounce3.default)(
+      (updates) => handlePreviewCheckoutRef.current(updates),
+      FETCH_DEBOUNCE_TIMEOUT,
+      TRAILING_DEBOUNCE_SETTINGS
+    );
+    debouncedPreviewCheckoutRef.current = debounced;
+    return () => {
+      debounced.cancel();
+      debouncedPreviewCheckoutRef.current = null;
+    };
+  }, []);
+  const debouncedPreviewCheckout = (0, import_react36.useCallback)(
+    (updates) => {
+      debouncedPreviewCheckoutRef.current?.(updates);
+    },
+    []
+  );
   const selectPlan = (0, import_react36.useCallback)(
     (updates) => {
       const plan = updates.plan;
@@ -18176,11 +18371,11 @@ var CheckoutDialog = ({ top }) => {
           companyAutoTopupAmount: updates.companyAutoTopupAmount ?? prevConfig?.companyAutoTopupAmount ?? matchedCreditGrant?.billingCreditAutoTopupAmount ?? 0
         };
         nextMap.set(id, updatedConfig);
-        handlePreviewCheckout({ autoTopupConfigs: nextMap });
+        debouncedPreviewCheckout({ autoTopupConfigs: nextMap });
         return nextMap;
       });
     },
-    [handlePreviewCheckout, planCreditGrants]
+    [debouncedPreviewCheckout, planCreditGrants]
   );
   const updateUsageBasedEntitlementQuantity = (0, import_react36.useCallback)(
     (id, updatedQuantity) => {
@@ -18191,7 +18386,7 @@ var CheckoutDialog = ({ top }) => {
             quantity: updatedQuantity
           } : entitlement
         );
-        handlePreviewCheckout({
+        debouncedPreviewCheckout({
           payInAdvanceEntitlements: updated.filter(
             ({ priceBehavior }) => priceBehavior === EntitlementPriceBehavior.PayInAdvance
           )
@@ -18199,7 +18394,7 @@ var CheckoutDialog = ({ top }) => {
         return updated;
       });
     },
-    [handlePreviewCheckout]
+    [debouncedPreviewCheckout]
   );
   const updateCreditBundleCount = (0, import_react36.useCallback)(
     (id, updatedCount) => {
@@ -18210,11 +18405,11 @@ var CheckoutDialog = ({ top }) => {
             count: updatedCount
           } : bundle
         );
-        handlePreviewCheckout({ creditBundles: updated });
+        debouncedPreviewCheckout({ creditBundles: updated });
         return updated;
       });
     },
-    [handlePreviewCheckout]
+    [debouncedPreviewCheckout]
   );
   const updateAddOnEntitlementQuantity = (0, import_react36.useCallback)(
     (id, updatedQuantity) => {
@@ -18228,13 +18423,13 @@ var CheckoutDialog = ({ top }) => {
         const updatedAddOnPayInAdvanceEntitlements = updated.filter(
           (entitlement) => entitlement.priceBehavior === EntitlementPriceBehavior.PayInAdvance
         );
-        handlePreviewCheckout({
+        debouncedPreviewCheckout({
           addOnPayInAdvanceEntitlements: updatedAddOnPayInAdvanceEntitlements
         });
         return updated;
       });
     },
-    [handlePreviewCheckout]
+    [debouncedPreviewCheckout]
   );
   const updatePromoCode = (0, import_react36.useCallback)(
     async (code) => {
@@ -20142,6 +20337,7 @@ var SubscriptionSidebar = (0, import_react43.forwardRef)(
           autoTopupOverrides: isCreditOnlyPurchase ? [] : autoTopupRequestBody,
           payInAdvance: isCreditOnlyPurchase ? [] : [...planPayInAdvanceRequestBody, ...addOnPayInAdvanceRequestBody],
           creditBundles: creditBundlesRequestBody,
+          customFieldValues: [],
           skipTrial: !shouldTrial,
           ...paymentMethodId && { paymentMethodId },
           ...promoCode && { promoCode }
@@ -21300,7 +21496,7 @@ var Viewport = (0, import_react46.forwardRef)(
     const [top, setTop] = (0, import_react46.useState)(0);
     (0, import_react46.useLayoutEffect)(() => {
       const element = portalRef.current;
-      const setModalY = (0, import_debounce3.default)(() => {
+      const setModalY = (0, import_debounce4.default)(() => {
         const value = Math.abs(
           (element === document.body ? window.scrollY : element.scrollTop) ?? 0
         );

package/dist/schematic-components.d.ts

@@ -283,6 +283,7 @@ declare const BillingCreditGrantReason: {
     readonly Free: "free";
     readonly Plan: "plan";
     readonly Purchased: "purchased";
+    readonly Rollover: "rollover";
 };
 
 declare type BillingCreditGrantReason = (typeof BillingCreditGrantReason)[keyof typeof BillingCreditGrantReason];
@@ -300,6 +301,30 @@ declare const BillingCreditGrantZeroedOutReason: {
 
 declare type BillingCreditGrantZeroedOutReason = (typeof BillingCreditGrantZeroedOutReason)[keyof typeof BillingCreditGrantZeroedOutReason];
 
+/**
+ *
+ * @export
+ */
+declare const BillingCreditLedgerAuthority: {
+    readonly SchematicAuthoritative: "schematic_authoritative";
+    readonly ExternalMirror: "external_mirror";
+    readonly ExternalRated: "external_rated";
+};
+
+declare type BillingCreditLedgerAuthority = (typeof BillingCreditLedgerAuthority)[keyof typeof BillingCreditLedgerAuthority];
+
+/**
+ *
+ * @export
+ */
+declare const BillingCreditLedgerAuthority_2: {
+    readonly SchematicAuthoritative: "schematic_authoritative";
+    readonly ExternalMirror: "external_mirror";
+    readonly ExternalRated: "external_rated";
+};
+
+declare type BillingCreditLedgerAuthority_2 = (typeof BillingCreditLedgerAuthority_2)[keyof typeof BillingCreditLedgerAuthority_2];
+
 /**
  *
  * @export
@@ -610,6 +635,12 @@ declare interface BillingCreditView {
      * @memberof BillingCreditView
      */
     id: string;
+    /**
+     *
+     * @type {BillingCreditLedgerAuthority}
+     * @memberof BillingCreditView
+     */
+    ledgerAuthority: BillingCreditLedgerAuthority;
     /**
      *
      * @type {string}
@@ -738,6 +769,12 @@ declare interface BillingCreditView_2 {
      * @memberof BillingCreditView
      */
     id: string;
+    /**
+     *
+     * @type {BillingCreditLedgerAuthority}
+     * @memberof BillingCreditView
+     */
+    ledgerAuthority: BillingCreditLedgerAuthority_2;
     /**
      *
      * @type {string}
@@ -1082,6 +1119,12 @@ declare interface BillingPlanCreditGrantResponseData {
      * @memberof BillingPlanCreditGrantResponseData
      */
     resetType?: BillingPlanCreditGrantResetType | null;
+    /**
+     * Percentage of unused credits that carry over when this grant resets. Only meaningful when reset_type is plan_period.
+     * @type {number}
+     * @memberof BillingPlanCreditGrantResponseData
+     */
+    rolloverPercentage: number;
     /**
      *
      * @type {Date}
@@ -2325,6 +2368,7 @@ declare interface BillingProductResponseData_2 {
  * @export
  */
 declare const BillingProviderType: {
+    readonly Metronome: "metronome";
     readonly Orb: "orb";
     readonly Schematic: "schematic";
     readonly Stripe: "stripe";
@@ -2337,6 +2381,7 @@ declare type BillingProviderType = (typeof BillingProviderType)[keyof typeof Bil
  * @export
  */
 declare const BillingProviderType_2: {
+    readonly Metronome: "metronome";
     readonly Orb: "orb";
     readonly Schematic: "schematic";
     readonly Stripe: "stripe";
@@ -2878,6 +2923,12 @@ declare interface ChangeSubscriptionRequestBody {
      * @memberof ChangeSubscriptionRequestBody
      */
     creditBundles: Array<UpdateCreditBundleRequestBody>;
+    /**
+     *
+     * @type {Array<CheckoutFieldValue>}
+     * @memberof ChangeSubscriptionRequestBody
+     */
+    customFieldValues: Array<CheckoutFieldValue>;
     /**
      *
      * @type {string}
@@ -2963,6 +3014,98 @@ declare interface CheckoutDialogProps {
     top?: number;
 }
 
+/**
+ * Schematic API
+ * Schematic API
+ *
+ * The version of the OpenAPI document: 0.1
+ *
+ *
+ * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).
+ * https://openapi-generator.tech
+ * Do not edit the class manually.
+ */
+/**
+ *
+ * @export
+ * @interface CheckoutFieldValue
+ */
+declare interface CheckoutFieldValue {
+    /**
+     *
+     * @type {string}
+     * @memberof CheckoutFieldValue
+     */
+    id: string;
+    /**
+     *
+     * @type {string}
+     * @memberof CheckoutFieldValue
+     */
+    value: string;
+}
+
+/**
+ * Schematic API
+ * Schematic API
+ *
+ * The version of the OpenAPI document: 0.1
+ *
+ *
+ * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).
+ * https://openapi-generator.tech
+ * Do not edit the class manually.
+ */
+/**
+ *
+ * @export
+ * @interface CheckoutFieldWithValue
+ */
+declare interface CheckoutFieldWithValue {
+    /**
+     *
+     * @type {string}
+     * @memberof CheckoutFieldWithValue
+     */
+    definitionId: string;
+    /**
+     *
+     * @type {string}
+     * @memberof CheckoutFieldWithValue
+     */
+    helperText?: string | null;
+    /**
+     *
+     * @type {string}
+     * @memberof CheckoutFieldWithValue
+     */
+    id: string;
+    /**
+     *
+     * @type {string}
+     * @memberof CheckoutFieldWithValue
+     */
+    name: string;
+    /**
+     *
+     * @type {boolean}
+     * @memberof CheckoutFieldWithValue
+     */
+    required: boolean;
+    /**
+     *
+     * @type {string}
+     * @memberof CheckoutFieldWithValue
+     */
+    stripeMetadataKey: string;
+    /**
+     *
+     * @type {string}
+     * @memberof CheckoutFieldWithValue
+     */
+    value?: string | null;
+}
+
 /**
  * Configuration for pre-populating the checkout flow with host-provided values.
  *
@@ -3880,6 +4023,12 @@ declare interface CompanyPlanCreditGrantView {
      * @memberof CompanyPlanCreditGrantView
      */
     resetType: BillingPlanCreditGrantResetType;
+    /**
+     *
+     * @type {number}
+     * @memberof CompanyPlanCreditGrantView
+     */
+    rolloverPercentage: number;
     /**
      * Deprecated field, will be removed in the future. Use Credit.SingularName instead.
      * @type {string}
@@ -4729,6 +4878,12 @@ declare interface ComponentHydrateResponseData {
      * @memberof ComponentHydrateResponseData
      */
     creditGrants: Array<CreditCompanyGrantView>;
+    /**
+     *
+     * @type {Array<CheckoutFieldWithValue>}
+     * @memberof ComponentHydrateResponseData
+     */
+    customCheckoutFields: Array<CheckoutFieldWithValue>;
     /**
      *
      * @type {PlanDetailResponseData}
@@ -5261,12 +5416,30 @@ declare interface CreditCompanyGrantView {
      * @memberof CreditCompanyGrantView
      */
     renewalPeriod?: BillingPlanCreditGrantResetCadence | null;
+    /**
+     *
+     * @type {number}
+     * @memberof CreditCompanyGrantView
+     */
+    reserved?: number | null;
+    /**
+     *
+     * @type {number}
+     * @memberof CreditCompanyGrantView
+     */
+    settled?: number | null;
     /**
      *
      * @type {string}
      * @memberof CreditCompanyGrantView
      */
     singularName?: string | null;
+    /**
+     *
+     * @type {string}
+     * @memberof CreditCompanyGrantView
+     */
+    sourceGrantId?: string | null;
     /**
      *
      * @type {string}
@@ -8812,6 +8985,12 @@ declare interface PlanCreditGrantView {
      * @memberof PlanCreditGrantView
      */
     resetType: BillingPlanCreditGrantResetType;
+    /**
+     *
+     * @type {number}
+     * @memberof PlanCreditGrantView
+     */
+    rolloverPercentage: number;
     /**
      * Deprecated field, will be removed in the future. Use Credit.SingularName instead.
      * @type {string}
@@ -8999,6 +9178,12 @@ declare interface PlanCreditGrantView_2 {
      * @memberof PlanCreditGrantView
      */
     resetType: BillingPlanCreditGrantResetType_2;
+    /**
+     *
+     * @type {number}
+     * @memberof PlanCreditGrantView
+     */
+    rolloverPercentage: number;
     /**
      * Deprecated field, will be removed in the future. Use Credit.SingularName instead.
      * @type {string}

package/dist/schematic-components.esm.js

@@ -246,7 +246,7 @@ var require_debounce = __commonJS({
     var FUNC_ERROR_TEXT = "Expected a function";
     var nativeMax = Math.max;
     var nativeMin = Math.min;
-    function debounce4(func, wait, options) {
+    function debounce5(func, wait, options) {
       var lastArgs, lastThis, maxWait, result, timerId, lastCallTime, lastInvokeTime = 0, leading = false, maxing = false, trailing = true;
       if (typeof func != "function") {
         throw new TypeError(FUNC_ERROR_TEXT);
@@ -327,7 +327,7 @@ var require_debounce = __commonJS({
       debounced.flush = flush;
       return debounced;
     }
-    module.exports = debounce4;
+    module.exports = debounce5;
   }
 });
 
@@ -1819,6 +1819,10 @@ var LEADING_DEBOUNCE_SETTINGS = {
   leading: true,
   trailing: false
 };
+var TRAILING_DEBOUNCE_SETTINGS = {
+  leading: false,
+  trailing: true
+};
 var EVENT_DEBOUNCE_TIMEOUT = 200;
 var FETCH_DEBOUNCE_TIMEOUT = 300;
 
@@ -7997,7 +8001,8 @@ var BillingCreditGrantReason = {
   BillingCreditAutoTopup: "billing_credit_auto_topup",
   Free: "free",
   Plan: "plan",
-  Purchased: "purchased"
+  Purchased: "purchased",
+  Rollover: "rollover"
 };
 function BillingCreditGrantReasonFromJSON(json) {
   return BillingCreditGrantReasonFromJSONTyped(json, false);
@@ -8014,6 +8019,14 @@ function BillingCreditGrantZeroedOutReasonFromJSONTyped(json, ignoreDiscriminato
   return json;
 }
 
+// src/api/checkoutexternal/models/BillingCreditLedgerAuthority.ts
+function BillingCreditLedgerAuthorityFromJSON(json) {
+  return BillingCreditLedgerAuthorityFromJSONTyped(json, false);
+}
+function BillingCreditLedgerAuthorityFromJSONTyped(json, ignoreDiscriminator) {
+  return json;
+}
+
 // src/api/checkoutexternal/models/BillingPriceResponseData.ts
 function BillingPriceResponseDataFromJSON(json) {
   return BillingPriceResponseDataFromJSONTyped(json, false);
@@ -8158,6 +8171,9 @@ function BillingCreditViewFromJSONTyped(json, ignoreDiscriminator) {
     environmentId: json["environment_id"],
     icon: json["icon"] == null ? void 0 : json["icon"],
     id: json["id"],
+    ledgerAuthority: BillingCreditLedgerAuthorityFromJSON(
+      json["ledger_authority"]
+    ),
     name: json["name"],
     pluralName: json["plural_name"] == null ? void 0 : json["plural_name"],
     price: json["price"] == null ? void 0 : BillingPriceViewFromJSON(json["price"]),
@@ -8266,6 +8282,7 @@ function BillingPlanCreditGrantResponseDataFromJSONTyped(json, ignoreDiscriminat
     resetCadence: json["reset_cadence"] == null ? void 0 : BillingPlanCreditGrantResetCadenceFromJSON(json["reset_cadence"]),
     resetStart: json["reset_start"] == null ? void 0 : BillingPlanCreditGrantResetStartFromJSON(json["reset_start"]),
     resetType: json["reset_type"] == null ? void 0 : BillingPlanCreditGrantResetTypeFromJSON(json["reset_type"]),
+    rolloverPercentage: json["rollover_percentage"],
     updatedAt: new Date(json["updated_at"])
   };
 }
@@ -8522,6 +8539,20 @@ function UpdateCreditBundleRequestBodyToJSONTyped(value, ignoreDiscriminator = f
   };
 }
 
+// src/api/checkoutexternal/models/CheckoutFieldValue.ts
+function CheckoutFieldValueToJSON(json) {
+  return CheckoutFieldValueToJSONTyped(json, false);
+}
+function CheckoutFieldValueToJSONTyped(value, ignoreDiscriminator = false) {
+  if (value == null) {
+    return value;
+  }
+  return {
+    id: value["id"],
+    value: value["value"]
+  };
+}
+
 // src/api/checkoutexternal/models/UpdateAddOnRequestBody.ts
 function UpdateAddOnRequestBodyToJSON(json) {
   return UpdateAddOnRequestBodyToJSONTyped(json, false);
@@ -8571,6 +8602,9 @@ function ChangeSubscriptionRequestBodyToJSONTyped(value, ignoreDiscriminator = f
     credit_bundles: value["creditBundles"].map(
       UpdateCreditBundleRequestBodyToJSON
     ),
+    custom_field_values: value["customFieldValues"].map(
+      CheckoutFieldValueToJSON
+    ),
     new_plan_id: value["newPlanId"],
     new_price_id: value["newPriceId"],
     pay_in_advance: value["payInAdvance"].map(
@@ -8590,6 +8624,25 @@ function ChargeTypeFromJSONTyped(json, ignoreDiscriminator) {
   return json;
 }
 
+// src/api/checkoutexternal/models/CheckoutFieldWithValue.ts
+function CheckoutFieldWithValueFromJSON(json) {
+  return CheckoutFieldWithValueFromJSONTyped(json, false);
+}
+function CheckoutFieldWithValueFromJSONTyped(json, ignoreDiscriminator) {
+  if (json == null) {
+    return json;
+  }
+  return {
+    definitionId: json["definition_id"],
+    helperText: json["helper_text"] == null ? void 0 : json["helper_text"],
+    id: json["id"],
+    name: json["name"],
+    required: json["required"],
+    stripeMetadataKey: json["stripe_metadata_key"],
+    value: json["value"] == null ? void 0 : json["value"]
+  };
+}
+
 // src/api/checkoutexternal/models/ScheduledDowngradeConfigBehavior.ts
 function ScheduledDowngradeConfigBehaviorFromJSON(json) {
   return ScheduledDowngradeConfigBehaviorFromJSONTyped(json, false);
@@ -8802,6 +8855,7 @@ function CompanyPlanCreditGrantViewFromJSONTyped(json, ignoreDiscriminator) {
     resetCadence: json["reset_cadence"] == null ? void 0 : BillingPlanCreditGrantResetCadenceFromJSON(json["reset_cadence"]),
     resetStart: json["reset_start"] == null ? void 0 : BillingPlanCreditGrantResetStartFromJSON(json["reset_start"]),
     resetType: BillingPlanCreditGrantResetTypeFromJSON(json["reset_type"]),
+    rolloverPercentage: json["rollover_percentage"],
     singularName: json["singular_name"] == null ? void 0 : json["singular_name"],
     updatedAt: new Date(json["updated_at"])
   };
@@ -9664,6 +9718,7 @@ function PlanCreditGrantViewFromJSONTyped(json, ignoreDiscriminator) {
     resetCadence: json["reset_cadence"] == null ? void 0 : BillingPlanCreditGrantResetCadenceFromJSON(json["reset_cadence"]),
     resetStart: json["reset_start"] == null ? void 0 : BillingPlanCreditGrantResetStartFromJSON(json["reset_start"]),
     resetType: BillingPlanCreditGrantResetTypeFromJSON(json["reset_type"]),
+    rolloverPercentage: json["rollover_percentage"],
     singularName: json["singular_name"] == null ? void 0 : json["singular_name"],
     updatedAt: new Date(json["updated_at"])
   };
@@ -10101,7 +10156,10 @@ function CreditCompanyGrantViewFromJSONTyped(json, ignoreDiscriminator) {
     quantityUsed: json["quantity_used"],
     renewalEnabled: json["renewal_enabled"],
     renewalPeriod: json["renewal_period"] == null ? void 0 : BillingPlanCreditGrantResetCadenceFromJSON(json["renewal_period"]),
+    reserved: json["reserved"] == null ? void 0 : json["reserved"],
+    settled: json["settled"] == null ? void 0 : json["settled"],
     singularName: json["singular_name"] == null ? void 0 : json["singular_name"],
+    sourceGrantId: json["source_grant_id"] == null ? void 0 : json["source_grant_id"],
     sourceLabel: json["source_label"],
     transfers: json["transfers"] == null ? void 0 : json["transfers"].map(CreditTransferViewFromJSON),
     updatedAt: new Date(json["updated_at"]),
@@ -10210,6 +10268,9 @@ function ComponentHydrateResponseDataFromJSONTyped(json, ignoreDiscriminator) {
     creditGrants: json["credit_grants"].map(
       CreditCompanyGrantViewFromJSON
     ),
+    customCheckoutFields: json["custom_checkout_fields"].map(
+      CheckoutFieldWithValueFromJSON
+    ),
     defaultPlan: json["default_plan"] == null ? void 0 : PlanDetailResponseDataFromJSON(json["default_plan"]),
     displaySettings: ComponentDisplaySettingsFromJSON(json["display_settings"]),
     featureUsage: json["feature_usage"] == null ? void 0 : FeatureUsageDetailResponseDataFromJSON(json["feature_usage"]),
@@ -10454,6 +10515,46 @@ function PreviewCheckoutResponseFromJSONTyped(json, ignoreDiscriminator) {
   };
 }
 
+// src/api/checkoutexternal/models/UpdateCheckoutFieldValuesRequestBody.ts
+function UpdateCheckoutFieldValuesRequestBodyToJSON(json) {
+  return UpdateCheckoutFieldValuesRequestBodyToJSONTyped(json, false);
+}
+function UpdateCheckoutFieldValuesRequestBodyToJSONTyped(value, ignoreDiscriminator = false) {
+  if (value == null) {
+    return value;
+  }
+  return {
+    values: value["values"].map(CheckoutFieldValueToJSON)
+  };
+}
+
+// src/api/checkoutexternal/models/UpdateCheckoutFieldValuesResponseData.ts
+function UpdateCheckoutFieldValuesResponseDataFromJSON(json) {
+  return UpdateCheckoutFieldValuesResponseDataFromJSONTyped(json, false);
+}
+function UpdateCheckoutFieldValuesResponseDataFromJSONTyped(json, ignoreDiscriminator) {
+  if (json == null) {
+    return json;
+  }
+  return {
+    company: json["company"] == null ? void 0 : CompanyDetailResponseDataFromJSON(json["company"])
+  };
+}
+
+// src/api/checkoutexternal/models/UpdateCheckoutFieldValuesResponse.ts
+function UpdateCheckoutFieldValuesResponseFromJSON(json) {
+  return UpdateCheckoutFieldValuesResponseFromJSONTyped(json, false);
+}
+function UpdateCheckoutFieldValuesResponseFromJSONTyped(json, ignoreDiscriminator) {
+  if (json == null) {
+    return json;
+  }
+  return {
+    data: UpdateCheckoutFieldValuesResponseDataFromJSON(json["data"]),
+    params: json["params"]
+  };
+}
+
 // src/api/checkoutexternal/models/UpdatePaymentMethodRequestBody.ts
 function UpdatePaymentMethodRequestBodyToJSON(json) {
   return UpdatePaymentMethodRequestBodyToJSONTyped(json, false);
@@ -10915,6 +11016,51 @@ var CheckoutexternalApi = class extends BaseAPI {
     );
     return await response.value();
   }
+  /**
+   * Update checkout field values
+   */
+  async updateCheckoutFieldValuesRaw(requestParameters, initOverrides) {
+    if (requestParameters["updateCheckoutFieldValuesRequestBody"] == null) {
+      throw new RequiredError(
+        "updateCheckoutFieldValuesRequestBody",
+        'Required parameter "updateCheckoutFieldValuesRequestBody" was null or undefined when calling updateCheckoutFieldValues().'
+      );
+    }
+    const queryParameters = {};
+    const headerParameters = {};
+    headerParameters["Content-Type"] = "application/json";
+    if (this.configuration && this.configuration.apiKey) {
+      headerParameters["X-Schematic-Api-Key"] = await this.configuration.apiKey(
+        "X-Schematic-Api-Key"
+      );
+    }
+    const response = await this.request(
+      {
+        path: `/checkout/custom-field-values`,
+        method: "POST",
+        headers: headerParameters,
+        query: queryParameters,
+        body: UpdateCheckoutFieldValuesRequestBodyToJSON(
+          requestParameters["updateCheckoutFieldValuesRequestBody"]
+        )
+      },
+      initOverrides
+    );
+    return new JSONApiResponse(
+      response,
+      (jsonValue) => UpdateCheckoutFieldValuesResponseFromJSON(jsonValue)
+    );
+  }
+  /**
+   * Update checkout field values
+   */
+  async updateCheckoutFieldValues(requestParameters, initOverrides) {
+    const response = await this.updateCheckoutFieldValuesRaw(
+      requestParameters,
+      initOverrides
+    );
+    return await response.value();
+  }
   /**
    * Update payment method
    */
@@ -11242,6 +11388,14 @@ function BillingCreditExpiryUnitFromJSONTyped9(json, ignoreDiscriminator) {
   return json;
 }
 
+// src/api/componentspublic/models/BillingCreditLedgerAuthority.ts
+function BillingCreditLedgerAuthorityFromJSON2(json) {
+  return BillingCreditLedgerAuthorityFromJSONTyped3(json, false);
+}
+function BillingCreditLedgerAuthorityFromJSONTyped3(json, ignoreDiscriminator) {
+  return json;
+}
+
 // src/api/componentspublic/models/BillingProductPriceInterval.ts
 function BillingProductPriceIntervalFromJSON2(json) {
   return BillingProductPriceIntervalFromJSONTyped5(json, false);
@@ -11480,6 +11634,9 @@ function BillingCreditViewFromJSONTyped4(json, ignoreDiscriminator) {
     environmentId: json["environment_id"],
     icon: json["icon"] == null ? void 0 : json["icon"],
     id: json["id"],
+    ledgerAuthority: BillingCreditLedgerAuthorityFromJSON2(
+      json["ledger_authority"]
+    ),
     name: json["name"],
     pluralName: json["plural_name"] == null ? void 0 : json["plural_name"],
     price: json["price"] == null ? void 0 : BillingPriceViewFromJSON2(json["price"]),
@@ -12129,6 +12286,7 @@ function PlanCreditGrantViewFromJSONTyped3(json, ignoreDiscriminator) {
     resetCadence: json["reset_cadence"] == null ? void 0 : BillingPlanCreditGrantResetCadenceFromJSON2(json["reset_cadence"]),
     resetStart: json["reset_start"] == null ? void 0 : BillingPlanCreditGrantResetStartFromJSON2(json["reset_start"]),
     resetType: BillingPlanCreditGrantResetTypeFromJSON2(json["reset_type"]),
+    rolloverPercentage: json["rollover_percentage"],
     singularName: json["singular_name"] == null ? void 0 : json["singular_name"],
     updatedAt: new Date(json["updated_at"])
   };
@@ -13557,6 +13715,7 @@ function normalize(data) {
     },
     creditBundles: [],
     creditGrants: [],
+    customCheckoutFields: [],
     preventSelfServiceDowngrade: false
   });
 }
@@ -13738,7 +13897,7 @@ var reducer = (state, action) => {
 // src/context/EmbedProvider.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
 var getCustomHeaders = (sessionId) => ({
-  "X-Schematic-Components-Version": "2.14.0",
+  "X-Schematic-Components-Version": "2.14.1",
   "X-Schematic-Session-ID": sessionId
 });
 var normalizeCurrencyFilter = (filter2) => {
@@ -15839,7 +15998,7 @@ var Root = forwardRef6(
 Root.displayName = "Root";
 
 // src/components/layout/viewport/Viewport.tsx
-var import_debounce3 = __toESM(require_debounce());
+var import_debounce4 = __toESM(require_debounce());
 import { forwardRef as forwardRef8, useLayoutEffect as useLayoutEffect8, useRef as useRef11, useState as useState14 } from "react";
 import { createPortal as createPortal3 } from "react-dom";
 
@@ -17289,6 +17448,7 @@ var Checkout = ({
 };
 
 // src/components/shared/checkout-dialog/CheckoutDialog.tsx
+var import_debounce3 = __toESM(require_debounce());
 import {
   useCallback as useCallback7,
   useEffect as useEffect4,
@@ -17807,6 +17967,7 @@ var CheckoutDialog = ({ top }) => {
     }
     return id;
   }, [checkoutStage, checkoutStages, checkoutState, isBypassLoading]);
+  const previewRequestIdRef = useRef6(0);
   const handlePreviewCheckout = useCallback7(
     async (updates) => {
       const period = updates.period || planPeriod;
@@ -17830,6 +17991,8 @@ var CheckoutDialog = ({ top }) => {
         setSelectedPlanId(null);
         return;
       }
+      const requestId = ++previewRequestIdRef.current;
+      const isStale = () => requestId !== previewRequestIdRef.current;
       setError(void 0);
       setCharges(void 0);
       setIsLoading(true);
@@ -17873,9 +18036,13 @@ var CheckoutDialog = ({ top }) => {
           autoTopupOverrides: isCreditOnly ? [] : autoTopupRequestBody,
           payInAdvance: isCreditOnly ? [] : [...planPayInAdvanceRequestBody, ...addOnPayInAdvanceRequestBody],
           creditBundles: creditBundlesRequestBody,
+          customFieldValues: [],
           skipTrial,
           ...code && { promoCode: code }
         });
+        if (isStale()) {
+          return;
+        }
         if (response) {
           setCharges(response.data.finance);
           setIsPaymentMethodRequired(response.data.paymentMethodRequired);
@@ -17885,6 +18052,9 @@ var CheckoutDialog = ({ top }) => {
           setPromoCode(code);
         }
       } catch (err2) {
+        if (isStale()) {
+          return;
+        }
         if (err2 instanceof ResponseError) {
           if (err2.response.status === 401) {
             setError(t3("Session expired. Please refresh and try again."));
@@ -17919,9 +18089,11 @@ var CheckoutDialog = ({ top }) => {
         const { message: msg } = isError(err2) ? err2 : ERROR_UNKNOWN;
         setError(msg);
       } finally {
-        setIsLoading(false);
-        if (isBypassLoading) {
-          setIsBypassLoading(false);
+        if (!isStale()) {
+          setIsLoading(false);
+          if (isBypassLoading) {
+            setIsBypassLoading(false);
+          }
         }
       }
     },
@@ -17944,6 +18116,29 @@ var CheckoutDialog = ({ top }) => {
       isBypassLoading
     ]
   );
+  const handlePreviewCheckoutRef = useRef6(handlePreviewCheckout);
+  useEffect4(() => {
+    handlePreviewCheckoutRef.current = handlePreviewCheckout;
+  }, [handlePreviewCheckout]);
+  const debouncedPreviewCheckoutRef = useRef6(null);
+  useEffect4(() => {
+    const debounced = (0, import_debounce3.default)(
+      (updates) => handlePreviewCheckoutRef.current(updates),
+      FETCH_DEBOUNCE_TIMEOUT,
+      TRAILING_DEBOUNCE_SETTINGS
+    );
+    debouncedPreviewCheckoutRef.current = debounced;
+    return () => {
+      debounced.cancel();
+      debouncedPreviewCheckoutRef.current = null;
+    };
+  }, []);
+  const debouncedPreviewCheckout = useCallback7(
+    (updates) => {
+      debouncedPreviewCheckoutRef.current?.(updates);
+    },
+    []
+  );
   const selectPlan = useCallback7(
     (updates) => {
       const plan = updates.plan;
@@ -18107,11 +18302,11 @@ var CheckoutDialog = ({ top }) => {
           companyAutoTopupAmount: updates.companyAutoTopupAmount ?? prevConfig?.companyAutoTopupAmount ?? matchedCreditGrant?.billingCreditAutoTopupAmount ?? 0
         };
         nextMap.set(id, updatedConfig);
-        handlePreviewCheckout({ autoTopupConfigs: nextMap });
+        debouncedPreviewCheckout({ autoTopupConfigs: nextMap });
         return nextMap;
       });
     },
-    [handlePreviewCheckout, planCreditGrants]
+    [debouncedPreviewCheckout, planCreditGrants]
   );
   const updateUsageBasedEntitlementQuantity = useCallback7(
     (id, updatedQuantity) => {
@@ -18122,7 +18317,7 @@ var CheckoutDialog = ({ top }) => {
             quantity: updatedQuantity
           } : entitlement
         );
-        handlePreviewCheckout({
+        debouncedPreviewCheckout({
           payInAdvanceEntitlements: updated.filter(
             ({ priceBehavior }) => priceBehavior === EntitlementPriceBehavior.PayInAdvance
           )
@@ -18130,7 +18325,7 @@ var CheckoutDialog = ({ top }) => {
         return updated;
       });
     },
-    [handlePreviewCheckout]
+    [debouncedPreviewCheckout]
   );
   const updateCreditBundleCount = useCallback7(
     (id, updatedCount) => {
@@ -18141,11 +18336,11 @@ var CheckoutDialog = ({ top }) => {
             count: updatedCount
           } : bundle
         );
-        handlePreviewCheckout({ creditBundles: updated });
+        debouncedPreviewCheckout({ creditBundles: updated });
         return updated;
       });
     },
-    [handlePreviewCheckout]
+    [debouncedPreviewCheckout]
   );
   const updateAddOnEntitlementQuantity = useCallback7(
     (id, updatedQuantity) => {
@@ -18159,13 +18354,13 @@ var CheckoutDialog = ({ top }) => {
         const updatedAddOnPayInAdvanceEntitlements = updated.filter(
           (entitlement) => entitlement.priceBehavior === EntitlementPriceBehavior.PayInAdvance
         );
-        handlePreviewCheckout({
+        debouncedPreviewCheckout({
           addOnPayInAdvanceEntitlements: updatedAddOnPayInAdvanceEntitlements
         });
         return updated;
       });
     },
-    [handlePreviewCheckout]
+    [debouncedPreviewCheckout]
   );
   const updatePromoCode = useCallback7(
     async (code) => {
@@ -20085,6 +20280,7 @@ var SubscriptionSidebar = forwardRef7(
           autoTopupOverrides: isCreditOnlyPurchase ? [] : autoTopupRequestBody,
           payInAdvance: isCreditOnlyPurchase ? [] : [...planPayInAdvanceRequestBody, ...addOnPayInAdvanceRequestBody],
           creditBundles: creditBundlesRequestBody,
+          customFieldValues: [],
           skipTrial: !shouldTrial,
           ...paymentMethodId && { paymentMethodId },
           ...promoCode && { promoCode }
@@ -21243,7 +21439,7 @@ var Viewport = forwardRef8(
     const [top, setTop] = useState14(0);
     useLayoutEffect8(() => {
       const element = portalRef.current;
-      const setModalY = (0, import_debounce3.default)(() => {
+      const setModalY = (0, import_debounce4.default)(() => {
         const value = Math.abs(
           (element === document.body ? window.scrollY : element.scrollTop) ?? 0
         );

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@schematichq/schematic-components",
-  "version": "2.14.0",
+  "version": "2.14.1",
   "main": "dist/schematic-components.cjs.js",
   "module": "dist/schematic-components.esm.js",
   "types": "dist/schematic-components.d.ts",
@@ -72,7 +72,7 @@
     "react": "^19.2.6",
     "react-dom": "^19.2.6",
     "typescript": "^6.0.3",
-    "typescript-eslint": "^8.60.0",
+    "typescript-eslint": "^8.60.1",
     "vitest": "^4.1.7"
   },
   "peerDependencies": {