@agg-build/ui 1.0.1 → 1.1.0

package/dist/index.mjs

@@ -10,7 +10,7 @@ import {
   USER_PROFILE_TAB_POSITIONS,
   UserProfilePage,
   useHomePageModals
-} from "./chunk-WLXYCBZV.mjs";
+} from "./chunk-IT2Y62MG.mjs";
 import {
   EventList,
   EventListItem,
@@ -25,7 +25,7 @@ import {
   mergeVenueOutcomeOrderbooks,
   orderbookRowLimitDefault,
   useCenterOrderbookSpread
-} from "./chunk-5ES2VJHO.mjs";
+} from "./chunk-7JEJIGG4.mjs";
 import {
   CARD_NETWORK_OPTIONS,
   ConnectAccountsStep,
@@ -40,18 +40,25 @@ import {
   WithdrawModal,
   clearPendingCardSession,
   getPendingCardSession
-} from "./chunk-BYMLPLEZ.mjs";
+} from "./chunk-F3SU7BRE.mjs";
 import {
   DEPOSIT_MODAL_OPEN_EVENT,
   PlaceOrder,
   PlaceOrderFailureView,
   PlaceOrderSuccessView,
-  Settlement,
   SettlementDetails,
   WITHDRAW_MODAL_OPEN_EVENT,
-  defaultSettlementDifferencesTitle,
+  parseAmount,
+  parseVenue,
+  requestAggDepositModalOpen,
+  requestAggWithdrawModalOpen
+} from "./chunk-OHEZGKFM.mjs";
+import {
+  SETTLEMENT_SECTION_ID,
+  Settlement,
   defaultSettlementSectionLabel,
   defaultTradingDisclaimer,
+  formatProbabilityCents,
   getTradingAveragePriceLabel,
   getTradingBalanceLabel,
   getTradingDateLabel,
@@ -60,21 +67,13 @@ import {
   getTradingSlippageLabel,
   getTradingValueLabel,
   getTradingVenueLabel,
-  mapVenueMarketsToSettlementSections,
-  parseAmount,
-  parseVenue,
-  requestAggDepositModalOpen,
-  requestAggWithdrawModalOpen
-} from "./chunk-LPNZOX3E.mjs";
-import {
-  formatProbabilityCents,
   resolveOrderBookRows,
   resolveUnifiedOrderBookEntries,
   useEventTradingContext
-} from "./chunk-HD6HBTK2.mjs";
+} from "./chunk-KDMNFHPL.mjs";
 import {
   GeoBlockBanner
-} from "./chunk-43K4PFBC.mjs";
+} from "./chunk-JDYZJKTE.mjs";
 import {
   AGG_DEFAULT_URL,
   AGG_DOCS_URL,
@@ -85,6 +84,7 @@ import {
   AggErrorBoundary,
   AggLogo,
   AppleIcon,
+  AppsIcon,
   ArbitrumIcon,
   ArrowRightIcon,
   ArrowTrendUpIcon,
@@ -106,6 +106,7 @@ import {
   ChevronLeftIcon,
   ChevronRightIcon,
   ChevronUpIcon,
+  CircleOverlapIcon,
   CloseIcon,
   CopyButton,
   CopyIcon,
@@ -129,10 +130,12 @@ import {
   LineChart,
   LinkAccountsIcon,
   LoadingIcon,
+  LockIcon,
   Modal,
   NumberValue,
   PaperPlaneIcon,
   PencilIcon,
+  PlaceOrderRouteCardSkeleton,
   PlaySquareIcon,
   PolygonIcon,
   ProfileIcon,
@@ -183,7 +186,7 @@ import {
   typographyVariants,
   useToast,
   venueLogoNames
-} from "./chunk-YZNO6IUD.mjs";
+} from "./chunk-R6DETAZ6.mjs";
 
 // src/auth/connect-button-view/index.tsx
 import { optimizedImageUrl, useAggAuthContext, useLabels, useSdkUiConfig } from "@agg-build/hooks";
@@ -673,22 +676,27 @@ var AuthConnectButtonView = ({
           type: "button",
           className: cn(
             "ml-0 md:-ml-12 max-w-48",
-            "inline-flex h-10 items-center gap-3 rounded-agg-full border bg-agg-secondary pl-2 pr-3 font-agg-sans",
+            "inline-flex items-center rounded-agg-full bg-agg-secondary",
+            "h-7 gap-1.5 pl-1 pr-2 border-2",
+            "md:h-10 md:gap-3 md:pl-2 md:pr-3 md:border",
             "cursor-pointer hover:bg-agg-secondary-hover",
             "focus-visible:outline-none focus-visible:border-agg-primary",
-            isProfileMenuOpen ? "border-agg-primary" : "border-agg-separator",
+            isProfileMenuOpen ? "border-agg-primary" : "border-agg-primary md:border-agg-separator",
             enableAnimations ? "transition-colors" : null,
             classNames == null ? void 0 : classNames.profileTrigger
           ),
           disabled,
           "aria-label": labels.auth.walletMenuFor(resolvedProfileLabel),
           children: [
-            /* @__PURE__ */ jsx(WalletAvatar, {}),
+            /* @__PURE__ */ jsx(WalletAvatar, { className: "size-5! md:size-6!" }),
             /* @__PURE__ */ jsx(
               Typography,
               {
                 variant: "body-strong",
-                className: cn("truncate whitespace-pre", classNames == null ? void 0 : classNames.profileTriggerLabel),
+                className: cn(
+                  "whitespace-pre text-sm md:text-base leading-5 md:leading-6",
+                  classNames == null ? void 0 : classNames.profileTriggerLabel
+                ),
                 children: resolvedProfileLabel
               }
             ),
@@ -697,115 +705,177 @@ var AuthConnectButtonView = ({
               {
                 name: isProfileMenuOpen ? "chevron-up" : "chevron-down",
                 size: "small",
-                className: "h-3.5 w-3.5 min-w-3.5 min-h-3.5 text-agg-foreground",
+                className: "h-3 w-3 md:h-3.5 md:w-3.5 text-agg-foreground",
                 "aria-hidden": "true"
               }
             )
           ]
         }
       ) }),
-      /* @__PURE__ */ jsx(DropdownMenu.Portal, { children: /* @__PURE__ */ jsxs(
+      /* @__PURE__ */ jsx(DropdownMenu.Portal, { children: /* @__PURE__ */ jsx(
         DropdownMenu.Content,
         {
-          className: cn(
-            AGG_ROOT_CLASS_NAME,
-            rootClassName,
-            profileMenuContentClassName,
-            classNames == null ? void 0 : classNames.profileMenuContent
-          ),
+          className: cn(AGG_ROOT_CLASS_NAME, rootClassName, "z-50 outline-none"),
           "data-agg-animations": enableAnimations ? "true" : "false",
           sideOffset: 4,
           align: "end",
-          children: [
-            /* @__PURE__ */ jsx(
-              "button",
-              {
-                type: "button",
-                className: cn(
-                  profileMenuSectionClassName,
-                  "cursor-pointer",
-                  "hover:bg-agg-secondary-hover focus:bg-agg-secondary-hover",
-                  enableAnimations ? "transition-colors" : null,
-                  classNames == null ? void 0 : classNames.profileMenuSection
+          children: /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: cn(
+                "font-agg-sans bg-agg-secondary",
+                "w-screen h-screen overflow-y-auto",
+                "md:h-auto md:w-64 md:max-w-[calc(100vw-2rem)] md:overflow-hidden md:rounded-agg-xl md:border md:border-agg-separator md:shadow-agg-popover",
+                classNames == null ? void 0 : classNames.profileMenuContent
+              ),
+              children: [
+                /* @__PURE__ */ jsxs(
+                  "button",
+                  {
+                    type: "button",
+                    className: cn(
+                      profileMenuSectionClassName,
+                      "cursor-pointer",
+                      "hover:bg-agg-secondary-hover focus:bg-agg-secondary-hover focus:outline-none",
+                      enableAnimations ? "transition-colors" : null,
+                      disabled ? "pointer-events-none opacity-50" : null,
+                      classNames == null ? void 0 : classNames.profileMenuSection
+                    ),
+                    onClick: () => {
+                      onProfileMenuOpenChange(false);
+                      onProfileCardClick == null ? void 0 : onProfileCardClick();
+                    },
+                    disabled,
+                    children: [
+                      /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-row items-center justify-between gap-3", children: [
+                        /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-3", children: [
+                          /* @__PURE__ */ jsx(WalletAvatar, { className: "size-11" }),
+                          /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-col items-start justify-start gap-0.5", children: [
+                            /* @__PURE__ */ jsx("p", { className: "w-full text-agg-lg font-agg-bold leading-agg-7 text-agg-foreground text-left", children: resolvedProfileLabel }),
+                            addressLabel ? /* @__PURE__ */ jsx("p", { className: "w-full text-agg-sm font-agg-normal leading-agg-5 text-agg-muted-foreground text-left", children: addressLabel }) : null
+                          ] })
+                        ] }),
+                        /* @__PURE__ */ jsx(
+                          Icon,
+                          {
+                            name: "arrow-right",
+                            size: "small",
+                            className: "md:hidden h-4 w-4 shrink-0 text-agg-foreground",
+                            "aria-hidden": "true"
+                          }
+                        )
+                      ] }),
+                      /* @__PURE__ */ jsxs("div", { className: "md:hidden flex w-full items-start gap-5", children: [
+                        /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col gap-2", children: [
+                          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                            /* @__PURE__ */ jsx(
+                              Icon,
+                              {
+                                name: "wallet-filled",
+                                size: "small",
+                                className: "h-4 w-4 text-agg-muted-foreground"
+                              }
+                            ),
+                            /* @__PURE__ */ jsx("span", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: "Withdrawable Balance" })
+                          ] }),
+                          /* @__PURE__ */ jsx("p", { className: "text-agg-lg font-agg-bold leading-agg-7 text-agg-foreground text-left", children: isBalanceLoading ? /* @__PURE__ */ jsx(LoadingIcon, { size: "small" }) : formatUsd(totalBalance) })
+                        ] }),
+                        /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col gap-2", children: [
+                          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                            /* @__PURE__ */ jsx(
+                              Icon,
+                              {
+                                name: "activity-chart",
+                                size: "small",
+                                className: "h-4 w-4 text-agg-muted-foreground"
+                              }
+                            ),
+                            /* @__PURE__ */ jsx("span", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: "Positions Value" })
+                          ] }),
+                          /* @__PURE__ */ jsx("p", { className: "text-agg-lg font-agg-bold leading-agg-7 text-agg-foreground text-left", children: isBalanceLoading ? /* @__PURE__ */ jsx(LoadingIcon, { size: "small" }) : formatUsd(positionsBalance) })
+                        ] })
+                      ] })
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    className: cn(profileMenuSeparatorClassName, classNames == null ? void 0 : classNames.profileMenuSeparator)
+                  }
                 ),
