@schematichq/schematic-components 2.9.0-rc.3 → 2.9.1

package/dist/schematic-components.cjs.js

@@ -1821,7 +1821,7 @@ __export(index_exports, {
   Credits: () => Credits,
   Dialog: () => Dialog2,
   DialogClose: () => DialogClose,
-  DialogContent: () => DialogContent,
+  DialogContent: () => DialogContent2,
   DialogHeader: () => DialogHeader,
   Element: () => Element,
   EmbedContext: () => EmbedContext,
@@ -5134,6 +5134,7 @@ var en_default = {
     "Try again": "Try again",
     Unlimited: "Unlimited {{item}}",
     "Unlimited in this tier": "Unlimited {{feature}} in this tier",
+    "Unable to load payment form.": "Unable to load payment form. Your browser's security or privacy settings may be blocking it. Please try a different browser or adjust your privacy settings.",
     "Unsubscribe failed": "Unsubscribe failed",
     Unsubscribe: "Unsubscribe",
     "Unused time": "Unused time",
@@ -7525,6 +7526,21 @@ function BillingCreditViewFromJSONTyped(json, ignoreDiscriminator) {
   };
 }
 
+// src/api/checkoutexternal/models/BillingLinkedResourceResponseData.ts
+function BillingLinkedResourceResponseDataFromJSON(json) {
+  return BillingLinkedResourceResponseDataFromJSONTyped(json, false);
+}
+function BillingLinkedResourceResponseDataFromJSONTyped(json, ignoreDiscriminator) {
+  if (json == null) {
+    return json;
+  }
+  return {
+    billingProvider: BillingProviderTypeFromJSON(json["billing_provider"]),
+    externalResourceId: json["external_resource_id"],
+    originator: BillingProviderTypeFromJSON(json["originator"])
+  };
+}
+
 // src/api/checkoutexternal/models/BillingPlanCreditGrantResetCadence.ts
 var BillingPlanCreditGrantResetCadence = {
   Daily: "daily",
@@ -8677,6 +8693,9 @@ function FeatureDetailResponseDataFromJSONTyped(json, ignoreDiscriminator) {
     return json;
   }
   return {
+    billingLinkedResource: json["billing_linked_resource"] == null ? void 0 : BillingLinkedResourceResponseDataFromJSON(
+      json["billing_linked_resource"]
+    ),
     createdAt: new Date(json["created_at"]),
     description: json["description"],
     eventSubtype: json["event_subtype"] == null ? void 0 : json["event_subtype"],
@@ -8780,6 +8799,9 @@ function PlanEntitlementResponseDataFromJSONTyped(json, ignoreDiscriminator) {
     return json;
   }
   return {
+    billingLinkedResource: json["billing_linked_resource"] == null ? void 0 : BillingLinkedResourceResponseDataFromJSON(
+      json["billing_linked_resource"]
+    ),
     billingThreshold: json["billing_threshold"] == null ? void 0 : json["billing_threshold"],
     consumptionRate: json["consumption_rate"] == null ? void 0 : json["consumption_rate"],
     createdAt: new Date(json["created_at"]),
@@ -8972,6 +8994,9 @@ function CompanyPlanDetailResponseDataFromJSONTyped(json, ignoreDiscriminator) {
   return {
     activeVersion: json["active_version"] == null ? void 0 : PlanVersionResponseDataFromJSON(json["active_version"]),
     audienceType: json["audience_type"] == null ? void 0 : json["audience_type"],
+    billingLinkedResource: json["billing_linked_resource"] == null ? void 0 : BillingLinkedResourceResponseDataFromJSON(
+      json["billing_linked_resource"]
+    ),
     billingProduct: json["billing_product"] == null ? void 0 : BillingProductDetailResponseDataFromJSON(json["billing_product"]),
     chargeType: ChargeTypeFromJSON(json["charge_type"]),
     companyCanTrial: json["company_can_trial"],
@@ -9131,6 +9156,9 @@ function PlanDetailResponseDataFromJSONTyped(json, ignoreDiscriminator) {
   return {
     activeVersion: json["active_version"] == null ? void 0 : PlanVersionResponseDataFromJSON(json["active_version"]),
     audienceType: json["audience_type"] == null ? void 0 : json["audience_type"],
+    billingLinkedResource: json["billing_linked_resource"] == null ? void 0 : BillingLinkedResourceResponseDataFromJSON(
+      json["billing_linked_resource"]
+    ),
     billingProduct: json["billing_product"] == null ? void 0 : BillingProductDetailResponseDataFromJSON(json["billing_product"]),
     chargeType: ChargeTypeFromJSON(json["charge_type"]),
     companyCount: json["company_count"],
@@ -10382,9 +10410,9 @@ function BillingProductPriceIntervalFromJSONTyped5(json, ignoreDiscriminator) {
 
 // src/api/componentspublic/models/BillingProviderType.ts
 function BillingProviderTypeFromJSON2(json) {
-  return BillingProviderTypeFromJSONTyped13(json, false);
+  return BillingProviderTypeFromJSONTyped14(json, false);
 }
-function BillingProviderTypeFromJSONTyped13(json, ignoreDiscriminator) {
+function BillingProviderTypeFromJSONTyped14(json, ignoreDiscriminator) {
   return json;
 }
 
@@ -10600,6 +10628,21 @@ function BillingCreditViewFromJSONTyped3(json, ignoreDiscriminator) {
   };
 }
 
+// src/api/componentspublic/models/BillingLinkedResourceResponseData.ts
+function BillingLinkedResourceResponseDataFromJSON2(json) {
+  return BillingLinkedResourceResponseDataFromJSONTyped7(json, false);
+}
+function BillingLinkedResourceResponseDataFromJSONTyped7(json, ignoreDiscriminator) {
+  if (json == null) {
+    return json;
+  }
+  return {
+    billingProvider: BillingProviderTypeFromJSON2(json["billing_provider"]),
+    externalResourceId: json["external_resource_id"],
+    originator: BillingProviderTypeFromJSON2(json["originator"])
+  };
+}
+
 // src/api/componentspublic/models/BillingPlanCreditGrantResetCadence.ts
 function BillingPlanCreditGrantResetCadenceFromJSON2(json) {
   return BillingPlanCreditGrantResetCadenceFromJSONTyped5(json, false);
@@ -11004,6 +11047,9 @@ function FeatureDetailResponseDataFromJSONTyped6(json, ignoreDiscriminator) {
     return json;
   }
   return {
+    billingLinkedResource: json["billing_linked_resource"] == null ? void 0 : BillingLinkedResourceResponseDataFromJSON2(
+      json["billing_linked_resource"]
+    ),
     createdAt: new Date(json["created_at"]),
     description: json["description"],
     eventSubtype: json["event_subtype"] == null ? void 0 : json["event_subtype"],
@@ -11048,66 +11094,6 @@ function PlanControlledByTypeFromJSONTyped5(json, ignoreDiscriminator) {
   return json;
 }
 
-// src/api/componentspublic/models/PlanCreditGrantView.ts
-function PlanCreditGrantViewFromJSON2(json) {
-  return PlanCreditGrantViewFromJSONTyped4(json, false);
-}
-function PlanCreditGrantViewFromJSONTyped4(json, ignoreDiscriminator) {
-  if (json == null) {
-    return json;
-  }
-  return {
-    billingCreditAutoTopupAmount: json["billing_credit_auto_topup_amount"] == null ? void 0 : json["billing_credit_auto_topup_amount"],
-    billingCreditAutoTopupAmountType: json["billing_credit_auto_topup_amount_type"] == null ? void 0 : json["billing_credit_auto_topup_amount_type"],
-    billingCreditAutoTopupEnabled: json["billing_credit_auto_topup_enabled"],
-    billingCreditAutoTopupExpiryType: json["billing_credit_auto_topup_expiry_type"] == null ? void 0 : BillingCreditExpiryTypeFromJSON2(
-      json["billing_credit_auto_topup_expiry_type"]
-    ),
-    billingCreditAutoTopupExpiryUnit: json["billing_credit_auto_topup_expiry_unit"] == null ? void 0 : BillingCreditExpiryUnitFromJSON2(
-      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"]),
-    creditAmount: json["credit_amount"],
-    creditDescription: json["credit_description"],
-    creditIcon: json["credit_icon"] == null ? void 0 : json["credit_icon"],
-    creditId: json["credit_id"],
-    creditName: json["credit_name"],
-    expiryType: json["expiry_type"] == null ? void 0 : BillingCreditExpiryTypeFromJSON2(json["expiry_type"]),
-    expiryUnit: json["expiry_unit"] == null ? void 0 : BillingCreditExpiryUnitFromJSON2(json["expiry_unit"]),
-    expiryUnitCount: json["expiry_unit_count"] == null ? void 0 : json["expiry_unit_count"],
-    id: json["id"],
-    plan: json["plan"] == null ? void 0 : GenericPreviewObjectFromJSON2(json["plan"]),
-    planId: json["plan_id"],
-    planVersionId: json["plan_version_id"] == null ? void 0 : json["plan_version_id"],
-    pluralName: json["plural_name"] == null ? void 0 : json["plural_name"],
-    resetCadence: json["reset_cadence"] == null ? void 0 : BillingPlanCreditGrantResetCadenceFromJSON2(json["reset_cadence"]),
-    resetStart: json["reset_start"] == null ? void 0 : BillingPlanCreditGrantResetStartFromJSON2(json["reset_start"]),
-    resetType: BillingPlanCreditGrantResetTypeFromJSON2(json["reset_type"]),
-    singularName: json["singular_name"] == null ? void 0 : json["singular_name"],
-    updatedAt: new Date(json["updated_at"])
-  };
-}
-
-// src/api/componentspublic/models/PlanCurrencyPricesResponseData.ts
-function PlanCurrencyPricesResponseDataFromJSON2(json) {
-  return PlanCurrencyPricesResponseDataFromJSONTyped5(json, false);
-}
-function PlanCurrencyPricesResponseDataFromJSONTyped5(json, ignoreDiscriminator) {
-  if (json == null) {
-    return json;
-  }
-  return {
-    currency: json["currency"],
-    monthlyPrice: json["monthly_price"] == null ? void 0 : BillingPriceResponseDataFromJSON2(json["monthly_price"]),
-    oneTimePrice: json["one_time_price"] == null ? void 0 : BillingPriceResponseDataFromJSON2(json["one_time_price"]),
-    yearlyPrice: json["yearly_price"] == null ? void 0 : BillingPriceResponseDataFromJSON2(json["yearly_price"])
-  };
-}
-
 // src/api/componentspublic/models/PlanIcon.ts
 function PlanIconFromJSON2(json) {
   return PlanIconFromJSONTyped7(json, false);
@@ -11153,6 +11139,9 @@ function PlanEntitlementResponseDataFromJSONTyped5(json, ignoreDiscriminator) {
     return json;
   }
   return {
+    billingLinkedResource: json["billing_linked_resource"] == null ? void 0 : BillingLinkedResourceResponseDataFromJSON2(
+      json["billing_linked_resource"]
+    ),
     billingThreshold: json["billing_threshold"] == null ? void 0 : json["billing_threshold"],
     consumptionRate: json["consumption_rate"] == null ? void 0 : json["consumption_rate"],
     createdAt: new Date(json["created_at"]),
@@ -11184,6 +11173,66 @@ function PlanEntitlementResponseDataFromJSONTyped5(json, ignoreDiscriminator) {
   };
 }
 
+// src/api/componentspublic/models/PlanCreditGrantView.ts
+function PlanCreditGrantViewFromJSON2(json) {
+  return PlanCreditGrantViewFromJSONTyped4(json, false);
+}
+function PlanCreditGrantViewFromJSONTyped4(json, ignoreDiscriminator) {
+  if (json == null) {
+    return json;
+  }
+  return {
+    billingCreditAutoTopupAmount: json["billing_credit_auto_topup_amount"] == null ? void 0 : json["billing_credit_auto_topup_amount"],
+    billingCreditAutoTopupAmountType: json["billing_credit_auto_topup_amount_type"] == null ? void 0 : json["billing_credit_auto_topup_amount_type"],
+    billingCreditAutoTopupEnabled: json["billing_credit_auto_topup_enabled"],
+    billingCreditAutoTopupExpiryType: json["billing_credit_auto_topup_expiry_type"] == null ? void 0 : BillingCreditExpiryTypeFromJSON2(
+      json["billing_credit_auto_topup_expiry_type"]
+    ),
+    billingCreditAutoTopupExpiryUnit: json["billing_credit_auto_topup_expiry_unit"] == null ? void 0 : BillingCreditExpiryUnitFromJSON2(
+      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"]),
+    creditAmount: json["credit_amount"],
+    creditDescription: json["credit_description"],
+    creditIcon: json["credit_icon"] == null ? void 0 : json["credit_icon"],
+    creditId: json["credit_id"],
+    creditName: json["credit_name"],
+    expiryType: json["expiry_type"] == null ? void 0 : BillingCreditExpiryTypeFromJSON2(json["expiry_type"]),
+    expiryUnit: json["expiry_unit"] == null ? void 0 : BillingCreditExpiryUnitFromJSON2(json["expiry_unit"]),
+    expiryUnitCount: json["expiry_unit_count"] == null ? void 0 : json["expiry_unit_count"],
+    id: json["id"],
+    plan: json["plan"] == null ? void 0 : GenericPreviewObjectFromJSON2(json["plan"]),
+    planId: json["plan_id"],
+    planVersionId: json["plan_version_id"] == null ? void 0 : json["plan_version_id"],
+    pluralName: json["plural_name"] == null ? void 0 : json["plural_name"],
+    resetCadence: json["reset_cadence"] == null ? void 0 : BillingPlanCreditGrantResetCadenceFromJSON2(json["reset_cadence"]),
+    resetStart: json["reset_start"] == null ? void 0 : BillingPlanCreditGrantResetStartFromJSON2(json["reset_start"]),
+    resetType: BillingPlanCreditGrantResetTypeFromJSON2(json["reset_type"]),
+    singularName: json["singular_name"] == null ? void 0 : json["singular_name"],
+    updatedAt: new Date(json["updated_at"])
+  };
+}
+
+// src/api/componentspublic/models/PlanCurrencyPricesResponseData.ts
+function PlanCurrencyPricesResponseDataFromJSON2(json) {
+  return PlanCurrencyPricesResponseDataFromJSONTyped5(json, false);
+}
+function PlanCurrencyPricesResponseDataFromJSONTyped5(json, ignoreDiscriminator) {
+  if (json == null) {
+    return json;
+  }
+  return {
+    currency: json["currency"],
+    monthlyPrice: json["monthly_price"] == null ? void 0 : BillingPriceResponseDataFromJSON2(json["monthly_price"]),
+    oneTimePrice: json["one_time_price"] == null ? void 0 : BillingPriceResponseDataFromJSON2(json["one_time_price"]),
+    yearlyPrice: json["yearly_price"] == null ? void 0 : BillingPriceResponseDataFromJSON2(json["yearly_price"])
+  };
+}
+
 // src/api/componentspublic/models/PlanVersionStatus.ts
 function PlanVersionStatusFromJSON2(json) {
   return PlanVersionStatusFromJSONTyped3(json, false);
@@ -11226,6 +11275,9 @@ function PlanViewPublicResponseDataFromJSONTyped(json, ignoreDiscriminator) {
   return {
     activeVersion: json["active_version"] == null ? void 0 : PlanVersionResponseDataFromJSON2(json["active_version"]),
     audienceType: json["audience_type"] == null ? void 0 : json["audience_type"],
+    billingLinkedResource: json["billing_linked_resource"] == null ? void 0 : BillingLinkedResourceResponseDataFromJSON2(
+      json["billing_linked_resource"]
+    ),
     billingProduct: json["billing_product"] == null ? void 0 : BillingProductDetailResponseDataFromJSON2(json["billing_product"]),
     chargeType: ChargeTypeFromJSON2(json["charge_type"]),
     companyCount: json["company_count"],
@@ -11390,25 +11442,21 @@ function getAddOnPrice(addOn, period = "month", currency) {
 }
 function getEntitlementPrice(entitlement, period = "month", currency) {
   const currencyPrices = "valueType" in entitlement ? entitlement.currencyPrices : "entitlementType" in entitlement ? entitlement.planEntitlement?.currencyPrices : void 0;
+  let source;
   if (currency && currencyPrices?.length) {
     const currencyPrice = currencyPrices.find(
       (cp) => cp.currency.toLowerCase() === currency.toLowerCase()
     );
     if (currencyPrice) {
-      const source2 = period === "year" ? currencyPrice.yearlyPrice : currencyPrice.monthlyPrice;
-      if (source2) {
-        return {
-          ...source2,
-          price: getPriceValue(source2)
-        };
-      }
+      source = period === "year" ? currencyPrice.yearlyPrice : currencyPrice.monthlyPrice;
     }
   }
-  let source;
-  if ("valueType" in entitlement) {
-    source = period === "year" ? entitlement.meteredYearlyPrice : entitlement.meteredMonthlyPrice;
-  } else if ("entitlementType" in entitlement) {
-    source = period === "year" ? entitlement.yearlyUsageBasedPrice : entitlement.monthlyUsageBasedPrice;
+  if (!source) {
+    if ("valueType" in entitlement) {
+      source = period === "year" ? entitlement.meteredYearlyPrice : entitlement.meteredMonthlyPrice;
+    } else if ("entitlementType" in entitlement) {
+      source = period === "year" ? entitlement.yearlyUsageBasedPrice : entitlement.monthlyUsageBasedPrice;
+    }
   }
   if (source) {
     const billingPrice = { ...source };
@@ -11417,9 +11465,7 @@ function getEntitlementPrice(entitlement, period = "month", currency) {
       if (typeof overagePriceTier.perUnitPrice === "number") {
         billingPrice.price = overagePriceTier.perUnitPrice;
       }
-      if (typeof overagePriceTier.perUnitPriceDecimal === "string") {
-        billingPrice.priceDecimal = overagePriceTier.perUnitPriceDecimal;
-      }
+      billingPrice.priceDecimal = typeof overagePriceTier.perUnitPriceDecimal === "string" ? overagePriceTier.perUnitPriceDecimal : null;
     }
     return { ...billingPrice, price: getPriceValue(billingPrice) };
   }
@@ -12640,7 +12686,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.3",
+  "X-Schematic-Components-Version": "2.9.1",
   "X-Schematic-Session-ID": sessionId
 });
 var EmbedProvider = ({
@@ -13722,6 +13768,11 @@ var Button = ut.button(
 var import_react23 = require("react");
 
 // src/components/ui/dialog/styles.ts
+var DialogContent = ut.div`
+  position: relative;
+  display: flex;
+  flex-direction: column;
+`;
 var Dialog = ut.dialog(
   ({ theme, $isModal, $size, $top }) => {
     return it`
@@ -13760,6 +13811,15 @@ var Dialog = ut.dialog(
         max-width: ${$size === "sm" ? "480px" : $size === "md" ? "768px" : "1356px"};
         height: ${$size === "lg" ? "100%" : "fit-content"};
         border-radius: 0.5rem;
+
+        ${DialogContent} {
+          flex-direction: row;
+          max-height: calc(100dvh - 5rem + 3px);
+
+          ${$size === "lg" && it`
+            height: calc(100% - 5rem + 3px);
+          `}
+        }
       }
 
       @media (min-width: 768px) and (min-height: 896px) {
@@ -13846,25 +13906,10 @@ var DialogClose = ({ onClose, ...rest }) => {
 // src/components/ui/dialog/DialogContent.tsx
 var import_react24 = require("react");
 var import_jsx_runtime5 = require("react/jsx-runtime");
-var DialogContent = (0, import_react24.forwardRef)(({ children }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-    Flex,
-    {
-      ref,
-      $position: "relative",
-      $flexDirection: "column",
-      $viewport: {
-        md: {
-          $flexDirection: "row",
-          $height: "calc(100% - 5rem + 3px)",
-          $maxHeight: "calc(100dvh - 5rem + 3px)"
-        }
-      },
-      children
-    }
-  );
+var DialogContent2 = (0, import_react24.forwardRef)(({ children }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(DialogContent, { ref, children });
 });
-DialogContent.displayName = "DialogContent";
+DialogContent2.displayName = "DialogContent";
 
 // src/components/ui/dialog/DialogHeader.tsx
 var import_jsx_runtime6 = require("react/jsx-runtime");
@@ -16010,7 +16055,8 @@ var CheckoutDialog = ({ top }) => {
   const [selectedCurrency, setSelectedCurrency] = (0, import_react33.useState)(
     () => lockedCurrency ?? checkoutState?.selectedCurrency ?? currencies[0] ?? DEFAULT_CURRENCY
   );
-  const showCurrencySelector = currencies.length > 1 || !!lockedCurrency;
+  const showCurrencySelector = currencies.length > 1 && !lockedCurrency;
+  const hasCurrency = currencies.length > 1 || !!lockedCurrency;
   (0, import_react33.useEffect)(() => {
     if (lockedCurrency) {
       setSelectedCurrency(lockedCurrency);
@@ -16245,7 +16291,7 @@ var CheckoutDialog = ({ top }) => {
     async (updates) => {
       const period = updates.period || planPeriod;
       const plan = updates.plan || selectedPlan;
-      const resolvedCurrency = showCurrencySelector ? selectedCurrency : void 0;
+      const resolvedCurrency = hasCurrency ? selectedCurrency : void 0;
       const currencyPrice = plan ? getPlanPrice(
         plan,
         period,
@@ -16356,7 +16402,7 @@ var CheckoutDialog = ({ top }) => {
       planPeriod,
       selectedPlan,
       selectedCurrency,
-      showCurrencySelector,
+      hasCurrency,
       payInAdvanceEntitlements,
       addOnPayInAdvanceEntitlements,
       addOns,
@@ -16702,7 +16748,7 @@ var CheckoutDialog = ({ top }) => {
             ))
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(DialogContent, { ref: contentRef, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(DialogContent2, { ref: contentRef, children: [
           /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
             Flex,
             {
@@ -16752,8 +16798,7 @@ var CheckoutDialog = ({ top }) => {
                           {
                             currencies,
                             selectedCurrency,
-                            onSelect: setSelectedCurrency,
-                            disabled: !!lockedCurrency
+                            onSelect: setSelectedCurrency
                           }
                         ),
                         showPeriodToggle && availablePeriods.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
@@ -16790,7 +16835,7 @@ var CheckoutDialog = ({ top }) => {
                     selectPlan,
                     shouldTrial,
                     tooltipPortal: dialogRef.current,
-                    currency: showCurrencySelector ? selectedCurrency : void 0
+                    currency: hasCurrency ? selectedCurrency : void 0
                   }
                 ) : checkoutStage === "usage" ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
                   Quantity,
@@ -16801,7 +16846,7 @@ var CheckoutDialog = ({ top }) => {
                     entitlements: payInAdvanceEntitlements,
                     updateQuantity: updateUsageBasedEntitlementQuantity,
                     tooltipPortal: dialogRef.current,
-                    currency: showCurrencySelector ? selectedCurrency : void 0
+                    currency: hasCurrency ? selectedCurrency : void 0
                   }
                 ) : checkoutStage === "addons" ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
                   AddOns,
@@ -16810,7 +16855,7 @@ var CheckoutDialog = ({ top }) => {
                     period: planPeriod,
                     addOns,
                     toggle: (id) => toggleAddOn(id),
-                    currency: showCurrencySelector ? selectedCurrency : void 0
+                    currency: hasCurrency ? selectedCurrency : void 0
                   }
                 ) : checkoutStage === "addonsUsage" ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
                   Quantity,
@@ -16821,7 +16866,7 @@ var CheckoutDialog = ({ top }) => {
                     entitlements: addOnPayInAdvanceEntitlements,
                     updateQuantity: updateAddOnEntitlementQuantity,
                     tooltipPortal: dialogRef.current,
-                    currency: showCurrencySelector ? selectedCurrency : void 0
+                    currency: hasCurrency ? selectedCurrency : void 0
                   }
                 ) : checkoutStage === "credits" ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
                   Credits,
@@ -16829,7 +16874,7 @@ var CheckoutDialog = ({ top }) => {
                     isLoading,
                     bundles: creditBundles,
                     updateCount: updateCreditBundleCount,
-                    currency: showCurrencySelector ? selectedCurrency : void 0
+                    currency: hasCurrency ? selectedCurrency : void 0
                   }
                 ) : checkoutStage === "checkout" && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
                   Checkout,
@@ -16873,7 +16918,7 @@ var CheckoutDialog = ({ top }) => {
               setConfirmPaymentIntent: setConfirmPaymentIntentProps,
               willTrialWithoutPaymentMethod,
               willScheduleDowngrade,
-              currency: showCurrencySelector ? selectedCurrency : void 0
+              currency: hasCurrency ? selectedCurrency : void 0
             }
           )
         ] })
@@ -17055,7 +17100,7 @@ var PaymentDialog = ({ top }) => {
       ...!isModal && { open: layout === "payment" },
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(DialogHeader, { bordered: true, onClose: handleClose, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Text, { $size: 18, children: t2("Edit payment method") }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(DialogContent, { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Flex, { $position: "relative", $flexGrow: 1, $overflow: "auto", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(PaymentMethodDetails, {}) }) })
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(DialogContent2, { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Flex, { $position: "relative", $flexGrow: 1, $overflow: "auto", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(PaymentMethodDetails, {}) }) })
       ]
     }
   );
@@ -17125,11 +17170,16 @@ var PaymentForm = ({ onConfirm, financeData }) => {
   const stripe = (0, import_react_stripe_js.useStripe)();
   const elements = (0, import_react_stripe_js.useElements)();
   const { data } = useEmbed();
+  const loadTimerRef = (0, import_react35.useRef)(
+    void 0
+  );
   const [email, setEmail] = (0, import_react35.useState)("");
   const [message, setMessage] = (0, import_react35.useState)();
   const [isLoading, setIsLoading] = (0, import_react35.useState)(false);
   const [isConfirmed, setIsConfirmed] = (0, import_react35.useState)(false);
   const [isPaymentComplete, setIsPaymentComplete] = (0, import_react35.useState)(false);
+  const [isPaymentReady, setIsPaymentReady] = (0, import_react35.useState)(false);
+  const [loadError, setLoadError] = (0, import_react35.useState)();
   const [isAddressComplete, setIsAddressComplete] = (0, import_react35.useState)(() => {
     const shouldCollectAddress = shouldCollectBillingAddress(
       data?.checkoutSettings.collectAddress ?? false,
@@ -17172,6 +17222,18 @@ var PaymentForm = ({ onConfirm, financeData }) => {
       setIsLoading(false);
     }
   };
+  (0, import_react35.useEffect)(() => {
+    loadTimerRef.current = setTimeout(() => {
+      if (!isPaymentReady) {
+        setLoadError(t2("Unable to load payment form."));
+      }
+    }, 1e4);
+    return () => {
+      if (loadTimerRef.current) {
+        clearTimeout(loadTimerRef.current);
+      }
+    };
+  }, [t2, isPaymentReady]);
   return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
     Flex,
     {
@@ -17180,15 +17242,40 @@ var PaymentForm = ({ onConfirm, financeData }) => {
       onSubmit: handleSubmit,
       $flexDirection: "column",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Box, { $marginBottom: "1.5rem", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-          import_react_stripe_js.PaymentElement,
-          {
-            id: "payment-element",
-            onChange: (event) => {
-              setIsPaymentComplete(event.complete);
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(Box, { $marginBottom: "1.5rem", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+            import_react_stripe_js.PaymentElement,
+            {
+              id: "payment-element",
+              onReady: () => {
+                setIsPaymentReady(true);
+                if (loadTimerRef.current) {
+                  clearTimeout(loadTimerRef.current);
+                }
+              },
+              onLoadError: () => {
+                setLoadError(t2("Unable to load payment form."));
+                if (loadTimerRef.current) {
+                  clearTimeout(loadTimerRef.current);
+                }
+              },
+              onChange: (event) => {
+                setIsPaymentComplete(event.complete);
+              }
             }
-          }
-        ) }),
+          ),
+          loadError && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+            Flex,
+            {
+              as: TransitionBox,
+              $flexDirection: "column",
+              $justifyContent: "center",
+              $alignItems: "center",
+              $gap: "1rem",
+              children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Text, { $weight: 500, $color: "#DB6669", children: loadError })
+            }
+          )
+        ] }),
         stripe && data?.checkoutSettings.collectEmail && /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(Box, { "data-field": "name", $marginBottom: "1.5rem", $verticalAlign: "top", children: [
           /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Label, { htmlFor: "email", children: "Email" }),
           /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
@@ -19087,7 +19174,7 @@ var UnsubscribeDialog = ({ top }) => {
       top,
       onClose: handleClose,
       ...!isModal && { open: layout === "unsubscribe" },
-      children: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(DialogContent, { children: [
+      children: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(DialogContent2, { children: [
         /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
           DialogClose,
           {
@@ -20929,7 +21016,7 @@ var registerWrapper = function registerWrapper2(stripe, startTime) {
   }
   stripe._registerWrapper({
     name: "stripe-js",
-    version: "9.0.1",
+    version: "9.1.0",
     startTime
   });
 };
@@ -21007,7 +21094,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.0.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.1.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);
@@ -21127,6 +21214,27 @@ var PaymentMethodDetails = ({
   const toggleShowPaymentMethods = () => {
     setShowDifferentPaymentMethods((prev2) => !prev2);
   };
+  const initializeStripe = (0, import_react51.useCallback)(async () => {
+    if (!stripe && setupIntent) {
+      let publishableKey = setupIntent.publishableKey || setupIntent.schematicPublishableKey;
+      const stripeOptions = {};
+      if (setupIntent.accountId) {
+        publishableKey = setupIntent.schematicPublishableKey;
+        stripeOptions.stripeAccount = setupIntent.accountId;
+      }
+      try {
+        const stripePromise2 = loadStripe(publishableKey, stripeOptions);
+        setStripe(stripePromise2);
+        const instance2 = await stripePromise2;
+        if (!instance2) {
+          throw new Error("Failed to load Stripe instance");
+        }
+      } catch {
+        setError(t2("Unable to load payment form."));
+        setShowPaymentForm(false);
+      }
+    }
+  }, [t2, stripe, setupIntent]);
   const initializePaymentMethod = (0, import_react51.useCallback)(async () => {
     try {
       setIsLoading(true);
@@ -21182,17 +21290,8 @@ var PaymentMethodDetails = ({
     [t2, deletePaymentMethod]
   );
   (0, import_react51.useEffect)(() => {
-    if (!stripe && setupIntent) {
-      let publishableKey = setupIntent.publishableKey || setupIntent.schematicPublishableKey;
-      const stripeOptions = {};
-      if (setupIntent.accountId) {
-        publishableKey = setupIntent.schematicPublishableKey;
-        stripeOptions.stripeAccount = setupIntent.accountId;
-      }
-      const stripePromise2 = loadStripe(publishableKey, stripeOptions);
-      setStripe(stripePromise2);
-    }
-  }, [stripe, setupIntent]);
+    initializeStripe();
+  }, [initializeStripe]);
   (0, import_react51.useEffect)(() => {
     if (!setupIntent && (!currentPaymentMethod || showPaymentForm)) {
       initializePaymentMethod();
@@ -21538,7 +21637,6 @@ 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: {