@agg-build/ui 2.4.3 → 2.4.6

package/dist/{chunk-STL4ZHLP.mjs → chunk-UH3DUTMG.mjs}

@@ -2,7 +2,6 @@
 import {
   Card,
   DEFAULT_VENUE_COLOR,
-  Icon,
   Skeleton,
   VenueLogo,
   __spreadProps,
@@ -20,7 +19,7 @@ import {
   selectPrimaryVenueMarket,
   skeletonViews,
   sortOutcomes
-} from "./chunk-WZ55ERDO.mjs";
+} from "./chunk-PTNFXXOV.mjs";
 
 // src/trading/trading-context/index.tsx
 import { useEventTradingContext } from "@agg-build/hooks";
@@ -198,13 +197,6 @@ var parseSettlementBlocks = (input) => {
   }
   return blocks;
 };
-var getFirstSettlementParagraph = (input) => {
-  if (!input) return "";
-  const blocks = parseSettlementBlocks(input);
-  const firstParagraph = blocks.find((block) => block.kind === "paragraph");
-  if (!firstParagraph || firstParagraph.kind !== "paragraph") return "";
-  return firstParagraph.lines.join(" ").trim();
-};
 var normalizeSettlementForCompare = (input) => {
   return stripHtmlFragments(input).replace(/\s+/g, " ").trim().toLowerCase();
 };
