@schematichq/schematic-components 1.0.3 → 1.0.4

package/dist/schematic-components.cjs.js

@@ -10956,27 +10956,26 @@ var JSONApiResponse = class {
   }
 };
 
-// src/api/checkoutexternal/models/BillingCreditResponseData.ts
-function BillingCreditResponseDataFromJSON(json) {
-  return BillingCreditResponseDataFromJSONTyped(json, false);
+// src/api/checkoutexternal/models/BillingProductResponseData.ts
+function BillingProductResponseDataFromJSON(json) {
+  return BillingProductResponseDataFromJSONTyped(json, false);
 }
-function BillingCreditResponseDataFromJSONTyped(json, ignoreDiscriminator) {
+function BillingProductResponseDataFromJSONTyped(json, ignoreDiscriminator) {
   if (json == null) {
     return json;
   }
   return {
-    burnStrategy: json["burn_strategy"],
+    accountId: json["account_id"],
     createdAt: new Date(json["created_at"]),
-    defaultExpiryUnit: json["default_expiry_unit"],
-    defaultExpiryUnitCount: json["default_expiry_unit_count"] == null ? void 0 : json["default_expiry_unit_count"],
-    defaultRolloverPolicy: json["default_rollover_policy"],
-    description: json["description"],
-    icon: json["icon"] == null ? void 0 : json["icon"],
-    id: json["id"],
+    currency: json["currency"],
+    environmentId: json["environment_id"],
+    externalId: json["external_id"],
+    isActive: json["is_active"],
     name: json["name"],
-    pluralName: json["plural_name"] == null ? void 0 : json["plural_name"],
-    pricePerUnit: json["price_per_unit"],
-    singularName: json["singular_name"] == null ? void 0 : json["singular_name"],
+    price: json["price"],
+    priceDecimal: json["price_decimal"] == null ? void 0 : json["price_decimal"],
+    productId: json["product_id"],
+    quantity: json["quantity"],
     updatedAt: new Date(json["updated_at"])
   };
 }
@@ -11000,6 +10999,33 @@ function BillingPriceResponseDataFromJSONTyped(json, ignoreDiscriminator) {
   };
 }
 
+// src/api/checkoutexternal/models/BillingCreditResponseData.ts
+function BillingCreditResponseDataFromJSON(json) {
+  return BillingCreditResponseDataFromJSONTyped(json, false);
+}
+function BillingCreditResponseDataFromJSONTyped(json, ignoreDiscriminator) {
+  if (json == null) {
+    return json;
+  }
+  return {
+    burnStrategy: json["burn_strategy"],
+    createdAt: new Date(json["created_at"]),
+    defaultExpiryUnit: json["default_expiry_unit"],
+    defaultExpiryUnitCount: json["default_expiry_unit_count"] == null ? void 0 : json["default_expiry_unit_count"],
+    defaultRolloverPolicy: json["default_rollover_policy"],
+    description: json["description"],
+    icon: json["icon"] == null ? void 0 : json["icon"],
+    id: json["id"],
+    monthlyPrice: json["monthly_price"] == null ? void 0 : BillingPriceResponseDataFromJSON(json["monthly_price"]),
+    name: json["name"],
+    pluralName: json["plural_name"] == null ? void 0 : json["plural_name"],
+    product: json["product"] == null ? void 0 : BillingProductResponseDataFromJSON(json["product"]),
+    singularName: json["singular_name"] == null ? void 0 : json["singular_name"],
+    updatedAt: new Date(json["updated_at"]),
+    yearlyPrice: json["yearly_price"] == null ? void 0 : BillingPriceResponseDataFromJSON(json["yearly_price"])
+  };
+}
+
 // src/api/checkoutexternal/models/BillingProductPriceTierResponseData.ts
 function BillingProductPriceTierResponseDataFromJSON(json) {
   return BillingProductPriceTierResponseDataFromJSONTyped(json, false);
@@ -11112,30 +11138,6 @@ function BillingProductForSubscriptionResponseDataFromJSONTyped(json, ignoreDisc
   };
 }
 
-// src/api/checkoutexternal/models/BillingProductResponseData.ts
-function BillingProductResponseDataFromJSON(json) {
-  return BillingProductResponseDataFromJSONTyped(json, false);
-}
-function BillingProductResponseDataFromJSONTyped(json, ignoreDiscriminator) {
-  if (json == null) {
-    return json;
-  }
-  return {
-    accountId: json["account_id"],
-    createdAt: new Date(json["created_at"]),
-    currency: json["currency"],
-    environmentId: json["environment_id"],
-    externalId: json["external_id"],
-    isActive: json["is_active"],
-    name: json["name"],
-    price: json["price"],
-    priceDecimal: json["price_decimal"] == null ? void 0 : json["price_decimal"],
-    productId: json["product_id"],
-    quantity: json["quantity"],
-    updatedAt: new Date(json["updated_at"])
-  };
-}
-
 // src/api/checkoutexternal/models/BillingSubscriptionDiscountView.ts
 function BillingSubscriptionDiscountViewFromJSON(json) {
   return BillingSubscriptionDiscountViewFromJSONTyped(json, false);
@@ -11808,6 +11810,7 @@ function PlanEntitlementResponseDataFromJSONTyped(json, ignoreDiscriminator) {
     return json;
   }
   return {
+    consumptionRate: json["consumption_rate"] == null ? void 0 : json["consumption_rate"],
     createdAt: new Date(json["created_at"]),
     environmentId: json["environment_id"],
     feature: json["feature"] == null ? void 0 : FeatureResponseDataFromJSON(json["feature"]),
@@ -11994,6 +11997,7 @@ function UsageBasedEntitlementResponseDataFromJSONTyped(json, ignoreDiscriminato
     return json;
   }
   return {
+    consumptionRate: json["consumption_rate"] == null ? void 0 : json["consumption_rate"],
     featureId: json["feature_id"],
     meteredPrice: json["metered_price"] == null ? void 0 : BillingPriceViewFromJSON(json["metered_price"]),
     metricPeriod: json["metric_period"] == null ? void 0 : json["metric_period"],
@@ -12994,36 +12998,35 @@ var JSONApiResponse2 = class {
   }
 };
 
-// src/api/componentspublic/models/BillingCreditResponseData.ts
-function BillingCreditResponseDataFromJSON2(json) {
-  return BillingCreditResponseDataFromJSONTyped3(json, false);
+// src/api/componentspublic/models/BillingProductResponseData.ts
+function BillingProductResponseDataFromJSON2(json) {
+  return BillingProductResponseDataFromJSONTyped4(json, false);
 }
-function BillingCreditResponseDataFromJSONTyped3(json, ignoreDiscriminator) {
+function BillingProductResponseDataFromJSONTyped4(json, ignoreDiscriminator) {
   if (json == null) {
     return json;
   }
   return {
-    burnStrategy: json["burn_strategy"],
+    accountId: json["account_id"],
     createdAt: new Date(json["created_at"]),
-    defaultExpiryUnit: json["default_expiry_unit"],
-    defaultExpiryUnitCount: json["default_expiry_unit_count"] == null ? void 0 : json["default_expiry_unit_count"],
-    defaultRolloverPolicy: json["default_rollover_policy"],
-    description: json["description"],
-    icon: json["icon"] == null ? void 0 : json["icon"],
-    id: json["id"],
+    currency: json["currency"],
+    environmentId: json["environment_id"],
+    externalId: json["external_id"],
+    isActive: json["is_active"],
     name: json["name"],
-    pluralName: json["plural_name"] == null ? void 0 : json["plural_name"],
-    pricePerUnit: json["price_per_unit"],
-    singularName: json["singular_name"] == null ? void 0 : json["singular_name"],
+    price: json["price"],
+    priceDecimal: json["price_decimal"] == null ? void 0 : json["price_decimal"],
+    productId: json["product_id"],
+    quantity: json["quantity"],
     updatedAt: new Date(json["updated_at"])
   };
 }
 
 // src/api/componentspublic/models/BillingPriceResponseData.ts
 function BillingPriceResponseDataFromJSON2(json) {
-  return BillingPriceResponseDataFromJSONTyped6(json, false);
+  return BillingPriceResponseDataFromJSONTyped7(json, false);
 }
-function BillingPriceResponseDataFromJSONTyped6(json, ignoreDiscriminator) {
+function BillingPriceResponseDataFromJSONTyped7(json, ignoreDiscriminator) {
   if (json == null) {
     return json;
   }
@@ -13038,6 +13041,33 @@ function BillingPriceResponseDataFromJSONTyped6(json, ignoreDiscriminator) {
   };
 }
 
+// src/api/componentspublic/models/BillingCreditResponseData.ts
+function BillingCreditResponseDataFromJSON2(json) {
+  return BillingCreditResponseDataFromJSONTyped3(json, false);
+}
+function BillingCreditResponseDataFromJSONTyped3(json, ignoreDiscriminator) {
+  if (json == null) {
+    return json;
+  }
+  return {
+    burnStrategy: json["burn_strategy"],
+    createdAt: new Date(json["created_at"]),
+    defaultExpiryUnit: json["default_expiry_unit"],
+    defaultExpiryUnitCount: json["default_expiry_unit_count"] == null ? void 0 : json["default_expiry_unit_count"],
+    defaultRolloverPolicy: json["default_rollover_policy"],
+    description: json["description"],
+    icon: json["icon"] == null ? void 0 : json["icon"],
+    id: json["id"],
+    monthlyPrice: json["monthly_price"] == null ? void 0 : BillingPriceResponseDataFromJSON2(json["monthly_price"]),
+    name: json["name"],
+    pluralName: json["plural_name"] == null ? void 0 : json["plural_name"],
+    product: json["product"] == null ? void 0 : BillingProductResponseDataFromJSON2(json["product"]),
+    singularName: json["singular_name"] == null ? void 0 : json["singular_name"],
+    updatedAt: new Date(json["updated_at"]),
+    yearlyPrice: json["yearly_price"] == null ? void 0 : BillingPriceResponseDataFromJSON2(json["yearly_price"])
+  };
+}
+
 // src/api/componentspublic/models/BillingProductPriceTierResponseData.ts
 function BillingProductPriceTierResponseDataFromJSON2(json) {
   return BillingProductPriceTierResponseDataFromJSONTyped4(json, false);
@@ -13117,30 +13147,6 @@ function BillingProductDetailResponseDataFromJSONTyped5(json, ignoreDiscriminato
   };
 }
 
-// src/api/componentspublic/models/BillingProductResponseData.ts
-function BillingProductResponseDataFromJSON2(json) {
-  return BillingProductResponseDataFromJSONTyped3(json, false);
-}
-function BillingProductResponseDataFromJSONTyped3(json, ignoreDiscriminator) {
-  if (json == null) {
-    return json;
-  }
-  return {
-    accountId: json["account_id"],
-    createdAt: new Date(json["created_at"]),
-    currency: json["currency"],
-    environmentId: json["environment_id"],
-    externalId: json["external_id"],
-    isActive: json["is_active"],
-    name: json["name"],
-    price: json["price"],
-    priceDecimal: json["price_decimal"] == null ? void 0 : json["price_decimal"],
-    productId: json["product_id"],
-    quantity: json["quantity"],
-    updatedAt: new Date(json["updated_at"])
-  };
-}
-
 // src/api/componentspublic/models/CompatiblePlans.ts
 function CompatiblePlansFromJSON2(json) {
   return CompatiblePlansFromJSONTyped3(json, false);
@@ -13447,6 +13453,7 @@ function PlanEntitlementResponseDataFromJSONTyped4(json, ignoreDiscriminator) {
     return json;
   }
   return {
+    consumptionRate: json["consumption_rate"] == null ? void 0 : json["consumption_rate"],
     createdAt: new Date(json["created_at"]),
     environmentId: json["environment_id"],
     feature: json["feature"] == null ? void 0 : FeatureResponseDataFromJSON2(json["feature"]),
@@ -13729,7 +13736,7 @@ var EmbedProvider = ({
   });
   const customHeaders = (0, import_react12.useMemo)(
     () => ({
-      "X-Schematic-Components-Version": "1.0.3",
+      "X-Schematic-Components-Version": "1.0.4",
       "X-Schematic-Session-ID": sessionIdRef.current
     }),
     []
@@ -17200,6 +17207,14 @@ var CheckoutDialog = ({ top = 0 }) => {
     )
   );
   const [willTrial, setWillTrial] = (0, import_react29.useState)(false);
+  const selectedPlanCompatibility = (0, import_react29.useMemo)(() => {
+    if (!data?.addOnCompatibilities || !selectedPlan?.id) {
+      return null;
+    }
+    return data.addOnCompatibilities.find(
+      (compat) => compat.sourcePlanId === selectedPlan.id
+    );
+  }, [data?.addOnCompatibilities, selectedPlan?.id]);
   const [addOns, setAddOns] = (0, import_react29.useState)(() => {
     if (isCheckoutData(data)) {
       return availableAddOns.map((addOn) => ({
@@ -17212,6 +17227,24 @@ var CheckoutDialog = ({ top = 0 }) => {
     return [];
   });
   const hasActiveAddOns = addOns.some((addOn) => addOn.isSelected);
+  (0, import_react29.useEffect)(() => {
+    setAddOns((prevAddOns) => {
+      return prevAddOns.filter((availAddOn) => {
+        if (!selectedPlanCompatibility || !selectedPlanCompatibility.compatiblePlanIds?.length) {
+          return true;
+        }
+        return selectedPlanCompatibility?.compatiblePlanIds.includes(
+          availAddOn.id
+        );
+      }).map((addOn) => {
+        const prevAddOn = prevAddOns.find((prev2) => prev2.id === addOn.id);
+        return {
+          ...addOn,
+          isSelected: prevAddOn?.isSelected ?? false
+        };
+      });
+    });
+  }, [selectedPlanCompatibility, selectedPlan?.id]);
   const [usageBasedEntitlements, setUsageBasedEntitlements] = (0, import_react29.useState)(
     () => (selectedPlan?.entitlements || []).reduce(
       createActiveUsageBasedEntitlementsReducer(
@@ -17253,7 +17286,7 @@ var CheckoutDialog = ({ top = 0 }) => {
         name: t2("Quantity")
       });
     }
-    if (availableAddOns.length > 0) {
+    if (addOns.length > 0) {
       stages.push({
         id: "addons",
         name: t2("Add-ons"),
@@ -17272,7 +17305,7 @@ var CheckoutDialog = ({ top = 0 }) => {
   }, [
     t2,
     availablePlans,
-    availableAddOns,
+    addOns,
     payInAdvanceEntitlements,
     willTrial,
     requiresPayment

package/dist/schematic-components.d.ts

@@ -14,17 +14,6 @@ import { RefAttributes } from 'react';
 import { RuleSet } from 'styled-components';
 import { Substitute } from 'styled-components/dist/types';
 
-/**
- * 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
@@ -79,6 +68,12 @@ declare interface BillingCreditResponseData {
      * @memberof BillingCreditResponseData
      */
     id: string;
+    /**
+     *
+     * @type {BillingPriceResponseData}
+     * @memberof BillingCreditResponseData
+     */
+    monthlyPrice?: BillingPriceResponseData;
     /**
      *
      * @type {string}
@@ -93,10 +88,10 @@ declare interface BillingCreditResponseData {
     pluralName?: string | null;
     /**
      *
-     * @type {number}
+     * @type {BillingProductResponseData}
      * @memberof BillingCreditResponseData
      */
-    pricePerUnit: number;
+    product?: BillingProductResponseData;
     /**
      *
      * @type {string}
@@ -109,19 +104,14 @@ declare interface BillingCreditResponseData {
      * @memberof BillingCreditResponseData
      */
     updatedAt: Date;
+    /**
+     *
+     * @type {BillingPriceResponseData}
+     * @memberof BillingCreditResponseData
+     */
+    yearlyPrice?: BillingPriceResponseData;
 }
 
-/**
- * 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
@@ -176,6 +166,12 @@ declare interface BillingCreditResponseData_2 {
      * @memberof BillingCreditResponseData
      */
     id: string;
+    /**
+     *
+     * @type {BillingPriceResponseData}
+     * @memberof BillingCreditResponseData
+     */
+    monthlyPrice?: BillingPriceResponseData_2;
     /**
      *
      * @type {string}
@@ -190,10 +186,10 @@ declare interface BillingCreditResponseData_2 {
     pluralName?: string | null;
     /**
      *
-     * @type {number}
+     * @type {BillingProductResponseData}
      * @memberof BillingCreditResponseData
      */
-    pricePerUnit: number;
+    product?: BillingProductResponseData_2;
     /**
      *
      * @type {string}
@@ -206,6 +202,12 @@ declare interface BillingCreditResponseData_2 {
      * @memberof BillingCreditResponseData
      */
     updatedAt: Date;
+    /**
+     *
+     * @type {BillingPriceResponseData}
+     * @memberof BillingCreditResponseData
+     */
+    yearlyPrice?: BillingPriceResponseData_2;
 }
 
 /**
@@ -4757,6 +4759,12 @@ declare interface PlanDetailResponseData {
  * @interface PlanEntitlementResponseData
  */
 declare interface PlanEntitlementResponseData {
+    /**
+     *
+     * @type {number}
+     * @memberof PlanEntitlementResponseData
+     */
+    consumptionRate?: number | null;
     /**
      *
      * @type {Date}
@@ -4903,6 +4911,12 @@ declare interface PlanEntitlementResponseData {
  * @interface PlanEntitlementResponseData
  */
 declare interface PlanEntitlementResponseData_2 {
+    /**
+     *
+     * @type {number}
+     * @memberof PlanEntitlementResponseData
+     */
+    consumptionRate?: number | null;
     /**
      *
      * @type {Date}
@@ -6638,6 +6652,12 @@ declare interface UpdatePaymentMethodResponse {
  * @interface UsageBasedEntitlementResponseData
  */
 declare interface UsageBasedEntitlementResponseData {
+    /**
+     *
+     * @type {number}
+     * @memberof UsageBasedEntitlementResponseData
+     */
+    consumptionRate?: number | null;
     /**
      *
      * @type {string}

package/dist/schematic-components.esm.js

@@ -10899,27 +10899,26 @@ var JSONApiResponse = class {
   }
 };
 
-// src/api/checkoutexternal/models/BillingCreditResponseData.ts
-function BillingCreditResponseDataFromJSON(json) {
-  return BillingCreditResponseDataFromJSONTyped(json, false);
+// src/api/checkoutexternal/models/BillingProductResponseData.ts
+function BillingProductResponseDataFromJSON(json) {
+  return BillingProductResponseDataFromJSONTyped(json, false);
 }
-function BillingCreditResponseDataFromJSONTyped(json, ignoreDiscriminator) {
+function BillingProductResponseDataFromJSONTyped(json, ignoreDiscriminator) {
   if (json == null) {
     return json;
   }
   return {
-    burnStrategy: json["burn_strategy"],
+    accountId: json["account_id"],
     createdAt: new Date(json["created_at"]),
-    defaultExpiryUnit: json["default_expiry_unit"],
-    defaultExpiryUnitCount: json["default_expiry_unit_count"] == null ? void 0 : json["default_expiry_unit_count"],
-    defaultRolloverPolicy: json["default_rollover_policy"],
-    description: json["description"],
-    icon: json["icon"] == null ? void 0 : json["icon"],
-    id: json["id"],
+    currency: json["currency"],
+    environmentId: json["environment_id"],
+    externalId: json["external_id"],
+    isActive: json["is_active"],
     name: json["name"],
-    pluralName: json["plural_name"] == null ? void 0 : json["plural_name"],
-    pricePerUnit: json["price_per_unit"],
-    singularName: json["singular_name"] == null ? void 0 : json["singular_name"],
+    price: json["price"],
+    priceDecimal: json["price_decimal"] == null ? void 0 : json["price_decimal"],
+    productId: json["product_id"],
+    quantity: json["quantity"],
     updatedAt: new Date(json["updated_at"])
   };
 }
@@ -10943,6 +10942,33 @@ function BillingPriceResponseDataFromJSONTyped(json, ignoreDiscriminator) {
   };
 }
 
+// src/api/checkoutexternal/models/BillingCreditResponseData.ts
+function BillingCreditResponseDataFromJSON(json) {
+  return BillingCreditResponseDataFromJSONTyped(json, false);
+}
+function BillingCreditResponseDataFromJSONTyped(json, ignoreDiscriminator) {
+  if (json == null) {
+    return json;
+  }
+  return {
+    burnStrategy: json["burn_strategy"],
+    createdAt: new Date(json["created_at"]),
+    defaultExpiryUnit: json["default_expiry_unit"],
+    defaultExpiryUnitCount: json["default_expiry_unit_count"] == null ? void 0 : json["default_expiry_unit_count"],
+    defaultRolloverPolicy: json["default_rollover_policy"],
+    description: json["description"],
+    icon: json["icon"] == null ? void 0 : json["icon"],
+    id: json["id"],
+    monthlyPrice: json["monthly_price"] == null ? void 0 : BillingPriceResponseDataFromJSON(json["monthly_price"]),
+    name: json["name"],
+    pluralName: json["plural_name"] == null ? void 0 : json["plural_name"],
+    product: json["product"] == null ? void 0 : BillingProductResponseDataFromJSON(json["product"]),
+    singularName: json["singular_name"] == null ? void 0 : json["singular_name"],
+    updatedAt: new Date(json["updated_at"]),
+    yearlyPrice: json["yearly_price"] == null ? void 0 : BillingPriceResponseDataFromJSON(json["yearly_price"])
+  };
+}
+
 // src/api/checkoutexternal/models/BillingProductPriceTierResponseData.ts
 function BillingProductPriceTierResponseDataFromJSON(json) {
   return BillingProductPriceTierResponseDataFromJSONTyped(json, false);
@@ -11055,30 +11081,6 @@ function BillingProductForSubscriptionResponseDataFromJSONTyped(json, ignoreDisc
   };
 }
 
-// src/api/checkoutexternal/models/BillingProductResponseData.ts
-function BillingProductResponseDataFromJSON(json) {
-  return BillingProductResponseDataFromJSONTyped(json, false);
-}
-function BillingProductResponseDataFromJSONTyped(json, ignoreDiscriminator) {
-  if (json == null) {
-    return json;
-  }
-  return {
-    accountId: json["account_id"],
-    createdAt: new Date(json["created_at"]),
-    currency: json["currency"],
-    environmentId: json["environment_id"],
-    externalId: json["external_id"],
-    isActive: json["is_active"],
-    name: json["name"],
-    price: json["price"],
-    priceDecimal: json["price_decimal"] == null ? void 0 : json["price_decimal"],
-    productId: json["product_id"],
-    quantity: json["quantity"],
-    updatedAt: new Date(json["updated_at"])
-  };
-}
-
 // src/api/checkoutexternal/models/BillingSubscriptionDiscountView.ts
 function BillingSubscriptionDiscountViewFromJSON(json) {
   return BillingSubscriptionDiscountViewFromJSONTyped(json, false);
@@ -11751,6 +11753,7 @@ function PlanEntitlementResponseDataFromJSONTyped(json, ignoreDiscriminator) {
     return json;
   }
   return {
+    consumptionRate: json["consumption_rate"] == null ? void 0 : json["consumption_rate"],
     createdAt: new Date(json["created_at"]),
     environmentId: json["environment_id"],
     feature: json["feature"] == null ? void 0 : FeatureResponseDataFromJSON(json["feature"]),
@@ -11937,6 +11940,7 @@ function UsageBasedEntitlementResponseDataFromJSONTyped(json, ignoreDiscriminato
     return json;
   }
   return {
+    consumptionRate: json["consumption_rate"] == null ? void 0 : json["consumption_rate"],
     featureId: json["feature_id"],
     meteredPrice: json["metered_price"] == null ? void 0 : BillingPriceViewFromJSON(json["metered_price"]),
     metricPeriod: json["metric_period"] == null ? void 0 : json["metric_period"],
@@ -12937,36 +12941,35 @@ var JSONApiResponse2 = class {
   }
 };
 
-// src/api/componentspublic/models/BillingCreditResponseData.ts
-function BillingCreditResponseDataFromJSON2(json) {
-  return BillingCreditResponseDataFromJSONTyped3(json, false);
+// src/api/componentspublic/models/BillingProductResponseData.ts
+function BillingProductResponseDataFromJSON2(json) {
+  return BillingProductResponseDataFromJSONTyped4(json, false);
 }
-function BillingCreditResponseDataFromJSONTyped3(json, ignoreDiscriminator) {
+function BillingProductResponseDataFromJSONTyped4(json, ignoreDiscriminator) {
   if (json == null) {
     return json;
   }
   return {
-    burnStrategy: json["burn_strategy"],
+    accountId: json["account_id"],
     createdAt: new Date(json["created_at"]),
-    defaultExpiryUnit: json["default_expiry_unit"],
-    defaultExpiryUnitCount: json["default_expiry_unit_count"] == null ? void 0 : json["default_expiry_unit_count"],
-    defaultRolloverPolicy: json["default_rollover_policy"],
-    description: json["description"],
-    icon: json["icon"] == null ? void 0 : json["icon"],
-    id: json["id"],
+    currency: json["currency"],
+    environmentId: json["environment_id"],
+    externalId: json["external_id"],
+    isActive: json["is_active"],
     name: json["name"],
-    pluralName: json["plural_name"] == null ? void 0 : json["plural_name"],
-    pricePerUnit: json["price_per_unit"],
-    singularName: json["singular_name"] == null ? void 0 : json["singular_name"],
+    price: json["price"],
+    priceDecimal: json["price_decimal"] == null ? void 0 : json["price_decimal"],
+    productId: json["product_id"],
+    quantity: json["quantity"],
     updatedAt: new Date(json["updated_at"])
   };
 }
 
 // src/api/componentspublic/models/BillingPriceResponseData.ts
 function BillingPriceResponseDataFromJSON2(json) {
-  return BillingPriceResponseDataFromJSONTyped6(json, false);
+  return BillingPriceResponseDataFromJSONTyped7(json, false);
 }
-function BillingPriceResponseDataFromJSONTyped6(json, ignoreDiscriminator) {
+function BillingPriceResponseDataFromJSONTyped7(json, ignoreDiscriminator) {
   if (json == null) {
     return json;
   }
@@ -12981,6 +12984,33 @@ function BillingPriceResponseDataFromJSONTyped6(json, ignoreDiscriminator) {
   };
 }
 
+// src/api/componentspublic/models/BillingCreditResponseData.ts
+function BillingCreditResponseDataFromJSON2(json) {
+  return BillingCreditResponseDataFromJSONTyped3(json, false);
+}
+function BillingCreditResponseDataFromJSONTyped3(json, ignoreDiscriminator) {
+  if (json == null) {
+    return json;
+  }
+  return {
+    burnStrategy: json["burn_strategy"],
+    createdAt: new Date(json["created_at"]),
+    defaultExpiryUnit: json["default_expiry_unit"],
+    defaultExpiryUnitCount: json["default_expiry_unit_count"] == null ? void 0 : json["default_expiry_unit_count"],
+    defaultRolloverPolicy: json["default_rollover_policy"],
+    description: json["description"],
+    icon: json["icon"] == null ? void 0 : json["icon"],
+    id: json["id"],
+    monthlyPrice: json["monthly_price"] == null ? void 0 : BillingPriceResponseDataFromJSON2(json["monthly_price"]),
+    name: json["name"],
+    pluralName: json["plural_name"] == null ? void 0 : json["plural_name"],
+    product: json["product"] == null ? void 0 : BillingProductResponseDataFromJSON2(json["product"]),
+    singularName: json["singular_name"] == null ? void 0 : json["singular_name"],
+    updatedAt: new Date(json["updated_at"]),
+    yearlyPrice: json["yearly_price"] == null ? void 0 : BillingPriceResponseDataFromJSON2(json["yearly_price"])
+  };
+}
+
 // src/api/componentspublic/models/BillingProductPriceTierResponseData.ts
 function BillingProductPriceTierResponseDataFromJSON2(json) {
   return BillingProductPriceTierResponseDataFromJSONTyped4(json, false);
@@ -13060,30 +13090,6 @@ function BillingProductDetailResponseDataFromJSONTyped5(json, ignoreDiscriminato
   };
 }
 
-// src/api/componentspublic/models/BillingProductResponseData.ts
-function BillingProductResponseDataFromJSON2(json) {
-  return BillingProductResponseDataFromJSONTyped3(json, false);
-}
-function BillingProductResponseDataFromJSONTyped3(json, ignoreDiscriminator) {
-  if (json == null) {
-    return json;
-  }
-  return {
-    accountId: json["account_id"],
-    createdAt: new Date(json["created_at"]),
-    currency: json["currency"],
-    environmentId: json["environment_id"],
-    externalId: json["external_id"],
-    isActive: json["is_active"],
-    name: json["name"],
-    price: json["price"],
-    priceDecimal: json["price_decimal"] == null ? void 0 : json["price_decimal"],
-    productId: json["product_id"],
-    quantity: json["quantity"],
-    updatedAt: new Date(json["updated_at"])
-  };
-}
-
 // src/api/componentspublic/models/CompatiblePlans.ts
 function CompatiblePlansFromJSON2(json) {
   return CompatiblePlansFromJSONTyped3(json, false);
@@ -13390,6 +13396,7 @@ function PlanEntitlementResponseDataFromJSONTyped4(json, ignoreDiscriminator) {
     return json;
   }
   return {
+    consumptionRate: json["consumption_rate"] == null ? void 0 : json["consumption_rate"],
     createdAt: new Date(json["created_at"]),
     environmentId: json["environment_id"],
     feature: json["feature"] == null ? void 0 : FeatureResponseDataFromJSON2(json["feature"]),
@@ -13672,7 +13679,7 @@ var EmbedProvider = ({
   });
   const customHeaders = useMemo3(
     () => ({
-      "X-Schematic-Components-Version": "1.0.3",
+      "X-Schematic-Components-Version": "1.0.4",
       "X-Schematic-Session-ID": sessionIdRef.current
     }),
     []
@@ -17153,6 +17160,14 @@ var CheckoutDialog = ({ top = 0 }) => {
     )
   );
   const [willTrial, setWillTrial] = useState9(false);
+  const selectedPlanCompatibility = useMemo8(() => {
+    if (!data?.addOnCompatibilities || !selectedPlan?.id) {
+      return null;
+    }
+    return data.addOnCompatibilities.find(
+      (compat) => compat.sourcePlanId === selectedPlan.id
+    );
+  }, [data?.addOnCompatibilities, selectedPlan?.id]);
   const [addOns, setAddOns] = useState9(() => {
     if (isCheckoutData(data)) {
       return availableAddOns.map((addOn) => ({
@@ -17165,6 +17180,24 @@ var CheckoutDialog = ({ top = 0 }) => {
     return [];
   });
   const hasActiveAddOns = addOns.some((addOn) => addOn.isSelected);
+  useEffect5(() => {
+    setAddOns((prevAddOns) => {
+      return prevAddOns.filter((availAddOn) => {
+        if (!selectedPlanCompatibility || !selectedPlanCompatibility.compatiblePlanIds?.length) {
+          return true;
+        }
+        return selectedPlanCompatibility?.compatiblePlanIds.includes(
+          availAddOn.id
+        );
+      }).map((addOn) => {
+        const prevAddOn = prevAddOns.find((prev2) => prev2.id === addOn.id);
+        return {
+          ...addOn,
+          isSelected: prevAddOn?.isSelected ?? false
+        };
+      });
+    });
+  }, [selectedPlanCompatibility, selectedPlan?.id]);
   const [usageBasedEntitlements, setUsageBasedEntitlements] = useState9(
     () => (selectedPlan?.entitlements || []).reduce(
       createActiveUsageBasedEntitlementsReducer(
@@ -17206,7 +17239,7 @@ var CheckoutDialog = ({ top = 0 }) => {
         name: t2("Quantity")
       });
     }
-    if (availableAddOns.length > 0) {
+    if (addOns.length > 0) {
       stages.push({
         id: "addons",
         name: t2("Add-ons"),
@@ -17225,7 +17258,7 @@ var CheckoutDialog = ({ top = 0 }) => {
   }, [
     t2,
     availablePlans,
-    availableAddOns,
+    addOns,
     payInAdvanceEntitlements,
     willTrial,
     requiresPayment

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@schematichq/schematic-components",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "main": "dist/schematic-components.cjs.js",
   "module": "dist/schematic-components.esm.js",
   "types": "dist/schematic-components.d.ts",