@growth-operations/ui-shared 1.0.0 → 1.0.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@growth-operations/ui-shared",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "description": "Shared HubSpot UI-extension modules (Home, Billing) for Growth Operations apps.",
   "license": "MIT",
   "private": false,

package/src/billing/BillingTab.jsx

@@ -115,8 +115,13 @@ function usePortalSession({ context, state, appKey }) {
   // before render).
   useStrictModeEffect(
     async ({ mounted }) => {
+      // `state` is the /v1/home payload, fetched async by the host page — it's
+      // null on the first render(s). Don't mistake "not loaded yet" for
+      // "misconfigured": stay in loading until state arrives, then decide. The
+      // effect re-runs when state?.billing_base_url changes (see deps).
+      if (!state) return;
       try {
-        const base = state?.billing_base_url;
+        const base = state.billing_base_url;
         if (!base) throw new Error("Billing service not configured");
         if (!appKey) throw new Error("Missing appKey for billing portal");
         const portalId = context?.portal?.id;
@@ -165,9 +170,7 @@ function TrialSubscriptionBilling({ context, state, appKey }) {
       {/* PRIMARY CTA at the very top, large and obvious (per billing feedback). */}
       {portalUrl ? (
         <Link href={{ url: portalUrl, external: true }} variant="primary">
-          <Text format={{ fontWeight: "bold", fontSize: "lg" }}>
-            Manage billing in Stripe →
-          </Text>
+          Manage billing in Stripe
         </Link>
       ) : loading ? (
         <LoadingSpinner showLabel label="Preparing billing…" />
@@ -206,9 +209,7 @@ function CreditsBilling({ context, state, appKey }) {
       {/* PRIMARY CTA at top: pick a plan / buy credits. */}
       {portalUrl ? (
         <Link href={{ url: portalUrl, external: true }} variant="primary">
-          <Text format={{ fontWeight: "bold", fontSize: "lg" }}>
-            Pick a plan / Buy credits →
-          </Text>
+          Pick a plan or buy credits
         </Link>
       ) : loading ? (
         <LoadingSpinner showLabel label="Preparing checkout…" />