@agg-market/ui 0.0.1 → 0.0.4

package/dist/chunk-MXWRCVRJ.mjs

@@ -1,285 +0,0 @@
-import {
-  Settlement
-} from "./chunk-DBD5GHHD.mjs";
-import {
-  PlaceOrder
-} from "./chunk-4XWCYUV3.mjs";
-import {
-  EventListItemDetails
-} from "./chunk-M23S2DVV.mjs";
-import {
-  MarketDetails
-} from "./chunk-AOFP74IB.mjs";
-import {
-  Typography
-} from "./chunk-DQ6XFBYJ.mjs";
-import {
-  Card
-} from "./chunk-P5PFQX75.mjs";
-import {
-  __spreadProps,
-  __spreadValues,
-  cn
-} from "./chunk-GC3QIIH7.mjs";
-
-// src/pages/event-market/index.tsx
-import { useEffect, useMemo, useState } from "react";
-import { useEvent, useLabels } from "@agg/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: "title", children: labels.eventMarketPage.unavailableTitle }),
-        /* @__PURE__ */ jsx(Typography, { variant: "meta", 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-NNSY462N.mjs

@@ -1,212 +0,0 @@
-import {
-  CloseIcon
-} from "./chunk-VYNVBJK6.mjs";
-import {
-  AGG_ROOT_CLASS_NAME,
-  cn,
-  getMotionClassName
-} from "./chunk-GC3QIIH7.mjs";
-
-// src/primitives/modal/index.tsx
-import * as Dialog from "@radix-ui/react-dialog";
-import { useSdkUiConfig, useLabels } from "@agg/hooks";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var Modal = ({
-  open,
-  onOpenChange,
-  children,
-  "aria-label": _ariaLabel,
-  "aria-labelledby": _ariaLabelledBy
-}) => {
-  return /* @__PURE__ */ jsx(Dialog.Root, { open, onOpenChange, children });
-};
-var ModalContainer = ({
-  children,
-  maxWidth = "600px",
-  classNames,
-  "aria-label": ariaLabel,
-  "aria-labelledby": ariaLabelledBy
-}) => {
-  const { rootClassName, enableAnimations } = useSdkUiConfig();
-  const overlayAnimationClassName = enableAnimations ? "motion-safe:data-[state=open]:animate-agg-modal-overlay-in motion-safe:data-[state=closed]:animate-agg-modal-overlay-out motion-reduce:animate-none" : void 0;
-  const panelAnimationClassName = enableAnimations ? "motion-safe:data-[state=open]:animate-agg-modal-panel-in motion-safe:data-[state=closed]:animate-agg-modal-panel-out motion-reduce:animate-none" : void 0;
-  return /* @__PURE__ */ jsxs(Dialog.Portal, { children: [
-    /* @__PURE__ */ jsx(
-      Dialog.Overlay,
-      {
-        className: cn(
-          "fixed inset-0 z-agg-overlay bg-agg-overlay",
-          overlayAnimationClassName,
-          classNames == null ? void 0 : classNames.overlay
-        )
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      Dialog.Content,
-      {
-        className: cn(
-          "fixed inset-0 z-agg-modal",
-          "flex items-center justify-center p-4",
-          "sm:p-5",
-          classNames == null ? void 0 : classNames.content
-        ),
-        "aria-label": ariaLabel,
-        "aria-labelledby": ariaLabelledBy,
-        onCloseAutoFocus: (event) => {
-          event.preventDefault();
-        },
-        children: /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: cn(
-              AGG_ROOT_CLASS_NAME,
-              rootClassName,
-              "flex w-full max-h-[calc(100%-2rem)] flex-col font-agg-sans",
-              "rounded-agg-2xl border border-agg-separator",
-              "bg-agg-secondary text-agg-foreground shadow-agg-modal",
-              "origin-bottom overflow-hidden will-change-transform",
-              panelAnimationClassName,
-              classNames == null ? void 0 : classNames.container
-            ),
-            "data-agg-animations": enableAnimations ? "true" : "false",
-            style: { maxWidth },
-            children
-          }
-        )
-      }
-    )
-  ] });
-};
-Modal.Container = ModalContainer;
-var ModalHeader = ({
-  title,
-  subtitle,
-  leftElement,
-  rightElement,
-  hideClose = false,
-  closeIcon,
-  classNames,
-  children,
-  hideBorder = false
-}) => {
-  const { enableAnimations } = useSdkUiConfig();
-  const labels = useLabels();
-  const defaultCloseIcon = /* @__PURE__ */ jsx(CloseIcon, { className: "h-6 w-6" });
-  const resolvedCloseIcon = closeIcon != null ? closeIcon : defaultCloseIcon;
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: cn(
-        "flex flex-col",
-        "sticky top-0 z-20",
-        "bg-agg-secondary",
-        hideBorder ? "border-0" : "border-b border-agg-separator",
-        subtitle ? "min-h-20" : "min-h-16",
-        classNames == null ? void 0 : classNames.root
-      ),
-      children: [
-        /* @__PURE__ */ jsxs(
-          "div",
-          {
-            className: cn(
-              "flex items-center justify-between",
-              "px-4 py-4",
-              "sm:px-8 sm:py-6",
-              subtitle && "sm:py-4",
-              children ? "pb-3 sm:pb-4" : void 0,
-              classNames == null ? void 0 : classNames.container
-            ),
-            children: [
-              leftElement ? /* @__PURE__ */ jsx(Fragment, { children: leftElement }) : null,
-              /* @__PURE__ */ jsxs("div", { className: cn("max-w-[calc(100%-1rem)] flex-1", classNames == null ? void 0 : classNames.titleContainer), children: [
-                /* @__PURE__ */ jsx(
-                  Dialog.Title,
-                  {
-                    className: cn(
-                      !title && "invisible",
-                      "flex items-center text-agg-lg font-agg-bold leading-agg-6",
-                      "sm:text-agg-2xl sm:leading-agg-8",
-                      "text-ellipsis overflow-hidden whitespace-nowrap",
-                      classNames == null ? void 0 : classNames.title
-                    ),
-                    children: title
-                  }
-                ),
-                subtitle ? /* @__PURE__ */ jsx(
-                  "span",
-                  {
-                    className: cn(
-                      "text-agg-sm leading-agg-4 text-agg-muted-foreground sm:leading-agg-5",
-                      classNames == null ? void 0 : classNames.subtitle
-                    ),
-                    children: subtitle
-                  }
-                ) : null
-              ] }),
-              /* @__PURE__ */ jsxs("div", { className: "flex flex-row gap-6 items-center justify-end", children: [
-                rightElement ? /* @__PURE__ */ jsx(Fragment, { children: rightElement }) : null,
-                !hideClose && /* @__PURE__ */ jsx(
-                  Dialog.Close,
-                  {
-                    className: cn(
-                      "outline-0 flex items-center hover:cursor-pointer justify-center text-agg-foreground hover:text-agg-foreground/80",
-                      getMotionClassName(enableAnimations, "transition-colors"),
-                      classNames == null ? void 0 : classNames.close
-                    ),
-                    "aria-label": labels.common.close,
-                    children: resolvedCloseIcon
-                  }
-                )
-              ] })
-            ]
-          }
-        ),
-        children ? /* @__PURE__ */ jsx("div", { children }) : null
-      ]
-    }
-  );
-};
-Modal.Header = ModalHeader;
-var ModalBody = ({ children, classNames }) => {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn(
-        "grow overflow-y-auto",
-        "px-4 py-6",
-        "sm:p-8",
-        "bg-agg-secondary text-agg-foreground",
-        classNames == null ? void 0 : classNames.root
-      ),
-      children
-    }
-  );
-};
-Modal.Body = ModalBody;
-var ModalFooter = ({
-  children,
-  classNames,
-  hideBorder = false
-}) => {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn(
-        "sticky bottom-0",
-        "bg-agg-secondary",
-        "flex h-[73px] w-full flex-row items-center justify-between gap-3",
-        "border-agg-separator p-4",
-        "sm:h-20 sm:justify-end sm:px-8 sm:py-5",
-        hideBorder ? "border-0" : "border-t",
-        classNames == null ? void 0 : classNames.root
-      ),
-      children
-    }
-  );
-};
-Modal.Footer = ModalFooter;
-Modal.displayName = "Modal";
-
-export {
-  Modal
-};

package/dist/chunk-P5PFQX75.mjs

@@ -1,31 +0,0 @@
-import {
-  __objRest,
-  __spreadValues,
-  cn,
-  getMotionClassName
-} from "./chunk-GC3QIIH7.mjs";
-
-// src/primitives/card/index.tsx
-import { useSdkUiConfig } from "@agg/hooks";
-import { jsx } from "react/jsx-runtime";
-var Card = (_a) => {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  const { enableAnimations } = useSdkUiConfig();
-  return /* @__PURE__ */ jsx(
-    "div",
-    __spreadValues({
-      className: cn(
-        "flex w-full flex-col font-agg-sans",
-        "rounded-agg-xl border border-agg-separator",
-        "bg-agg-secondary text-agg-foreground shadow-agg-card",
-        getMotionClassName(enableAnimations, "transition-shadow hover:shadow-agg-card-hover"),
-        className
-      )
-    }, props)
-  );
-};
-Card.displayName = "Card";
-
-export {
-  Card
-};