@schematichq/schematic-components 2.10.2 → 2.10.3

package/dist/schematic-components.cjs.js

@@ -7293,7 +7293,7 @@ function BillingCreditBundleViewFromJSONTyped(json, ignoreDiscriminator) {
     creditIcon: json["credit_icon"] == null ? void 0 : json["credit_icon"],
     creditId: json["credit_id"],
     creditName: json["credit_name"],
-    currencyPrices: json["currency_prices"] == null ? void 0 : json["currency_prices"].map(
+    currencyPrices: json["currency_prices"].map(
       CreditBundleCurrencyPriceFromJSON
     ),
     expiryType: BillingCreditExpiryTypeFromJSON(json["expiry_type"]),
@@ -7445,6 +7445,20 @@ function BillingCreditResponseDataFromJSONTyped(json, ignoreDiscriminator) {
   };
 }
 
+// src/api/checkoutexternal/models/CreditCurrencyPrice.ts
+function CreditCurrencyPriceFromJSON(json) {
+  return CreditCurrencyPriceFromJSONTyped(json, false);
+}
+function CreditCurrencyPriceFromJSONTyped(json, ignoreDiscriminator) {
+  if (json == null) {
+    return json;
+  }
+  return {
+    currency: json["currency"],
+    price: json["price"] == null ? void 0 : BillingPriceViewFromJSON(json["price"])
+  };
+}
+
 // src/api/checkoutexternal/models/BillingCreditView.ts
 function BillingCreditViewFromJSON(json) {
   return BillingCreditViewFromJSONTyped(json, false);
@@ -7458,6 +7472,9 @@ function BillingCreditViewFromJSONTyped(json, ignoreDiscriminator) {
     burnStrategy: BillingCreditBurnStrategyFromJSON(json["burn_strategy"]),
     costEditable: json["cost_editable"],
     createdAt: new Date(json["created_at"]),
+    currencyPrices: json["currency_prices"].map(
+      CreditCurrencyPriceFromJSON
+    ),
     defaultExpiryUnit: BillingCreditExpiryUnitFromJSON(
       json["default_expiry_unit"]
     ),
@@ -10599,9 +10616,9 @@ function BillingTiersModeFromJSONTyped4(json, ignoreDiscriminator) {
 
 // src/api/componentspublic/models/BillingPriceView.ts
 function BillingPriceViewFromJSON2(json) {
-  return BillingPriceViewFromJSONTyped8(json, false);
+  return BillingPriceViewFromJSONTyped9(json, false);
 }
-function BillingPriceViewFromJSONTyped8(json, ignoreDiscriminator) {
+function BillingPriceViewFromJSONTyped9(json, ignoreDiscriminator) {
   if (json == null) {
     return json;
   }
@@ -10634,6 +10651,20 @@ function BillingPriceViewFromJSONTyped8(json, ignoreDiscriminator) {
   };
 }
 
+// src/api/componentspublic/models/CreditCurrencyPrice.ts
+function CreditCurrencyPriceFromJSON2(json) {
+  return CreditCurrencyPriceFromJSONTyped3(json, false);
+}
+function CreditCurrencyPriceFromJSONTyped3(json, ignoreDiscriminator) {
+  if (json == null) {
+    return json;
+  }
+  return {
+    currency: json["currency"],
+    price: json["price"] == null ? void 0 : BillingPriceViewFromJSON2(json["price"])
+  };
+}
+
 // src/api/componentspublic/models/BillingCreditView.ts
 function BillingCreditViewFromJSON2(json) {
   return BillingCreditViewFromJSONTyped3(json, false);
@@ -10647,6 +10678,9 @@ function BillingCreditViewFromJSONTyped3(json, ignoreDiscriminator) {
     burnStrategy: BillingCreditBurnStrategyFromJSON2(json["burn_strategy"]),
     costEditable: json["cost_editable"],
     createdAt: new Date(json["created_at"]),
+    currencyPrices: json["currency_prices"].map(
+      CreditCurrencyPriceFromJSON2
+    ),
     defaultExpiryUnit: BillingCreditExpiryUnitFromJSON2(
       json["default_expiry_unit"]
     ),
@@ -11518,6 +11552,17 @@ function getAddOnPrice(addOn, period = "month", currency) {
     return { ...billingPrice, price: getPriceValue(billingPrice) };
   }
 }
+function planSupportsCurrency(plan, currency) {
+  if (!currency) return true;
+  const target = currency.toLowerCase();
+  if (plan.currencyPrices?.length) {
+    return plan.currencyPrices.some(
+      (cp) => cp.currency.toLowerCase() === target
+    );
+  }
+  const legacyCurrency = plan.monthlyPrice?.currency ?? plan.yearlyPrice?.currency ?? plan.oneTimePrice?.currency;
+  return !legacyCurrency || legacyCurrency.toLowerCase() === target;
+}
 function getEntitlementPrice(entitlement, period = "month", currency) {
   const currencyPrices = "valueType" in entitlement ? entitlement.currencyPrices : "entitlementType" in entitlement ? entitlement.planEntitlement?.currencyPrices : void 0;
   let source;
@@ -11675,6 +11720,13 @@ function buildAddOnRequestBody(options) {
     return acc;
   }, []);
 }
+function isScheduledCheckoutConflictMessage(message) {
+  if (typeof message !== "string") {
+    return false;
+  }
+  const m2 = message.toLowerCase();
+  return m2.includes("scheduled downgrade") || m2.includes("scheduled checkout");
+}
 function buildCreditBundlesRequestBody(creditBundles) {
   return creditBundles.reduce(
     (acc, { id, count }) => {
@@ -12770,7 +12822,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.10.2",
+  "X-Schematic-Components-Version": "2.10.3",
   "X-Schematic-Session-ID": sessionId
 });
 var normalizeCurrencyFilter = (filter2) => {
@@ -14147,7 +14199,7 @@ var Icon3 = ({
 
 // src/components/ui/input/styles.ts
 var Input = yt.input(({ theme, $size = "md", $variant = "filled" }) => {
-  const isLightBackground = useIsLightBackground();
+  const isLightBackground = isLightColor(theme.card.background);
   return pt`
     font-family: "Inter", sans-serif;
     font-weight: 500;
@@ -16199,17 +16251,20 @@ var CheckoutDialog = ({ top }) => {
   const [isLoading, setIsLoading] = (0, import_react33.useState)(false);
   const [error, setError] = (0, import_react33.useState)();
   const [isModal, setIsModal] = (0, import_react33.useState)(true);
-  const { featureUsage, showPeriodToggle, trialPaymentMethodRequired } = (0, import_react33.useMemo)(() => {
-    return {
-      featureUsage: data?.featureUsage ? data.featureUsage.features : [],
-      showPeriodToggle: data?.displaySettings?.showPeriodToggle ?? true,
-      trialPaymentMethodRequired: data?.trialPaymentMethodRequired === true
-    };
-  }, [
-    data?.featureUsage,
-    data?.displaySettings?.showPeriodToggle,
-    data?.trialPaymentMethodRequired
-  ]);
+  const { featureUsage, showPeriodToggle, trialPaymentMethodRequired } = (
+    // eslint-disable-next-line react-hooks/preserve-manual-memoization
+    (0, import_react33.useMemo)(() => {
+      return {
+        featureUsage: data?.featureUsage ? data.featureUsage.features : [],
+        showPeriodToggle: data?.displaySettings?.showPeriodToggle ?? true,
+        trialPaymentMethodRequired: data?.trialPaymentMethodRequired === true
+      };
+    }, [
+      data?.featureUsage,
+      data?.displaySettings?.showPeriodToggle,
+      data?.trialPaymentMethodRequired
+    ])
+  );
   const getValidatedPeriod = () => {
     const requestedPeriod = checkoutState?.period || data?.company?.plan?.planPeriod || "month";
     if (checkoutState?.planId) {
@@ -16565,12 +16620,9 @@ var CheckoutDialog = ({ top }) => {
                 return;
             }
           }
-          if (err2.response.status === 409) {
-            switch (data2.error) {
-              case "cannot purchase pay-in-advance entitlements while a scheduled downgrade is pending; cancel the scheduled downgrade first":
-                setError(t3("Downgrade pending."));
-                return;
-            }
+          if (err2.response.status === 409 && isScheduledCheckoutConflictMessage(data2?.error)) {
+            setError(t3("Downgrade pending."));
+            return;
           }
           setError(
             t3("Error retrieving plan details. Please try again in a moment.")
@@ -16798,6 +16850,9 @@ var CheckoutDialog = ({ top }) => {
   (0, import_react33.useEffect)(() => {
     setAddOns((prevAddOns) => {
       return availableAddOns.filter((availAddOn) => {
+        if (hasCurrency && !planSupportsCurrency(availAddOn, selectedCurrency)) {
+          return false;
+        }
         if (!selectedPlan) {
           return true;
         }
@@ -16816,7 +16871,13 @@ var CheckoutDialog = ({ top }) => {
         };
       });
     });
-  }, [data?.addOnCompatibilities, availableAddOns, selectedPlan]);
+  }, [
+    data?.addOnCompatibilities,
+    availableAddOns,
+    selectedPlan,
+    hasCurrency,
+    selectedCurrency
+  ]);
   (0, import_react33.useLayoutEffect)(() => {
     const element = dialogRef.current;
     if (layout !== "checkout" || !element) {
@@ -18616,9 +18677,29 @@ var SubscriptionSidebar = (0, import_react40.forwardRef)(
           setIsLoading(false);
           setLayout("portal");
         }
-      } catch {
+      } catch (err2) {
         setIsLoading(false);
         setLayout("checkout");
+        if (err2 instanceof ResponseError) {
+          if (err2.response.status === 401) {
+            setError(t3("Session expired. Please refresh and try again."));
+            return;
+          }
+          let data2;
+          try {
+            data2 = await err2.response.json();
+          } catch {
+            data2 = void 0;
+          }
+          if (err2.response.status === 409 && isScheduledCheckoutConflictMessage(data2?.error)) {
+            setError(
+              t3(
+                "Downgrade pending. Cancel the scheduled downgrade before making another change."
+              )
+            );
+            return;
+          }
+        }
         setError(
           t3("Error processing payment. Please try a different payment method.")
         );
@@ -21277,7 +21358,7 @@ var registerWrapper = function registerWrapper2(stripe, startTime) {
   }
   stripe._registerWrapper({
     name: "stripe-js",
-    version: "9.3.1",
+    version: "9.4.0",
     startTime
   });
 };
@@ -21355,7 +21436,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("9.3.1", " 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.4.0", " 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);
@@ -23263,9 +23344,25 @@ var PricingTable = (0, import_react55.forwardRef)(({ className, ...rest }, ref)
   const showCurrencySelector = currencies.length > 1;
   const hasCurrency = currencies.length > 1 || hasCurrencyFilter;
   const hasNoUsableCurrency = currencies.length === 0;
-  const { plans, addOns, periods } = useAvailablePlans(selectedPeriod, {
+  const {
+    plans: allPlans,
+    addOns: allAddOns,
+    periods
+  } = useAvailablePlans(selectedPeriod, {
     useSelectedPeriod: showPeriodToggle
   });
+  const plans = (0, import_react55.useMemo)(
+    () => hasCurrency ? allPlans.filter(
+      (plan) => planSupportsCurrency(plan, selectedCurrency)
+    ) : allPlans,
+    [allPlans, hasCurrency, selectedCurrency]
+  );
+  const addOns = (0, import_react55.useMemo)(
+    () => hasCurrency ? allAddOns.filter(
+      (addOn) => planSupportsCurrency(addOn, selectedCurrency)
+    ) : allAddOns,
+    [allAddOns, hasCurrency, selectedCurrency]
+  );
   const [entitlementCounts, setEntitlementCounts] = (0, import_react55.useState)(
     () => plans.reduce(entitlementCountsReducer, {})
   );

package/dist/schematic-components.d.ts

@@ -104,7 +104,7 @@ declare interface BillingCreditBundleView {
      * @type {Array<CreditBundleCurrencyPrice>}
      * @memberof BillingCreditBundleView
      */
-    currencyPrices?: Array<CreditBundleCurrencyPrice>;
+    currencyPrices: Array<CreditBundleCurrencyPrice>;
     /**
      *
      * @type {BillingCreditExpiryType}
@@ -550,6 +550,12 @@ declare interface BillingCreditView {
      * @memberof BillingCreditView
      */
     createdAt: Date;
+    /**
+     *
+     * @type {Array<CreditCurrencyPrice>}
+     * @memberof BillingCreditView
+     */
+    currencyPrices: Array<CreditCurrencyPrice>;
     /**
      *
      * @type {BillingCreditExpiryUnit}
@@ -672,6 +678,12 @@ declare interface BillingCreditView_2 {
      * @memberof BillingCreditView
      */
     createdAt: Date;
+    /**
+     *
+     * @type {Array<CreditCurrencyPrice>}
+     * @memberof BillingCreditView
+     */
+    currencyPrices: Array<CreditCurrencyPrice_2>;
     /**
      *
      * @type {BillingCreditExpiryUnit}
@@ -4934,6 +4946,46 @@ declare interface CreditCompanyGrantView {
     zeroedOutReason?: BillingCreditGrantZeroedOutReason | null;
 }
 
+/**
+ *
+ * @export
+ * @interface CreditCurrencyPrice
+ */
+declare interface CreditCurrencyPrice {
+    /**
+     *
+     * @type {string}
+     * @memberof CreditCurrencyPrice
+     */
+    currency: string;
+    /**
+     *
+     * @type {BillingPriceView}
+     * @memberof CreditCurrencyPrice
+     */
+    price?: BillingPriceView;
+}
+
+/**
+ *
+ * @export
+ * @interface CreditCurrencyPrice
+ */
+declare interface CreditCurrencyPrice_2 {
+    /**
+     *
+     * @type {string}
+     * @memberof CreditCurrencyPrice
+     */
+    currency: string;
+    /**
+     *
+     * @type {BillingPriceView}
+     * @memberof CreditCurrencyPrice
+     */
+    price?: BillingPriceView_2;
+}
+
 /**
  *
  * @export

package/dist/schematic-components.esm.js

@@ -7208,7 +7208,7 @@ function BillingCreditBundleViewFromJSONTyped(json, ignoreDiscriminator) {
     creditIcon: json["credit_icon"] == null ? void 0 : json["credit_icon"],
     creditId: json["credit_id"],
     creditName: json["credit_name"],
-    currencyPrices: json["currency_prices"] == null ? void 0 : json["currency_prices"].map(
+    currencyPrices: json["currency_prices"].map(
       CreditBundleCurrencyPriceFromJSON
     ),
     expiryType: BillingCreditExpiryTypeFromJSON(json["expiry_type"]),
@@ -7360,6 +7360,20 @@ function BillingCreditResponseDataFromJSONTyped(json, ignoreDiscriminator) {
   };
 }
 
+// src/api/checkoutexternal/models/CreditCurrencyPrice.ts
+function CreditCurrencyPriceFromJSON(json) {
+  return CreditCurrencyPriceFromJSONTyped(json, false);
+}
+function CreditCurrencyPriceFromJSONTyped(json, ignoreDiscriminator) {
+  if (json == null) {
+    return json;
+  }
+  return {
+    currency: json["currency"],
+    price: json["price"] == null ? void 0 : BillingPriceViewFromJSON(json["price"])
+  };
+}
+
 // src/api/checkoutexternal/models/BillingCreditView.ts
 function BillingCreditViewFromJSON(json) {
   return BillingCreditViewFromJSONTyped(json, false);
@@ -7373,6 +7387,9 @@ function BillingCreditViewFromJSONTyped(json, ignoreDiscriminator) {
     burnStrategy: BillingCreditBurnStrategyFromJSON(json["burn_strategy"]),
     costEditable: json["cost_editable"],
     createdAt: new Date(json["created_at"]),
+    currencyPrices: json["currency_prices"].map(
+      CreditCurrencyPriceFromJSON
+    ),
     defaultExpiryUnit: BillingCreditExpiryUnitFromJSON(
       json["default_expiry_unit"]
     ),
@@ -10514,9 +10531,9 @@ function BillingTiersModeFromJSONTyped4(json, ignoreDiscriminator) {
 
 // src/api/componentspublic/models/BillingPriceView.ts
 function BillingPriceViewFromJSON2(json) {
-  return BillingPriceViewFromJSONTyped8(json, false);
+  return BillingPriceViewFromJSONTyped9(json, false);
 }
-function BillingPriceViewFromJSONTyped8(json, ignoreDiscriminator) {
+function BillingPriceViewFromJSONTyped9(json, ignoreDiscriminator) {
   if (json == null) {
     return json;
   }
@@ -10549,6 +10566,20 @@ function BillingPriceViewFromJSONTyped8(json, ignoreDiscriminator) {
   };
 }
 
+// src/api/componentspublic/models/CreditCurrencyPrice.ts
+function CreditCurrencyPriceFromJSON2(json) {
+  return CreditCurrencyPriceFromJSONTyped3(json, false);
+}
+function CreditCurrencyPriceFromJSONTyped3(json, ignoreDiscriminator) {
+  if (json == null) {
+    return json;
+  }
+  return {
+    currency: json["currency"],
+    price: json["price"] == null ? void 0 : BillingPriceViewFromJSON2(json["price"])
+  };
+}
+
 // src/api/componentspublic/models/BillingCreditView.ts
 function BillingCreditViewFromJSON2(json) {
   return BillingCreditViewFromJSONTyped3(json, false);
@@ -10562,6 +10593,9 @@ function BillingCreditViewFromJSONTyped3(json, ignoreDiscriminator) {
     burnStrategy: BillingCreditBurnStrategyFromJSON2(json["burn_strategy"]),
     costEditable: json["cost_editable"],
     createdAt: new Date(json["created_at"]),
+    currencyPrices: json["currency_prices"].map(
+      CreditCurrencyPriceFromJSON2
+    ),
     defaultExpiryUnit: BillingCreditExpiryUnitFromJSON2(
       json["default_expiry_unit"]
     ),
@@ -11433,6 +11467,17 @@ function getAddOnPrice(addOn, period = "month", currency) {
     return { ...billingPrice, price: getPriceValue(billingPrice) };
   }
 }
+function planSupportsCurrency(plan, currency) {
+  if (!currency) return true;
+  const target = currency.toLowerCase();
+  if (plan.currencyPrices?.length) {
+    return plan.currencyPrices.some(
+      (cp) => cp.currency.toLowerCase() === target
+    );
+  }
+  const legacyCurrency = plan.monthlyPrice?.currency ?? plan.yearlyPrice?.currency ?? plan.oneTimePrice?.currency;
+  return !legacyCurrency || legacyCurrency.toLowerCase() === target;
+}
 function getEntitlementPrice(entitlement, period = "month", currency) {
   const currencyPrices = "valueType" in entitlement ? entitlement.currencyPrices : "entitlementType" in entitlement ? entitlement.planEntitlement?.currencyPrices : void 0;
   let source;
@@ -11590,6 +11635,13 @@ function buildAddOnRequestBody(options) {
     return acc;
   }, []);
 }
+function isScheduledCheckoutConflictMessage(message) {
+  if (typeof message !== "string") {
+    return false;
+  }
+  const m2 = message.toLowerCase();
+  return m2.includes("scheduled downgrade") || m2.includes("scheduled checkout");
+}
 function buildCreditBundlesRequestBody(creditBundles) {
   return creditBundles.reduce(
     (acc, { id, count }) => {
@@ -12685,7 +12737,7 @@ var reducer = (state, action) => {
 // src/context/EmbedProvider.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
 var getCustomHeaders = (sessionId) => ({
-  "X-Schematic-Components-Version": "2.10.2",
+  "X-Schematic-Components-Version": "2.10.3",
   "X-Schematic-Session-ID": sessionId
 });
 var normalizeCurrencyFilter = (filter2) => {
@@ -14068,7 +14120,7 @@ var Icon3 = ({
 
 // src/components/ui/input/styles.ts
 var Input = yt.input(({ theme, $size = "md", $variant = "filled" }) => {
-  const isLightBackground = useIsLightBackground();
+  const isLightBackground = isLightColor(theme.card.background);
   return pt`
     font-family: "Inter", sans-serif;
     font-weight: 500;
@@ -16133,17 +16185,20 @@ var CheckoutDialog = ({ top }) => {
   const [isLoading, setIsLoading] = useState8(false);
   const [error, setError] = useState8();
   const [isModal, setIsModal] = useState8(true);
-  const { featureUsage, showPeriodToggle, trialPaymentMethodRequired } = useMemo10(() => {
-    return {
-      featureUsage: data?.featureUsage ? data.featureUsage.features : [],
-      showPeriodToggle: data?.displaySettings?.showPeriodToggle ?? true,
-      trialPaymentMethodRequired: data?.trialPaymentMethodRequired === true
-    };
-  }, [
-    data?.featureUsage,
-    data?.displaySettings?.showPeriodToggle,
-    data?.trialPaymentMethodRequired
-  ]);
+  const { featureUsage, showPeriodToggle, trialPaymentMethodRequired } = (
+    // eslint-disable-next-line react-hooks/preserve-manual-memoization
+    useMemo10(() => {
+      return {
+        featureUsage: data?.featureUsage ? data.featureUsage.features : [],
+        showPeriodToggle: data?.displaySettings?.showPeriodToggle ?? true,
+        trialPaymentMethodRequired: data?.trialPaymentMethodRequired === true
+      };
+    }, [
+      data?.featureUsage,
+      data?.displaySettings?.showPeriodToggle,
+      data?.trialPaymentMethodRequired
+    ])
+  );
   const getValidatedPeriod = () => {
     const requestedPeriod = checkoutState?.period || data?.company?.plan?.planPeriod || "month";
     if (checkoutState?.planId) {
@@ -16499,12 +16554,9 @@ var CheckoutDialog = ({ top }) => {
                 return;
             }
           }
-          if (err2.response.status === 409) {
-            switch (data2.error) {
-              case "cannot purchase pay-in-advance entitlements while a scheduled downgrade is pending; cancel the scheduled downgrade first":
-                setError(t3("Downgrade pending."));
-                return;
-            }
+          if (err2.response.status === 409 && isScheduledCheckoutConflictMessage(data2?.error)) {
+            setError(t3("Downgrade pending."));
+            return;
           }
           setError(
             t3("Error retrieving plan details. Please try again in a moment.")
@@ -16732,6 +16784,9 @@ var CheckoutDialog = ({ top }) => {
   useEffect5(() => {
     setAddOns((prevAddOns) => {
       return availableAddOns.filter((availAddOn) => {
+        if (hasCurrency && !planSupportsCurrency(availAddOn, selectedCurrency)) {
+          return false;
+        }
         if (!selectedPlan) {
           return true;
         }
@@ -16750,7 +16805,13 @@ var CheckoutDialog = ({ top }) => {
         };
       });
     });
-  }, [data?.addOnCompatibilities, availableAddOns, selectedPlan]);
+  }, [
+    data?.addOnCompatibilities,
+    availableAddOns,
+    selectedPlan,
+    hasCurrency,
+    selectedCurrency
+  ]);
   useLayoutEffect4(() => {
     const element = dialogRef.current;
     if (layout !== "checkout" || !element) {
@@ -18562,9 +18623,29 @@ var SubscriptionSidebar = forwardRef7(
           setIsLoading(false);
           setLayout("portal");
         }
-      } catch {
+      } catch (err2) {
         setIsLoading(false);
         setLayout("checkout");
+        if (err2 instanceof ResponseError) {
+          if (err2.response.status === 401) {
+            setError(t3("Session expired. Please refresh and try again."));
+            return;
+          }
+          let data2;
+          try {
+            data2 = await err2.response.json();
+          } catch {
+            data2 = void 0;
+          }
+          if (err2.response.status === 409 && isScheduledCheckoutConflictMessage(data2?.error)) {
+            setError(
+              t3(
+                "Downgrade pending. Cancel the scheduled downgrade before making another change."
+              )
+            );
+            return;
+          }
+        }
         setError(
           t3("Error processing payment. Please try a different payment method.")
         );
@@ -21223,7 +21304,7 @@ var registerWrapper = function registerWrapper2(stripe, startTime) {
   }
   stripe._registerWrapper({
     name: "stripe-js",
-    version: "9.3.1",
+    version: "9.4.0",
     startTime
   });
 };
@@ -21301,7 +21382,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("9.3.1", " 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.4.0", " 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);
@@ -22315,6 +22396,7 @@ import {
   forwardRef as forwardRef15,
   useCallback as useCallback14,
   useEffect as useEffect9,
+  useMemo as useMemo26,
   useState as useState19
 } from "react";
 
@@ -23215,9 +23297,25 @@ var PricingTable = forwardRef15(({ className, ...rest }, ref) => {
   const showCurrencySelector = currencies.length > 1;
   const hasCurrency = currencies.length > 1 || hasCurrencyFilter;
   const hasNoUsableCurrency = currencies.length === 0;
-  const { plans, addOns, periods } = useAvailablePlans(selectedPeriod, {
+  const {
+    plans: allPlans,
+    addOns: allAddOns,
+    periods
+  } = useAvailablePlans(selectedPeriod, {
     useSelectedPeriod: showPeriodToggle
   });
+  const plans = useMemo26(
+    () => hasCurrency ? allPlans.filter(
+      (plan) => planSupportsCurrency(plan, selectedCurrency)
+    ) : allPlans,
+    [allPlans, hasCurrency, selectedCurrency]
+  );
+  const addOns = useMemo26(
+    () => hasCurrency ? allAddOns.filter(
+      (addOn) => planSupportsCurrency(addOn, selectedCurrency)
+    ) : allAddOns,
+    [allAddOns, hasCurrency, selectedCurrency]
+  );
   const [entitlementCounts, setEntitlementCounts] = useState19(
     () => plans.reduce(entitlementCountsReducer, {})
   );
@@ -23448,7 +23546,7 @@ var TextElement = forwardRef16(({ children, className, ...rest }, ref) => {
 TextElement.displayName = "Text";
 
 // src/components/elements/unsubscribe-button/UnsubscribeButton.tsx
-import { forwardRef as forwardRef17, useMemo as useMemo26 } from "react";
+import { forwardRef as forwardRef17, useMemo as useMemo27 } from "react";
 import { jsx as jsx59 } from "react/jsx-runtime";
 var buttonStyles = {
   primary: {
@@ -23479,7 +23577,7 @@ var UnsubscribeButton = forwardRef17(({ children, className, ...rest }, ref) =>
   const props = resolveDesignProps10(rest);
   const { t: t3 } = useTranslation();
   const { data, setLayout } = useEmbed();
-  const hasActiveSubscription = useMemo26(() => {
+  const hasActiveSubscription = useMemo27(() => {
     return data?.subscription && data.subscription.status !== "cancelled" && !data.subscription.cancelAt;
   }, [data?.subscription]);
   if (!hasActiveSubscription) {
@@ -23514,7 +23612,7 @@ var UnsubscribeButton = forwardRef17(({ children, className, ...rest }, ref) =>
 UnsubscribeButton.displayName = "UnsubscribeButton";
 
 // src/components/elements/upcoming-bill/UpcomingBill.tsx
-import { forwardRef as forwardRef18, useCallback as useCallback15, useEffect as useEffect10, useMemo as useMemo27, useState as useState20 } from "react";
+import { forwardRef as forwardRef18, useCallback as useCallback15, useEffect as useEffect10, useMemo as useMemo28, useState as useState20 } from "react";
 import { jsx as jsx60, jsxs as jsxs44 } from "react/jsx-runtime";
 function resolveDesignProps11(props) {
   return {
@@ -23543,7 +23641,7 @@ var UpcomingBill = forwardRef18(({ className, ...rest }, ref) => {
   const [error, setError] = useState20();
   const [upcomingInvoice, setUpcomingInvoice] = useState20(data?.upcomingInvoice);
   const [balances, setBalances] = useState20([]);
-  const discounts = useMemo27(() => {
+  const discounts = useMemo28(() => {
     return (data?.subscription?.discounts || []).map((discount) => ({
       couponId: discount.couponId,
       customerFacingCode: discount.customerFacingCode || void 0,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@schematichq/schematic-components",
-  "version": "2.10.2",
+  "version": "2.10.3",
   "main": "dist/schematic-components.cjs.js",
   "module": "dist/schematic-components.esm.js",
   "types": "dist/schematic-components.d.ts",
@@ -34,7 +34,7 @@
   },
   "dependencies": {
     "@schematichq/schematic-icons": "^0.5.4",
-    "@stripe/stripe-js": "^9.3.1",
+    "@stripe/stripe-js": "^9.4.0",
     "i18next": "^26.0.8",
     "lodash": "^4.18.1",
     "pako": "^2.1.0",
@@ -48,7 +48,7 @@
     "@eslint/markdown": "^8.0.1",
     "@microsoft/api-extractor": "^7.58.7",
     "@openapitools/openapi-generator-cli": "^2.32.0",
-    "@stripe/react-stripe-js": "^6.2.0",
+    "@stripe/react-stripe-js": "^6.3.0",
     "@swc/core": "^1.15.30",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/jest-dom": "^6.9.1",
@@ -59,20 +59,20 @@
     "@types/react-dom": "^19.2.3",
     "@vitest/browser": "^4.1.5",
     "esbuild": "^0.28.0",
-    "eslint": "^10.2.0",
+    "eslint": "^10.3.0",
     "eslint-import-resolver-typescript": "^4.4.4",
     "eslint-plugin-import-x": "^4.16.2",
     "eslint-plugin-react": "^7.37.5",
-    "eslint-plugin-react-hooks": "^7.0.1",
-    "globals": "^17.5.0",
+    "eslint-plugin-react-hooks": "^7.1.1",
+    "globals": "^17.6.0",
     "happy-dom": "^20.9.0",
-    "jsdom": "^29.1.0",
-    "msw": "^2.13.4",
+    "jsdom": "^29.1.1",
+    "msw": "^2.14.2",
     "prettier": "^3.8.3",
     "react": "^19.2.5",
     "react-dom": "^19.2.5",
     "typescript": "^6.0.3",
-    "typescript-eslint": "^8.59.1",
+    "typescript-eslint": "^8.59.2",
     "vitest": "^4.1.5"
   },
   "peerDependencies": {