@schematichq/schematic-components 1.6.0 → 1.6.2

package/dist/schematic-components.cjs.js

@@ -7097,7 +7097,7 @@ var import_debounce = __toESM(require_debounce());
 var import_merge2 = __toESM(require_merge());
 var import_react12 = require("react");
 
-// node_modules/uuid/dist-browser/stringify.js
+// node_modules/uuid/dist/stringify.js
 var byteToHex = [];
 for (let i2 = 0; i2 < 256; ++i2) {
   byteToHex.push((i2 + 256).toString(16).slice(1));
@@ -7106,7 +7106,7 @@ function unsafeStringify(arr, offset = 0) {
   return (byteToHex[arr[offset + 0]] + byteToHex[arr[offset + 1]] + byteToHex[arr[offset + 2]] + byteToHex[arr[offset + 3]] + "-" + byteToHex[arr[offset + 4]] + byteToHex[arr[offset + 5]] + "-" + byteToHex[arr[offset + 6]] + byteToHex[arr[offset + 7]] + "-" + byteToHex[arr[offset + 8]] + byteToHex[arr[offset + 9]] + "-" + byteToHex[arr[offset + 10]] + byteToHex[arr[offset + 11]] + byteToHex[arr[offset + 12]] + byteToHex[arr[offset + 13]] + byteToHex[arr[offset + 14]] + byteToHex[arr[offset + 15]]).toLowerCase();
 }
 
-// node_modules/uuid/dist-browser/rng.js
+// node_modules/uuid/dist/rng.js
 var getRandomValues;
 var rnds8 = new Uint8Array(16);
 function rng() {
@@ -7119,11 +7119,11 @@ function rng() {
   return getRandomValues(rnds8);
 }
 
-// node_modules/uuid/dist-browser/native.js
+// node_modules/uuid/dist/native.js
 var randomUUID = typeof crypto !== "undefined" && crypto.randomUUID && crypto.randomUUID.bind(crypto);
 var native_default = { randomUUID };
 
-// node_modules/uuid/dist-browser/v4.js
+// node_modules/uuid/dist/v4.js
 function _v4(options, buf, offset) {
   options = options || {};
   const rnds = options.random ?? options.rng?.() ?? rng();
@@ -7537,6 +7537,30 @@ function BillingCreditResponseDataFromJSONTyped(json, ignoreDiscriminator) {
   };
 }
 
+// src/api/checkoutexternal/models/BillingPlanCreditGrantResponseData.ts
+function BillingPlanCreditGrantResponseDataFromJSON(json) {
+  return BillingPlanCreditGrantResponseDataFromJSONTyped(json, false);
+}
+function BillingPlanCreditGrantResponseDataFromJSONTyped(json, ignoreDiscriminator) {
+  if (json == null) {
+    return json;
+  }
+  return {
+    createdAt: new Date(json["created_at"]),
+    creditAmount: json["credit_amount"],
+    creditId: json["credit_id"],
+    creditName: json["credit_name"],
+    creditPluralName: json["credit_plural_name"] == null ? void 0 : json["credit_plural_name"],
+    creditSingularName: json["credit_singular_name"] == null ? void 0 : json["credit_singular_name"],
+    id: json["id"],
+    planId: json["plan_id"],
+    planName: json["plan_name"],
+    resetCadence: json["reset_cadence"],
+    resetStart: json["reset_start"],
+    updatedAt: new Date(json["updated_at"])
+  };
+}
+
 // src/api/checkoutexternal/models/BillingProductPriceTierResponseData.ts
 function BillingProductPriceTierResponseDataFromJSON(json) {
   return BillingProductPriceTierResponseDataFromJSONTyped(json, false);
@@ -8451,6 +8475,63 @@ function CustomPlanConfigFromJSONTyped(json, ignoreDiscriminator) {
   };
 }
 
+// src/api/checkoutexternal/models/CreditGrantDetail.ts
+function CreditGrantDetailFromJSON(json) {
+  return CreditGrantDetailFromJSONTyped(json, false);
+}
+function CreditGrantDetailFromJSONTyped(json, ignoreDiscriminator) {
+  if (json == null) {
+    return json;
+  }
+  return {
+    creditTypeIcon: json["credit_type_icon"] == null ? void 0 : json["credit_type_icon"],
+    expiresAt: json["expires_at"] == null ? void 0 : new Date(json["expires_at"]),
+    grantReason: json["grant_reason"],
+    quantity: json["quantity"]
+  };
+}
+
+// src/api/checkoutexternal/models/FeatureUsageResponseData.ts
+function FeatureUsageResponseDataFromJSON(json) {
+  return FeatureUsageResponseDataFromJSONTyped(json, false);
+}
+function FeatureUsageResponseDataFromJSONTyped(json, ignoreDiscriminator) {
+  if (json == null) {
+    return json;
+  }
+  return {
+    access: json["access"],
+    allocation: json["allocation"] == null ? void 0 : json["allocation"],
+    allocationType: json["allocation_type"],
+    companyOverride: json["company_override"] == null ? void 0 : CompanyOverrideResponseDataFromJSON(json["company_override"]),
+    creditConsumptionRate: json["credit_consumption_rate"] == null ? void 0 : json["credit_consumption_rate"],
+    creditGrantCounts: json["credit_grant_counts"] == null ? void 0 : json["credit_grant_counts"],
+    creditGrantDetails: json["credit_grant_details"] == null ? void 0 : json["credit_grant_details"].map(
+      CreditGrantDetailFromJSON
+    ),
+    creditGrantReason: json["credit_grant_reason"] == null ? void 0 : json["credit_grant_reason"],
+    creditRemaining: json["credit_remaining"] == null ? void 0 : json["credit_remaining"],
+    creditTotal: json["credit_total"] == null ? void 0 : json["credit_total"],
+    creditTypeIcon: json["credit_type_icon"] == null ? void 0 : json["credit_type_icon"],
+    creditUsed: json["credit_used"] == null ? void 0 : json["credit_used"],
+    entitlementExpirationDate: json["entitlement_expiration_date"] == null ? void 0 : new Date(json["entitlement_expiration_date"]),
+    entitlementId: json["entitlement_id"],
+    entitlementSource: json["entitlement_source"] == null ? void 0 : json["entitlement_source"],
+    entitlementType: json["entitlement_type"],
+    feature: json["feature"] == null ? void 0 : FeatureDetailResponseDataFromJSON(json["feature"]),
+    metricResetAt: json["metric_reset_at"] == null ? void 0 : new Date(json["metric_reset_at"]),
+    monthReset: json["month_reset"] == null ? void 0 : json["month_reset"],
+    monthlyUsageBasedPrice: json["monthly_usage_based_price"] == null ? void 0 : BillingPriceViewFromJSON(json["monthly_usage_based_price"]),
+    period: json["period"] == null ? void 0 : json["period"],
+    plan: json["plan"] == null ? void 0 : PlanResponseDataFromJSON(json["plan"]),
+    planEntitlement: json["plan_entitlement"] == null ? void 0 : PlanEntitlementResponseDataFromJSON(json["plan_entitlement"]),
+    priceBehavior: json["price_behavior"] == null ? void 0 : json["price_behavior"],
+    softLimit: json["soft_limit"] == null ? void 0 : json["soft_limit"],
+    usage: json["usage"] == null ? void 0 : json["usage"],
+    yearlyUsageBasedPrice: json["yearly_usage_based_price"] == null ? void 0 : BillingPriceViewFromJSON(json["yearly_usage_based_price"])
+  };
+}
+
 // src/api/checkoutexternal/models/CompanyPlanDetailResponseData.ts
 function CompanyPlanDetailResponseDataFromJSON(json) {
   return CompanyPlanDetailResponseDataFromJSONTyped(json, false);
@@ -8493,6 +8574,9 @@ function CompanyPlanDetailResponseDataFromJSONTyped(json, ignoreDiscriminator) {
     planType: json["plan_type"],
     trialDays: json["trial_days"] == null ? void 0 : json["trial_days"],
     updatedAt: new Date(json["updated_at"]),
+    usageViolations: json["usage_violations"].map(
+      FeatureUsageResponseDataFromJSON
+    ),
     valid: json["valid"],
     yearlyPrice: json["yearly_price"] == null ? void 0 : BillingPriceResponseDataFromJSON(json["yearly_price"])
   };
@@ -8592,6 +8676,9 @@ function PlanDetailResponseDataFromJSONTyped(json, ignoreDiscriminator) {
     ),
     icon: json["icon"],
     id: json["id"],
+    includedCreditGrants: json["included_credit_grants"] == null ? void 0 : json["included_credit_grants"].map(
+      BillingPlanCreditGrantResponseDataFromJSON
+    ),
     isDefault: json["is_default"],
     isFree: json["is_free"],
     isTrialable: json["is_trialable"],
@@ -8703,62 +8790,6 @@ function ComponentResponseDataFromJSONTyped(json, ignoreDiscriminator) {
   };
 }
 
-// src/api/checkoutexternal/models/CreditGrantDetail.ts
-function CreditGrantDetailFromJSON(json) {
-  return CreditGrantDetailFromJSONTyped(json, false);
-}
-function CreditGrantDetailFromJSONTyped(json, ignoreDiscriminator) {
-  if (json == null) {
-    return json;
-  }
-  return {
-    creditTypeIcon: json["credit_type_icon"] == null ? void 0 : json["credit_type_icon"],
-    expiresAt: json["expires_at"] == null ? void 0 : new Date(json["expires_at"]),
-    grantReason: json["grant_reason"],
-    quantity: json["quantity"]
-  };
-}
-
-// src/api/checkoutexternal/models/FeatureUsageResponseData.ts
-function FeatureUsageResponseDataFromJSON(json) {
-  return FeatureUsageResponseDataFromJSONTyped(json, false);
-}
-function FeatureUsageResponseDataFromJSONTyped(json, ignoreDiscriminator) {
-  if (json == null) {
-    return json;
-  }
-  return {
-    access: json["access"],
-    allocation: json["allocation"] == null ? void 0 : json["allocation"],
-    allocationType: json["allocation_type"],
-    companyOverride: json["company_override"] == null ? void 0 : CompanyOverrideResponseDataFromJSON(json["company_override"]),
-    creditGrantCounts: json["credit_grant_counts"] == null ? void 0 : json["credit_grant_counts"],
-    creditGrantDetails: json["credit_grant_details"] == null ? void 0 : json["credit_grant_details"].map(
-      CreditGrantDetailFromJSON
-    ),
-    creditGrantReason: json["credit_grant_reason"] == null ? void 0 : json["credit_grant_reason"],
-    creditRemaining: json["credit_remaining"] == null ? void 0 : json["credit_remaining"],
-    creditTotal: json["credit_total"] == null ? void 0 : json["credit_total"],
-    creditTypeIcon: json["credit_type_icon"] == null ? void 0 : json["credit_type_icon"],
-    creditUsed: json["credit_used"] == null ? void 0 : json["credit_used"],
-    entitlementExpirationDate: json["entitlement_expiration_date"] == null ? void 0 : new Date(json["entitlement_expiration_date"]),
-    entitlementId: json["entitlement_id"],
-    entitlementSource: json["entitlement_source"] == null ? void 0 : json["entitlement_source"],
-    entitlementType: json["entitlement_type"],
-    feature: json["feature"] == null ? void 0 : FeatureDetailResponseDataFromJSON(json["feature"]),
-    metricResetAt: json["metric_reset_at"] == null ? void 0 : new Date(json["metric_reset_at"]),
-    monthReset: json["month_reset"] == null ? void 0 : json["month_reset"],
-    monthlyUsageBasedPrice: json["monthly_usage_based_price"] == null ? void 0 : BillingPriceViewFromJSON(json["monthly_usage_based_price"]),
-    period: json["period"] == null ? void 0 : json["period"],
-    plan: json["plan"] == null ? void 0 : PlanResponseDataFromJSON(json["plan"]),
-    planEntitlement: json["plan_entitlement"] == null ? void 0 : PlanEntitlementResponseDataFromJSON(json["plan_entitlement"]),
-    priceBehavior: json["price_behavior"] == null ? void 0 : json["price_behavior"],
-    softLimit: json["soft_limit"] == null ? void 0 : json["soft_limit"],
-    usage: json["usage"] == null ? void 0 : json["usage"],
-    yearlyUsageBasedPrice: json["yearly_usage_based_price"] == null ? void 0 : BillingPriceViewFromJSON(json["yearly_usage_based_price"])
-  };
-}
-
 // src/api/checkoutexternal/models/FeatureUsageDetailResponseData.ts
 function FeatureUsageDetailResponseDataFromJSON(json) {
   return FeatureUsageDetailResponseDataFromJSONTyped(json, false);
@@ -10560,7 +10591,7 @@ var EmbedProvider = ({
   });
   const customHeaders = (0, import_react12.useMemo)(
     () => ({
-      "X-Schematic-Components-Version": "1.6.0",
+      "X-Schematic-Components-Version": "1.6.2",
       "X-Schematic-Session-ID": sessionIdRef.current
     }),
     []
@@ -10826,17 +10857,15 @@ var EmbedProvider = ({
     const colorMode = darkModeQuery.matches ? "dark" : "light";
     dispatch({
       type: "UPDATE_SETTINGS",
-      settings: {
-        theme: {
-          colorMode
-        }
-      }
+      settings: { theme: { colorMode } },
+      update: true
     });
     function darkModeQueryHandler(event) {
       const newColorMode = event.matches ? "dark" : "light";
       dispatch({
         type: "UPDATE_SETTINGS",
-        settings: { theme: { colorMode: newColorMode } }
+        settings: { theme: { colorMode: newColorMode } },
+        update: true
       });
     }
     darkModeQuery.addEventListener("change", darkModeQueryHandler);
@@ -10889,8 +10918,9 @@ var EmbedProvider = ({
     }
   }, [state.accessToken, apiConfig, customHeaders]);
   (0, import_react12.useEffect)(() => {
-    const providedSettings = { ...options.settings || {} };
-    updateSettings(providedSettings, { update: false });
+    if (options.settings) {
+      updateSettings(options.settings, { update: true });
+    }
   }, [options.settings, updateSettings]);
   (0, import_react12.useEffect)(() => {
     function planChangedHandler(event) {
@@ -15225,7 +15255,7 @@ var Label = dt.label`
   transition:
     transform 0.5s cubic-bezier(0.19, 1, 0.22, 1),
     opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1);
-  color: #cdd6f4;
+  color: ${({ theme }) => theme.colorMode === "dark" ? "#cdd6f4" : "#000000"};
   touch-action: manipulation;
 `;
 var Input2 = dt.input`
@@ -19036,14 +19066,14 @@ var resolveDesignProps8 = (props) => {
       },
       showInclusionText: props.plans?.showInclusionText ?? true,
       showFeatureIcons: props.plans?.showFeatureIcons ?? true,
-      showFeatureDescriptions: props.plans?.showFeatureDescriptions ?? true,
+      showFeatureDescriptions: props.plans?.showFeatureDescriptions ?? false,
       showEntitlements: props.plans?.showEntitlements ?? true
     },
     addOns: {
       isVisible: props.addOns?.isVisible ?? true,
       showDescription: props.addOns?.showDescription ?? true,
       showFeatureIcons: props.addOns?.showFeatureIcons ?? true,
-      showFeatureDescriptions: props.plans?.showFeatureDescriptions ?? true,
+      showFeatureDescriptions: props.plans?.showFeatureDescriptions ?? false,
       showEntitlements: props.addOns?.showEntitlements ?? true
     },
     upgrade: {
@@ -19158,14 +19188,7 @@ var PricingTable = (0, import_react51.forwardRef)(
                   }
                 },
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
-                    Text,
-                    {
-                      display: props.header.fontStyle,
-                      $color: settings.theme.card.background,
-                      children: props.header.isVisible && props.plans.isVisible && plans.length > 0 && t2("Plans")
-                    }
-                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Text, { display: props.header.fontStyle, children: props.header.isVisible && props.plans.isVisible && plans.length > 0 && t2("Plans") }),
                   showPeriodToggle && periods.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
                     PeriodToggle,
                     {
@@ -19218,14 +19241,7 @@ var PricingTable = (0, import_react51.forwardRef)(
                 $justifyContent: "space-between",
                 $alignItems: "center",
                 $marginBottom: "1rem",
-                children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
-                  Text,
-                  {
-                    display: props.header.fontStyle,
-                    $color: settings.theme.card.background,
-                    children: t2("Add-ons")
-                  }
-                )
+                children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Text, { display: props.header.fontStyle, children: t2("Add-ons") })
               }
             ),
             /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
@@ -23885,7 +23901,10 @@ var SchematicEmbed = ({ id, accessToken }) => {
         );
         const ast = getEditorState(json);
         if (ast) {
-          updateSettings({ ...ast.ROOT.props.settings }, { update: false });
+          const settings = ast.ROOT.props.settings;
+          const { colorMode, ...theme2 } = settings.theme;
+          const updated = { mode: settings.mode, theme: theme2, badge: settings.badge };
+          updateSettings(updated, { update: true });
           nodes.push(...parseEditorState(ast));
           setChildren(nodes.map(renderer));
         }

package/dist/schematic-components.d.ts

@@ -331,6 +331,97 @@ declare interface BillingCreditResponseData_2 {
     updatedAt: Date;
 }
 
+/**
+ * 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 BillingPlanCreditGrantResponseData
+ */
+declare interface BillingPlanCreditGrantResponseData {
+    /**
+     *
+     * @type {Date}
+     * @memberof BillingPlanCreditGrantResponseData
+     */
+    createdAt: Date;
+    /**
+     *
+     * @type {number}
+     * @memberof BillingPlanCreditGrantResponseData
+     */
+    creditAmount: number;
+    /**
+     *
+     * @type {string}
+     * @memberof BillingPlanCreditGrantResponseData
+     */
+    creditId: string;
+    /**
+     *
+     * @type {string}
+     * @memberof BillingPlanCreditGrantResponseData
+     */
+    creditName: string;
+    /**
+     *
+     * @type {string}
+     * @memberof BillingPlanCreditGrantResponseData
+     */
+    creditPluralName?: string | null;
+    /**
+     *
+     * @type {string}
+     * @memberof BillingPlanCreditGrantResponseData
+     */
+    creditSingularName?: string | null;
+    /**
+     *
+     * @type {string}
+     * @memberof BillingPlanCreditGrantResponseData
+     */
+    id: string;
+    /**
+     *
+     * @type {string}
+     * @memberof BillingPlanCreditGrantResponseData
+     */
+    planId: string;
+    /**
+     *
+     * @type {string}
+     * @memberof BillingPlanCreditGrantResponseData
+     */
+    planName: string;
+    /**
+     *
+     * @type {string}
+     * @memberof BillingPlanCreditGrantResponseData
+     */
+    resetCadence: string;
+    /**
+     *
+     * @type {string}
+     * @memberof BillingPlanCreditGrantResponseData
+     */
+    resetStart: string;
+    /**
+     *
+     * @type {Date}
+     * @memberof BillingPlanCreditGrantResponseData
+     */
+    updatedAt: Date;
+}
+
 /**
  * Schematic API
  * Schematic API
@@ -1967,7 +2058,7 @@ export declare interface ColumnProps extends React.HTMLProps<HTMLDivElement> {
 }
 
 /**
- * The returned resource
+ *
  * @export
  * @interface CompanyCustomerBalance
  */
@@ -2485,6 +2576,12 @@ declare interface CompanyPlanDetailResponseData {
      * @memberof CompanyPlanDetailResponseData
      */
     updatedAt: Date;
+    /**
+     *
+     * @type {Array<FeatureUsageResponseData>}
+     * @memberof CompanyPlanDetailResponseData
+     */
+    usageViolations: Array<FeatureUsageResponseData>;
     /**
      *
      * @type {boolean}
@@ -2826,7 +2923,7 @@ declare interface ComponentCheckoutSettings {
 }
 
 /**
- * The returned resource
+ *
  * @export
  * @interface ComponentHydrateResponseData
  */
@@ -4558,6 +4655,12 @@ declare interface FeatureUsageResponseData {
      * @memberof FeatureUsageResponseData
      */
     companyOverride?: CompanyOverrideResponseData;
+    /**
+     * The rate at which credits are consumed per unit of usage
+     * @type {number}
+     * @memberof FeatureUsageResponseData
+     */
+    creditConsumptionRate?: number | null;
     /**
      *
      * @type {{ [key: string]: number; }}
@@ -5258,7 +5361,7 @@ declare interface ListInvoicesParams {
  */
 declare interface ListInvoicesResponse {
     /**
-     * The returned resources
+     *
      * @type {Array<InvoiceResponseData>}
      * @memberof ListInvoicesResponse
      */
@@ -5350,7 +5453,7 @@ export declare type PaymentMethodProps = DesignProps_5;
  * Do not edit the class manually.
  */
 /**
- * The created resource
+ *
  * @export
  * @interface PaymentMethodResponseData
  */
@@ -5733,6 +5836,12 @@ declare interface PlanDetailResponseData {
      * @memberof PlanDetailResponseData
      */
     id: string;
+    /**
+     *
+     * @type {Array<BillingPlanCreditGrantResponseData>}
+     * @memberof PlanDetailResponseData
+     */
+    includedCreditGrants?: Array<BillingPlanCreditGrantResponseData>;
     /**
      *
      * @type {boolean}
@@ -6610,7 +6719,7 @@ declare interface PreviewObjectResponseData_2 {
 }
 
 /**
- * The created resource
+ *
  * @export
  * @interface PreviewSubscriptionChangeResponseData
  */
@@ -6825,7 +6934,7 @@ export declare interface ProgressBarProps extends React.ComponentPropsWithoutRef
 export declare const progressColorMap: ("blue" | "red" | "yellow")[];
 
 /**
- * The returned resource
+ *
  * @export
  * @interface PublicPlansResponseData
  */
@@ -7464,7 +7573,7 @@ declare type SelectedPlan = Plan & {
  * Do not edit the class manually.
  */
 /**
- * The returned resource
+ *
  * @export
  * @interface SetupIntentResponseData
  */

package/dist/schematic-components.esm.js

@@ -7038,7 +7038,7 @@ import {
   useState as useState2
 } from "react";
 
-// node_modules/uuid/dist-browser/stringify.js
+// node_modules/uuid/dist/stringify.js
 var byteToHex = [];
 for (let i2 = 0; i2 < 256; ++i2) {
   byteToHex.push((i2 + 256).toString(16).slice(1));
@@ -7047,7 +7047,7 @@ function unsafeStringify(arr, offset = 0) {
   return (byteToHex[arr[offset + 0]] + byteToHex[arr[offset + 1]] + byteToHex[arr[offset + 2]] + byteToHex[arr[offset + 3]] + "-" + byteToHex[arr[offset + 4]] + byteToHex[arr[offset + 5]] + "-" + byteToHex[arr[offset + 6]] + byteToHex[arr[offset + 7]] + "-" + byteToHex[arr[offset + 8]] + byteToHex[arr[offset + 9]] + "-" + byteToHex[arr[offset + 10]] + byteToHex[arr[offset + 11]] + byteToHex[arr[offset + 12]] + byteToHex[arr[offset + 13]] + byteToHex[arr[offset + 14]] + byteToHex[arr[offset + 15]]).toLowerCase();
 }
 
-// node_modules/uuid/dist-browser/rng.js
+// node_modules/uuid/dist/rng.js
 var getRandomValues;
 var rnds8 = new Uint8Array(16);
 function rng() {
@@ -7060,11 +7060,11 @@ function rng() {
   return getRandomValues(rnds8);
 }
 
-// node_modules/uuid/dist-browser/native.js
+// node_modules/uuid/dist/native.js
 var randomUUID = typeof crypto !== "undefined" && crypto.randomUUID && crypto.randomUUID.bind(crypto);
 var native_default = { randomUUID };
 
-// node_modules/uuid/dist-browser/v4.js
+// node_modules/uuid/dist/v4.js
 function _v4(options, buf, offset) {
   options = options || {};
   const rnds = options.random ?? options.rng?.() ?? rng();
@@ -7478,6 +7478,30 @@ function BillingCreditResponseDataFromJSONTyped(json, ignoreDiscriminator) {
   };
 }
 
+// src/api/checkoutexternal/models/BillingPlanCreditGrantResponseData.ts
+function BillingPlanCreditGrantResponseDataFromJSON(json) {
+  return BillingPlanCreditGrantResponseDataFromJSONTyped(json, false);
+}
+function BillingPlanCreditGrantResponseDataFromJSONTyped(json, ignoreDiscriminator) {
+  if (json == null) {
+    return json;
+  }
+  return {
+    createdAt: new Date(json["created_at"]),
+    creditAmount: json["credit_amount"],
+    creditId: json["credit_id"],
+    creditName: json["credit_name"],
+    creditPluralName: json["credit_plural_name"] == null ? void 0 : json["credit_plural_name"],
+    creditSingularName: json["credit_singular_name"] == null ? void 0 : json["credit_singular_name"],
+    id: json["id"],
+    planId: json["plan_id"],
+    planName: json["plan_name"],
+    resetCadence: json["reset_cadence"],
+    resetStart: json["reset_start"],
+    updatedAt: new Date(json["updated_at"])
+  };
+}
+
 // src/api/checkoutexternal/models/BillingProductPriceTierResponseData.ts
 function BillingProductPriceTierResponseDataFromJSON(json) {
   return BillingProductPriceTierResponseDataFromJSONTyped(json, false);
@@ -8392,6 +8416,63 @@ function CustomPlanConfigFromJSONTyped(json, ignoreDiscriminator) {
   };
 }
 
+// src/api/checkoutexternal/models/CreditGrantDetail.ts
+function CreditGrantDetailFromJSON(json) {
+  return CreditGrantDetailFromJSONTyped(json, false);
+}
+function CreditGrantDetailFromJSONTyped(json, ignoreDiscriminator) {
+  if (json == null) {
+    return json;
+  }
+  return {
+    creditTypeIcon: json["credit_type_icon"] == null ? void 0 : json["credit_type_icon"],
+    expiresAt: json["expires_at"] == null ? void 0 : new Date(json["expires_at"]),
+    grantReason: json["grant_reason"],
+    quantity: json["quantity"]
+  };
+}
+
+// src/api/checkoutexternal/models/FeatureUsageResponseData.ts
+function FeatureUsageResponseDataFromJSON(json) {
+  return FeatureUsageResponseDataFromJSONTyped(json, false);
+}
+function FeatureUsageResponseDataFromJSONTyped(json, ignoreDiscriminator) {
+  if (json == null) {
+    return json;
+  }
+  return {
+    access: json["access"],
+    allocation: json["allocation"] == null ? void 0 : json["allocation"],
+    allocationType: json["allocation_type"],
+    companyOverride: json["company_override"] == null ? void 0 : CompanyOverrideResponseDataFromJSON(json["company_override"]),
+    creditConsumptionRate: json["credit_consumption_rate"] == null ? void 0 : json["credit_consumption_rate"],
+    creditGrantCounts: json["credit_grant_counts"] == null ? void 0 : json["credit_grant_counts"],
+    creditGrantDetails: json["credit_grant_details"] == null ? void 0 : json["credit_grant_details"].map(
+      CreditGrantDetailFromJSON
+    ),
+    creditGrantReason: json["credit_grant_reason"] == null ? void 0 : json["credit_grant_reason"],
+    creditRemaining: json["credit_remaining"] == null ? void 0 : json["credit_remaining"],
+    creditTotal: json["credit_total"] == null ? void 0 : json["credit_total"],
+    creditTypeIcon: json["credit_type_icon"] == null ? void 0 : json["credit_type_icon"],
+    creditUsed: json["credit_used"] == null ? void 0 : json["credit_used"],
+    entitlementExpirationDate: json["entitlement_expiration_date"] == null ? void 0 : new Date(json["entitlement_expiration_date"]),
+    entitlementId: json["entitlement_id"],
+    entitlementSource: json["entitlement_source"] == null ? void 0 : json["entitlement_source"],
+    entitlementType: json["entitlement_type"],
+    feature: json["feature"] == null ? void 0 : FeatureDetailResponseDataFromJSON(json["feature"]),
+    metricResetAt: json["metric_reset_at"] == null ? void 0 : new Date(json["metric_reset_at"]),
+    monthReset: json["month_reset"] == null ? void 0 : json["month_reset"],
+    monthlyUsageBasedPrice: json["monthly_usage_based_price"] == null ? void 0 : BillingPriceViewFromJSON(json["monthly_usage_based_price"]),
+    period: json["period"] == null ? void 0 : json["period"],
+    plan: json["plan"] == null ? void 0 : PlanResponseDataFromJSON(json["plan"]),
+    planEntitlement: json["plan_entitlement"] == null ? void 0 : PlanEntitlementResponseDataFromJSON(json["plan_entitlement"]),
+    priceBehavior: json["price_behavior"] == null ? void 0 : json["price_behavior"],
+    softLimit: json["soft_limit"] == null ? void 0 : json["soft_limit"],
+    usage: json["usage"] == null ? void 0 : json["usage"],
+    yearlyUsageBasedPrice: json["yearly_usage_based_price"] == null ? void 0 : BillingPriceViewFromJSON(json["yearly_usage_based_price"])
+  };
+}
+
 // src/api/checkoutexternal/models/CompanyPlanDetailResponseData.ts
 function CompanyPlanDetailResponseDataFromJSON(json) {
   return CompanyPlanDetailResponseDataFromJSONTyped(json, false);
@@ -8434,6 +8515,9 @@ function CompanyPlanDetailResponseDataFromJSONTyped(json, ignoreDiscriminator) {
     planType: json["plan_type"],
     trialDays: json["trial_days"] == null ? void 0 : json["trial_days"],
     updatedAt: new Date(json["updated_at"]),
+    usageViolations: json["usage_violations"].map(
+      FeatureUsageResponseDataFromJSON
+    ),
     valid: json["valid"],
     yearlyPrice: json["yearly_price"] == null ? void 0 : BillingPriceResponseDataFromJSON(json["yearly_price"])
   };
@@ -8533,6 +8617,9 @@ function PlanDetailResponseDataFromJSONTyped(json, ignoreDiscriminator) {
     ),
     icon: json["icon"],
     id: json["id"],
+    includedCreditGrants: json["included_credit_grants"] == null ? void 0 : json["included_credit_grants"].map(
+      BillingPlanCreditGrantResponseDataFromJSON
+    ),
     isDefault: json["is_default"],
     isFree: json["is_free"],
     isTrialable: json["is_trialable"],
@@ -8644,62 +8731,6 @@ function ComponentResponseDataFromJSONTyped(json, ignoreDiscriminator) {
   };
 }
 
-// src/api/checkoutexternal/models/CreditGrantDetail.ts
-function CreditGrantDetailFromJSON(json) {
-  return CreditGrantDetailFromJSONTyped(json, false);
-}
-function CreditGrantDetailFromJSONTyped(json, ignoreDiscriminator) {
-  if (json == null) {
-    return json;
-  }
-  return {
-    creditTypeIcon: json["credit_type_icon"] == null ? void 0 : json["credit_type_icon"],
-    expiresAt: json["expires_at"] == null ? void 0 : new Date(json["expires_at"]),
-    grantReason: json["grant_reason"],
-    quantity: json["quantity"]
-  };
-}
-
-// src/api/checkoutexternal/models/FeatureUsageResponseData.ts
-function FeatureUsageResponseDataFromJSON(json) {
-  return FeatureUsageResponseDataFromJSONTyped(json, false);
-}
-function FeatureUsageResponseDataFromJSONTyped(json, ignoreDiscriminator) {
-  if (json == null) {
-    return json;
-  }
-  return {
-    access: json["access"],
-    allocation: json["allocation"] == null ? void 0 : json["allocation"],
-    allocationType: json["allocation_type"],
-    companyOverride: json["company_override"] == null ? void 0 : CompanyOverrideResponseDataFromJSON(json["company_override"]),
-    creditGrantCounts: json["credit_grant_counts"] == null ? void 0 : json["credit_grant_counts"],
-    creditGrantDetails: json["credit_grant_details"] == null ? void 0 : json["credit_grant_details"].map(
-      CreditGrantDetailFromJSON
-    ),
-    creditGrantReason: json["credit_grant_reason"] == null ? void 0 : json["credit_grant_reason"],
-    creditRemaining: json["credit_remaining"] == null ? void 0 : json["credit_remaining"],
-    creditTotal: json["credit_total"] == null ? void 0 : json["credit_total"],
-    creditTypeIcon: json["credit_type_icon"] == null ? void 0 : json["credit_type_icon"],
-    creditUsed: json["credit_used"] == null ? void 0 : json["credit_used"],
-    entitlementExpirationDate: json["entitlement_expiration_date"] == null ? void 0 : new Date(json["entitlement_expiration_date"]),
-    entitlementId: json["entitlement_id"],
-    entitlementSource: json["entitlement_source"] == null ? void 0 : json["entitlement_source"],
-    entitlementType: json["entitlement_type"],
-    feature: json["feature"] == null ? void 0 : FeatureDetailResponseDataFromJSON(json["feature"]),
-    metricResetAt: json["metric_reset_at"] == null ? void 0 : new Date(json["metric_reset_at"]),
-    monthReset: json["month_reset"] == null ? void 0 : json["month_reset"],
-    monthlyUsageBasedPrice: json["monthly_usage_based_price"] == null ? void 0 : BillingPriceViewFromJSON(json["monthly_usage_based_price"]),
-    period: json["period"] == null ? void 0 : json["period"],
-    plan: json["plan"] == null ? void 0 : PlanResponseDataFromJSON(json["plan"]),
-    planEntitlement: json["plan_entitlement"] == null ? void 0 : PlanEntitlementResponseDataFromJSON(json["plan_entitlement"]),
-    priceBehavior: json["price_behavior"] == null ? void 0 : json["price_behavior"],
-    softLimit: json["soft_limit"] == null ? void 0 : json["soft_limit"],
-    usage: json["usage"] == null ? void 0 : json["usage"],
-    yearlyUsageBasedPrice: json["yearly_usage_based_price"] == null ? void 0 : BillingPriceViewFromJSON(json["yearly_usage_based_price"])
-  };
-}
-
 // src/api/checkoutexternal/models/FeatureUsageDetailResponseData.ts
 function FeatureUsageDetailResponseDataFromJSON(json) {
   return FeatureUsageDetailResponseDataFromJSONTyped(json, false);
@@ -10501,7 +10532,7 @@ var EmbedProvider = ({
   });
   const customHeaders = useMemo3(
     () => ({
-      "X-Schematic-Components-Version": "1.6.0",
+      "X-Schematic-Components-Version": "1.6.2",
       "X-Schematic-Session-ID": sessionIdRef.current
     }),
     []
@@ -10767,17 +10798,15 @@ var EmbedProvider = ({
     const colorMode = darkModeQuery.matches ? "dark" : "light";
     dispatch({
       type: "UPDATE_SETTINGS",
-      settings: {
-        theme: {
-          colorMode
-        }
-      }
+      settings: { theme: { colorMode } },
+      update: true
     });
     function darkModeQueryHandler(event) {
       const newColorMode = event.matches ? "dark" : "light";
       dispatch({
         type: "UPDATE_SETTINGS",
-        settings: { theme: { colorMode: newColorMode } }
+        settings: { theme: { colorMode: newColorMode } },
+        update: true
       });
     }
     darkModeQuery.addEventListener("change", darkModeQueryHandler);
@@ -10830,8 +10859,9 @@ var EmbedProvider = ({
     }
   }, [state.accessToken, apiConfig, customHeaders]);
   useEffect2(() => {
-    const providedSettings = { ...options.settings || {} };
-    updateSettings(providedSettings, { update: false });
+    if (options.settings) {
+      updateSettings(options.settings, { update: true });
+    }
   }, [options.settings, updateSettings]);
   useEffect2(() => {
     function planChangedHandler(event) {
@@ -15181,7 +15211,7 @@ var Label = dt.label`
   transition:
     transform 0.5s cubic-bezier(0.19, 1, 0.22, 1),
     opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1);
-  color: #cdd6f4;
+  color: ${({ theme }) => theme.colorMode === "dark" ? "#cdd6f4" : "#000000"};
   touch-action: manipulation;
 `;
 var Input2 = dt.input`
@@ -18998,14 +19028,14 @@ var resolveDesignProps8 = (props) => {
       },
       showInclusionText: props.plans?.showInclusionText ?? true,
       showFeatureIcons: props.plans?.showFeatureIcons ?? true,
-      showFeatureDescriptions: props.plans?.showFeatureDescriptions ?? true,
+      showFeatureDescriptions: props.plans?.showFeatureDescriptions ?? false,
       showEntitlements: props.plans?.showEntitlements ?? true
     },
     addOns: {
       isVisible: props.addOns?.isVisible ?? true,
       showDescription: props.addOns?.showDescription ?? true,
       showFeatureIcons: props.addOns?.showFeatureIcons ?? true,
-      showFeatureDescriptions: props.plans?.showFeatureDescriptions ?? true,
+      showFeatureDescriptions: props.plans?.showFeatureDescriptions ?? false,
       showEntitlements: props.addOns?.showEntitlements ?? true
     },
     upgrade: {
@@ -19120,14 +19150,7 @@ var PricingTable = forwardRef12(
                   }
                 },
                 children: [
-                  /* @__PURE__ */ jsx47(
-                    Text,
-                    {
-                      display: props.header.fontStyle,
-                      $color: settings.theme.card.background,
-                      children: props.header.isVisible && props.plans.isVisible && plans.length > 0 && t2("Plans")
-                    }
-                  ),
+                  /* @__PURE__ */ jsx47(Text, { display: props.header.fontStyle, children: props.header.isVisible && props.plans.isVisible && plans.length > 0 && t2("Plans") }),
                   showPeriodToggle && periods.length > 1 && /* @__PURE__ */ jsx47(
                     PeriodToggle,
                     {
@@ -19180,14 +19203,7 @@ var PricingTable = forwardRef12(
                 $justifyContent: "space-between",
                 $alignItems: "center",
                 $marginBottom: "1rem",
-                children: /* @__PURE__ */ jsx47(
-                  Text,
-                  {
-                    display: props.header.fontStyle,
-                    $color: settings.theme.card.background,
-                    children: t2("Add-ons")
-                  }
-                )
+                children: /* @__PURE__ */ jsx47(Text, { display: props.header.fontStyle, children: t2("Add-ons") })
               }
             ),
             /* @__PURE__ */ jsx47(
@@ -23847,7 +23863,10 @@ var SchematicEmbed = ({ id, accessToken }) => {
         );
         const ast = getEditorState(json);
         if (ast) {
-          updateSettings({ ...ast.ROOT.props.settings }, { update: false });
+          const settings = ast.ROOT.props.settings;
+          const { colorMode, ...theme2 } = settings.theme;
+          const updated = { mode: settings.mode, theme: theme2, badge: settings.badge };
+          updateSettings(updated, { update: true });
           nodes.push(...parseEditorState(ast));
           setChildren(nodes.map(renderer));
         }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@schematichq/schematic-components",
-  "version": "1.6.0",
+  "version": "1.6.2",
   "main": "dist/schematic-components.cjs.js",
   "module": "dist/schematic-components.esm.js",
   "types": "dist/schematic-components.d.ts",
@@ -39,15 +39,15 @@
     "pako": "^2.1.0",
     "react-i18next": "^15.7.3",
     "styled-components": "^6.1.19",
-    "uuid": "^12.0.0"
+    "uuid": "^13.0.0"
   },
   "devDependencies": {
     "@eslint/js": "^9.35.0",
     "@eslint/json": "^0.13.2",
     "@eslint/markdown": "^7.2.0",
-    "@microsoft/api-extractor": "^7.52.11",
+    "@microsoft/api-extractor": "^7.52.12",
     "@openapitools/openapi-generator-cli": "^2.23.1",
-    "@stripe/react-stripe-js": "^4.0.0",
+    "@stripe/react-stripe-js": "^4.0.2",
     "@types/jest": "^30.0.0",
     "@types/lodash": "^4.17.20",
     "@types/pako": "^2.0.4",
@@ -59,7 +59,7 @@
     "eslint-plugin-import": "^2.32.0",
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^5.2.0",
-    "globals": "^16.3.0",
+    "globals": "^16.4.0",
     "jest": "^30.1.3",
     "jest-environment-jsdom": "^30.1.2",
     "jest-esbuild": "^0.4.0",
@@ -69,7 +69,7 @@
     "react-dom": "^19.1.1",
     "ts-jest": "^29.4.1",
     "typescript": "^5.9.2",
-    "typescript-eslint": "^8.42.0"
+    "typescript-eslint": "^8.43.0"
   },
   "peerDependencies": {
     "@stripe/react-stripe-js": ">=3",