-                onClick: onProfileCardClick,
-                disabled,
-                children: /* @__PURE__ */ jsxs("div", { className: "flex flex-row items-start justify-start gap-3", children: [
-                  /* @__PURE__ */ jsx(WalletAvatar, { className: "size-11" }),
-                  /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-col items-start justify-start gap-0.5", children: [
-                    /* @__PURE__ */ jsx("p", { className: "w-full truncate text-agg-lg font-agg-bold leading-agg-7 text-agg-foreground text-left", children: resolvedProfileLabel }),
-                    addressLabel ? /* @__PURE__ */ jsx("p", { className: "w-full truncate text-agg-sm font-agg-normal leading-agg-5 text-agg-muted-foreground text-left", children: addressLabel }) : null
-                  ] })
+                /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-col py-2", children: [
+                  /* @__PURE__ */ jsxs(
+                    DropdownMenu.Item,
+                    {
+                      className: dropdownMenuItemClassName,
+                      onSelect: onProfileClick,
+                      disabled,
+                      children: [
+                        /* @__PURE__ */ jsx(Icon, { name: "profile", size: "small", className: "text-agg-foreground" }),
+                        /* @__PURE__ */ jsx("span", { children: labels.auth.myProfile })
+                      ]
+                    }
+                  ),
+                  isDepositBlocked ? /* @__PURE__ */ jsx(
+                    Tooltip,
+                    {
+                      content: /* @__PURE__ */ jsx("p", { className: "text-center", children: labels.auth.depositGeoBlocked }),
+                      children: /* @__PURE__ */ jsx("span", { className: "w-full", children: /* @__PURE__ */ jsxs(
+                        DropdownMenu.Item,
+                        {
+                          className: cn(
+                            dropdownMenuItemClassName,
+                            "opacity-50 pointer-events-none"
+                          ),
+                          disabled: true,
+                          children: [
+                            /* @__PURE__ */ jsx(Icon, { name: "download", size: "small", className: "text-agg-foreground" }),
+                            /* @__PURE__ */ jsx("span", { children: labels.auth.deposit })
+                          ]
+                        }
+                      ) })
+                    }
+                  ) : /* @__PURE__ */ jsxs(
+                    DropdownMenu.Item,
+                    {
+                      className: dropdownMenuItemClassName,
+                      onSelect: onDepositClick,
+                      disabled,
+                      children: [
+                        /* @__PURE__ */ jsx(Icon, { name: "download", size: "small", className: "text-agg-foreground" }),
+                        /* @__PURE__ */ jsx("span", { children: labels.auth.deposit })
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ jsxs(
+                    DropdownMenu.Item,
+                    {
+                      className: dropdownMenuItemClassName,
+                      onSelect: onWithdrawClick,
+                      disabled,
+                      children: [
+                        /* @__PURE__ */ jsx(Icon, { name: "upload", size: "small", className: "text-agg-foreground" }),
+                        /* @__PURE__ */ jsx("span", { children: labels.auth.withdraw })
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ jsxs(
+                    DropdownMenu.Item,
+                    {
+                      className: dropdownMenuItemClassName,
+                      onSelect: onDisconnectClick,
+                      disabled,
+                      children: [
+                        /* @__PURE__ */ jsx(Icon, { name: "disconnect", size: "small", className: "text-agg-foreground" }),
+                        /* @__PURE__ */ jsx("span", { children: labels.auth.disconnect })
+                      ]
+                    }
+                  )
                 ] })
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              "div",
-              {
-                className: cn(profileMenuSeparatorClassName, classNames == null ? void 0 : classNames.profileMenuSeparator)
-              }
-            ),
-            /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-col py-2", children: [
-              /* @__PURE__ */ jsxs(
-                DropdownMenu.Item,
-                {
-                  className: dropdownMenuItemClassName,
-                  onSelect: onProfileClick,
-                  disabled,
-                  children: [
-                    /* @__PURE__ */ jsx(Icon, { name: "profile", size: "small", className: "text-agg-foreground" }),
-                    /* @__PURE__ */ jsx("span", { children: labels.auth.myProfile })
-                  ]
-                }
-              ),
-              isDepositBlocked ? /* @__PURE__ */ jsx(Tooltip, { content: /* @__PURE__ */ jsx("p", { className: "text-center", children: labels.auth.depositGeoBlocked }), children: /* @__PURE__ */ jsx("span", { className: "w-full", children: /* @__PURE__ */ jsxs(
-                DropdownMenu.Item,
-                {
-                  className: cn(dropdownMenuItemClassName, "opacity-50 pointer-events-none"),
-                  disabled: true,
-                  children: [
-                    /* @__PURE__ */ jsx(Icon, { name: "download", size: "small", className: "text-agg-foreground" }),
-                    /* @__PURE__ */ jsx("span", { children: labels.auth.deposit })
-                  ]
-                }
-              ) }) }) : /* @__PURE__ */ jsxs(
-                DropdownMenu.Item,
-                {
-                  className: dropdownMenuItemClassName,
-                  onSelect: onDepositClick,
-                  disabled,
-                  children: [
-                    /* @__PURE__ */ jsx(Icon, { name: "download", size: "small", className: "text-agg-foreground" }),
-                    /* @__PURE__ */ jsx("span", { children: labels.auth.deposit })
-                  ]
-                }
-              ),
-              /* @__PURE__ */ jsxs(
-                DropdownMenu.Item,
-                {
-                  className: dropdownMenuItemClassName,
-                  onSelect: onWithdrawClick,
-                  disabled,
-                  children: [
-                    /* @__PURE__ */ jsx(Icon, { name: "upload", size: "small", className: "text-agg-foreground" }),
-                    /* @__PURE__ */ jsx("span", { children: labels.auth.withdraw })
-                  ]
-                }
-              ),
-              /* @__PURE__ */ jsxs(
-                DropdownMenu.Item,
-                {
-                  className: dropdownMenuItemClassName,
-                  onSelect: onDisconnectClick,
-                  disabled,
-                  children: [
-                    /* @__PURE__ */ jsx(Icon, { name: "disconnect", size: "small", className: "text-agg-foreground" }),
-                    /* @__PURE__ */ jsx("span", { children: labels.auth.disconnect })
-                  ]
-                }
-              )
-            ] })
-          ]
+              ]
+            }
+          )
         }
       ) })
     ] })
