@agg-build/ui 1.3.0 → 2.1.0

package/dist/{chunk-6PQ6O6M5.mjs → chunk-Y6PVXAUQ.mjs}

@@ -10,13 +10,13 @@ import {
   isErrorWithStatus,
   useEventListTabs,
   useEventListTabsHeaderOverflow
-} from "./chunk-5ALBEKAT.mjs";
+} from "./chunk-R6FBYAY5.mjs";
 import {
   DEPOSIT_MODAL_OPEN_EVENT,
   PlaceOrder,
   SettlementDetails,
   WITHDRAW_MODAL_OPEN_EVENT
-} from "./chunk-YWJIYEJV.mjs";
+} from "./chunk-YAEA6EDG.mjs";
 import {
   AggErrorBoundary,
   Button,
@@ -46,9 +46,8 @@ import {
   resolveTabVenus,
   shortenAddress,
   sortCategoriesForNavigation,
-  sortMarketsByVolumeDesc,
   useOptionalToast
-} from "./chunk-QUZWA34R.mjs";
+} from "./chunk-DXF2LMNN.mjs";
 
 // src/pages/home/index.tsx
 import {
@@ -186,6 +185,7 @@ var resolveMobileTradePlaceOrderClassNames = (classNames) => {
 var EventMarketPageMobileTrade = ({
   classNames,
   eventTradingState,
+  executionMode,
   showPlaceOrder = true,
   isOpen,
   onOpenChange,
@@ -227,6 +227,7 @@ var EventMarketPageMobileTrade = ({
           PlaceOrder,
           {
             eventTradingState,
+            executionMode,
             midpointsResult,
             className: cn(
               "agg-mobile-trade-panel w-full overflow-hidden rounded-t-agg-2xl sm:rounded-agg-xl",
@@ -282,7 +283,7 @@ var EventMarketPageLoadingState = ({
     {
       className: cn(
         "agg-event-market-page",
-        "w-full mx-auto max-w-[1360px] px-6 lg:px-10 pb-10",
+        "w-full mx-auto max-w-[1440px] px-6 lg:px-10 pb-10",
         classNames == null ? void 0 : classNames.root
       ),
       children: /* @__PURE__ */ jsxs(
@@ -354,22 +355,18 @@ var EventMarketPageContent = ({
   classNames,
   ariaLabel,
   showPlaceOrder,
+  executionMode,
   stickyOrderPanel,
   resolvedClaim
 }) => {
-  const sortedEvent = useMemo(() => {
-    return __spreadProps(__spreadValues({}, event), {
-      venueMarkets: sortMarketsByVolumeDesc(event.venueMarkets)
-    });
-  }, [event]);
-  const eventTradingState = useMemo(() => resolveEventTradingState(sortedEvent), [sortedEvent]);
+  const eventTradingState = useMemo(() => resolveEventTradingState(event), [event]);
   const stickyOrderPanelState = resolveEventMarketPageStickyState({
     stickyOrderPanel
   });
   const [isMobileTradeOpen, setIsMobileTradeOpen] = useState(false);
   const isMobileViewport = useIsMobileEventMarketViewport();
   const tradingContext = useEventTradingContext();
-  const midpointsResult = useMidpoints(sortedEvent.venueMarkets);
+  const midpointsResult = useMidpoints(event.venueMarkets);
   const setTradeSideRef = useRef(tradingContext == null ? void 0 : tradingContext.setTradeSide);
   setTradeSideRef.current = tradingContext == null ? void 0 : tradingContext.setTradeSide;
   useEffect(() => {
@@ -378,7 +375,7 @@ var EventMarketPageContent = ({
       (_a = setTradeSideRef.current) == null ? void 0 : _a.call(setTradeSideRef, TradeSide.Buy);
     };
   }, []);
-  if (!sortedEvent.venueMarkets.length) {
+  if (!event.venueMarkets.length) {
     return /* @__PURE__ */ jsx(EventMarketPageUnavailableState, { ariaLabel });
   }
   return /* @__PURE__ */ jsxs(
@@ -386,10 +383,10 @@ var EventMarketPageContent = ({
     {
       className: cn(
         "agg-event-market-page",
-        "w-full mx-auto max-w-[1360px] px-6 lg:px-10 pb-10",
+        "w-full mx-auto max-w-[1440px] px-6 lg:px-10 pb-10",
         classNames == null ? void 0 : classNames.root
       ),
-      "aria-label": ariaLabel != null ? ariaLabel : sortedEvent.title,
+      "aria-label": ariaLabel != null ? ariaLabel : event.title,
       children: [
         /* @__PURE__ */ jsxs(
           "div",
@@ -414,7 +411,7 @@ var EventMarketPageContent = ({
                     /* @__PURE__ */ jsx(
                       EventListItemDetails,
                       {
-                        event: sortedEvent,
+                        event,
                         defaultMarketId,
                         defaultOutcomeId,
                         eventTradingState,
@@ -427,7 +424,7 @@ var EventMarketPageContent = ({
                     /* @__PURE__ */ jsx(
                       MarketDetailsList,
                       {
-                        eventId: sortedEvent.id,
+                        eventId: event.id,
                         markets: eventTradingState.displayMarkets,
                         eventTradingState,
                         live: true,
@@ -446,6 +443,7 @@ var EventMarketPageContent = ({
                       PlaceOrder,
                       {
                         eventTradingState,
+                        executionMode,
                         resolvedClaim,
                         midpointsResult,
                         className: cn(
@@ -455,7 +453,7 @@ var EventMarketPageContent = ({
                         classNames: resolveMobileTradePlaceOrderClassNames(classNames)
                       }
                     ) }) : null,
-                    /* @__PURE__ */ jsx(SettlementDetails, { eventId: sortedEvent.id, className: classNames == null ? void 0 : classNames.settlement })
+                    /* @__PURE__ */ jsx(SettlementDetails, { eventId: event.id, className: classNames == null ? void 0 : classNames.settlement })
                   ]
                 }
               ),
@@ -471,6 +469,7 @@ var EventMarketPageContent = ({
                     PlaceOrder,
                     {
                       eventTradingState,
+                      executionMode,
                       resolvedClaim,
                       midpointsResult,
                       className: cn(stickyOrderPanelState == null ? void 0 : stickyOrderPanelState.placeOrder, classNames == null ? void 0 : classNames.trade),
@@ -487,6 +486,7 @@ var EventMarketPageContent = ({
           {
             classNames,
             eventTradingState,
+            executionMode,
             showPlaceOrder,
             isOpen: isMobileTradeOpen,
             onOpenChange: setIsMobileTradeOpen,
@@ -1049,7 +1049,7 @@ var HomePage = ({
           "w-full bg-agg-secondary border-b border-agg-separator h-14! md:h-15!",
           classNames == null ? void 0 : classNames.header
         ),
-        children: /* @__PURE__ */ jsx2("div", { className: "mx-auto h-full w-full max-w-[1360px] px-6 lg:px-10", children: /* @__PURE__ */ jsx2(
+        children: /* @__PURE__ */ jsx2("div", { className: "mx-auto h-full w-full max-w-[1440px] px-6 lg:px-10", children: /* @__PURE__ */ jsx2(
           Tabs,
           {
             ariaLabel: labels.home.categoryTabsAria,
@@ -1067,7 +1067,7 @@ var HomePage = ({
       "div",
       {
         className: cn(
-          "w-full mx-auto px-6 lg:px-10 max-w-[1360px]",
+          "w-full mx-auto px-6 lg:px-10 max-w-[1440px]",
           "pt-4 sm:pt-6 md:pt-8 pb-10"
         ),
         children: [
@@ -1149,7 +1149,6 @@ import {
   useAggAuthState,
   useAggBalance,
   useAggClient,
-  useDepositAddresses,
   useExecutionOrders,
   useExecutionPositions,
   useGeoBlock,
@@ -3360,7 +3359,6 @@ var toSignedAmountLabel = (sign, executionPrice, filledAmountRaw) => {
   const amountLabel = toAmountLabel(executionPrice, filledAmountRaw);
   return amountLabel === "-" ? amountLabel : `${sign}${amountLabel}`;
 };
-var SVM_CHAIN_IDS = /* @__PURE__ */ new Set(["792703809"]);
 var OPEN_ORDER_STATUSES = /* @__PURE__ */ new Set([
   "pending",
   "signing",
@@ -3471,44 +3469,6 @@ var shouldFetchFullUserProfile = (userProfile) => {
   if (!userProfile) return true;
   return !userProfile.username && !userProfile.avatarUrl && ((_b = (_a = userProfile.accounts) == null ? void 0 : _a.length) != null ? _b : 0) === 0 && ((_d = (_c = userProfile.wallets) == null ? void 0 : _c.length) != null ? _d : 0) === 0;
 };
-var normalizeAddress = (address) => {
-  const trimmed = address == null ? void 0 : address.trim();
-  return trimmed ? trimmed.toLowerCase() : void 0;
-};
-var toNumericChainId = (chainId) => {
-  const parsed = Number(chainId);
-  return Number.isFinite(parsed) ? parsed : void 0;
-};
-var getConnectedWalletAccountAddresses = (userProfile) => {
-  var _a;
-  const accounts = (_a = userProfile == null ? void 0 : userProfile.accounts) != null ? _a : [];
-  const walletAccounts = accounts.filter((account) => {
-    var _a2;
-    const provider = (_a2 = account.provider) == null ? void 0 : _a2.toLowerCase();
-    return provider === "wallet" || provider === "solana_wallet";
-  });
-  return new Set(
-    walletAccounts.map((account) => normalizeAddress(account.providerAccountId)).filter((address) => !!address)
-  );
-};
-var resolveDepositActivitySource = ({
-  fromAddress,
-  chainId,
-  connectedWalletAddresses,
-  depositAddress
-}) => {
-  const normalizedFromAddress = normalizeAddress(fromAddress);
-  if (normalizedFromAddress && connectedWalletAddresses.has(normalizedFromAddress)) {
-    return "wallet";
-  }
-  if (normalizedFromAddress && normalizedFromAddress === normalizeAddress(depositAddress)) {
-    return "crypto";
-  }
-  if (SVM_CHAIN_IDS.has(chainId.trim())) {
-    return "wallet";
-  }
-  return "crypto";
-};
 var toTradeThumbnailSrc = (item, orders) => {
   var _a, _b, _c;
   if ((_a = item.venueMarket) == null ? void 0 : _a.image) return item.venueMarket.image;
@@ -3577,6 +3537,7 @@ var UserProfilePage = ({
   activePositions,
   closedPositions,
   activities,
+  executionMode = "live",
   onEditProfile,
   onDeposit,
   onWithdraw,
@@ -3658,15 +3619,18 @@ var UserProfilePage = ({
     return [...new Set(fromBalance)].sort((a, b) => a.localeCompare(b));
   }, [balanceState, shouldUseHookData]);
   const [positionFilter, setPositionFilter] = useState6(initialPositionFilter);
+  const queryExecutionMode = executionMode === "paper" ? "paper" : void 0;
   const activePositionsQuery = useExecutionPositions({
     enabled: shouldUseHookData && isAuthenticated,
     status: "active",
-    limit: 25
+    limit: 25,
+    mode: queryExecutionMode
   });
   const closedPositionsQuery = useExecutionPositions({
     enabled: shouldUseHookData && isAuthenticated,
     status: "closed",
-    limit: 25
+    limit: 25,
+    mode: queryExecutionMode
   });
   const handlePositionFilterChange = useCallback3(
     (filter) => {
@@ -3680,16 +3644,13 @@ var UserProfilePage = ({
   }, [initialPositionFilter]);
   const ordersQuery = useExecutionOrders({
     enabled: shouldUseHookData && isAuthenticated,
-    limit: 25
+    limit: 25,
+    mode: queryExecutionMode
   });
   const activityQuery = useUserActivity({
     enabled: shouldUseHookData && isAuthenticated,
     limit: 25
   });
-  const depositAddressesQuery = useDepositAddresses({
-    enabled: shouldUseHookData && isAuthenticated,
-    poll: false
-  });
   const handleCancelOrder = useCallback3(
     (order) => __async(null, null, function* () {
       if (onCancelOrder) {
@@ -3989,8 +3950,6 @@ var UserProfilePage = ({
   const resolvedActivities = useMemo4(() => {
     if (activities) return activities.filter(isVisibleUserProfileActivity);
     const formatTime = isHydrated ? toRelativeTimeLabel : toAbsoluteTimeLabel;
-    const fullUser = profileUser != null ? profileUser : currentUser;
-    const connectedWalletAddresses = getConnectedWalletAccountAddresses(fullUser);
     return activityQuery.activities.filter(isVisibleActivityItem).map((item, index) => {
       var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C;
       const timeLabel = formatTime(getRuntimeActivityCreatedAt(item));
@@ -4066,16 +4025,10 @@ var UserProfilePage = ({
         const errorMessage = timedOut ? PENDING_TRANSFER_TIMEOUT_ERROR_MESSAGE : (_q = getActivityErrorMessage(depositItem)) != null ? _q : void 0;
         const isFailed = status === "failed";
         const hasError = timedOut || hasActivityError(depositItem);
-        const depositSource = resolveDepositActivitySource({
-          fromAddress: depositItem.fromAddress,
-          chainId: depositItem.chainId,
-          connectedWalletAddresses,
-          depositAddress: depositAddressesQuery.getAddress(toNumericChainId(depositItem.chainId))
-        });
+        const depositSource = depositItem.source;
         const depositTitlesBySource = {
-          wallet: labels.userProfile.activity.depositStatusTitles.connectedWallet,
-          crypto: labels.userProfile.activity.depositStatusTitles.externalWallet,
-          card: labels.userProfile.activity.depositStatusTitles.card
+          connected_wallet: labels.userProfile.activity.depositStatusTitles.connectedWallet,
+          external_wallet: labels.userProfile.activity.depositStatusTitles.externalWallet
         };
         const amountLabel = status === "failed" || status === "canceled" ? ZERO_AMOUNT_LABEL : toTokenAmountLabel({
           amountRaw: depositItem.amountRaw,
@@ -4095,7 +4048,7 @@ var UserProfilePage = ({
           subtitleLabel: `from ${(_r = shortenAddress(depositItem.fromAddress)) != null ? _r : depositItem.fromAddress} \xB7 ${formatChainIdLabel(depositItem.chainId)}`,
           amountLabel,
           timeLabel,
-          depositSource,
+          depositSource: depositSource === "connected_wallet" ? "wallet" : "crypto",
           chainId: depositItem.chainId
         };
       }
@@ -4137,16 +4090,7 @@ var UserProfilePage = ({
         timeLabel
       };
     });
-  }, [
-    activities,
-    activityQuery.activities,
-    currentUser,
-    depositAddressesQuery,
-    isHydrated,
-    labels,
-    ordersQuery.orders,
-    profileUser
-  ]);
+  }, [activities, activityQuery.activities, isHydrated, labels, ordersQuery.orders]);
   const resolvedOpenOrders = useMemo4(() => {
     if (openOrders) return openOrders;
     return ordersQuery.orders.filter((order) => isOpenOrderStatus(order.status)).map((order) => {
@@ -4247,7 +4191,7 @@ var UserProfilePage = ({
     {
       className: cn(
         "agg-user-profile-page",
-        "w-full mx-auto px-6 lg:px-10 pb-10 max-w-[1360px]",
+        "w-full mx-auto px-6 lg:px-10 pb-10 max-w-[1440px]",
         classNames == null ? void 0 : classNames.root
       ),
       children: /* @__PURE__ */ jsxs11(

package/dist/{chunk-YWJIYEJV.mjs → chunk-YAEA6EDG.mjs}

@@ -8,10 +8,10 @@ import {
   getTradingValueLabel,
   getTradingVenueLabel,
   resolveOrderEligibilityMessage
-} from "./chunk-UFC7L74C.mjs";
+} from "./chunk-C5M2OOM3.mjs";
 import {
   GeoBlockBanner
-} from "./chunk-55ODXLOS.mjs";
+} from "./chunk-YMVD6Q2A.mjs";
 import {
   AGG_TERMS_OF_SERVICE_URL,
   Button,
@@ -38,7 +38,7 @@ import {
   formatUsd,
   getMotionClassName,
   skeletonViews
-} from "./chunk-QUZWA34R.mjs";
+} from "./chunk-DXF2LMNN.mjs";
 
 // src/trading/types.ts
 import { Venue, enumGuard, isFiniteNonNeg, safeParse } from "@agg-build/sdk";
@@ -3396,6 +3396,7 @@ var PlaceOrder = ({
   const visibleRouteCards = orderedRouteCards.length > PLACE_ORDER_ROUTE_COLLAPSED_CARD_COUNT && !isRoutesExpanded ? orderedRouteCards.slice(0, PLACE_ORDER_ROUTE_COLLAPSED_CARD_COUNT) : orderedRouteCards;
   const hasEnteredAmount = internalAmount > 0;
   const isQuoteLoading = hasEnteredAmount && (smartRoute.isFetching || smartRoute.isLoading);
+  const routeLoadingMessage = isQuoteLoading ? smartRoute.loadingReason === "updating-route" ? tradingLabels.updatingRoute : smartRoute.loadingReason === "refreshing-quotes" ? tradingLabels.refreshingQuotes : tradingLabels.findingBestOdds : null;
   const isInsufficientBalance = !isSell && isAuthenticated && hasEnteredAmount && !isBalanceLoading && internalAmount > totalBalance;
   const isQuoteInsufficientBalance = (activeQuoteData == null ? void 0 : activeQuoteData.status) === "insufficient_balance";
   const shouldShowInsufficientBalanceAlert = isInsufficientBalance || isQuoteInsufficientBalance;
@@ -3545,7 +3546,7 @@ var PlaceOrder = ({
   const shouldShowGeoBlockBanner = isTradingBlocked || selectedRouteGeoBlocked || isPrimaryVenueGeoBlocked;
   const actionLabel = `${internalTab === "buy" ? tradingLabels.buy : tradingLabels.sell} ${selectedOutcomeLabel}`.trim();
   const isActionDisabled = isPrimaryActionDisabled || !orderEligibility.canPlaceOrder || isActionLoading || !hasEnteredAmount || !scopedSelectedMarket || isInsufficientBalance || isQuoteInsufficientBalance || isBelowMinimum || isQuoteLoading || !selectedRouteCard || !selectedRouteCard.quoteData.quoteId || selectedRouteGeoBlocked || !isAuthenticated || quoteStatus !== void 0;
-  const shouldShowSmartRouting = orderEligibility.canPlaceOrder && hasEnteredAmount && !isBelowMinimum && (orderedRouteCards.length > 0 || smartRoute.isFetching);
+  const shouldShowSmartRouting = orderEligibility.canPlaceOrder && hasEnteredAmount && !isBelowMinimum && (orderedRouteCards.length > 0 || smartRoute.isFetching || smartRoute.isLoading);
   const shouldShowRouteToggle = !isQuoteLoading && orderedRouteCards.length > PLACE_ORDER_ROUTE_COLLAPSED_CARD_COUNT;
   const handleReturnToOrderForm = useCallback2(() => {
     const submittedSelection = submittedSelectionRef.current;
@@ -4176,19 +4177,10 @@ var PlaceOrder = ({
                   }
                 ) : null
               ] }),
-              /* @__PURE__ */ jsx4("div", { className: "agg-route-list flex flex-col gap-2", children: isQuoteLoading ? /* @__PURE__ */ jsxs3(
-                "div",
-                {
-                  className: "agg-route-loading flex flex-col gap-2",
-                  role: "status",
-                  "aria-label": labels.common.loading,
-                  "aria-live": "polite",
-                  children: [
-                    /* @__PURE__ */ jsx4(PlaceOrderRouteCardSkeleton, {}),
-                    /* @__PURE__ */ jsx4(PlaceOrderRouteCardSkeleton, {})
-                  ]
-                }
-              ) : visibleRouteCards.length > 0 ? visibleRouteCards.map((card) => {
+              /* @__PURE__ */ jsx4("div", { className: "agg-route-list flex flex-col gap-2", children: isQuoteLoading ? /* @__PURE__ */ jsxs3("div", { className: "agg-route-loading flex flex-col gap-2", "aria-hidden": "true", children: [
+                /* @__PURE__ */ jsx4(PlaceOrderRouteCardSkeleton, {}),
+                /* @__PURE__ */ jsx4(PlaceOrderRouteCardSkeleton, {})
+              ] }) : visibleRouteCards.length > 0 ? visibleRouteCards.map((card) => {
                 return /* @__PURE__ */ jsx4(Fragment, { children: renderRouteCard({
                   card,
                   enableAnimations,
@@ -4279,7 +4271,28 @@ var PlaceOrder = ({
                       onClick: handleDepositRequiredClick,
                       children: tradingLabels.deposit
                     }
-                  ) : needsKycVerification && !submissionFeedback && !shouldShowGeoBlockBanner ? /* @__PURE__ */ jsx4(InitiateKycButton, { label: tradingLabels.kycRequired, onOpen: openVerifyModal }) : !isAuthenticated ? /* @__PURE__ */ jsx4(
+                  ) : needsKycVerification && !submissionFeedback && !shouldShowGeoBlockBanner ? /* @__PURE__ */ jsx4(InitiateKycButton, { label: tradingLabels.kycRequired, onOpen: openVerifyModal }) : isQuoteLoading && !isActionLoading ? /* @__PURE__ */ jsx4(
+                    Button,
+                    {
+                      size: "large",
+                      variant: "secondary",
+                      className: "agg-order-submit-loading h-12 w-full px-8 text-agg-base leading-agg-6 shadow-none",
+                      disabled: true,
+                      "aria-live": "polite",
+                      "aria-label": routeLoadingMessage != null ? routeLoadingMessage : labels.common.loading,
+                      prefix: /* @__PURE__ */ jsx4(
+                        "span",
+                        {
+                          className: cn(
+                            "inline-block h-4 w-4 shrink-0 rounded-agg-full border-2 border-current border-r-transparent",
+                            getMotionClassName(enableAnimations, "animate-spin")
+                          ),
+                          "aria-hidden": "true"
+                        }
+                      ),
+                      children: routeLoadingMessage
+                    }
+                  ) : !isAuthenticated ? /* @__PURE__ */ jsx4(
                     Button,
                     {
                       size: "large",

package/dist/{chunk-55ODXLOS.mjs → chunk-YMVD6Q2A.mjs}

@@ -3,7 +3,7 @@ import {
   AGG_TERMS_OF_SERVICE_URL,
   Icon,
   cn
-} from "./chunk-QUZWA34R.mjs";
+} from "./chunk-DXF2LMNN.mjs";
 
 // src/geo-block-banner/index.tsx
 import { useLabels } from "@agg-build/hooks";