@growth-operations/ui-shared 1.6.6 → 1.6.7

package/package.json

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

package/src/billing/BillingTab.jsx

@@ -346,6 +346,20 @@ function LegacyBilling({ state }) {
   );
 }
 
+function CompedBilling() {
+  return (
+    <Alert variant="success">
+      <Flex direction="column" gap="extra-small">
+        <Text format={{ fontWeight: "bold" }}>Free access</Text>
+        <Text>
+          Your account has been granted complimentary access as a Growth Operations partner or
+          team member. No payment method or subscription is required.
+        </Text>
+      </Flex>
+    </Alert>
+  );
+}
+
 export function BillingTab({ context, state, appKey, openIframe = null }) {
   const mode = state?.entitlement?.mode;
 
@@ -356,6 +370,8 @@ export function BillingTab({ context, state, appKey, openIframe = null }) {
         <LegacyBilling state={state} />
       ) : mode === "credits" ? (
         <CreditsBilling context={context} state={state} appKey={appKey} openIframe={openIframe} />
+      ) : mode === "comped" ? (
+        <CompedBilling />
       ) : (
         <TrialSubscriptionBilling context={context} state={state} appKey={appKey} openIframe={openIframe} />
       )}

package/src/home/HealthHero.jsx

@@ -50,6 +50,17 @@ export function HealthHero({ appName, state }) {
     ) : null;
   }
 
+  if (ent.mode === "comped") {
+    return (
+      <Flex direction="column" gap="small">
+        {name && <Heading>{name}</Heading>}
+        <Alert title="Free access" variant="success">
+          <Text>Partner or team member access — no subscription required.</Text>
+        </Alert>
+      </Flex>
+    );
+  }
+
   if (ent.mode === "credits") {
     const remaining = ent.remaining ?? 0;
     const depleted = ent.depleted === true || remaining <= 0;