@agg-build/ui 4.7.1 → 4.7.3

package/dist/{chunk-LXQ3U4X2.mjs → chunk-2347CDTT.mjs}

@@ -2,7 +2,7 @@
 import {
   ConnectKalshiModal,
   dispatchAggDepositNotification
-} from "./chunk-XN2NB2NP.mjs";
+} from "./chunk-XR6C3MZX.mjs";
 import {
   BoltIcon,
   Button,
@@ -35,7 +35,7 @@ import {
   shortenAddress,
   useOptionalToast,
   venueLogoLabels
-} from "./chunk-RDBMHBR2.mjs";
+} from "./chunk-UQ7XJIAZ.mjs";
 
 // src/deposit/index.tsx
 import { useAggAuthState, useAggUiConfig, useDepositAddresses, useLabels as useLabels11 } from "@agg-build/hooks";

package/dist/{chunk-C4GFVJ62.mjs → chunk-3X5ICUUC.mjs}

@@ -24,7 +24,7 @@ import {
   resolveUnifiedOrderBookEntries,
   sortOutcomeSelectorOutcomes,
   useEventTradingContext
-} from "./chunk-WYCSTAN7.mjs";
+} from "./chunk-MAQ52KM5.mjs";
 import {
   AutocompleteSelect,
   Badge,
@@ -78,7 +78,7 @@ import {
   sortOutcomes,
   splitEventsByLifecycle,
   validateSubcategoryPath
-} from "./chunk-RDBMHBR2.mjs";
+} from "./chunk-UQ7XJIAZ.mjs";
 
 // src/events/item/index.tsx
 import {
@@ -1427,7 +1427,16 @@ var mergeVenueOutcomeOrderbooks = ({
 
 // src/events/shared/sports-live-score.tsx
 import { useLabels as useLabels2 } from "@agg-build/hooks";
+import { Fragment as Fragment2 } from "react";
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var SPORTS_SCORE_LAYOUTS = {
+  tennis: "sets"
+};
+var getSportsScoreLayout = (sport) => {
+  var _a;
+  return (_a = SPORTS_SCORE_LAYOUTS[sport.toLowerCase()]) != null ? _a : "aggregate";
+};
+var splitTennisSetScores = (score) => score.trim().split(/\s+/).filter(Boolean);
 var SportsLiveScore = ({
   state,
   variant = "detail",
@@ -1451,12 +1460,28 @@ var SportsLiveScore = ({
   const statusText = [state.period, state.clock].filter(Boolean).join(" \xB7 ") || statusLabels[state.status];
   const isLiveIndicatorVisible = state.status === "live" || state.status === "paused";
   const isCard = variant === "card";
-  const renderParticipant = (participant) => {
+  const scoreClassName = cn(
+    "font-agg-bold tabular-nums text-agg-foreground",
+    isCard ? "text-agg-xl leading-agg-7" : "text-agg-3xl leading-agg-9"
+  );
+  const scoreAriaLabel = labels.sportsLive.scoreAria(
+    firstParticipant.name,
+    firstScore,
+    secondParticipant.name,
+    secondScore,
+    statusText
+  );
+  const tennisSetScores = getSportsScoreLayout(state.sport) === "sets" ? [splitTennisSetScores(firstScore), splitTennisSetScores(secondScore)] : null;
+  const renderParticipant = (participant, orientation = "stacked") => {
     var _a;
     return /* @__PURE__ */ jsxs2(
       "div",
       {
-        className: cn("flex min-w-0 flex-col items-center", isCard ? "gap-1.5" : "gap-3"),
+        className: cn(
+          "flex min-w-0 items-center",
+          orientation === "stacked" ? "flex-col" : null,
+          isCard ? "gap-1.5" : "gap-3"
+        ),
         title: participant.name,
         children: [
           /* @__PURE__ */ jsx2(
@@ -1481,7 +1506,8 @@ var SportsLiveScore = ({
             {
               variant: "body",
               className: cn(
-                "max-w-full truncate text-center text-agg-foreground",
+                "max-w-full truncate text-agg-foreground",
+                orientation === "stacked" ? "text-center" : "min-w-0",
                 isCard ? "text-agg-xs leading-agg-4" : "text-agg-base leading-agg-6"
               ),
               children: (_a = participant.shortName) != null ? _a : participant.name
@@ -1491,17 +1517,96 @@ var SportsLiveScore = ({
       }
     );
   };
+  const renderStatus = () => /* @__PURE__ */ jsxs2("div", { className: "flex min-w-0 items-center gap-2 text-agg-primary", children: [
+    isLiveIndicatorVisible ? /* @__PURE__ */ jsx2(
+      "span",
+      {
+        "aria-hidden": "true",
+        className: "flex size-3.5 shrink-0 items-center justify-center rounded-agg-full bg-agg-primary/10",
+        children: /* @__PURE__ */ jsx2("span", { className: "size-1.5 rounded-agg-full bg-agg-primary" })
+      }
+    ) : null,
+    /* @__PURE__ */ jsx2(
+      Typography,
+      {
+        variant: "label-strong",
+        className: cn(
+          "max-w-full truncate uppercase text-agg-primary",
+          isCard ? "text-agg-2xs leading-agg-4" : "text-agg-sm leading-agg-5"
+        ),
+        children: statusText
+      }
+    )
+  ] });
+  if (tennisSetScores && tennisSetScores[0].length > 0 && tennisSetScores[0].length === tennisSetScores[1].length) {
+    const renderTennisParticipant = (participant, setScores, opponentSetScores) => /* @__PURE__ */ jsxs2("div", { className: "contents", "data-testid": `tennis-score-row-${participant.position}`, children: [
+      renderParticipant(participant, "inline"),
+      setScores.map((setScore, setIndex) => {
+        var _a;
+        const setScoreValue = Number.parseInt(setScore, 10);
+        const opponentSetScoreValue = Number.parseInt((_a = opponentSetScores[setIndex]) != null ? _a : "", 10);
+        const isCompletedSet = state.status === "finished" || setIndex < setScores.length - 1;
+        const isLosingCompletedSet = isCompletedSet && Number.isInteger(setScoreValue) && Number.isInteger(opponentSetScoreValue) && setScoreValue < opponentSetScoreValue;
+        return /* @__PURE__ */ jsxs2(Fragment2, { children: [
+          setIndex > 0 ? /* @__PURE__ */ jsx2(
+            "span",
+            {
+              "aria-hidden": "true",
+              className: cn(
+                "text-center text-agg-muted-foreground",
+                isCard ? "text-agg-xs" : "text-agg-sm"
+              ),
+              children: "-"
+            }
+          ) : null,
+          /* @__PURE__ */ jsx2(
+            Typography,
+            {
+              variant: "body-strong",
+              className: cn(scoreClassName, "text-center", isLosingCompletedSet && "opacity-60"),
+              children: setScore
+            }
+          )
+        ] }, `${participant.position}-${setIndex}`);
+      })
+    ] });
+    return /* @__PURE__ */ jsxs2(
+      "div",
+      {
+        role: "status",
+        "aria-label": scoreAriaLabel,
+        className: cn(
+          "agg-sports-live-score flex w-full flex-col items-center",
+          isCard ? "gap-1 py-1" : "gap-3",
+          className
+        ),
+        children: [
+          /* @__PURE__ */ jsxs2(
+            "div",
+            {
+              className: cn(
+                "mx-auto grid w-fit max-w-full items-center",
+                isCard ? "gap-x-2 gap-y-1.5" : "gap-x-3 gap-y-3"
+              ),
+              style: {
+                gridTemplateColumns: `fit-content(${isCard ? "10rem" : "14rem"}) repeat(${tennisSetScores[0].length * 2 - 1}, auto)`
+              },
+              children: [
+                renderTennisParticipant(firstParticipant, tennisSetScores[0], tennisSetScores[1]),
+                renderTennisParticipant(secondParticipant, tennisSetScores[1], tennisSetScores[0])
+              ]
+            }
+          ),
+          renderStatus()
+        ]
+      }
+    );
+  }
   return /* @__PURE__ */ jsxs2(
     "div",
     {
       role: "status",
-      "aria-label": labels.sportsLive.scoreAria(
-        firstParticipant.name,
-        firstScore,
-        secondParticipant.name,
-        secondScore,
-        statusText
-      ),
+      "aria-label": scoreAriaLabel,
       className: cn(
         "agg-sports-live-score grid w-full grid-cols-[minmax(0,1fr)_auto_minmax(0,1fr)] items-center",
         isCard ? "gap-3 py-1" : "gap-6 md:gap-10",
@@ -1511,17 +1616,7 @@ var SportsLiveScore = ({
         renderParticipant(firstParticipant),
         /* @__PURE__ */ jsxs2("div", { className: cn("flex flex-col items-center", isCard ? "gap-1" : "gap-3"), children: [
           /* @__PURE__ */ jsxs2("div", { className: cn("flex items-center", isCard ? "gap-2" : "gap-3"), children: [
-            /* @__PURE__ */ jsx2(
-              Typography,
-              {
-                variant: "body-strong",
-                className: cn(
-                  "font-agg-bold tabular-nums text-agg-foreground",
-                  isCard ? "text-agg-xl leading-agg-7" : "text-agg-3xl leading-agg-9"
-                ),
-                children: firstScore
-              }
-            ),
+            /* @__PURE__ */ jsx2(Typography, { variant: "body-strong", className: scoreClassName, children: firstScore }),
             /* @__PURE__ */ jsx2(
               "span",
               {
@@ -1529,39 +1624,9 @@ var SportsLiveScore = ({
                 className: cn("shrink-0 bg-agg-separator", isCard ? "h-0.5 w-2" : "h-0.5 w-3")
               }
             ),
-            /* @__PURE__ */ jsx2(
-              Typography,
-              {
-                variant: "body-strong",
-                className: cn(
-                  "font-agg-bold tabular-nums text-agg-foreground",
-                  isCard ? "text-agg-xl leading-agg-7" : "text-agg-3xl leading-agg-9"
-                ),
-                children: secondScore
-              }
-            )
+            /* @__PURE__ */ jsx2(Typography, { variant: "body-strong", className: scoreClassName, children: secondScore })
           ] }),
-          /* @__PURE__ */ jsxs2("div", { className: "flex min-w-0 items-center gap-2 text-agg-primary", children: [
-            isLiveIndicatorVisible ? /* @__PURE__ */ jsx2(
-              "span",
-              {
-                "aria-hidden": "true",
-                className: "flex size-3.5 shrink-0 items-center justify-center rounded-agg-full bg-agg-primary/10",
-                children: /* @__PURE__ */ jsx2("span", { className: "size-1.5 rounded-agg-full bg-agg-primary" })
-              }
-            ) : null,
-            /* @__PURE__ */ jsx2(
-              Typography,
-              {
-                variant: "label-strong",
-                className: cn(
-                  "max-w-full truncate uppercase text-agg-primary",
-                  isCard ? "text-agg-2xs leading-agg-4" : "text-agg-sm leading-agg-5"
-                ),
-                children: statusText
-              }
-            )
-          ] })
+          renderStatus()
         ] }),
         renderParticipant(secondParticipant)
       ]
@@ -4337,7 +4402,7 @@ var MarketDetailsGraphPanel = ({
 MarketDetailsGraphPanel.displayName = "MarketDetailsGraphPanel";
 
 // src/events/market-details/index.tsx
-import { Fragment as Fragment2, jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
 var MarketDetailsUnavailableState = ({
   marketId,
   ariaLabel,
@@ -5023,7 +5088,7 @@ var MarketDetailsContent = ({
                     ) : "translate-y-5 opacity-0"
                   ),
                   children: [
-                    !isResolvedMarket ? /* @__PURE__ */ jsxs9(Fragment2, { children: [
+                    !isResolvedMarket ? /* @__PURE__ */ jsxs9(Fragment3, { children: [
                       /* @__PURE__ */ jsx11("div", { className: cn("block", classNames == null ? void 0 : classNames.tabs), children: /* @__PURE__ */ jsx11(
                         Tabs,
                         {
@@ -5619,6 +5684,12 @@ var getDefaultEventListTabs = (labels) => {
       venueLogo: Venue2.novig,
       venues: [Venue2.novig]
     },
+    {
+      value: Venue2.prophetx,
+      label: labels.venues.prophetx,
+      venueLogo: Venue2.prophetx,
+      venues: [Venue2.prophetx]
+    },
     {
       value: Venue2.opinion,
       label: labels.venues.opinion,