@schematichq/schematic-components 2.9.0-rc.1 → 2.9.0-rc.2

package/dist/schematic-components.cjs.js

@@ -6890,6 +6890,7 @@ var Configuration = class {
   constructor(configuration = {}) {
     this.configuration = configuration;
   }
+  configuration;
   set config(configuration) {
     this.configuration = configuration;
   }
@@ -6938,6 +6939,7 @@ var BaseAPI = class _BaseAPI {
     this.configuration = configuration;
     this.middleware = configuration.middleware;
   }
+  configuration;
   static jsonRegex = new RegExp(
     "^(:?application/json|[^;/ 	]+/[^;/ 	]+[+]json)[ 	]*(:?;.*)?$",
     "i"
@@ -7094,6 +7096,7 @@ var ResponseError = class extends Error {
     super(msg);
     this.response = response;
   }
+  response;
   name = "ResponseError";
 };
 var FetchError = class extends Error {
@@ -7101,6 +7104,7 @@ var FetchError = class extends Error {
     super(msg);
     this.cause = cause;
   }
+  cause;
   name = "FetchError";
 };
 var RequiredError = class extends Error {
@@ -7108,6 +7112,7 @@ var RequiredError = class extends Error {
     super(msg);
     this.field = field;
   }
+  field;
   name = "RequiredError";
 };
 function querystring(params, prefix2 = "") {
@@ -7136,6 +7141,8 @@ var JSONApiResponse = class {
     this.raw = raw;
     this.transformer = transformer;
   }
+  raw;
+  transformer;
   async value() {
     return this.transformer(await this.raw.json());
   }
@@ -7579,6 +7586,7 @@ function BillingPlanCreditGrantResponseDataFromJSONTyped(json, ignoreDiscriminat
     autoTopupExpiryType: json["auto_topup_expiry_type"] == null ? void 0 : BillingCreditExpiryTypeFromJSON(json["auto_topup_expiry_type"]),
     autoTopupExpiryUnit: json["auto_topup_expiry_unit"] == null ? void 0 : BillingCreditExpiryUnitFromJSON(json["auto_topup_expiry_unit"]),
     autoTopupExpiryUnitCount: json["auto_topup_expiry_unit_count"] == null ? void 0 : json["auto_topup_expiry_unit_count"],
+    autoTopupThresholdCredits: json["auto_topup_threshold_credits"] == null ? void 0 : json["auto_topup_threshold_credits"],
     autoTopupThresholdPercent: json["auto_topup_threshold_percent"] == null ? void 0 : json["auto_topup_threshold_percent"],
     createdAt: new Date(json["created_at"]),
     credit: json["credit"] == null ? void 0 : BillingCreditResponseDataFromJSON(json["credit"]),
@@ -8066,6 +8074,7 @@ function PlanCreditGrantViewFromJSONTyped(json, ignoreDiscriminator) {
       json["billing_credit_auto_topup_expiry_unit"]
     ),
     billingCreditAutoTopupExpiryUnitCount: json["billing_credit_auto_topup_expiry_unit_count"] == null ? void 0 : json["billing_credit_auto_topup_expiry_unit_count"],
+    billingCreditAutoTopupThresholdCredits: json["billing_credit_auto_topup_threshold_credits"] == null ? void 0 : json["billing_credit_auto_topup_threshold_credits"],
     billingCreditAutoTopupThresholdPercent: json["billing_credit_auto_topup_threshold_percent"] == null ? void 0 : json["billing_credit_auto_topup_threshold_percent"],
     createdAt: new Date(json["created_at"]),
     credit: json["credit"] == null ? void 0 : BillingCreditViewFromJSON(json["credit"]),
@@ -8726,6 +8735,14 @@ function EntitlementPriceBehaviorFromJSONTyped(json, ignoreDiscriminator) {
   return json;
 }
 
+// src/api/checkoutexternal/models/PlanIcon.ts
+function PlanIconFromJSON(json) {
+  return PlanIconFromJSONTyped(json, false);
+}
+function PlanIconFromJSONTyped(json, ignoreDiscriminator) {
+  return json;
+}
+
 // src/api/checkoutexternal/models/PlanType.ts
 function PlanTypeFromJSON(json) {
   return PlanTypeFromJSONTyped(json, false);
@@ -8746,7 +8763,7 @@ function PlanResponseDataFromJSONTyped(json, ignoreDiscriminator) {
     audienceType: json["audience_type"] == null ? void 0 : json["audience_type"],
     createdAt: new Date(json["created_at"]),
     description: json["description"],
-    icon: json["icon"],
+    icon: PlanIconFromJSON(json["icon"]),
     id: json["id"],
     name: json["name"],
     planType: PlanTypeFromJSON(json["plan_type"]),
@@ -8845,7 +8862,7 @@ function PlanVersionResponseDataFromJSONTyped(json, ignoreDiscriminator) {
     createdAt: new Date(json["created_at"]),
     description: json["description"],
     environmentId: json["environment_id"],
-    icon: json["icon"],
+    icon: PlanIconFromJSON(json["icon"]),
     id: json["id"],
     name: json["name"],
     originalPlanId: json["original_plan_id"] == null ? void 0 : json["original_plan_id"],
@@ -8976,7 +8993,7 @@ function CompanyPlanDetailResponseDataFromJSONTyped(json, ignoreDiscriminator) {
     features: json["features"].map(
       FeatureDetailResponseDataFromJSON
     ),
-    icon: json["icon"],
+    icon: PlanIconFromJSON(json["icon"]),
     id: json["id"],
     includedCreditGrants: json["included_credit_grants"].map(
       PlanCreditGrantViewFromJSON
@@ -9127,7 +9144,7 @@ function PlanDetailResponseDataFromJSONTyped(json, ignoreDiscriminator) {
     features: json["features"].map(
       FeatureDetailResponseDataFromJSON
     ),
-    icon: json["icon"],
+    icon: PlanIconFromJSON(json["icon"]),
     id: json["id"],
     includedCreditGrants: json["included_credit_grants"] == null ? void 0 : json["included_credit_grants"].map(
       BillingPlanCreditGrantResponseDataFromJSON
@@ -10081,6 +10098,7 @@ var Configuration2 = class {
   constructor(configuration = {}) {
     this.configuration = configuration;
   }
+  configuration;
   set config(configuration) {
     this.configuration = configuration;
   }
@@ -10129,6 +10147,7 @@ var BaseAPI2 = class _BaseAPI {
     this.configuration = configuration;
     this.middleware = configuration.middleware;
   }
+  configuration;
   static jsonRegex = new RegExp(
     "^(:?application/json|[^;/ 	]+/[^;/ 	]+[+]json)[ 	]*(:?;.*)?$",
     "i"
@@ -10285,6 +10304,7 @@ var ResponseError2 = class extends Error {
     super(msg);
     this.response = response;
   }
+  response;
   name = "ResponseError";
 };
 var FetchError2 = class extends Error {
@@ -10292,6 +10312,7 @@ var FetchError2 = class extends Error {
     super(msg);
     this.cause = cause;
   }
+  cause;
   name = "FetchError";
 };
 function querystring2(params, prefix2 = "") {
@@ -10320,6 +10341,8 @@ var JSONApiResponse2 = class {
     this.raw = raw;
     this.transformer = transformer;
   }
+  raw;
+  transformer;
   async value() {
     return this.transformer(await this.raw.json());
   }
@@ -11044,6 +11067,7 @@ function PlanCreditGrantViewFromJSONTyped4(json, ignoreDiscriminator) {
       json["billing_credit_auto_topup_expiry_unit"]
     ),
     billingCreditAutoTopupExpiryUnitCount: json["billing_credit_auto_topup_expiry_unit_count"] == null ? void 0 : json["billing_credit_auto_topup_expiry_unit_count"],
+    billingCreditAutoTopupThresholdCredits: json["billing_credit_auto_topup_threshold_credits"] == null ? void 0 : json["billing_credit_auto_topup_threshold_credits"],
     billingCreditAutoTopupThresholdPercent: json["billing_credit_auto_topup_threshold_percent"] == null ? void 0 : json["billing_credit_auto_topup_threshold_percent"],
     createdAt: new Date(json["created_at"]),
     credit: json["credit"] == null ? void 0 : BillingCreditViewFromJSON2(json["credit"]),
@@ -11084,6 +11108,14 @@ function PlanCurrencyPricesResponseDataFromJSONTyped5(json, ignoreDiscriminator)
   };
 }
 
+// src/api/componentspublic/models/PlanIcon.ts
+function PlanIconFromJSON2(json) {
+  return PlanIconFromJSONTyped7(json, false);
+}
+function PlanIconFromJSONTyped7(json, ignoreDiscriminator) {
+  return json;
+}
+
 // src/api/componentspublic/models/PlanType.ts
 function PlanTypeFromJSON2(json) {
   return PlanTypeFromJSONTyped7(json, false);
@@ -11104,7 +11136,7 @@ function PlanResponseDataFromJSONTyped4(json, ignoreDiscriminator) {
     audienceType: json["audience_type"] == null ? void 0 : json["audience_type"],
     createdAt: new Date(json["created_at"]),
     description: json["description"],
-    icon: json["icon"],
+    icon: PlanIconFromJSON2(json["icon"]),
     id: json["id"],
     name: json["name"],
     planType: PlanTypeFromJSON2(json["plan_type"]),
@@ -11172,7 +11204,7 @@ function PlanVersionResponseDataFromJSONTyped5(json, ignoreDiscriminator) {
     createdAt: new Date(json["created_at"]),
     description: json["description"],
     environmentId: json["environment_id"],
-    icon: json["icon"],
+    icon: PlanIconFromJSON2(json["icon"]),
     id: json["id"],
     name: json["name"],
     originalPlanId: json["original_plan_id"] == null ? void 0 : json["original_plan_id"],
@@ -11213,7 +11245,7 @@ function PlanViewPublicResponseDataFromJSONTyped(json, ignoreDiscriminator) {
     features: json["features"].map(
       FeatureDetailResponseDataFromJSON2
     ),
-    icon: json["icon"],
+    icon: PlanIconFromJSON2(json["icon"]),
     id: json["id"],
     includedCreditGrants: json["included_credit_grants"].map(
       PlanCreditGrantViewFromJSON2
@@ -11357,8 +11389,9 @@ function getAddOnPrice(addOn, period = "month", currency) {
   }
 }
 function getEntitlementPrice(entitlement, period = "month", currency) {
-  if (currency && "valueType" in entitlement && entitlement.currencyPrices?.length) {
-    const currencyPrice = entitlement.currencyPrices.find(
+  const currencyPrices = "valueType" in entitlement ? entitlement.currencyPrices : "entitlementType" in entitlement ? entitlement.planEntitlement?.currencyPrices : void 0;
+  if (currency && currencyPrices?.length) {
+    const currencyPrice = currencyPrices.find(
       (cp) => cp.currency.toLowerCase() === currency.toLowerCase()
     );
     if (currencyPrice) {
@@ -11427,8 +11460,8 @@ function calculateTieredCost(quantity, priceTiers, tiersMode) {
   }
   return cost;
 }
-function getEntitlementCost(entitlement, period = "month") {
-  const source = period === "year" ? entitlement.yearlyUsageBasedPrice : entitlement.monthlyUsageBasedPrice;
+function getEntitlementCost(entitlement, period = "month", currency) {
+  const source = currency ? getEntitlementPrice(entitlement, period ?? "month", currency) : period === "year" ? entitlement.yearlyUsageBasedPrice : entitlement.monthlyUsageBasedPrice;
   if (source) {
     const billingPrice = { ...source };
     if (entitlement.priceBehavior === EntitlementPriceBehavior.PayInAdvance && typeof entitlement.allocation === "number" && entitlement.allocation > 0) {
@@ -11631,8 +11664,8 @@ function getMetricPeriodName(entitlement) {
   const name = period ? PeriodName[period] : void 0;
   return name;
 }
-function getUsageDetails(entitlement, period) {
-  const billingPrice = period === "year" ? entitlement.yearlyUsageBasedPrice : period === "month" ? entitlement.monthlyUsageBasedPrice : void 0;
+function getUsageDetails(entitlement, period, currency) {
+  const billingPrice = currency ? getEntitlementPrice(entitlement, period ?? "month", currency) : period === "year" ? entitlement.yearlyUsageBasedPrice : period === "month" ? entitlement.monthlyUsageBasedPrice : void 0;
   let limit;
   if ((!entitlement.priceBehavior || entitlement.priceBehavior === EntitlementPriceBehavior.PayInAdvance) && typeof entitlement.allocation === "number") {
     limit = entitlement.allocation;
@@ -11651,7 +11684,7 @@ function getUsageDetails(entitlement, period) {
   } else if (entitlement.priceBehavior === EntitlementPriceBehavior.CreditBurndown && typeof entitlement.creditUsed === "number" && typeof entitlement.creditConsumptionRate === "number") {
     amount = entitlement.creditUsed / entitlement.creditConsumptionRate;
   }
-  const cost = getEntitlementCost(entitlement, period);
+  const cost = getEntitlementCost(entitlement, period, currency);
   const tiers = billingPrice?.priceTier || [];
   let currentTier;
   if (entitlement.priceBehavior === EntitlementPriceBehavior.Overage && typeof entitlement.softLimit === "number") {
@@ -12127,17 +12160,22 @@ function hexToHSL(color) {
   const cmin = Math.min(r2, g2, b2);
   const cmax = Math.max(r2, g2, b2);
   const delta = cmax - cmin;
-  let h2 = 0;
-  let s = 0;
-  let l2 = 0;
-  if (delta == 0) h2 = 0;
-  else if (cmax == r2) h2 = (g2 - b2) / delta % 6;
-  else if (cmax == g2) h2 = (b2 - r2) / delta + 2;
-  else h2 = (r2 - g2) / delta + 4;
+  let h2;
+  if (delta == 0) {
+    h2 = 0;
+  } else if (cmax == r2) {
+    h2 = (g2 - b2) / delta % 6;
+  } else if (cmax == g2) {
+    h2 = (b2 - r2) / delta + 2;
+  } else {
+    h2 = (r2 - g2) / delta + 4;
+  }
   h2 = Math.round(h2 * 60);
-  if (h2 < 0) h2 += 360;
-  l2 = (cmax + cmin) / 2;
-  s = delta == 0 ? 0 : delta / (1 - Math.abs(2 * l2 - 1));
+  if (h2 < 0) {
+    h2 += 360;
+  }
+  let l2 = (cmax + cmin) / 2;
+  let s = delta == 0 ? 0 : delta / (1 - Math.abs(2 * l2 - 1));
   s = +(s * 100).toFixed(1);
   l2 = +(l2 * 100).toFixed(1);
   return { h: h2, s, l: l2 };
@@ -12602,7 +12640,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.9.0-rc.1",
+  "X-Schematic-Components-Version": "2.9.0-rc.2",
   "X-Schematic-Session-ID": sessionId
 });
 var EmbedProvider = ({
@@ -13043,7 +13081,11 @@ function useAvailableCurrencies() {
         currencySet.add(cp.currency.toUpperCase());
       }
     }
-    return Array.from(currencySet).sort();
+    return Array.from(currencySet).sort((a2, b2) => {
+      if (a2 === DEFAULT_CURRENCY) return -1;
+      if (b2 === DEFAULT_CURRENCY) return 1;
+      return a2.localeCompare(b2);
+    });
   }, [data?.activePlans, data?.activeAddOns]);
 }
 function useSubscriptionCurrency() {
@@ -19585,7 +19627,6 @@ var UsageDetails = ({ entitlement, layout }) => {
           })
         ] }, index)
       );
-      index += 1;
     }
     if (acc.length > 0) {
       return acc;
@@ -20848,7 +20889,7 @@ function _typeof(obj) {
   }
   return _typeof(obj);
 }
-var RELEASE_TRAIN = "clover";
+var RELEASE_TRAIN = "dahlia";
 var runtimeVersionToUrlVersion = function runtimeVersionToUrlVersion2(version) {
   return version === 3 ? "v3" : version;
 };
@@ -20888,7 +20929,7 @@ var registerWrapper = function registerWrapper2(stripe, startTime) {
   }
   stripe._registerWrapper({
     name: "stripe-js",
-    version: "8.11.0",
+    version: "9.0.1",
     startTime
   });
 };
@@ -20966,7 +21007,7 @@ var initStripe = function initStripe2(maybeStripe, args, startTime) {
   var version = runtimeVersionToUrlVersion(maybeStripe.version);
   var expectedVersion = RELEASE_TRAIN;
   if (isTestKey && version !== expectedVersion) {
-    console.warn("Stripe.js@".concat(version, " was loaded on the page, but @stripe/stripe-js@").concat("8.11.0", " expected Stripe.js@").concat(expectedVersion, ". This may result in unexpected behavior. For more information, see https://docs.stripe.com/sdks/stripejs-versioning"));
+    console.warn("Stripe.js@".concat(version, " was loaded on the page, but @stripe/stripe-js@").concat("9.0.1", " expected Stripe.js@").concat(expectedVersion, ". This may result in unexpected behavior. For more information, see https://docs.stripe.com/sdks/stripejs-versioning"));
   }
   var stripe = maybeStripe.apply(void 0, args);
   registerWrapper(stripe, startTime);
@@ -21357,6 +21398,7 @@ var import_jsx_runtime51 = require("react/jsx-runtime");
 var UsageDetails2 = ({
   entitlement,
   period,
+  currency,
   showCredits,
   layout
 }) => {
@@ -21367,8 +21409,8 @@ var UsageDetails2 = ({
     limit,
     cost = 0
   } = (0, import_react52.useMemo)(
-    () => getUsageDetails(entitlement, period),
-    [entitlement, period]
+    () => getUsageDetails(entitlement, period, currency),
+    [entitlement, period, currency]
   );
   const description = (0, import_react52.useMemo)(() => {
     const acc = [];
@@ -21384,7 +21426,7 @@ var UsageDetails2 = ({
       acc.push(/* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_react52.Fragment, { children: t2("Tier-based") }, index));
       index += 1;
     }
-    const { price } = getEntitlementPrice(entitlement, period) || {};
+    const { price } = getEntitlementPrice(entitlement, period, currency) || {};
     if ((entitlement.priceBehavior === EntitlementPriceBehavior.PayAsYouGo || entitlement.priceBehavior === EntitlementPriceBehavior.Overage) && entitlement.feature && typeof price === "number") {
       const packageSize = billingPrice?.packageSize ?? 1;
       acc.push(
@@ -21421,12 +21463,12 @@ var UsageDetails2 = ({
           t2("use")
         ] }, index)
       );
-      index += 1;
     }
     return acc;
   }, [
     t2,
     period,
+    currency,
     showCredits,
     entitlement,
     billingPrice?.packageSize,
@@ -21496,6 +21538,7 @@ var UsageDetails2 = ({
 var import_jsx_runtime52 = require("react/jsx-runtime");
 var resolveDesignProps7 = (props) => {
   return {
+    showCurrencySelector: props.showCurrencySelector ?? false,
     header: {
       isVisible: props.header?.isVisible ?? true,
       title: {
@@ -21770,6 +21813,7 @@ var PlanManager = (0, import_react53.forwardRef)(({ children, className, portal,
                 {
                   entitlement,
                   period: currentPlan?.planPeriod || "month",
+                  currency: subscriptionCurrency,
                   showCredits,
                   layout: props
                 },
@@ -22277,6 +22321,7 @@ var Entitlement2 = ({
   entitlement,
   sharedProps,
   selectedPeriod = BillingProductPriceInterval.Month,
+  currency,
   credits = [],
   showCredits = true
 }) => {
@@ -22286,7 +22331,8 @@ var Entitlement2 = ({
   const isLightBackground = useIsLightBackground();
   const entitlementBillingPrice = getEntitlementPrice(
     entitlement,
-    selectedPeriod
+    selectedPeriod,
+    currency
   );
   const {
     price: entitlementPrice,
@@ -22623,6 +22669,7 @@ var Plan2 = ({
                     entitlement,
                     credits,
                     selectedPeriod,
+                    currency,
                     showCredits,
                     sharedProps: { layout }
                   },

package/dist/schematic-components.d.ts

@@ -871,6 +871,12 @@ declare interface BillingPlanCreditGrantResponseData {
      * @memberof BillingPlanCreditGrantResponseData
      */
     autoTopupExpiryUnitCount?: number | null;
+    /**
+     *
+     * @type {number}
+     * @memberof BillingPlanCreditGrantResponseData
+     */
+    autoTopupThresholdCredits?: number | null;
     /**
      *
      * @type {number}
@@ -3546,10 +3552,10 @@ declare interface CompanyPlanDetailResponseData {
     features: Array<FeatureDetailResponseData>;
     /**
      *
-     * @type {string}
+     * @type {PlanIcon}
      * @memberof CompanyPlanDetailResponseData
      */
-    icon: string;
+    icon: PlanIcon;
     /**
      *
      * @type {string}
@@ -5261,6 +5267,7 @@ declare interface DesignProps_5 {
 }
 
 declare interface DesignProps_6 {
+    showCurrencySelector: boolean;
     header: {
         isVisible: boolean;
         title: {
@@ -7696,6 +7703,12 @@ declare interface PlanCreditGrantView {
      * @memberof PlanCreditGrantView
      */
     billingCreditAutoTopupExpiryUnitCount?: number | null;
+    /**
+     *
+     * @type {number}
+     * @memberof PlanCreditGrantView
+     */
+    billingCreditAutoTopupThresholdCredits?: number | null;
     /**
      *
      * @type {number}
@@ -7871,6 +7884,12 @@ declare interface PlanCreditGrantView_2 {
      * @memberof PlanCreditGrantView
      */
     billingCreditAutoTopupExpiryUnitCount?: number | null;
+    /**
+     *
+     * @type {number}
+     * @memberof PlanCreditGrantView
+     */
+    billingCreditAutoTopupThresholdCredits?: number | null;
     /**
      *
      * @type {number}
@@ -8143,10 +8162,10 @@ declare interface PlanDetailResponseData {
     features: Array<FeatureDetailResponseData>;
     /**
      *
-     * @type {string}
+     * @type {PlanIcon}
      * @memberof PlanDetailResponseData
      */
-    icon: string;
+    icon: PlanIcon;
     /**
      *
      * @type {string}
@@ -8556,6 +8575,74 @@ declare interface PlanEntitlementResponseData_2 {
     valueType: EntitlementValueType_2;
 }
 
+/**
+ *
+ * @export
+ */
+declare const PlanIcon: {
+    readonly Amber: "amber";
+    readonly Blue: "blue";
+    readonly BlueGray: "blueGray";
+    readonly BlueGreen: "blueGreen";
+    readonly Cyan: "cyan";
+    readonly Emerald: "emerald";
+    readonly Fuchsia: "fuchsia";
+    readonly Gray: "gray";
+    readonly Green: "green";
+    readonly Indigo: "indigo";
+    readonly LightBlue: "lightBlue";
+    readonly Lime: "lime";
+    readonly Orange: "orange";
+    readonly Pink: "pink";
+    readonly Purple: "purple";
+    readonly Red: "red";
+    readonly RedOrange: "redOrange";
+    readonly Rose: "rose";
+    readonly Sky: "sky";
+    readonly Slate: "slate";
+    readonly Teal: "teal";
+    readonly TrueGray: "trueGray";
+    readonly Violet: "violet";
+    readonly WarmGray: "warmGray";
+    readonly Yellow: "yellow";
+};
+
+declare type PlanIcon = (typeof PlanIcon)[keyof typeof PlanIcon];
+
+/**
+ *
+ * @export
+ */
+declare const PlanIcon_2: {
+    readonly Amber: "amber";
+    readonly Blue: "blue";
+    readonly BlueGray: "blueGray";
+    readonly BlueGreen: "blueGreen";
+    readonly Cyan: "cyan";
+    readonly Emerald: "emerald";
+    readonly Fuchsia: "fuchsia";
+    readonly Gray: "gray";
+    readonly Green: "green";
+    readonly Indigo: "indigo";
+    readonly LightBlue: "lightBlue";
+    readonly Lime: "lime";
+    readonly Orange: "orange";
+    readonly Pink: "pink";
+    readonly Purple: "purple";
+    readonly Red: "red";
+    readonly RedOrange: "redOrange";
+    readonly Rose: "rose";
+    readonly Sky: "sky";
+    readonly Slate: "slate";
+    readonly Teal: "teal";
+    readonly TrueGray: "trueGray";
+    readonly Violet: "violet";
+    readonly WarmGray: "warmGray";
+    readonly Yellow: "yellow";
+};
+
+declare type PlanIcon_2 = (typeof PlanIcon_2)[keyof typeof PlanIcon_2];
+
 export declare const PlanManager: ForwardRefExoticComponent<ElementProps & DeepPartial<DesignProps_6> & HTMLAttributes<HTMLDivElement> & {
 portal?: HTMLElement | null;
 } & RefAttributes<HTMLDivElement | null>>;
@@ -8604,10 +8691,10 @@ declare interface PlanResponseData {
     description: string;
     /**
      *
-     * @type {string}
+     * @type {PlanIcon}
      * @memberof PlanResponseData
      */
-    icon: string;
+    icon: PlanIcon;
     /**
      *
      * @type {string}
@@ -8661,10 +8748,10 @@ declare interface PlanResponseData_2 {
     description: string;
     /**
      *
-     * @type {string}
+     * @type {PlanIcon}
      * @memberof PlanResponseData
      */
-    icon: string;
+    icon: PlanIcon_2;
     /**
      *
      * @type {string}
@@ -8739,10 +8826,10 @@ declare interface PlanVersionResponseData {
     environmentId: string;
     /**
      *
-     * @type {string}
+     * @type {PlanIcon}
      * @memberof PlanVersionResponseData
      */
-    icon: string;
+    icon: PlanIcon;
     /**
      *
      * @type {string}
@@ -8813,10 +8900,10 @@ declare interface PlanVersionResponseData_2 {
     environmentId: string;
     /**
      *
-     * @type {string}
+     * @type {PlanIcon}
      * @memberof PlanVersionResponseData
      */
-    icon: string;
+    icon: PlanIcon_2;
     /**
      *
      * @type {string}
@@ -8984,10 +9071,10 @@ declare interface PlanViewPublicResponseData {
     features: Array<FeatureDetailResponseData_2>;
     /**
      *
-     * @type {string}
+     * @type {PlanIcon}
      * @memberof PlanViewPublicResponseData
      */
-    icon: string;
+    icon: PlanIcon_2;
     /**
      *
      * @type {string}

package/dist/schematic-components.esm.js

@@ -6806,6 +6806,7 @@ var Configuration = class {
   constructor(configuration = {}) {
     this.configuration = configuration;
   }
+  configuration;
   set config(configuration) {
     this.configuration = configuration;
   }
@@ -6854,6 +6855,7 @@ var BaseAPI = class _BaseAPI {
     this.configuration = configuration;
     this.middleware = configuration.middleware;
   }
+  configuration;
   static jsonRegex = new RegExp(
     "^(:?application/json|[^;/ 	]+/[^;/ 	]+[+]json)[ 	]*(:?;.*)?$",
     "i"
@@ -7010,6 +7012,7 @@ var ResponseError = class extends Error {
     super(msg);
     this.response = response;
   }
+  response;
   name = "ResponseError";
 };
 var FetchError = class extends Error {
@@ -7017,6 +7020,7 @@ var FetchError = class extends Error {
     super(msg);
     this.cause = cause;
   }
+  cause;
   name = "FetchError";
 };
 var RequiredError = class extends Error {
@@ -7024,6 +7028,7 @@ var RequiredError = class extends Error {
     super(msg);
     this.field = field;
   }
+  field;
   name = "RequiredError";
 };
 function querystring(params, prefix2 = "") {
@@ -7052,6 +7057,8 @@ var JSONApiResponse = class {
     this.raw = raw;
     this.transformer = transformer;
   }
+  raw;
+  transformer;
   async value() {
     return this.transformer(await this.raw.json());
   }
@@ -7495,6 +7502,7 @@ function BillingPlanCreditGrantResponseDataFromJSONTyped(json, ignoreDiscriminat
     autoTopupExpiryType: json["auto_topup_expiry_type"] == null ? void 0 : BillingCreditExpiryTypeFromJSON(json["auto_topup_expiry_type"]),
     autoTopupExpiryUnit: json["auto_topup_expiry_unit"] == null ? void 0 : BillingCreditExpiryUnitFromJSON(json["auto_topup_expiry_unit"]),
     autoTopupExpiryUnitCount: json["auto_topup_expiry_unit_count"] == null ? void 0 : json["auto_topup_expiry_unit_count"],
+    autoTopupThresholdCredits: json["auto_topup_threshold_credits"] == null ? void 0 : json["auto_topup_threshold_credits"],
     autoTopupThresholdPercent: json["auto_topup_threshold_percent"] == null ? void 0 : json["auto_topup_threshold_percent"],
     createdAt: new Date(json["created_at"]),
     credit: json["credit"] == null ? void 0 : BillingCreditResponseDataFromJSON(json["credit"]),
@@ -7982,6 +7990,7 @@ function PlanCreditGrantViewFromJSONTyped(json, ignoreDiscriminator) {
       json["billing_credit_auto_topup_expiry_unit"]
     ),
     billingCreditAutoTopupExpiryUnitCount: json["billing_credit_auto_topup_expiry_unit_count"] == null ? void 0 : json["billing_credit_auto_topup_expiry_unit_count"],
+    billingCreditAutoTopupThresholdCredits: json["billing_credit_auto_topup_threshold_credits"] == null ? void 0 : json["billing_credit_auto_topup_threshold_credits"],
     billingCreditAutoTopupThresholdPercent: json["billing_credit_auto_topup_threshold_percent"] == null ? void 0 : json["billing_credit_auto_topup_threshold_percent"],
     createdAt: new Date(json["created_at"]),
     credit: json["credit"] == null ? void 0 : BillingCreditViewFromJSON(json["credit"]),
@@ -8642,6 +8651,14 @@ function EntitlementPriceBehaviorFromJSONTyped(json, ignoreDiscriminator) {
   return json;
 }
 
+// src/api/checkoutexternal/models/PlanIcon.ts
+function PlanIconFromJSON(json) {
+  return PlanIconFromJSONTyped(json, false);
+}
+function PlanIconFromJSONTyped(json, ignoreDiscriminator) {
+  return json;
+}
+
 // src/api/checkoutexternal/models/PlanType.ts
 function PlanTypeFromJSON(json) {
   return PlanTypeFromJSONTyped(json, false);
@@ -8662,7 +8679,7 @@ function PlanResponseDataFromJSONTyped(json, ignoreDiscriminator) {
     audienceType: json["audience_type"] == null ? void 0 : json["audience_type"],
     createdAt: new Date(json["created_at"]),
     description: json["description"],
-    icon: json["icon"],
+    icon: PlanIconFromJSON(json["icon"]),
     id: json["id"],
     name: json["name"],
     planType: PlanTypeFromJSON(json["plan_type"]),
@@ -8761,7 +8778,7 @@ function PlanVersionResponseDataFromJSONTyped(json, ignoreDiscriminator) {
     createdAt: new Date(json["created_at"]),
     description: json["description"],
     environmentId: json["environment_id"],
-    icon: json["icon"],
+    icon: PlanIconFromJSON(json["icon"]),
     id: json["id"],
     name: json["name"],
     originalPlanId: json["original_plan_id"] == null ? void 0 : json["original_plan_id"],
@@ -8892,7 +8909,7 @@ function CompanyPlanDetailResponseDataFromJSONTyped(json, ignoreDiscriminator) {
     features: json["features"].map(
       FeatureDetailResponseDataFromJSON
     ),
-    icon: json["icon"],
+    icon: PlanIconFromJSON(json["icon"]),
     id: json["id"],
     includedCreditGrants: json["included_credit_grants"].map(
       PlanCreditGrantViewFromJSON
@@ -9043,7 +9060,7 @@ function PlanDetailResponseDataFromJSONTyped(json, ignoreDiscriminator) {
     features: json["features"].map(
       FeatureDetailResponseDataFromJSON
     ),
-    icon: json["icon"],
+    icon: PlanIconFromJSON(json["icon"]),
     id: json["id"],
     includedCreditGrants: json["included_credit_grants"] == null ? void 0 : json["included_credit_grants"].map(
       BillingPlanCreditGrantResponseDataFromJSON
@@ -9997,6 +10014,7 @@ var Configuration2 = class {
   constructor(configuration = {}) {
     this.configuration = configuration;
   }
+  configuration;
   set config(configuration) {
     this.configuration = configuration;
   }
@@ -10045,6 +10063,7 @@ var BaseAPI2 = class _BaseAPI {
     this.configuration = configuration;
     this.middleware = configuration.middleware;
   }
+  configuration;
   static jsonRegex = new RegExp(
     "^(:?application/json|[^;/ 	]+/[^;/ 	]+[+]json)[ 	]*(:?;.*)?$",
     "i"
@@ -10201,6 +10220,7 @@ var ResponseError2 = class extends Error {
     super(msg);
     this.response = response;
   }
+  response;
   name = "ResponseError";
 };
 var FetchError2 = class extends Error {
@@ -10208,6 +10228,7 @@ var FetchError2 = class extends Error {
     super(msg);
     this.cause = cause;
   }
+  cause;
   name = "FetchError";
 };
 function querystring2(params, prefix2 = "") {
@@ -10236,6 +10257,8 @@ var JSONApiResponse2 = class {
     this.raw = raw;
     this.transformer = transformer;
   }
+  raw;
+  transformer;
   async value() {
     return this.transformer(await this.raw.json());
   }
@@ -10960,6 +10983,7 @@ function PlanCreditGrantViewFromJSONTyped4(json, ignoreDiscriminator) {
       json["billing_credit_auto_topup_expiry_unit"]
     ),
     billingCreditAutoTopupExpiryUnitCount: json["billing_credit_auto_topup_expiry_unit_count"] == null ? void 0 : json["billing_credit_auto_topup_expiry_unit_count"],
+    billingCreditAutoTopupThresholdCredits: json["billing_credit_auto_topup_threshold_credits"] == null ? void 0 : json["billing_credit_auto_topup_threshold_credits"],
     billingCreditAutoTopupThresholdPercent: json["billing_credit_auto_topup_threshold_percent"] == null ? void 0 : json["billing_credit_auto_topup_threshold_percent"],
     createdAt: new Date(json["created_at"]),
     credit: json["credit"] == null ? void 0 : BillingCreditViewFromJSON2(json["credit"]),
@@ -11000,6 +11024,14 @@ function PlanCurrencyPricesResponseDataFromJSONTyped5(json, ignoreDiscriminator)
   };
 }
 
+// src/api/componentspublic/models/PlanIcon.ts
+function PlanIconFromJSON2(json) {
+  return PlanIconFromJSONTyped7(json, false);
+}
+function PlanIconFromJSONTyped7(json, ignoreDiscriminator) {
+  return json;
+}
+
 // src/api/componentspublic/models/PlanType.ts
 function PlanTypeFromJSON2(json) {
   return PlanTypeFromJSONTyped7(json, false);
@@ -11020,7 +11052,7 @@ function PlanResponseDataFromJSONTyped4(json, ignoreDiscriminator) {
     audienceType: json["audience_type"] == null ? void 0 : json["audience_type"],
     createdAt: new Date(json["created_at"]),
     description: json["description"],
-    icon: json["icon"],
+    icon: PlanIconFromJSON2(json["icon"]),
     id: json["id"],
     name: json["name"],
     planType: PlanTypeFromJSON2(json["plan_type"]),
@@ -11088,7 +11120,7 @@ function PlanVersionResponseDataFromJSONTyped5(json, ignoreDiscriminator) {
     createdAt: new Date(json["created_at"]),
     description: json["description"],
     environmentId: json["environment_id"],
-    icon: json["icon"],
+    icon: PlanIconFromJSON2(json["icon"]),
     id: json["id"],
     name: json["name"],
     originalPlanId: json["original_plan_id"] == null ? void 0 : json["original_plan_id"],
@@ -11129,7 +11161,7 @@ function PlanViewPublicResponseDataFromJSONTyped(json, ignoreDiscriminator) {
     features: json["features"].map(
       FeatureDetailResponseDataFromJSON2
     ),
-    icon: json["icon"],
+    icon: PlanIconFromJSON2(json["icon"]),
     id: json["id"],
     includedCreditGrants: json["included_credit_grants"].map(
       PlanCreditGrantViewFromJSON2
@@ -11273,8 +11305,9 @@ function getAddOnPrice(addOn, period = "month", currency) {
   }
 }
 function getEntitlementPrice(entitlement, period = "month", currency) {
-  if (currency && "valueType" in entitlement && entitlement.currencyPrices?.length) {
-    const currencyPrice = entitlement.currencyPrices.find(
+  const currencyPrices = "valueType" in entitlement ? entitlement.currencyPrices : "entitlementType" in entitlement ? entitlement.planEntitlement?.currencyPrices : void 0;
+  if (currency && currencyPrices?.length) {
+    const currencyPrice = currencyPrices.find(
       (cp) => cp.currency.toLowerCase() === currency.toLowerCase()
     );
     if (currencyPrice) {
@@ -11343,8 +11376,8 @@ function calculateTieredCost(quantity, priceTiers, tiersMode) {
   }
   return cost;
 }
-function getEntitlementCost(entitlement, period = "month") {
-  const source = period === "year" ? entitlement.yearlyUsageBasedPrice : entitlement.monthlyUsageBasedPrice;
+function getEntitlementCost(entitlement, period = "month", currency) {
+  const source = currency ? getEntitlementPrice(entitlement, period ?? "month", currency) : period === "year" ? entitlement.yearlyUsageBasedPrice : entitlement.monthlyUsageBasedPrice;
   if (source) {
     const billingPrice = { ...source };
     if (entitlement.priceBehavior === EntitlementPriceBehavior.PayInAdvance && typeof entitlement.allocation === "number" && entitlement.allocation > 0) {
@@ -11547,8 +11580,8 @@ function getMetricPeriodName(entitlement) {
   const name = period ? PeriodName[period] : void 0;
   return name;
 }
-function getUsageDetails(entitlement, period) {
-  const billingPrice = period === "year" ? entitlement.yearlyUsageBasedPrice : period === "month" ? entitlement.monthlyUsageBasedPrice : void 0;
+function getUsageDetails(entitlement, period, currency) {
+  const billingPrice = currency ? getEntitlementPrice(entitlement, period ?? "month", currency) : period === "year" ? entitlement.yearlyUsageBasedPrice : period === "month" ? entitlement.monthlyUsageBasedPrice : void 0;
   let limit;
   if ((!entitlement.priceBehavior || entitlement.priceBehavior === EntitlementPriceBehavior.PayInAdvance) && typeof entitlement.allocation === "number") {
     limit = entitlement.allocation;
@@ -11567,7 +11600,7 @@ function getUsageDetails(entitlement, period) {
   } else if (entitlement.priceBehavior === EntitlementPriceBehavior.CreditBurndown && typeof entitlement.creditUsed === "number" && typeof entitlement.creditConsumptionRate === "number") {
     amount = entitlement.creditUsed / entitlement.creditConsumptionRate;
   }
-  const cost = getEntitlementCost(entitlement, period);
+  const cost = getEntitlementCost(entitlement, period, currency);
   const tiers = billingPrice?.priceTier || [];
   let currentTier;
   if (entitlement.priceBehavior === EntitlementPriceBehavior.Overage && typeof entitlement.softLimit === "number") {
@@ -12043,17 +12076,22 @@ function hexToHSL(color) {
   const cmin = Math.min(r2, g2, b2);
   const cmax = Math.max(r2, g2, b2);
   const delta = cmax - cmin;
-  let h2 = 0;
-  let s = 0;
-  let l2 = 0;
-  if (delta == 0) h2 = 0;
-  else if (cmax == r2) h2 = (g2 - b2) / delta % 6;
-  else if (cmax == g2) h2 = (b2 - r2) / delta + 2;
-  else h2 = (r2 - g2) / delta + 4;
+  let h2;
+  if (delta == 0) {
+    h2 = 0;
+  } else if (cmax == r2) {
+    h2 = (g2 - b2) / delta % 6;
+  } else if (cmax == g2) {
+    h2 = (b2 - r2) / delta + 2;
+  } else {
+    h2 = (r2 - g2) / delta + 4;
+  }
   h2 = Math.round(h2 * 60);
-  if (h2 < 0) h2 += 360;
-  l2 = (cmax + cmin) / 2;
-  s = delta == 0 ? 0 : delta / (1 - Math.abs(2 * l2 - 1));
+  if (h2 < 0) {
+    h2 += 360;
+  }
+  let l2 = (cmax + cmin) / 2;
+  let s = delta == 0 ? 0 : delta / (1 - Math.abs(2 * l2 - 1));
   s = +(s * 100).toFixed(1);
   l2 = +(l2 * 100).toFixed(1);
   return { h: h2, s, l: l2 };
@@ -12518,7 +12556,7 @@ var reducer = (state, action) => {
 // src/context/EmbedProvider.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
 var getCustomHeaders = (sessionId) => ({
-  "X-Schematic-Components-Version": "2.9.0-rc.1",
+  "X-Schematic-Components-Version": "2.9.0-rc.2",
   "X-Schematic-Session-ID": sessionId
 });
 var EmbedProvider = ({
@@ -12959,7 +12997,11 @@ function useAvailableCurrencies() {
         currencySet.add(cp.currency.toUpperCase());
       }
     }
-    return Array.from(currencySet).sort();
+    return Array.from(currencySet).sort((a2, b2) => {
+      if (a2 === DEFAULT_CURRENCY) return -1;
+      if (b2 === DEFAULT_CURRENCY) return 1;
+      return a2.localeCompare(b2);
+    });
   }, [data?.activePlans, data?.activeAddOns]);
 }
 function useSubscriptionCurrency() {
@@ -19532,7 +19574,6 @@ var UsageDetails = ({ entitlement, layout }) => {
           })
         ] }, index)
       );
-      index += 1;
     }
     if (acc.length > 0) {
       return acc;
@@ -20795,7 +20836,7 @@ function _typeof(obj) {
   }
   return _typeof(obj);
 }
-var RELEASE_TRAIN = "clover";
+var RELEASE_TRAIN = "dahlia";
 var runtimeVersionToUrlVersion = function runtimeVersionToUrlVersion2(version) {
   return version === 3 ? "v3" : version;
 };
@@ -20835,7 +20876,7 @@ var registerWrapper = function registerWrapper2(stripe, startTime) {
   }
   stripe._registerWrapper({
     name: "stripe-js",
-    version: "8.11.0",
+    version: "9.0.1",
     startTime
   });
 };
@@ -20913,7 +20954,7 @@ var initStripe = function initStripe2(maybeStripe, args, startTime) {
   var version = runtimeVersionToUrlVersion(maybeStripe.version);
   var expectedVersion = RELEASE_TRAIN;
   if (isTestKey && version !== expectedVersion) {
-    console.warn("Stripe.js@".concat(version, " was loaded on the page, but @stripe/stripe-js@").concat("8.11.0", " expected Stripe.js@").concat(expectedVersion, ". This may result in unexpected behavior. For more information, see https://docs.stripe.com/sdks/stripejs-versioning"));
+    console.warn("Stripe.js@".concat(version, " was loaded on the page, but @stripe/stripe-js@").concat("9.0.1", " expected Stripe.js@").concat(expectedVersion, ". This may result in unexpected behavior. For more information, see https://docs.stripe.com/sdks/stripejs-versioning"));
   }
   var stripe = maybeStripe.apply(void 0, args);
   registerWrapper(stripe, startTime);
@@ -21304,6 +21345,7 @@ import { Fragment as Fragment21, jsx as jsx50, jsxs as jsxs37 } from "react/jsx-
 var UsageDetails2 = ({
   entitlement,
   period,
+  currency,
   showCredits,
   layout
 }) => {
@@ -21314,8 +21356,8 @@ var UsageDetails2 = ({
     limit,
     cost = 0
   } = useMemo23(
-    () => getUsageDetails(entitlement, period),
-    [entitlement, period]
+    () => getUsageDetails(entitlement, period, currency),
+    [entitlement, period, currency]
   );
   const description = useMemo23(() => {
     const acc = [];
@@ -21331,7 +21373,7 @@ var UsageDetails2 = ({
       acc.push(/* @__PURE__ */ jsx50(Fragment20, { children: t2("Tier-based") }, index));
       index += 1;
     }
-    const { price } = getEntitlementPrice(entitlement, period) || {};
+    const { price } = getEntitlementPrice(entitlement, period, currency) || {};
     if ((entitlement.priceBehavior === EntitlementPriceBehavior.PayAsYouGo || entitlement.priceBehavior === EntitlementPriceBehavior.Overage) && entitlement.feature && typeof price === "number") {
       const packageSize = billingPrice?.packageSize ?? 1;
       acc.push(
@@ -21368,12 +21410,12 @@ var UsageDetails2 = ({
           t2("use")
         ] }, index)
       );
-      index += 1;
     }
     return acc;
   }, [
     t2,
     period,
+    currency,
     showCredits,
     entitlement,
     billingPrice?.packageSize,
@@ -21443,6 +21485,7 @@ var UsageDetails2 = ({
 import { Fragment as Fragment22, jsx as jsx51, jsxs as jsxs38 } from "react/jsx-runtime";
 var resolveDesignProps7 = (props) => {
   return {
+    showCurrencySelector: props.showCurrencySelector ?? false,
     header: {
       isVisible: props.header?.isVisible ?? true,
       title: {
@@ -21717,6 +21760,7 @@ var PlanManager = forwardRef14(({ children, className, portal, ...rest }, ref) =
                 {
                   entitlement,
                   period: currentPlan?.planPeriod || "month",
+                  currency: subscriptionCurrency,
                   showCredits,
                   layout: props
                 },
@@ -22230,6 +22274,7 @@ var Entitlement2 = ({
   entitlement,
   sharedProps,
   selectedPeriod = BillingProductPriceInterval.Month,
+  currency,
   credits = [],
   showCredits = true
 }) => {
@@ -22239,7 +22284,8 @@ var Entitlement2 = ({
   const isLightBackground = useIsLightBackground();
   const entitlementBillingPrice = getEntitlementPrice(
     entitlement,
-    selectedPeriod
+    selectedPeriod,
+    currency
   );
   const {
     price: entitlementPrice,
@@ -22576,6 +22622,7 @@ var Plan2 = ({
                     entitlement,
                     credits,
                     selectedPeriod,
+                    currency,
                     showCredits,
                     sharedProps: { layout }
                   },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@schematichq/schematic-components",
-  "version": "2.9.0-rc.1",
+  "version": "2.9.0-rc.2",
   "main": "dist/schematic-components.cjs.js",
   "module": "dist/schematic-components.esm.js",
   "types": "dist/schematic-components.d.ts",
@@ -34,21 +34,21 @@
   },
   "dependencies": {
     "@schematichq/schematic-icons": "^0.5.2",
-    "@stripe/stripe-js": "^8.11.0",
-    "i18next": "^26.0.2",
-    "lodash": "^4.17.23",
+    "@stripe/stripe-js": "^9.0.1",
+    "i18next": "^26.0.3",
+    "lodash": "^4.18.1",
     "pako": "^2.1.0",
     "react-i18next": "16.1.6",
     "styled-components": "^6.3.12",
     "uuid": "^13.0.0"
   },
   "devDependencies": {
-    "@eslint/js": "^9.39.3",
+    "@eslint/js": "^10.0.1",
     "@eslint/json": "^1.2.0",
     "@eslint/markdown": "^8.0.1",
-    "@microsoft/api-extractor": "^7.57.7",
+    "@microsoft/api-extractor": "^7.58.0",
     "@openapitools/openapi-generator-cli": "^2.31.0",
-    "@stripe/react-stripe-js": "^5.6.1",
+    "@stripe/react-stripe-js": "^6.1.0",
     "@swc/core": "^1.15.21",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/jest-dom": "^6.9.1",
@@ -57,11 +57,11 @@
     "@types/pako": "^2.0.4",
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
-    "@vitest/browser": "^4.0.18",
-    "esbuild": "^0.27.4",
-    "eslint": "^9.39.3",
+    "@vitest/browser": "^4.1.2",
+    "esbuild": "^0.28.0",
+    "eslint": "^10.1.0",
     "eslint-import-resolver-typescript": "^4.4.4",
-    "eslint-plugin-import": "^2.32.0",
+    "eslint-plugin-import-x": "^4.16.2",
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^7.0.1",
     "globals": "^17.4.0",
@@ -71,9 +71,9 @@
     "prettier": "^3.8.1",
     "react": "^19.2.4",
     "react-dom": "^19.2.4",
-    "typescript": "^5.9.3",
-    "typescript-eslint": "^8.57.2",
-    "vitest": "^4.0.18"
+    "typescript": "^6.0.2",
+    "typescript-eslint": "^8.58.0",
+    "vitest": "^4.1.2"
   },
   "peerDependencies": {
     "@stripe/react-stripe-js": ">=3",