@agg-market/ui 4.0.0 → 6.0.0

package/dist/chunk-MBHTXNHX.mjs

@@ -1,289 +0,0 @@
-import {
-  Settlement
-} from "./chunk-3W7NBJLU.mjs";
-import {
-  PlaceOrder
-} from "./chunk-MJHKBCXQ.mjs";
-import {
-  EventListItemDetails
-} from "./chunk-JNH64AKR.mjs";
-import {
-  MarketDetails
-} from "./chunk-GNSPZ53C.mjs";
-import {
-  Typography
-} from "./chunk-ERGNR6UQ.mjs";
-import {
-  Card
-} from "./chunk-FO2QCB4Z.mjs";
-import {
-  __spreadProps,
-  __spreadValues,
-  cn
-} from "./chunk-GJ4U5NCE.mjs";
-
-// src/pages/event-market/index.tsx
-import { useEffect, useMemo, useState } from "react";
-import { useEvent, useLabels } from "@agg-market/hooks";
-import dayjs from "dayjs";
-import { jsx, jsxs } from "react/jsx-runtime";
-var getMarketDateValue = (market, fallbackIndex) => {
-  var _a, _b, _c;
-  const candidateDate = (_c = (_b = (_a = market.endDate) != null ? _a : market.startDate) != null ? _b : market.creationDate) != null ? _c : null;
-  if (!candidateDate)
-    return Number.MAX_SAFE_INTEGER - 1 + fallbackIndex;
-  const parsedDate = dayjs(candidateDate);
-  if (!parsedDate.isValid()) {
-    return Number.MAX_SAFE_INTEGER - 1 + fallbackIndex;
-  }
-  return parsedDate.valueOf();
-};
-var resolveHeroMarketId = (event, heroMarketId) => {
-  var _a, _b;
-  if (!((_a = event == null ? void 0 : event.markets) == null ? void 0 : _a.length))
-    return void 0;
-  if (heroMarketId) {
-    const matchingHeroMarket = event.markets.find(
-      (market) => market.id === heroMarketId
-    );
-    if (matchingHeroMarket)
-      return matchingHeroMarket.id;
-  }
-  return (_b = event.markets[0]) == null ? void 0 : _b.id;
-};
-var buildHeroEvent = (event, heroMarketId) => {
-  if (!heroMarketId)
-    return void 0;
-  const heroMarket = event.markets.find((market) => market.id === heroMarketId);
-  if (!heroMarket)
-    return void 0;
-  return __spreadProps(__spreadValues({}, event), {
-    markets: [heroMarket]
-  });
-};
-var resolveDetailedMarkets = (event, heroMarketId) => {
-  return event.markets.filter((market) => market.id !== heroMarketId).map((market, index) => ({
-    market,
-    index
-  })).sort(
-    (leftItem, rightItem) => {
-      return getMarketDateValue(leftItem.market, leftItem.index) - getMarketDateValue(rightItem.market, rightItem.index);
-    }
-  ).map((item) => item.market);
-};
-var resolveInitialExpandedMarketId = (detailedMarkets, defaultExpandedMarketId) => {
-  var _a, _b;
-  if (!detailedMarkets.length)
-    return null;
-  if (defaultExpandedMarketId) {
-    const matchingMarket = detailedMarkets.find((market) => market.id === defaultExpandedMarketId);
-    if (matchingMarket)
-      return matchingMarket.id;
-  }
-  return (_b = (_a = detailedMarkets[0]) == null ? void 0 : _a.id) != null ? _b : null;
-};
-var EventMarketPageUnavailableState = ({
-  ariaLabel
-}) => {
-  const labels = useLabels();
-  return /* @__PURE__ */ jsx(
-    Card,
-    {
-      className: "rounded-agg-xl border border-agg-separator bg-agg-secondary p-6 shadow-none hover:shadow-none",
-      role: "status",
-      "aria-label": ariaLabel != null ? ariaLabel : labels.eventMarketPage.unavailableAria,
-      children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
-        /* @__PURE__ */ jsx(Typography, { variant: "body-large-strong", children: labels.eventMarketPage.unavailableTitle }),
-        /* @__PURE__ */ jsx(Typography, { variant: "label", className: "text-agg-muted-foreground", children: labels.eventMarketPage.unavailableDescription })
-      ] })
-    }
-  );
-};
-var EventMarketPageLoadingState = ({
-  placeOrder,
-  settlement,
-  classNames
-}) => {
-  const labels = useLabels();
-  const fallbackSettlement = settlement != null ? settlement : {
-    sectionLabel: labels.trading.settlementSection,
-    question: labels.eventMarketPage.loadingSettlementQuestion,
-    differencesTitle: labels.eventMarketPage.loadingSettlementDifferencesTitle,
-    differences: [labels.eventMarketPage.loadingSettlementPlaceholder],
-    venues: [
-      {
-        venue: "polymarket",
-        description: labels.eventMarketPage.loadingSettlementPlaceholder
-      }
-    ]
-  };
-  return /* @__PURE__ */ jsx("section", { className: cn("w-full", classNames == null ? void 0 : classNames.root), children: /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: cn(
-        "mx-auto flex w-full max-w-[1200px] flex-col gap-6 px-3 py-3 md:px-6 md:py-6 lg:flex-row lg:items-start lg:gap-8",
-        classNames == null ? void 0 : classNames.content
-      ),
-      children: [
-        /* @__PURE__ */ jsxs("div", { className: cn("flex min-w-0 flex-1 flex-col gap-6", classNames == null ? void 0 : classNames.main), children: [
-          /* @__PURE__ */ jsx(
-            EventListItemDetails,
-            {
-              isLoading: true,
-              classNames: {
-                root: classNames == null ? void 0 : classNames.hero
-              }
-            }
-          ),
-          /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-3", classNames == null ? void 0 : classNames.markets), children: [
-            /* @__PURE__ */ jsx(MarketDetails, { isLoading: true, isOpened: true, classNames: { root: "w-full" } }),
-            /* @__PURE__ */ jsx(MarketDetails, { isLoading: true, isOpened: false, classNames: { root: "w-full" } }),
-            /* @__PURE__ */ jsx(MarketDetails, { isLoading: true, isOpened: false, classNames: { root: "w-full" } })
-          ] }),
-          /* @__PURE__ */ jsx("div", { className: "md:hidden", children: /* @__PURE__ */ jsx(Settlement, __spreadProps(__spreadValues({}, fallbackSettlement), { isLoading: true, className: classNames == null ? void 0 : classNames.settlement })) }),
-          /* @__PURE__ */ jsx("div", { className: "hidden md:block", children: /* @__PURE__ */ jsx(Settlement, __spreadProps(__spreadValues({}, fallbackSettlement), { isLoading: true, className: classNames == null ? void 0 : classNames.settlement })) }),
-          placeOrder ? /* @__PURE__ */ jsx("div", { className: "md:hidden", children: /* @__PURE__ */ jsx(PlaceOrder, __spreadProps(__spreadValues({}, placeOrder), { isLoading: true, className: classNames == null ? void 0 : classNames.mobileTrade })) }) : null
-        ] }),
-        placeOrder ? /* @__PURE__ */ jsx(
-          "aside",
-          {
-            className: cn(
-              "hidden w-full shrink-0 lg:sticky lg:top-6 lg:block lg:w-[343px]",
-              classNames == null ? void 0 : classNames.sidebar
-            ),
-            children: /* @__PURE__ */ jsx(PlaceOrder, __spreadProps(__spreadValues({}, placeOrder), { isLoading: true, className: classNames == null ? void 0 : classNames.trade }))
-          }
-        ) : null
-      ]
-    }
-  ) });
-};
-var EventMarketPageContent = ({
-  event,
-  heroMarketId,
-  defaultExpandedMarketId,
-  expandedMarketId,
-  onExpandedMarketChange,
-  heroDefaultTimeRange,
-  placeOrder,
-  settlement,
-  classNames,
-  ariaLabel
-}) => {
-  const labels = useLabels();
-  const resolvedHeroMarketId = useMemo(() => {
-    return resolveHeroMarketId(event, heroMarketId);
-  }, [event, heroMarketId]);
-  const heroEvent = useMemo(() => {
-    return buildHeroEvent(event, resolvedHeroMarketId);
-  }, [event, resolvedHeroMarketId]);
-  const detailedMarkets = useMemo(() => {
-    return resolveDetailedMarkets(event, resolvedHeroMarketId);
-  }, [event, resolvedHeroMarketId]);
-  const [internalExpandedMarketId, setInternalExpandedMarketId] = useState(() => {
-    return resolveInitialExpandedMarketId(detailedMarkets, defaultExpandedMarketId);
-  });
-  useEffect(() => {
-    if (typeof expandedMarketId === "undefined")
-      return;
-    setInternalExpandedMarketId(expandedMarketId);
-  }, [expandedMarketId]);
-  useEffect(() => {
-    if (typeof expandedMarketId !== "undefined")
-      return;
-    setInternalExpandedMarketId((currentExpandedMarketId) => {
-      if (currentExpandedMarketId && detailedMarkets.some((market) => market.id === currentExpandedMarketId)) {
-        return currentExpandedMarketId;
-      }
-      return resolveInitialExpandedMarketId(detailedMarkets, defaultExpandedMarketId);
-    });
-  }, [defaultExpandedMarketId, detailedMarkets, expandedMarketId]);
-  const resolvedExpandedMarketId = typeof expandedMarketId === "undefined" ? internalExpandedMarketId : expandedMarketId;
-  const handleExpandedMarketChange = (marketId, isOpened) => {
-    const nextExpandedMarketId = isOpened ? marketId : null;
-    if (typeof expandedMarketId === "undefined") {
-      setInternalExpandedMarketId(nextExpandedMarketId);
-    }
-    onExpandedMarketChange == null ? void 0 : onExpandedMarketChange(nextExpandedMarketId);
-  };
-  if (!heroEvent || !event.markets.length) {
-    return /* @__PURE__ */ jsx(EventMarketPageUnavailableState, { ariaLabel });
-  }
-  return /* @__PURE__ */ jsx("section", { className: cn("w-full", classNames == null ? void 0 : classNames.root), "aria-label": ariaLabel != null ? ariaLabel : event.title, children: /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: cn(
-        "mx-auto flex w-full max-w-[1200px] flex-row gap-6 px-3 py-3 md:px-6 md:py-6 lg:flex-row lg:items-start lg:gap-8",
-        classNames == null ? void 0 : classNames.content
-      ),
-      children: [
-        /* @__PURE__ */ jsxs("div", { className: cn("flex min-w-0 flex-1 flex-col gap-6", classNames == null ? void 0 : classNames.main), children: [
-          /* @__PURE__ */ jsx(
-            EventListItemDetails,
-            {
-              event: heroEvent,
-              defaultTimeRange: heroDefaultTimeRange,
-              classNames: {
-                root: classNames == null ? void 0 : classNames.hero
-              }
-            }
-          ),
-          detailedMarkets.length > 0 ? /* @__PURE__ */ jsx("div", { className: cn("flex flex-col gap-3", classNames == null ? void 0 : classNames.markets), children: detailedMarkets.map((market) => {
-            const isOpened = resolvedExpandedMarketId === market.id;
-            return /* @__PURE__ */ jsx(
-              MarketDetails,
-              {
-                event,
-                marketId: market.id,
-                isOpened,
-                defaultTab: "order-book",
-                ariaLabel: market.endDate && dayjs(market.endDate).isValid() ? labels.eventMarketPage.marketDetailsAriaByDate(
-                  dayjs(market.endDate).format("MMM D, YYYY")
-                ) : labels.eventMarketPage.marketDetailsAriaByQuestion(market.question),
-                onOpenChange: (nextIsOpened) => handleExpandedMarketChange(market.id, nextIsOpened)
-              },
-              market.id
-            );
-          }) }) : null,
-          settlement ? /* @__PURE__ */ jsx("div", { className: "md:hidden", children: /* @__PURE__ */ jsx(Settlement, __spreadProps(__spreadValues({}, settlement), { className: classNames == null ? void 0 : classNames.settlement })) }) : null,
-          settlement ? /* @__PURE__ */ jsx("div", { className: "hidden md:block", children: /* @__PURE__ */ jsx(Settlement, __spreadProps(__spreadValues({}, settlement), { className: classNames == null ? void 0 : classNames.settlement })) }) : null
-        ] }),
-        placeOrder ? /* @__PURE__ */ jsx("aside", { className: cn("w-full lg:block lg:max-w-[360px]", classNames == null ? void 0 : classNames.sidebar), children: /* @__PURE__ */ jsx(PlaceOrder, __spreadProps(__spreadValues({}, placeOrder), { className: classNames == null ? void 0 : classNames.trade })) }) : null
-      ]
-    }
-  ) });
-};
-var EventMarketPage = (props) => {
-  const hasEventProp = "event" in props && !!props.event;
-  const { event: fetchedEvent, isLoading: isFetchingEvent } = useEvent(
-    hasEventProp ? void 0 : props.eventId,
-    {
-      enabled: !props.isLoading && !hasEventProp && !!props.eventId
-    }
-  );
-  if (props.isLoading) {
-    return /* @__PURE__ */ jsx(EventMarketPageLoadingState, { placeOrder: props.placeOrder, settlement: props.settlement });
-  }
-  if ("event" in props && props.event) {
-    return /* @__PURE__ */ jsx(EventMarketPageContent, __spreadProps(__spreadValues({}, props), { event: props.event }));
-  }
-  if (isFetchingEvent) {
-    return /* @__PURE__ */ jsx(
-      EventMarketPageLoadingState,
-      {
-        placeOrder: props.placeOrder,
-        settlement: props.settlement,
-        classNames: props.classNames
-      }
-    );
-  }
-  if (!fetchedEvent) {
-    return /* @__PURE__ */ jsx(EventMarketPageUnavailableState, { ariaLabel: props.ariaLabel });
-  }
-  return /* @__PURE__ */ jsx(EventMarketPageContent, __spreadProps(__spreadValues({}, props), { event: fetchedEvent }));
-};
-EventMarketPage.displayName = "EventMarketPage";
-
-export {
-  EventMarketPage
-};