@@ -440,7 +432,13 @@ var mergePerVenueValues = (current, next) => {
 };
 var prepareSettlementDifferences = (differences) => {
   const byCanonicalKey = /* @__PURE__ */ new Map();
-  for (const [originalIndex, difference] of (differences != null ? differences : []).entries()) {
+  for (const [originalIndex, rawDifference] of (differences != null ? differences : []).entries()) {
+    const title = rawDifference.title.trim();
+    const perVenue = Object.fromEntries(
+      Object.entries(rawDifference.perVenue).map(([venue, value]) => [venue.trim(), value.trim()]).filter(([venue, value]) => venue.length > 0 && value.length > 0)
+    );
+    if (!title || Object.keys(perVenue).length === 0) continue;
+    const difference = __spreadProps(__spreadValues({}, rawDifference), { title, perVenue });
     const canonicalKey = resolveCanonicalDifferenceKey(difference);
     if (hasEqualNormalizedDateValues(difference, canonicalKey)) continue;
     const existing = byCanonicalKey.get(canonicalKey);
@@ -495,17 +493,76 @@ var resolveDifferenceIconClassName = (canonicalKey) => {
   return "fi-rr-info";
 };
 var buildSettlementVenueRules = ({
-  eventBlock,
   marketBlock,
   primaryRulesBlock,
+  settlementVenues,
   settlementVenueRules
 }) => {
-  if (settlementVenueRules) return settlementVenueRules;
-  const content = [marketBlock == null ? void 0 : marketBlock.content, primaryRulesBlock == null ? void 0 : primaryRulesBlock.content, eventBlock == null ? void 0 : eventBlock.content].filter((value) => typeof value === "string" && value.trim().length > 0).join("\n\n");
-  return content ? [{ venue: "polymarket", content }] : [];
+  var _a, _b;
+  if (settlementVenueRules) {
+    const rulesByVenue = /* @__PURE__ */ new Map();
+    for (const rule of settlementVenueRules) {
+      const venue2 = rule.venue.trim();
+      const content2 = rule.content.trim();
+      if (!venue2 || !content2) continue;
+      const venueRules = (_a = rulesByVenue.get(venue2)) != null ? _a : [];
+      if (!venueRules.includes(content2)) venueRules.push(content2);
+      rulesByVenue.set(venue2, venueRules);
+    }
+    return Array.from(rulesByVenue, ([venue2, contents]) => ({
+      venue: venue2,
+      content: contents.join("\n\n")
+    }));
+  }
+  const content = [marketBlock == null ? void 0 : marketBlock.content, primaryRulesBlock == null ? void 0 : primaryRulesBlock.content].filter((value) => typeof value === "string" && value.trim().length > 0).join("\n\n");
+  const venue = (_b = settlementVenues == null ? void 0 : settlementVenues.find((candidate) => candidate.trim().length > 0)) == null ? void 0 : _b.trim();
+  return content && venue ? [{ venue, content }] : [];
+};
+var isDuplicatedByVenueRules = (content, venueRules) => {
+  const normalizedContent = normalizeSettlementForCompare(content);
+  if (!normalizedContent) return false;
+  return venueRules.some((rule) => {
+    const normalizedRule = normalizeSettlementForCompare(rule.content);
+    return normalizedRule.includes(normalizedContent);
+  });
 };
-var getSettlementHeaderClassName = () => {
-  return "flex items-center justify-between gap-4";
+var SettlementVenueRules = ({
+  rules,
+  labels
+}) => {
+  return /* @__PURE__ */ jsxs2("div", { className: "agg-settlement-venue-rules flex w-full flex-col items-start gap-4", children: [
+    /* @__PURE__ */ jsx2("p", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: labels.trading.settlementFullRulesTitle }),
+    /* @__PURE__ */ jsx2("div", { className: "flex w-full flex-col items-start gap-4", children: rules.map((rule) => {
+      const venueLabel = resolveSettlementVenueLabel(rule.venue, labels);
+      return /* @__PURE__ */ jsxs2("details", { className: "group/agg-settlement-rule w-full", children: [
+        /* @__PURE__ */ jsxs2("summary", { className: "flex cursor-pointer list-none items-center gap-2 text-agg-sm font-agg-normal leading-agg-5 text-agg-foreground group-hover/agg-settlement-rule:text-agg-muted-foreground transition-colors marker:hidden", children: [
+          /* @__PURE__ */ jsx2(
+            VenueLogo,
+            {
+              venue: rule.venue,
+              size: "small",
+              className: "size-4",
+              ariaLabel: venueLabel
+            }
+          ),
+          /* @__PURE__ */ jsx2("span", { className: "text-agg-foreground group-hover/agg-settlement-rule:text-agg-muted-foreground transition-colors", children: venueLabel }),
+          /* @__PURE__ */ jsx2(
+            "i",
+            {
+              className: cn(
+                "fi fi-rr-angle-small-down text-[14px]!",
+                "group-open/agg-settlement-rule:rotate-180",
+                "size-3.5! shrink-0 text-agg-foreground group-hover/agg-settlement-rule:text-agg-muted-foreground transition-[colors,transform]"
+              ),
+              style: { fontSize: 14 },
+              "aria-hidden": "true"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx2("div", { className: "mt-3 pl-6", children: /* @__PURE__ */ jsx2(SettlementTextRenderer, { content: rule.content }) })
+      ] }, rule.venue);
+    }) })
+  ] });
 };
 var Settlement = ({
   className,
@@ -539,13 +596,20 @@ var Settlement = ({
   const primaryRulesBlock = (_c = blocks.find((block) => block.key === "primaryRules")) != null ? _c : null;
   const venueRuleBlocks = useMemo(
     () => buildSettlementVenueRules({
-      eventBlock,
       marketBlock,
       primaryRulesBlock,
+      settlementVenues,
       settlementVenueRules
     }),
-    [eventBlock, marketBlock, primaryRulesBlock, settlementVenueRules]
+    [marketBlock, primaryRulesBlock, settlementVenues, settlementVenueRules]
   );
+  const hasSettlementDifferences = settlementDifferences.length > 0;
+  const hasVenueSettlementRules = venueRuleBlocks.length > 0;
+  const standaloneEventBlock = eventBlock && !isDuplicatedByVenueRules(eventBlock.content, venueRuleBlocks) ? eventBlock : null;
+  const standaloneMarketBlock = hasVenueSettlementRules ? null : marketBlock;
+  const standalonePrimaryRulesBlock = hasVenueSettlementRules ? null : primaryRulesBlock;
+  const hasStandaloneSettlementText = hasVenueSettlementRules ? standaloneEventBlock !== null : blocks.length > 0;
+  const hasSettlementContent = hasSettlementDifferences || hasVenueSettlementRules || hasStandaloneSettlementText;
   const defaultOpenDifferenceKey = (_e = (_d = settlementDifferences[0]) == null ? void 0 : _d.canonicalKey) != null ? _e : null;
   const [openDifferenceKeys, setOpenDifferenceKeys] = useState(
     () => defaultOpenDifferenceKey ? [defaultOpenDifferenceKey] : []
@@ -568,25 +632,51 @@ var Settlement = ({
       }
     );
   }
+  if (!hasSettlementContent) return null;
   const resolvedSectionLabel = sectionLabel === defaultSettlementSectionLabel ? labels.trading.settlementSection : sectionLabel;
-  if (settlementDifferences.length > 0) {
-    return /* @__PURE__ */ jsxs2(
-      Card,
-      {
-        id,
-        className: cn(
-          "group/agg-settlement-card",
-          "flex w-full flex-col items-start gap-4 rounded-agg-xl border border-agg-separator bg-agg-secondary p-5 shadow-none hover:shadow-none sm:gap-5",
-          className
-        ),
-        children: [
-          /* @__PURE__ */ jsxs2("div", { className: "agg-settlement-header flex w-full flex-col items-start gap-1 text-agg-muted-foreground sm:flex-row sm:items-center sm:justify-between sm:gap-4", children: [
-            /* @__PURE__ */ jsx2("p", { className: "shrink-0 text-agg-xs font-agg-bold leading-agg-4 uppercase", children: resolvedSectionLabel }),
-            question ? /* @__PURE__ */ jsx2("p", { className: "agg-settlement-question min-w-0 text-agg-sm font-agg-normal leading-agg-5 sm:max-w-[314px] sm:truncate", children: question }) : null
-          ] }),
-          /* @__PURE__ */ jsxs2("div", { className: "agg-settlement-differences flex w-full flex-col items-start gap-5", children: [
+  return /* @__PURE__ */ jsxs2(
+    Card,
+    {
+      id,
+      className: cn(
+        "group/agg-settlement-card",
+        "flex w-full flex-col items-start gap-4 rounded-agg-xl border border-agg-separator bg-agg-secondary p-5 shadow-none hover:shadow-none sm:gap-5",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxs2("div", { className: "agg-settlement-header flex w-full flex-col items-start gap-1 text-agg-muted-foreground sm:flex-row sm:items-center sm:justify-between sm:gap-4", children: [
+          /* @__PURE__ */ jsx2("p", { className: "shrink-0 text-agg-xs font-agg-bold leading-agg-4 uppercase", children: resolvedSectionLabel }),
+          question ? /* @__PURE__ */ jsx2("p", { className: "agg-settlement-question min-w-0 text-agg-sm font-agg-normal leading-agg-5 sm:max-w-[314px] sm:truncate", children: question }) : null
+        ] }),
+        /* @__PURE__ */ jsxs2("div", { className: "agg-settlement-sections flex w-full flex-col items-start gap-5", children: [
+          hasStandaloneSettlementText ? /* @__PURE__ */ jsxs2("div", { className: "w-full", children: [
+            standaloneEventBlock || standaloneMarketBlock ? /* @__PURE__ */ jsxs2(
+              "div",
+              {
+                className: "agg-settlement-section agg-settlement-section-description",
+                "data-source": "description",
+                children: [
+                  standaloneEventBlock ? /* @__PURE__ */ jsx2("div", { "data-source": "eventDescription", children: /* @__PURE__ */ jsx2(SettlementTextRenderer, { content: standaloneEventBlock.content }) }) : null,
+                  standaloneEventBlock && standaloneMarketBlock ? /* @__PURE__ */ jsx2("hr", { className: "agg-settlement-divider my-4 border-0 border-t border-agg-separator" }) : null,
+                  standaloneMarketBlock ? /* @__PURE__ */ jsx2("div", { "data-source": "marketDescription", children: /* @__PURE__ */ jsx2(SettlementTextRenderer, { content: standaloneMarketBlock.content }) }) : null
+                ]
+              }
+            ) : null,
+            standalonePrimaryRulesBlock ? /* @__PURE__ */ jsxs2(
+              "div",
+              {
+                className: "agg-settlement-section agg-settlement-section-primaryRules",
+                "data-source": "primaryRules",
+                children: [
+                  /* @__PURE__ */ jsx2("p", { className: "agg-settlement-section-label text-agg-xs font-agg-bold leading-agg-4 uppercase text-agg-muted-foreground mb-2", children: labels.trading.settlementPrimaryRulesLabel }),
+                  /* @__PURE__ */ jsx2(SettlementTextRenderer, { content: standalonePrimaryRulesBlock.content })
+                ]
+              }
+            ) : null
+          ] }) : null,
+          hasSettlementDifferences ? /* @__PURE__ */ jsxs2("div", { className: "agg-settlement-differences flex w-full flex-col items-start gap-5", children: [
             /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ jsx2("p", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: "Key differences" }),
+              /* @__PURE__ */ jsx2("p", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: labels.trading.settlementDifferencesTitle }),
               /* @__PURE__ */ jsx2("span", { className: "flex size-4 shrink-0 items-center justify-center rounded-agg-full bg-agg-primary text-[10px] font-agg-bold leading-[14px] text-agg-on-primary", children: settlementDifferences.length })
             ] }),
             /* @__PURE__ */ jsx2("div", { className: "flex w-full flex-col items-start gap-5", children: settlementDifferences.map((difference) => {
@@ -602,7 +692,7 @@ var Settlement = ({
                       "button",
                       {
                         type: "button",
-                        className: "flex w-full cursor-pointer items-start gap-2 text-left",
+                        className: "flex w-full cursor-pointer items-center gap-2 text-left group/agg-settlement-difference",
                         "aria-expanded": isExpanded,
                         onClick: () => handleToggleDifference(difference.canonicalKey),
                         children: [
@@ -617,12 +707,16 @@ var Settlement = ({
                               "aria-hidden": "true"
                             }
                           ),
-                          /* @__PURE__ */ jsx2("p", { className: "min-w-0 text-agg-sm font-agg-normal leading-agg-5 text-agg-foreground break-words [overflow-wrap:anywhere]", children: difference.title }),
+                          /* @__PURE__ */ jsx2("p", { className: "min-w-0 text-agg-sm font-agg-normal leading-agg-5 text-agg-foreground group-hover/agg-settlement-difference:text-agg-muted-foreground transition-colors break-words [overflow-wrap:anywhere]", children: difference.title }),
                           /* @__PURE__ */ jsx2(
-                            Icon,
+                            "i",
                             {
-                              name: isExpanded ? "chevron-up" : "chevron-down",
-                              className: "size-4! mt-0.5 shrink-0 text-agg-foreground",
+                              className: cn(
+                                "fi fi-rr-angle-small-down text-[14px]!",
+                                isExpanded && "rotate-180",
+                                "size-3.5! shrink-0 text-agg-foreground group-hover/agg-settlement-difference:text-agg-muted-foreground transition-[colors,transform]"
+                              ),
+                              style: { fontSize: 14 },
                               "aria-hidden": "true"
                             }
                           )
@@ -651,80 +745,12 @@ var Settlement = ({
                 },
                 difference.canonicalKey
               );
-            }) }),
-            venueRuleBlocks.length > 0 ? /* @__PURE__ */ jsxs2(Fragment2, { children: [
-              /* @__PURE__ */ jsx2("div", { className: "h-px w-full bg-agg-separator" }),
-              /* @__PURE__ */ jsx2("p", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: "Full rules by venue" }),
-              /* @__PURE__ */ jsx2("div", { className: "flex w-full flex-col items-start gap-4", children: venueRuleBlocks.map((rule) => {
-                const venueLabel = resolveSettlementVenueLabel(rule.venue, labels);
-                return /* @__PURE__ */ jsxs2("details", { className: "group/agg-settlement-rule w-full", children: [
-                  /* @__PURE__ */ jsxs2("summary", { className: "flex cursor-pointer list-none items-center gap-2 text-agg-sm font-agg-normal leading-agg-5 text-agg-foreground marker:hidden", children: [
-                    /* @__PURE__ */ jsx2(
-                      VenueLogo,
-                      {
-                        venue: rule.venue,
-                        size: "small",
-                        className: "size-4",
-                        ariaLabel: venueLabel
-                      }
-                    ),
-                    /* @__PURE__ */ jsx2("span", { children: venueLabel }),
-                    /* @__PURE__ */ jsx2(
-                      Icon,
-                      {
-                        name: "chevron-down",
-                        className: "size-4! shrink-0 text-agg-foreground transition-transform group-open/agg-settlement-rule:rotate-180",
-                        "aria-hidden": "true"
-                      }
-                    )
-                  ] }),
-                  /* @__PURE__ */ jsx2("div", { className: "mt-3 pl-6", children: /* @__PURE__ */ jsx2(SettlementTextRenderer, { content: rule.content }) })
-                ] }, rule.venue);
-              }) })
-            ] }) : null
-          ] })
-        ]
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxs2(
-    Card,
-    {
-      id,
-      className: cn(
-        "group/agg-settlement-card",
-        "flex flex-col w-full gap-5 rounded-agg-xl border border-agg-separator bg-agg-secondary p-5 shadow-none hover:shadow-none",
-        className
-      ),
-      children: [
-        /* @__PURE__ */ jsxs2("div", { className: cn("agg-settlement-header", getSettlementHeaderClassName()), children: [
-          /* @__PURE__ */ jsx2("p", { className: "text-agg-xs font-agg-bold leading-agg-4 uppercase text-agg-muted-foreground", children: resolvedSectionLabel }),
-          question ? /* @__PURE__ */ jsx2("p", { className: "agg-settlement-question text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: question }) : null
-        ] }),
-        blocks.length === 0 && settlementDifferences.length === 0 ? /* @__PURE__ */ jsx2("p", { className: "agg-settlement-empty text-agg-sm leading-agg-5 text-agg-muted-foreground", children: labels.trading.settlementEmpty }) : /* @__PURE__ */ jsxs2("div", { className: "agg-settlement-sections flex flex-col gap-4", children: [
-          eventBlock || marketBlock ? /* @__PURE__ */ jsxs2(
-            "div",
-            {
-              className: "agg-settlement-section agg-settlement-section-description",
-              "data-source": "description",
-              children: [
-                eventBlock ? /* @__PURE__ */ jsx2("div", { "data-source": "eventDescription", children: /* @__PURE__ */ jsx2(SettlementTextRenderer, { content: eventBlock.content }) }) : null,
-                eventBlock && marketBlock ? /* @__PURE__ */ jsx2("hr", { className: "agg-settlement-divider my-4 border-0 border-t border-agg-separator" }) : null,
-                marketBlock ? /* @__PURE__ */ jsx2("div", { "data-source": "marketDescription", children: /* @__PURE__ */ jsx2(SettlementTextRenderer, { content: marketBlock.content }) }) : null
-              ]
-            }
-          ) : null,
-          primaryRulesBlock ? /* @__PURE__ */ jsxs2(
-            "div",
-            {
-              className: "agg-settlement-section agg-settlement-section-primaryRules",
-              "data-source": "primaryRules",
-              children: [
-                /* @__PURE__ */ jsx2("p", { className: "agg-settlement-section-label text-agg-xs font-agg-bold leading-agg-4 uppercase text-agg-muted-foreground mb-2", children: labels.trading.settlementPrimaryRulesLabel }),
-                /* @__PURE__ */ jsx2(SettlementTextRenderer, { content: primaryRulesBlock.content })
-              ]
-            }
-          ) : null
+            }) })
+          ] }) : null,
+          hasVenueSettlementRules ? /* @__PURE__ */ jsxs2(Fragment2, { children: [
+            hasSettlementDifferences || hasStandaloneSettlementText ? /* @__PURE__ */ jsx2("div", { className: "h-px w-full bg-agg-separator" }) : null,
+            /* @__PURE__ */ jsx2(SettlementVenueRules, { rules: venueRuleBlocks, labels })
+          ] }) : null
         ] })
       ]
     }
@@ -1599,7 +1625,6 @@ export {
   getTradingBalanceLabel,
   getTradingSharesLabel,
   getTradingSlippageLabel,
-  getFirstSettlementParagraph,
   SETTLEMENT_SECTION_ID,
   getSettlementDifferenceId,
   prepareSettlementDifferences,