@agg-build/ui 2.4.6 → 2.5.2

package/dist/index.mjs

@@ -11,7 +11,7 @@ import {
   UserProfilePage,
   buildAggTxExplorerHref,
   useHomePageModals
-} from "./chunk-CXSIXL7M.mjs";
+} from "./chunk-AJJ73RM4.mjs";
 import {
   EventList,
   EventListItem,
@@ -28,26 +28,21 @@ import {
   orderbookRowLimitDefault,
   resolveEventDetailsSyncKey,
   useCenterOrderbookSpread
-} from "./chunk-I4X5UNCT.mjs";
+} from "./chunk-XAG432PJ.mjs";
 import {
   CARD_NETWORK_OPTIONS,
-  ConnectAccountsStep,
-  ConnectKalshiModal,
-  ConnectOnchainModal,
   DepositModal,
   GeoBlockModal,
-  HowItWorksStep,
-  OnboardingModal,
   ProfileModal,
-  ProfileSetupStep,
   WithdrawModal,
   buildTerminalSummary,
   clearPendingCardSession,
   getPendingCardSession
-} from "./chunk-TEBAR55W.mjs";
+} from "./chunk-EDQ64EKO.mjs";
 import {
   AggNotificationEventsProvider,
   DEPOSIT_MODAL_OPEN_EVENT,
+  FundKalshiModal,
   PlaceOrder,
   PlaceOrderFailureView,
   PlaceOrderSuccessView,
@@ -59,7 +54,7 @@ import {
   requestAggWithdrawModalOpen,
   useClaimWinnings,
   useResolvedMarketClaim
-} from "./chunk-GWRFSQQK.mjs";
+} from "./chunk-FAU2VOL6.mjs";
 import {
   SETTLEMENT_SECTION_ID,
   Settlement,
@@ -80,10 +75,16 @@ import {
   resolveOrderBookRows,
   resolveUnifiedOrderBookEntries,
   useEventTradingContext
-} from "./chunk-UH3DUTMG.mjs";
+} from "./chunk-JQKJDSTW.mjs";
 import {
-  GeoBlockBanner
-} from "./chunk-JVRTJQPZ.mjs";
+  ConnectAccountsStep,
+  ConnectKalshiModal,
+  ConnectOnchainModal,
+  GeoBlockBanner,
+  HowItWorksStep,
+  OnboardingModal,
+  ProfileSetupStep
+} from "./chunk-AHQA3B7D.mjs";
 import {
   AGG_DEFAULT_URL,
   AGG_DOCS_URL,
@@ -108,6 +109,7 @@ import {
   BnbIcon,
   BoltIcon,
   Button,
+  Calendar,
   Card,
   ChartCandlestickIcon,
   ChartLineIcon,
@@ -204,7 +206,7 @@ import {
   useOptionalToast,
   useToast,
   venueLogoNames
-} from "./chunk-PTNFXXOV.mjs";
+} from "./chunk-FMYYPNZZ.mjs";
 
 // src/notifications/agg-toast-provider.tsx
 import { jsx } from "react/jsx-runtime";
@@ -232,7 +234,15 @@ function AggProvider(_a) {
 }
 
 // src/auth/connect-button-view/index.tsx
-import { optimizedImageUrl, useAggAuthContext, useLabels, useSdkUiConfig } from "@agg-build/hooks";
+import {
+  getVenueAvailabilityState,
+  optimizedImageUrl,
+  useAggAuthContext,
+  useAppConfig,
+  useLabels,
+  useSdkUiConfig
+} from "@agg-build/hooks";
+import { Venue } from "@agg-build/sdk";
 import * as DropdownMenu from "@radix-ui/react-dropdown-menu";
 
 // src/auth/connect-button-view/connect-button-view.constants.ts
@@ -585,6 +595,7 @@ var AuthConnectButtonView = ({
   profileLabel,
   totalBalance,
   positionsBalance,
+  kalshiBalance = null,
   claimReadyCount = 0,
   onClaimWinningsClick,
   walletMethods,
@@ -592,11 +603,18 @@ var AuthConnectButtonView = ({
 }) => {
   var _a;
   const labels = useLabels();
+  const { disabledVenues, isLoading: isAppConfigLoading } = useAppConfig();
+  const isKalshiAvailable = getVenueAvailabilityState({
+    venueId: Venue.kalshi,
+    disabledVenues,
+    isConfigLoading: isAppConfigLoading
+  }) === "available";
   const {
     general: { rootClassName },
     features: { enableAnimations }
   } = useSdkUiConfig();
   const resolvedProfileLabel = profileLabel || labels.auth.myProfile;
+  const kalshiBalanceLabel = formatUsd(kalshiBalance != null ? kalshiBalance : 0);
   const authLabelsWithClaim = labels.auth;
   const resolveClaimTooltipLabel = (count) => {
     var _a2, _b;
@@ -717,7 +735,18 @@ var AuthConnectButtonView = ({
       /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ jsx3("span", { className: "h-3.5 w-3.5 shrink-0 [&_svg]:h-full [&_svg]:w-full", children: /* @__PURE__ */ jsx3(Icon, { name: "wallet-filled", size: "small", className: "text-agg-muted-foreground" }) }),
         /* @__PURE__ */ jsx3("p", { className: cn("agg-type-label text-agg-foreground", classNames == null ? void 0 : classNames.balanceText), children: isBalanceLoading ? /* @__PURE__ */ jsx3(LoadingIcon, { size: "small" }) : formatUsd(totalBalance) })
-      ] })
+      ] }),
+      isKalshiAvailable ? /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: "flex items-center gap-2",
+          "aria-label": `${labels.userProfile.balance.kalshiBalance}: ${kalshiBalanceLabel}`,
+          children: [
+            /* @__PURE__ */ jsx3(VenueLogo, { venue: Venue.kalshi, size: "small", className: "size-3.5" }),
+            /* @__PURE__ */ jsx3("p", { className: "agg-type-label text-agg-foreground", children: kalshiBalanceLabel })
+          ]
+        }
+      ) : null
     ] }),
     /* @__PURE__ */ jsxs(DropdownMenu.Root, { open: isProfileMenuOpen, onOpenChange: onProfileMenuOpenChange, children: [
       /* @__PURE__ */ jsx3(DropdownMenu.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs(
@@ -815,7 +844,7 @@ var AuthConnectButtonView = ({
                           }
                         )
                       ] }),
-                      /* @__PURE__ */ jsxs("div", { className: "md:hidden flex w-full items-start gap-5", children: [
+                      /* @__PURE__ */ jsxs("div", { className: "md:hidden grid w-full grid-cols-2 items-start gap-5", children: [
                         /* @__PURE__ */ jsxs("div", { className: "flex flex-1 min-w-0 flex-col gap-2", children: [
                           /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [
                             /* @__PURE__ */ jsx3(
@@ -843,7 +872,14 @@ var AuthConnectButtonView = ({
                             /* @__PURE__ */ jsx3("span", { className: "truncate text-agg-sm leading-agg-5 text-agg-foreground", children: "Positions Value" })
                           ] }),
                           /* @__PURE__ */ jsx3("p", { className: "text-agg-lg font-agg-bold leading-agg-7 text-agg-foreground text-left", children: isBalanceLoading ? /* @__PURE__ */ jsx3(LoadingIcon, { size: "small" }) : formatUsd(positionsBalance) })
-                        ] })
+                        ] }),
+                        isKalshiAvailable ? /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-col gap-2", children: [
+                          /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [
+                            /* @__PURE__ */ jsx3(VenueLogo, { venue: Venue.kalshi, size: "small", className: "size-4" }),
+                            /* @__PURE__ */ jsx3("span", { className: "truncate text-agg-sm leading-agg-5 text-agg-foreground", children: labels.userProfile.balance.kalshiBalance })
+                          ] }),
+                          /* @__PURE__ */ jsx3("p", { className: "text-left text-agg-lg font-agg-bold leading-agg-7 text-agg-foreground", children: kalshiBalanceLabel })
+                        ] }) : null
                       ] })
                     ]
                   }
@@ -961,6 +997,7 @@ export {
   BoltIcon,
   Button,
   CARD_NETWORK_OPTIONS,
+  Calendar,
   Card,
   ChartCandlestickIcon,
   ChartLineIcon,
@@ -995,6 +1032,7 @@ export {
   EventMarketPage,
   ExternalLinkIcon,
   Footer,
+  FundKalshiModal,
   GeoBlockBanner,
   GeoBlockModal,
   GiftBonusIcon,