package/dist/chunk-MJHKBCXQ.mjs

@@ -1,379 +0,0 @@
-import {
-  defaultTradingDisclaimer,
-  getTradingDateLabel,
-  getTradingVenueLabel
-} from "./chunk-OBCHURW5.mjs";
-import {
-  Tabs
-} from "./chunk-S3H63TQ5.mjs";
-import {
-  Skeleton,
-  skeletonViews
-} from "./chunk-M4RJHRFT.mjs";
-import {
-  VenueLogo
-} from "./chunk-PORVP72S.mjs";
-import {
-  Icon
-} from "./chunk-PZTHM6WG.mjs";
-import {
-  Button
-} from "./chunk-KAGYJ4XT.mjs";
-import {
-  Card
-} from "./chunk-FO2QCB4Z.mjs";
-import {
-  cn,
-  getMotionClassName
-} from "./chunk-GJ4U5NCE.mjs";
-
-// src/trading/place-order/index.tsx
-import { useEffect, useMemo, useState } from "react";
-import { useLabels, useSdkUiConfig } from "@agg-market/hooks";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var WarningFilledIcon = ({ className }) => {
-  return /* @__PURE__ */ jsxs(
-    "svg",
-    {
-      viewBox: "0 0 16 16",
-      fill: "none",
-      className: cn("text-agg-warning", className),
-      "aria-hidden": "true",
-      children: [
-        /* @__PURE__ */ jsx("path", { d: "M8 1.33301L15.3333 14.6663H0.666656L8 1.33301Z", fill: "currentColor" }),
-        /* @__PURE__ */ jsx("path", { d: "M8 5.33301V8.66634", stroke: "white", strokeWidth: "1.4", strokeLinecap: "round" }),
-        /* @__PURE__ */ jsx("circle", { cx: "8", cy: "11.1667", r: "0.833333", fill: "white" })
-      ]
-    }
-  );
-};
-var ErrorFilledIcon = ({ className }) => {
-  return /* @__PURE__ */ jsxs(
-    "svg",
-    {
-      viewBox: "0 0 16 16",
-      fill: "none",
-      className: cn("text-agg-error", className),
-      "aria-hidden": "true",
-      children: [
-        /* @__PURE__ */ jsx("circle", { cx: "8", cy: "8", r: "8", fill: "currentColor" }),
-        /* @__PURE__ */ jsx("path", { d: "M8 4.16699V8.50033", stroke: "white", strokeWidth: "1.4", strokeLinecap: "round" }),
-        /* @__PURE__ */ jsx("circle", { cx: "8", cy: "11.167", r: "0.833333", fill: "white" })
-      ]
-    }
-  );
-};
-var getPlaceOrderContainerClassName = () => {
-  return "overflow-hidden rounded-agg-xl border border-agg-border bg-agg-secondary shadow-none hover:shadow-none";
-};
-var getRoutingCardClassName = (isHighlighted) => {
-  if (!isHighlighted) {
-    return "border-agg-border bg-agg-secondary";
-  }
-  return "border-agg-trade-highlight-border bg-agg-trade-highlight-surface";
-};
-var getResultValueClassName = (tone) => {
-  if (tone === "default")
-    return "text-agg-foreground";
-  return "text-agg-success";
-};
-var negativeOutcomePattern = /\b(no|down|against|under|lose|false)\b/i;
-var resolveIsPositiveOutcome = (outcome, index) => {
-  const outcomeText = `${outcome.id} ${outcome.label}`;
-  if (negativeOutcomePattern.test(outcomeText))
-    return false;
-  if (index === 1)
-    return false;
-  return true;
-};
-var getOutcomeButtonClassName = ({
-  enableAnimations,
-  isActive,
-  isPositive
-}) => {
-  return cn(
-    "flex-1 cursor-pointer rounded-agg-full border px-6 py-2.5 text-agg-base leading-agg-6",
-    getMotionClassName(enableAnimations, "transition-all duration-300 ease-in-out"),
-    isActive ? isPositive ? "border-transparent bg-[#18c15c] font-agg-bold text-agg-on-primary" : "border-transparent bg-[#e5455f] font-agg-bold text-agg-on-primary" : "border-transparent bg-agg-secondary-hover font-agg-normal text-agg-foreground hover:bg-agg-tertiary"
-  );
-};
-var getStatusContent = ({
-  placement,
-  status,
-  onStatusAction
-}) => {
-  if (!status || status.placement !== placement)
-    return null;
-  if (status.tone === "warning") {
-    return /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center gap-2", children: [
-      /* @__PURE__ */ jsx(WarningFilledIcon, { className: "h-4 w-4 shrink-0" }),
-      /* @__PURE__ */ jsx("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: status.message })
-    ] });
-  }
-  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 rounded-agg-lg bg-agg-status-error-surface px-3 py-2.5", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
-      /* @__PURE__ */ jsx(ErrorFilledIcon, { className: "h-4 w-4 shrink-0" }),
-      /* @__PURE__ */ jsx("p", { className: "min-w-0 flex-1 text-agg-sm leading-agg-5 text-agg-foreground", children: status.message })
-    ] }),
-    status.actionLabel ? /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        className: "shrink-0 text-agg-sm font-agg-bold leading-agg-5 text-agg-primary",
-        "aria-label": status.actionLabel,
-        onClick: onStatusAction,
-        children: status.actionLabel
-      }
-    ) : null
-  ] });
-};
-var PlaceOrder = ({
-  title,
-  marketDate,
-  marketImageUrl,
-  activeTab,
-  buyLabel,
-  sellLabel,
-  outcomes,
-  selectedOutcomeId,
-  primaryMetric,
-  routing,
-  result,
-  actionLabel,
-  disclaimer = defaultTradingDisclaimer,
-  isDismissible = false,
-  isLoading = false,
-  status,
-  className,
-  isPrimaryActionDisabled = false,
-  isPrimaryActionLoading = false,
-  onClose,
-  onOutcomeChange,
-  onPrimaryAction,
-  onStatusAction,
-  onTabChange
-}) => {
-  const { enableAnimations } = useSdkUiConfig();
-  const labels = useLabels();
-  const resolvedDisclaimer = disclaimer === defaultTradingDisclaimer ? labels.trading.disclaimer : disclaimer;
-  if (isLoading) {
-    return /* @__PURE__ */ jsx(
-      Skeleton,
-      {
-        ariaLabel: labels.common.loading,
-        className,
-        view: skeletonViews.placeOrder
-      }
-    );
-  }
-  const [internalTab, setInternalTab] = useState(activeTab);
-  const [internalOutcomeId, setInternalOutcomeId] = useState(selectedOutcomeId);
-  useEffect(() => {
-    setInternalTab(activeTab);
-  }, [activeTab]);
-  useEffect(() => {
-    setInternalOutcomeId(selectedOutcomeId);
-  }, [selectedOutcomeId]);
-  const resolvedTab = onTabChange ? activeTab : internalTab;
-  const resolvedOutcomeId = onOutcomeChange ? selectedOutcomeId : internalOutcomeId;
-  const hasHighlightedRouting = routing.tone === "highlighted";
-  const dateLabel = getTradingDateLabel(marketDate);
-  const tabItems = useMemo(() => {
-    return [
-      { value: "buy", label: buyLabel },
-      { value: "sell", label: sellLabel }
-    ];
-  }, [buyLabel, sellLabel]);
-  const handleTabChange = (nextTab) => {
-    if (!onTabChange) {
-      setInternalTab(nextTab);
-    }
-    onTabChange == null ? void 0 : onTabChange(nextTab);
-  };
-  const handleOutcomeChange = (nextOutcomeId) => {
-    if (!onOutcomeChange) {
-      setInternalOutcomeId(nextOutcomeId);
-    }
-    onOutcomeChange == null ? void 0 : onOutcomeChange(nextOutcomeId);
-  };
-  const actionButton = /* @__PURE__ */ jsx(
-    Button,
-    {
-      size: "large",
-      className: "w-full",
-      disabled: isPrimaryActionDisabled,
-      isLoading: isPrimaryActionLoading,
-      "aria-label": actionLabel,
-      onClick: onPrimaryAction,
-      children: actionLabel
-    }
-  );
-  const contentBody = /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-6 p-5", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-5", children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-3", children: [
-          marketImageUrl ? /* @__PURE__ */ jsx(
-            "img",
-            {
-              src: marketImageUrl,
-              alt: "",
-              className: "h-12 w-12 shrink-0 rounded-agg-lg object-cover"
-            }
-          ) : null,
-          /* @__PURE__ */ jsx("p", { className: "min-w-0 text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: title })
-        ] }),
-        isDismissible ? /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            "aria-label": labels.common.close,
-            className: "shrink-0 text-agg-foreground",
-            onClick: onClose,
-            children: /* @__PURE__ */ jsx(
-              Icon,
-              {
-                name: "close",
-                size: "medium",
-                className: "h-6 w-6 text-agg-foreground",
-                color: "currentColor"
-              }
-            )
-          }
-        ) : null
-      ] }),
-      /* @__PURE__ */ jsx("p", { className: "text-agg-base leading-agg-6 text-agg-foreground", children: dateLabel })
-    ] }),
-    /* @__PURE__ */ jsx(
-      Tabs,
-      {
-        ariaLabel: labels.common.tabsAria,
-        items: tabItems,
-        value: resolvedTab,
-        onChange: handleTabChange,
-        variant: "underline",
-        size: "s",
-        overflowBehavior: "scroll",
-        classNames: {
-          root: "w-full",
-          tabList: "w-full"
-        }
-      }
-    ),
-    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
-      /* @__PURE__ */ jsx("div", { className: "flex w-full gap-2", children: outcomes.map((outcome, index) => {
-        const isActive = outcome.id === resolvedOutcomeId;
-        const isPositive = resolveIsPositiveOutcome(outcome, index);
-        return /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            className: getOutcomeButtonClassName({
-              enableAnimations,
-              isActive,
-              isPositive
-            }),
-            "aria-pressed": isActive,
-            "aria-label": `${outcome.label} ${outcome.priceLabel}`,
-            onClick: () => handleOutcomeChange(outcome.id),
-            children: `${outcome.label} ${outcome.priceLabel}`
-          },
-          outcome.id
-        );
-      }) }),
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-4", children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
-          /* @__PURE__ */ jsx("p", { className: "text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: primaryMetric.label }),
-          /* @__PURE__ */ jsx("p", { className: "text-agg-sm leading-agg-5 text-agg-muted-foreground", children: primaryMetric.hint })
-        ] }),
-        /* @__PURE__ */ jsx("p", { className: "text-agg-3xl font-agg-bold leading-agg-9 text-agg-foreground", children: primaryMetric.value })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
-      /* @__PURE__ */ jsxs(
-        "div",
-        {
-          className: cn(
-            "relative overflow-hidden rounded-agg-lg border p-3",
-            getRoutingCardClassName(hasHighlightedRouting)
-          ),
-          children: [
-            /* @__PURE__ */ jsx(
-              "div",
-              {
-                className: cn(
-                  "pointer-events-none absolute inset-x-0 bottom-0 h-11 bg-linear-to-b from-transparent to-agg-trade-highlight-glow",
-                  hasHighlightedRouting ? "opacity-100" : "opacity-0"
-                )
-              }
-            ),
-            /* @__PURE__ */ jsxs("div", { className: "relative flex flex-col gap-3", children: [
-              routing.rows.map((row, index) => /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3", children: [
-                /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-4", children: [
-                  /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [
-                    /* @__PURE__ */ jsx(
-                      VenueLogo,
-                      {
-                        venue: row.venue,
-                        size: "small",
-                        ariaLabel: getTradingVenueLabel(row.venue)
-                      }
-                    ),
-                    /* @__PURE__ */ jsx("p", { className: "truncate text-agg-base leading-agg-6 text-agg-foreground", children: row.label })
-                  ] }),
-                  /* @__PURE__ */ jsx("p", { className: "shrink-0 text-agg-base leading-agg-6 text-agg-foreground", children: row.priceLabel })
-                ] }),
-                index < routing.rows.length - 1 ? /* @__PURE__ */ jsx(
-                  "div",
-                  {
-                    className: cn(
-                      "h-px w-full",
-                      hasHighlightedRouting ? "bg-agg-trade-highlight-border" : "bg-agg-separator"
-                    )
-                  }
-                ) : null
-              ] }, `${row.venue}-${row.label}`)),
-              routing.highlightLabel ? /* @__PURE__ */ jsx("p", { className: "text-center text-agg-sm font-agg-bold leading-agg-5 uppercase text-agg-trade-highlight-accent", children: routing.highlightLabel }) : null
-            ] })
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsx("p", { className: "text-agg-sm leading-agg-5 text-agg-muted-foreground", children: routing.helperLabel })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-4", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
-        /* @__PURE__ */ jsx("p", { className: "text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: result.label }),
-        /* @__PURE__ */ jsx("p", { className: "text-agg-sm leading-agg-5 text-agg-muted-foreground", children: result.hint })
-      ] }),
-      /* @__PURE__ */ jsx(
-        "p",
-        {
-          className: cn(
-            "text-agg-3xl font-agg-bold leading-agg-9",
-            getResultValueClassName(result.tone)
-          ),
-          children: result.value
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxs(Fragment, { children: [
-      getStatusContent({
-        placement: "above-action",
-        status,
-        onStatusAction
-      }),
-      actionButton,
-      getStatusContent({
-        placement: "below-action",
-        status,
-        onStatusAction
-      })
-    ] }),
-    /* @__PURE__ */ jsx("p", { className: "text-center text-agg-xs leading-agg-4 text-agg-muted-foreground", children: resolvedDisclaimer })
-  ] });
-  return /* @__PURE__ */ jsx(Card, { className: cn(getPlaceOrderContainerClassName(), className), children: contentBody });
-};
-PlaceOrder.displayName = "PlaceOrder";
-
-export {
-  PlaceOrder
-};