@@ -822,6 +892,7 @@ export {
   AggErrorBoundary,
   AggLogo,
   AppleIcon,
+  AppsIcon,
   ArbitrumIcon,
   ArrowRightIcon,
   ArrowTrendUpIcon,
@@ -845,6 +916,7 @@ export {
   ChevronLeftIcon,
   ChevronRightIcon,
   ChevronUpIcon,
+  CircleOverlapIcon,
   CloseIcon,
   ConnectAccountsStep,
   ConnectKalshiModal,
@@ -881,6 +953,7 @@ export {
   LineChart,
   LinkAccountsIcon,
   LoadingIcon,
+  LockIcon,
   MarketDetails,
   MarketDetailsList,
   Modal,
@@ -892,6 +965,7 @@ export {
   PencilIcon,
   PlaceOrder,
   PlaceOrderFailureView,
+  PlaceOrderRouteCardSkeleton,
   PlaceOrderSuccessView,
   PlaySquareIcon,
   PolygonIcon,
@@ -900,6 +974,7 @@ export {
   ProfileSetupStep,
   RemoteImage,
   RevenueAltIcon,
+  SETTLEMENT_SECTION_ID,
   Search,
   SearchIcon,
   Select,
@@ -942,7 +1017,6 @@ export {
   cn,
   collectEligibleVenueOutcomeIds,
   collectEligibleVenueOutcomes,
-  defaultSettlementDifferencesTitle,
   defaultSettlementSectionLabel,
   defaultTradingDisclaimer,
   formatAmountDisplay,
@@ -963,7 +1037,6 @@ export {
   iconNames,
   isTruthy,
   isValidDateValue,
-  mapVenueMarketsToSettlementSections,
   mergeVenueOutcomeOrderbooks,
   orderbookRowLimitDefault,
   parseAmount,