@agg-market/ui 5.0.0 → 7.0.0

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
-};

package/dist/chunk-MKVGQ7AS.mjs

@@ -1,168 +0,0 @@
-import {
-  toDate
-} from "./chunk-GJ4U5NCE.mjs";
-
-// src/shared/query-error.ts
-var getErrorStatus = (error) => {
-  if (!error || typeof error !== "object")
-    return null;
-  const status = error.status;
-  return typeof status === "number" ? status : null;
-};
-var isErrorWithStatus = (error, status) => {
-  return getErrorStatus(error) === status;
-};
-
-// src/events/item/event-list-item.utils.ts
-var resolveEventListItemEvent = (fetchedEvent) => {
-  if (!fetchedEvent)
-    return void 0;
-  const mergedVenueMarkets = fetchedEvent.markets.flatMap(
-    (market) => market.venueMarkets
-  );
-  if (mergedVenueMarkets.length === 0)
-    return void 0;
-  return fetchedEvent;
-};
-var normalizeProbability = (value) => {
-  if (typeof value !== "number" || !Number.isFinite(value))
-    return void 0;
-  if (value < 0)
-    return 0;
-  if (value > 1)
-    return 1;
-  return value;
-};
-var hasDateLabel = (outcome) => {
-  return !!toDate(outcome.label);
-};
-var sortOutcomes = (outcomes) => {
-  if (outcomes.length <= 1)
-    return outcomes;
-  const now = Date.now();
-  if (outcomes.some(hasDateLabel)) {
-    return [...outcomes].sort((a, b) => {
-      var _a, _b, _c, _d;
-      const aDate = (_b = (_a = toDate(a.label)) == null ? void 0 : _a.getTime()) != null ? _b : 0;
-      const bDate = (_d = (_c = toDate(b.label)) == null ? void 0 : _c.getTime()) != null ? _d : 0;
-      return Math.abs(aDate - now) - Math.abs(bDate - now);
-    });
-  }
-  return [...outcomes].sort((a, b) => {
-    var _a, _b;
-    const aPrice = (_a = normalizeProbability(a.price)) != null ? _a : 0;
-    const bPrice = (_b = normalizeProbability(b.price)) != null ? _b : 0;
-    return bPrice - aPrice;
-  });
-};
-var compareVisibleOutcomeRows = (left, right) => {
-  var _a, _b;
-  const leftDate = toDate(resolveOutcomeTitle(left.outcome));
-  const rightDate = toDate(resolveOutcomeTitle(right.outcome));
-  if (leftDate && rightDate) {
-    return leftDate.getTime() - rightDate.getTime();
-  }
-  const leftProbability = (_a = normalizeProbability(left.outcome.price)) != null ? _a : -1;
-  const rightProbability = (_b = normalizeProbability(right.outcome.price)) != null ? _b : -1;
-  return rightProbability - leftProbability;
-};
-var shouldReplaceVisibleOutcome = (current, next) => {
-  var _a, _b;
-  const currentVolume = typeof current.market.volume === "number" ? current.market.volume : -1;
-  const nextVolume = typeof next.market.volume === "number" ? next.market.volume : -1;
-  if (currentVolume !== nextVolume) {
-    return nextVolume > currentVolume;
-  }
-  const currentProbability = (_a = normalizeProbability(current.outcome.price)) != null ? _a : -1;
-  const nextProbability = (_b = normalizeProbability(next.outcome.price)) != null ? _b : -1;
-  return nextProbability > currentProbability;
-};
-var resolveVisibleOutcomes = (venueMarkets, maxOutcomes) => {
-  const visibleOutcomesByLabel = /* @__PURE__ */ new Map();
-  venueMarkets.forEach((market) => {
-    sortOutcomes(market.venueMarketOutcomes).forEach((outcome) => {
-      const title = resolveOutcomeTitle(outcome);
-      const normalizedTitle = title.trim().toLowerCase();
-      const nextVisibleOutcome = {
-        venue: market.venue,
-        market,
-        outcome,
-        title
-      };
-      const currentVisibleOutcome = visibleOutcomesByLabel.get(normalizedTitle);
-      if (!currentVisibleOutcome || shouldReplaceVisibleOutcome(currentVisibleOutcome, nextVisibleOutcome)) {
-        visibleOutcomesByLabel.set(normalizedTitle, nextVisibleOutcome);
-      }
-    });
-  });
-  return [...visibleOutcomesByLabel.values()].sort(compareVisibleOutcomeRows).slice(0, Math.max(1, maxOutcomes));
-};
-var resolveOutcomeTitle = (outcome) => {
-  if (outcome.title && outcome.title.trim())
-    return outcome.title;
-  return outcome.label;
-};
-var selectPrimaryVenueMarket = (venueMarkets) => {
-  if (venueMarkets.length === 0)
-    return void 0;
-  if (venueMarkets.length === 1)
-    return venueMarkets[0];
-  return [...venueMarkets].sort((a, b) => {
-    const aVolume = typeof a.volume === "number" ? a.volume : -1;
-    const bVolume = typeof b.volume === "number" ? b.volume : -1;
-    return bVolume - aVolume;
-  })[0];
-};
-var resolveTileTitle = (event, primaryVenueMarket, titleOverride) => {
-  if (typeof titleOverride === "string" && titleOverride.trim()) {
-    return titleOverride;
-  }
-  if (typeof (primaryVenueMarket == null ? void 0 : primaryVenueMarket.question) === "string" && primaryVenueMarket.question.trim()) {
-    return primaryVenueMarket.question;
-  }
-  return event.title;
-};
-var resolveTileImage = (event, primaryVenueMarket, imageOverride) => {
-  if (typeof imageOverride === "string" && imageOverride.trim()) {
-    return imageOverride;
-  }
-  if (typeof (primaryVenueMarket == null ? void 0 : primaryVenueMarket.image) === "string" && primaryVenueMarket.image.trim()) {
-    return primaryVenueMarket.image;
-  }
-  if (typeof event.image === "string" && event.image.trim()) {
-    return event.image;
-  }
-  return void 0;
-};
-var formatCountLabel = (count, singular, plural) => {
-  return `${count} ${count === 1 ? singular : plural}`;
-};
-var getVenueSummary = (venueMarkets) => {
-  const uniqueVenues = Array.from(new Set(venueMarkets.map((market) => market.venue)));
-  return {
-    marketCount: venueMarkets.length,
-    venueCount: uniqueVenues.length,
-    singleVenue: uniqueVenues.length === 1 ? uniqueVenues[0] : void 0
-  };
-};
-var resolveVenueLabel = (venue, venueInfo, labels) => {
-  var _a, _b;
-  if (!venue)
-    return labels.eventItem.venueSingular;
-  return (_b = (_a = venueInfo == null ? void 0 : venueInfo[venue]) == null ? void 0 : _a.label) != null ? _b : labels.venues[venue];
-};
-
-export {
-  isErrorWithStatus,
-  resolveEventListItemEvent,
-  normalizeProbability,
-  sortOutcomes,
-  resolveVisibleOutcomes,
-  resolveOutcomeTitle,
-  selectPrimaryVenueMarket,
-  resolveTileTitle,
-  resolveTileImage,
-  formatCountLabel,
-  getVenueSummary,
-  resolveVenueLabel
-};

package/dist/chunk-NDG43KGL.mjs

@@ -1,44 +0,0 @@
-import {
-  getIconA11yProps
-} from "./chunk-BNDFQPHF.mjs";
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "./chunk-GJ4U5NCE.mjs";
-
-// src/primitives/icon/svg/close.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-var CloseIcon = (_a) => {
-  var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ jsxs(
-    "svg",
-    __spreadProps(__spreadValues(__spreadValues({
-      width: "16",
-      height: "16",
-      viewBox: "0 0 16 16",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      className
-    }, getIconA11yProps(title)), props), {
-      children: [
-        title ? /* @__PURE__ */ jsx("title", { children: title }) : null,
-        /* @__PURE__ */ jsx(
-          "path",
-          {
-            d: "M12 4L4 12M4 4l8 8",
-            stroke: "currentColor",
-            strokeWidth: "2",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
-          }
-        )
-      ]
-    })
-  );
-};
-CloseIcon.displayName = "CloseIcon";
-
-export {
-  CloseIcon
-};