@wopr-network/platform-ui-core 1.27.5 → 1.27.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wopr-network/platform-ui-core",
-  "version": "1.27.5",
+  "version": "1.27.7",
   "description": "Brand-agnostic AI agent platform UI — deploy as any brand via env vars",
   "repository": {
     "type": "git",

package/src/app/(dashboard)/billing/credits/page.tsx

@@ -20,6 +20,7 @@ import { Skeleton } from "@/components/ui/skeleton";
 import type { CreditBalance as CreditBalanceData, DividendWalletStats } from "@/lib/api";
 import { getDividendStats } from "@/lib/api";
 import { useSession } from "@/lib/auth-client";
+import { getBrandConfig } from "@/lib/brand-config";
 import { getOrganization } from "@/lib/org-api";
 import { trpc } from "@/lib/trpc";
 
@@ -56,6 +57,7 @@ function CreditsContent() {
   }, [session?.user?.email, session?.user?.id]);
 
   const [showCryptoPending, setShowCryptoPending] = useState(cryptoPending);
+  const showDividends = getBrandConfig().dividendsEnabled;
   const [dividendStats, setDividendStats] = useState<DividendWalletStats | null>(null);
   const [todayDividendCents, setTodayDividendCents] = useState(0);
 
@@ -91,6 +93,7 @@ function CreditsContent() {
   const error = balanceError ? "Failed to load credit balance." : null;
 
   useEffect(() => {
+    if (!showDividends) return;
     getDividendStats()
       .then((statsData) => {
         if (statsData) {
@@ -101,7 +104,7 @@ function CreditsContent() {
         }
       })
       .catch(() => null);
-  }, []);
+  }, [showDividends]);
 
   if (!orgChecked) {
     return (
@@ -161,14 +164,12 @@ function CreditsContent() {
     <div className="max-w-3xl space-y-6">
       <div>
         <h1 className="text-2xl font-bold tracking-tight">Credits</h1>
-        <p className="text-sm text-muted-foreground">
-          Stay active to keep claiming your daily dividend
-        </p>
+        <p className="text-sm text-muted-foreground">Purchase and manage your credits</p>
       </div>
 
       <LowBalanceBanner balance={balance.balance} runway={balance.runway} />
 
-      {dividendStats && (
+      {showDividends && dividendStats && (
         <DividendBanner todayAmountCents={todayDividendCents} stats={dividendStats} />
       )}
 
@@ -183,14 +184,14 @@ function CreditsContent() {
 
       <CreditBalance data={balance} />
 
-      {dividendStats && (
+      {showDividends && dividendStats && (
         <DividendEligibility
           windowExpiresAt={dividendStats.userWindowExpiresAt}
           eligible={dividendStats.userEligible}
         />
       )}
 
-      {dividendStats && (
+      {showDividends && dividendStats && (
         <DividendPoolStats
           poolCents={dividendStats.poolCents}
           activeUsers={dividendStats.activeUsers}
@@ -204,7 +205,9 @@ function CreditsContent() {
       <AutoTopupCard />
       <TransactionHistory />
 
-      {dividendStats && <FirstDividendDialog todayAmountCents={todayDividendCents} />}
+      {showDividends && dividendStats && (
+        <FirstDividendDialog todayAmountCents={todayDividendCents} />
+      )}
     </div>
   );
 }

package/src/app/(dashboard)/billing/plans/page.tsx

@@ -4,10 +4,11 @@ import { BuyCreditsPanel } from "@/components/billing/buy-credits-panel";
 import { CryptoCheckout } from "@/components/billing/crypto-checkout";
 import { Button } from "@/components/ui/button";
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
-import { productName } from "@/lib/brand-config";
+import { getBrandConfig, productName } from "@/lib/brand-config";
 import { pricingData } from "@/lib/pricing-data";
 
 export default function PlansPage() {
+  const { planFeatures } = getBrandConfig();
   return (
     <div className="max-w-3xl space-y-6">
       <div>
@@ -30,12 +31,7 @@ export default function PlansPage() {
           </p>
           <p className="text-muted-foreground">per bot</p>
           <ul className="space-y-2 text-sm">
-            {[
-              `$${pricingData.signup_credit} signup credit included`,
-              "All channels",
-              "All plugins",
-              "Hosted AI — no API keys needed",
-            ].map((feature) => (
+            {planFeatures.map((feature) => (
               <li key={feature} className="flex items-center gap-2 text-muted-foreground">
                 <Check className="size-4 shrink-0 text-terminal" />
                 {feature}

package/src/lib/brand-config.ts

@@ -93,6 +93,12 @@ export interface BrandConfig {
 
   /** Whether the embedded chat widget is enabled (default true). */
   chatEnabled: boolean;
+
+  /** Whether dividend features are shown in billing (default false). */
+  dividendsEnabled: boolean;
+
+  /** Feature bullet points shown on the billing plans page. */
+  planFeatures: string[];
 }
 
 /**
@@ -129,6 +135,20 @@ function parseNavItems(raw: string | undefined): Array<{ label: string; href: st
   return null;
 }
 
+/** Parse a JSON string array env var. Returns null if unset/invalid. */
+function parseStringArray(raw: string | undefined): string[] | null {
+  if (!raw) return null;
+  try {
+    const parsed = JSON.parse(raw);
+    if (Array.isArray(parsed) && parsed.every((s: unknown) => typeof s === "string")) {
+      return parsed as string[];
+    }
+  } catch {
+    // Invalid JSON — fall back to defaults
+  }
+  return null;
+}
+
 function envDefaults(): BrandConfig {
   // Direct process.env.X access is required — Next.js Turbopack only inlines
   // NEXT_PUBLIC_* vars when accessed as literal dot-property references.
@@ -158,6 +178,13 @@ function envDefaults(): BrandConfig {
     price: process.env.NEXT_PUBLIC_BRAND_PRICE || "",
     homePath: process.env.NEXT_PUBLIC_BRAND_HOME_PATH || "/marketplace",
     chatEnabled: process.env.NEXT_PUBLIC_BRAND_CHAT_ENABLED !== "false",
+    dividendsEnabled: process.env.NEXT_PUBLIC_BRAND_DIVIDENDS_ENABLED === "true",
+    planFeatures: parseStringArray(process.env.NEXT_PUBLIC_BRAND_PLAN_FEATURES) ?? [
+      "Signup credit included",
+      "All channels",
+      "All plugins",
+      "Hosted AI — no API keys needed",
+    ],
     navItems: parseNavItems(process.env.NEXT_PUBLIC_BRAND_NAV_ITEMS) ?? [
       { label: "Dashboard", href: "/dashboard" },
       { label: "Chat", href: "/chat" },