@agg-build/ui 4.13.2 → 4.14.0

package/dist/{chunk-UVJ5FBZF.mjs → chunk-Z4WWOHDT.mjs}

@@ -2489,12 +2489,16 @@ var PaperTradingBadge = ({
   placement = "chip",
   isAuthenticated = false,
   forceVisible = false,
+  label,
+  showWhenAuthenticated = false,
   classNames
 }) => {
   const labels = useLabels15();
   const { isPaperMode, isResolving } = useResolvedExecutionMode();
   if (!forceVisible && (isResolving || !isPaperMode)) return null;
-  if (placement === "brand" && isAuthenticated && !forceVisible) return null;
+  if (placement === "brand" && isAuthenticated && !forceVisible && !showWhenAuthenticated) {
+    return null;
+  }
   const placementClassName = {
     brand: "inline-flex md:hidden",
     chip: "inline-flex",
@@ -2538,7 +2542,7 @@ var PaperTradingBadge = ({
                 "text-[10px] leading-[14px] font-agg-bold uppercase whitespace-nowrap",
                 classNames == null ? void 0 : classNames.pill
               ),
-              children: labels.paperTrading.badge
+              children: label != null ? label : labels.paperTrading.badge
             }
           )
         }

package/dist/index.js

@@ -11133,12 +11133,16 @@ var PaperTradingBadge = ({
   placement = "chip",
   isAuthenticated = false,
   forceVisible = false,
+  label: label2,
+  showWhenAuthenticated = false,
   classNames
 }) => {
   const labels = (0, import_hooks41.useLabels)();
   const { isPaperMode, isResolving } = (0, import_hooks41.useResolvedExecutionMode)();
   if (!forceVisible && (isResolving || !isPaperMode)) return null;
-  if (placement === "brand" && isAuthenticated && !forceVisible) return null;
+  if (placement === "brand" && isAuthenticated && !forceVisible && !showWhenAuthenticated) {
+    return null;
+  }
   const placementClassName = {
     brand: "inline-flex md:hidden",
     chip: "inline-flex",
@@ -11182,7 +11186,7 @@ var PaperTradingBadge = ({
                 "text-[10px] leading-[14px] font-agg-bold uppercase whitespace-nowrap",
                 classNames == null ? void 0 : classNames.pill
               ),
-              children: labels.paperTrading.badge
+              children: label2 != null ? label2 : labels.paperTrading.badge
             }
           )
         }

package/dist/index.mjs

@@ -45,7 +45,7 @@ import {
   buildTerminalSummary,
   clearPendingCardSession,
   getPendingCardSession
-} from "./chunk-UVJ5FBZF.mjs";
+} from "./chunk-Z4WWOHDT.mjs";
 import {
   AggNotificationEventsProvider,
   DEPOSIT_MODAL_OPEN_EVENT,

package/dist/modals.js

@@ -9331,12 +9331,16 @@ var PaperTradingBadge = ({
   placement = "chip",
   isAuthenticated = false,
   forceVisible = false,
+  label: label2,
+  showWhenAuthenticated = false,
   classNames
 }) => {
   const labels = (0, import_hooks41.useLabels)();
   const { isPaperMode, isResolving } = (0, import_hooks41.useResolvedExecutionMode)();
   if (!forceVisible && (isResolving || !isPaperMode)) return null;
-  if (placement === "brand" && isAuthenticated && !forceVisible) return null;
+  if (placement === "brand" && isAuthenticated && !forceVisible && !showWhenAuthenticated) {
+    return null;
+  }
   const placementClassName = {
     brand: "inline-flex md:hidden",
     chip: "inline-flex",
@@ -9380,7 +9384,7 @@ var PaperTradingBadge = ({
                 "text-[10px] leading-[14px] font-agg-bold uppercase whitespace-nowrap",
                 classNames == null ? void 0 : classNames.pill
               ),
-              children: labels.paperTrading.badge
+              children: label2 != null ? label2 : labels.paperTrading.badge
             }
           )
         }

package/dist/modals.mjs

@@ -11,7 +11,7 @@ import {
   buildTerminalSummary,
   clearPendingCardSession,
   getPendingCardSession
-} from "./chunk-UVJ5FBZF.mjs";
+} from "./chunk-Z4WWOHDT.mjs";
 import {
   ConnectAccountsStep,
   ConnectKalshiModal,

package/dist/types/paper-trading/paper-trading-badge.d.mts

@@ -30,6 +30,18 @@ export type PaperTradingBadgeProps = {
      * disappears in a live app. Used by Storybook.
      */
     forceVisible?: boolean;
+    /**
+     * Pill text. Defaults to `labels.paperTrading.badge`. Lets a host shorten
+     * one placement — e.g. the mobile `brand` pill, where header width is tight —
+     * without changing the copy everywhere else.
+     */
+    label?: string;
+    /**
+     * Keep the `brand` pill on a signed-in phone. Off by default — see the
+     * TEMPORARY note in the component. A host that shortens the pill (via
+     * `label`) so it fits beside the wallet chip can opt back in.
+     */
+    showWhenAuthenticated?: boolean;
     classNames?: PaperTradingBadgeClassNames;
 };
 /**
@@ -45,6 +57,6 @@ export type PaperTradingBadgeProps = {
  * mistake here that would genuinely mislead someone about their funds.
  */
 export declare const PaperTradingBadge: {
-    ({ placement, isAuthenticated, forceVisible, classNames, }: PaperTradingBadgeProps): JSX.Element | null;
+    ({ placement, isAuthenticated, forceVisible, label, showWhenAuthenticated, classNames, }: PaperTradingBadgeProps): JSX.Element | null;
     displayName: string;
 };

package/dist/types/paper-trading/paper-trading-badge.d.ts

@@ -30,6 +30,18 @@ export type PaperTradingBadgeProps = {
      * disappears in a live app. Used by Storybook.
      */
     forceVisible?: boolean;
+    /**
+     * Pill text. Defaults to `labels.paperTrading.badge`. Lets a host shorten
+     * one placement — e.g. the mobile `brand` pill, where header width is tight —
+     * without changing the copy everywhere else.
+     */
+    label?: string;
+    /**
+     * Keep the `brand` pill on a signed-in phone. Off by default — see the
+     * TEMPORARY note in the component. A host that shortens the pill (via
+     * `label`) so it fits beside the wallet chip can opt back in.
+     */
+    showWhenAuthenticated?: boolean;
     classNames?: PaperTradingBadgeClassNames;
 };
 /**
@@ -45,6 +57,6 @@ export type PaperTradingBadgeProps = {
  * mistake here that would genuinely mislead someone about their funds.
  */
 export declare const PaperTradingBadge: {
-    ({ placement, isAuthenticated, forceVisible, classNames, }: PaperTradingBadgeProps): JSX.Element | null;
+    ({ placement, isAuthenticated, forceVisible, label, showWhenAuthenticated, classNames, }: PaperTradingBadgeProps): JSX.Element | null;
     displayName: string;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agg-build/ui",
-  "version": "4.13.2",
+  "version": "4.14.0",
   "description": "Pre-built React component library for the AGG prediction market aggregator. Tailwind-based, themeable, with primitives, event surfaces, trading flows, full pages, and modals.",
   "sideEffects": false,
   "license": "MIT",
@@ -100,8 +100,8 @@
     "liveline": "^0.0.7",
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0",
-    "@agg-build/hooks": "^4.11.0",
-    "@agg-build/sdk": "^4.13.1"
+    "@agg-build/sdk": "^4.13.1",
+    "@agg-build/hooks": "^4.11.0"
   },
   "dependencies": {
     "@number-flow/react": "^0.6.0",