@agg-build/ui 2.0.0 → 2.1.1

package/dist/{chunk-HH7L3KLS.mjs → chunk-RPXRTXCY.mjs}

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

package/dist/{chunk-4CM4F4S6.mjs → chunk-TERG43WW.mjs}

@@ -17,7 +17,7 @@ import {
   selectPrimaryVenueMarket,
   skeletonViews,
   sortOutcomes
-} from "./chunk-2ZS3BPSF.mjs";
+} from "./chunk-YJO6LMRT.mjs";
 
 // src/trading/trading-context/index.tsx
 import { useEventTradingContext } from "@agg-build/hooks";

package/dist/{chunk-2UKDQ7WP.mjs → chunk-WU2C3C6K.mjs}

@@ -38,7 +38,7 @@ import {
   shortenAddress,
   useOptionalToast,
   venueLogoLabels
-} from "./chunk-2ZS3BPSF.mjs";
+} from "./chunk-YJO6LMRT.mjs";
 
 // src/deposit/index.tsx
 import { useAggAuthState, useAggUiConfig, useDepositAddresses, useLabels as useLabels11 } from "@agg-build/hooks";
@@ -1873,8 +1873,30 @@ var WithdrawMethodStep = ({
 };
 
 // src/withdraw/steps/withdraw-amount.tsx
-import { useLabels as useLabels13, useWithdrawEstimate as useWithdrawEstimate2 } from "@agg-build/hooks";
+import { useLabels as useLabels13, useWithdrawPreview } from "@agg-build/hooks";
 import { Fragment as Fragment8, jsx as jsx14, jsxs as jsxs14 } from "react/jsx-runtime";
+var formatRawTokenAmount = (rawAmount, decimals) => {
+  if (!rawAmount) return "0";
+  const raw = BigInt(rawAmount);
+  const divisor = BigInt(`1${"0".repeat(decimals)}`);
+  const whole = raw / divisor;
+  const remainder = raw % divisor;
+  if (remainder === BigInt(0)) return whole.toString();
+  return `${whole.toString()}.${remainder.toString().padStart(decimals, "0").replace(/0+$/, "")}`;
+};
+var parseTokenAmountToRaw = (amount, decimals) => {
+  const normalizedAmount = amount.trim();
+  if (!normalizedAmount || !/^\d*(?:\.\d*)?$/.test(normalizedAmount)) return null;
+  const [wholePart = "0", fractionalPart = ""] = normalizedAmount.split(".");
+  if (fractionalPart.length > decimals) return null;
+  const normalizedWhole = wholePart === "" ? "0" : wholePart;
+  const normalizedFraction = fractionalPart.padEnd(decimals, "0");
+  try {
+    return `${BigInt(normalizedWhole)}${normalizedFraction}`.replace(/^0+(?=\d)/, "");
+  } catch (e) {
+    return null;
+  }
+};
 var WithdrawAmountStep = ({
   amount,
   destinationWallet,
@@ -1883,8 +1905,10 @@ var WithdrawAmountStep = ({
   networkOptions,
   selectedToken,
   selectedNetwork,
+  destDecimals,
   isConfirming = false,
   error,
+  max = false,
   onBack,
   onAmountChange,
   onDestinationChange,
@@ -1893,18 +1917,31 @@ var WithdrawAmountStep = ({
   onMaxClick,
   onContinue
 }) => {
+  var _a, _b, _c, _d;
   const labels = useLabels13();
   const SOLANA_CHAIN_ID = "792703809";
   const isSolanaDest = selectedNetwork === SOLANA_CHAIN_ID;
   const trimmedDestination = destinationWallet.trim();
   const isValidAddress = isSolanaDest ? /^[1-9A-HJ-NP-Za-km-z]{32,44}$/.test(trimmedDestination) : /^0x[a-fA-F0-9]{40}$/.test(trimmedDestination);
   const isValid = Number(amount) > 0 && isValidAddress;
-  const isDisabled = !isValid || isConfirming;
-  const withdrawEstimate = useWithdrawEstimate2({
-    amount,
-    selectedToken,
-    selectedNetwork
+  const amountRaw = amount && Number(amount) > 0 ? parseTokenAmountToRaw(amount, destDecimals) : null;
+  const destinationChainId = Number(selectedNetwork) || null;
+  const preview = useWithdrawPreview({
+    amountRaw,
+    tokenSymbol: selectedToken || null,
+    destinationChainId,
+    destinationAddress: trimmedDestination || null,
+    max
   });
+  const previewUnviable = ((_a = preview.data) == null ? void 0 : _a.pricingStatus) === "unviable";
+  const previewUnviableMessage = previewUnviable ? ((_b = preview.data) == null ? void 0 : _b.maxDeliverableRaw) != null && BigInt(preview.data.maxDeliverableRaw) > BigInt(0) ? `Amount exceeds your withdrawable balance. Max: ~${formatRawTokenAmount(preview.data.maxDeliverableRaw, destDecimals)} ${selectedToken}` : (_d = (_c = preview.data) == null ? void 0 : _c.unviableReason) != null ? _d : "This amount can't be withdrawn right now." : null;
+  const previewLoading = preview.isFetching;
+  const isDisabled = !isValid || isConfirming || previewUnviable || previewLoading;
+  const withdrawEstimate = preview.data && preview.data.pricingStatus === "quoted" ? {
+    estimatedFees: preview.data.feeRaw != null ? `~${formatRawTokenAmount(preview.data.feeRaw, destDecimals)} ${selectedToken}` : "\u2014",
+    networkReserve: preview.data.networkFeeRaw != null ? `~${formatRawTokenAmount(preview.data.networkFeeRaw, destDecimals)} ${selectedToken}` : "\u2014",
+    youReceive: preview.data.receiveAmountRaw != null ? `~${formatRawTokenAmount(preview.data.receiveAmountRaw, destDecimals)} ${selectedToken}` : "\u2014"
+  } : null;
   const shouldShowWithdrawEstimate = Boolean(withdrawEstimate);
   return /* @__PURE__ */ jsxs14(Fragment8, { children: [
     /* @__PURE__ */ jsx14(
@@ -2007,17 +2044,19 @@ var WithdrawAmountStep = ({
             )
           ] })
         ] }),
-        shouldShowWithdrawEstimate && withdrawEstimate ? /* @__PURE__ */ jsx14(TransferFeeSummary, { estimate: withdrawEstimate, view: "withdraw" }) : null
+        shouldShowWithdrawEstimate && withdrawEstimate ? /* @__PURE__ */ jsx14(TransferFeeSummary, { estimate: withdrawEstimate, view: "withdraw" }) : null,
+        previewUnviableMessage ? /* @__PURE__ */ jsx14("p", { className: "agg-type-label text-agg-error", role: "alert", children: previewUnviableMessage }) : null
       ] }),
       /* @__PURE__ */ jsx14(
         Button,
         {
-          variant: isValid && !isConfirming ? "primary" : "secondary",
+          variant: isValid && !isConfirming && !previewUnviable && !previewLoading ? "primary" : "secondary",
           size: "large",
           className: "w-full",
           disabled: isDisabled,
+          prefix: previewLoading && !isConfirming ? /* @__PURE__ */ jsx14(LoadingIcon, { size: "small", className: "mr-2 text-current" }) : void 0,
           onClick: onContinue,
-          children: isConfirming ? labels.common.loading : labels.withdraw.walletFlow.confirm
+          children: isConfirming ? labels.common.loading : previewLoading ? labels.withdraw.walletFlow.calculatingFees : labels.withdraw.walletFlow.confirm
         }
       ),
       error ? /* @__PURE__ */ jsx14("p", { className: "agg-type-label text-agg-error text-center", role: "alert", children: error }) : null
@@ -2247,7 +2286,7 @@ var getTokenDecimals = (tokenSymbol, chainId) => {
   }
   return (_a = TOKEN_DECIMALS_BY_SYMBOL[normalizedSymbol]) != null ? _a : DEFAULT_TOKEN_DECIMALS;
 };
-var formatRawTokenAmount = (rawAmount, decimals) => {
+var formatRawTokenAmount2 = (rawAmount, decimals) => {
   const raw = BigInt(rawAmount);
   const divisor = BigInt(`1${"0".repeat(decimals)}`);
   const whole = raw / divisor;
@@ -2259,11 +2298,12 @@ var formatLifecycleTokenAmount = ({
   rawAmount,
   tokenSymbol,
   chainId
-}) => `${formatRawTokenAmount(rawAmount, getTokenDecimals(tokenSymbol, chainId))} ${tokenSymbol}`;
+}) => `${formatRawTokenAmount2(rawAmount, getTokenDecimals(tokenSymbol, chainId))} ${tokenSymbol}`;
 var buildTerminalSummary = ({
   fallbackSummary,
   lifecycleCompletedAmountRaw,
   lifecycleRequestedAmountRaw,
+  lifecycleFeeRaw,
   tokenSymbol,
   chainId
 }) => {
@@ -2273,24 +2313,25 @@ var buildTerminalSummary = ({
     tokenSymbol,
     chainId
   });
-  if (!lifecycleRequestedAmountRaw) {
-    return __spreadProps(__spreadValues({}, fallbackSummary), { amountReceived });
-  }
-  try {
-    const requestedRaw = BigInt(lifecycleRequestedAmountRaw);
-    const completedRaw = BigInt(lifecycleCompletedAmountRaw);
-    const feeRaw = requestedRaw > completedRaw ? requestedRaw - completedRaw : BigInt(0);
-    return __spreadProps(__spreadValues({}, fallbackSummary), {
-      amountReceived,
-      fees: formatLifecycleTokenAmount({
-        rawAmount: feeRaw.toString(),
-        tokenSymbol,
-        chainId
-      })
-    });
-  } catch (e) {
-    return __spreadProps(__spreadValues({}, fallbackSummary), { amountReceived });
+  let feeRaw = lifecycleFeeRaw;
+  if (feeRaw == null && lifecycleRequestedAmountRaw) {
+    try {
+      const r = BigInt(lifecycleRequestedAmountRaw);
+      const c = BigInt(lifecycleCompletedAmountRaw);
+      feeRaw = (r > c ? r - c : BigInt(0)).toString();
+    } catch (e) {
+      feeRaw = null;
+    }
   }
+  return __spreadValues(__spreadProps(__spreadValues({}, fallbackSummary), {
+    amountReceived
+  }), feeRaw != null ? {
+    fees: formatLifecycleTokenAmount({
+      rawAmount: feeRaw,
+      tokenSymbol,
+      chainId
+    })
+  } : {});
 };
 function isControlledWithdrawModalProps(props) {
   return "withdrawFlow" in props;
@@ -2394,6 +2435,7 @@ function WithdrawModalControlled({
     fallbackSummary: withdrawFlow.purchaseSummary,
     lifecycleCompletedAmountRaw: withdrawalLifecycleState.completedAmountRaw,
     lifecycleRequestedAmountRaw: withdrawalLifecycleState.requestedAmountRaw,
+    lifecycleFeeRaw: withdrawalLifecycleState.feeRaw,
     tokenSymbol: withdrawFlow.selectedToken,
     chainId: withdrawFlow.selectedNetwork
   });
@@ -2415,8 +2457,13 @@ function WithdrawModalControlled({
         networkOptions: withdrawNetworkOptions,
         selectedToken: withdrawFlow.selectedToken,
         selectedNetwork: withdrawFlow.selectedNetwork,
+        destDecimals: getTokenDecimals(
+          withdrawFlow.selectedToken,
+          withdrawFlow.selectedNetwork
+        ),
         isConfirming,
         error: confirmError,
+        max: withdrawFlow.isMax,
         onBack: handleBack,
         onAmountChange: onWithdrawAmountChange,
         onDestinationChange: onWithdrawDestinationChange,
@@ -3577,9 +3624,9 @@ var AccountsWalletsTab = ({
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsxs24("div", { className: "agg-wallets-section flex flex-col gap-3", children: [
+    wallets.length > 0 ? /* @__PURE__ */ jsxs24("div", { className: "agg-wallets-section flex flex-col gap-3", children: [
       /* @__PURE__ */ jsx24(SectionTitle, { children: "Wallets" }),
-      /* @__PURE__ */ jsx24("div", { className: "flex flex-col gap-2", children: wallets.length > 0 ? wallets.map((wallet) => {
+      /* @__PURE__ */ jsx24("div", { className: "flex flex-col gap-2", children: wallets.map((wallet) => {
         var _a;
         return /* @__PURE__ */ jsx24(AccountRow, { className: "gap-4", children: /* @__PURE__ */ jsxs24("div", { className: "flex min-w-0 items-center gap-3", children: [
           /* @__PURE__ */ jsx24(
@@ -3592,8 +3639,8 @@ var AccountsWalletsTab = ({
           ),
           /* @__PURE__ */ jsx24(VerifiedBadge, {})
         ] }) }, `${wallet.chain}:${wallet.address}`);
-      }) : null })
-    ] })
+      }) })
+    ] }) : null
   ] });
 };
 AccountsWalletsTab.displayName = "AccountsWalletsTab";
@@ -4016,15 +4063,22 @@ var ProfileModal = ({
   const resolvedWallets = useMemo3(() => {
     var _a2, _b2;
     if (wallets) return wallets;
-    return (_b2 = (_a2 = user == null ? void 0 : user.wallets) == null ? void 0 : _a2.map((wallet) => {
+    const walletAccounts = (_b2 = (_a2 = user == null ? void 0 : user.accounts) == null ? void 0 : _a2.filter((account) => {
       var _a3;
+      const provider = (_a3 = account.provider) == null ? void 0 : _a3.toLowerCase();
+      return provider === "wallet" || provider === "solana_wallet";
+    })) != null ? _b2 : [];
+    return walletAccounts.filter((account) => Boolean(account.providerAccountId)).map((account) => {
+      var _a3, _b3;
+      const chain = ((_a3 = account.provider) == null ? void 0 : _a3.toLowerCase()) === "solana_wallet" ? "solana" : "evm";
+      const address = account.providerAccountId;
       return {
-        chain: wallet.chain,
-        address: wallet.address,
-        displayAddress: (_a3 = shortenAddress(wallet.address, { chain: wallet.chain })) != null ? _a3 : wallet.address
+        chain,
+        address,
+        displayAddress: (_b3 = shortenAddress(address, { chain })) != null ? _b3 : address
       };
-    })) != null ? _b2 : [];
-  }, [user == null ? void 0 : user.wallets, wallets]);
+    });
+  }, [user == null ? void 0 : user.accounts, wallets]);
   return /* @__PURE__ */ jsx26(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxs26(
     Modal.Container,
     {
@@ -4227,6 +4281,7 @@ export {
   clearPendingCardSession,
   getPendingCardSession,
   DepositModal,
+  buildTerminalSummary,
   WithdrawModal,
   HowItWorksStep,
   ProfileSetupStep,

package/dist/{chunk-R3U6YXSQ.mjs → chunk-XHDGSRG7.mjs}

@@ -8,10 +8,10 @@ import {
   getTradingValueLabel,
   getTradingVenueLabel,
   resolveOrderEligibilityMessage
-} from "./chunk-4CM4F4S6.mjs";
+} from "./chunk-TERG43WW.mjs";
 import {
   GeoBlockBanner
-} from "./chunk-HH7L3KLS.mjs";
+} from "./chunk-RPXRTXCY.mjs";
 import {
   AGG_TERMS_OF_SERVICE_URL,
   Button,
@@ -38,7 +38,7 @@ import {
   formatUsd,
   getMotionClassName,
   skeletonViews
-} from "./chunk-2ZS3BPSF.mjs";
+} from "./chunk-YJO6LMRT.mjs";
 
 // src/trading/types.ts
 import { Venue, enumGuard, isFiniteNonNeg, safeParse } from "@agg-build/sdk";
@@ -2798,7 +2798,7 @@ var PlaceOrder = ({
   className,
   classNames,
   eventTradingState,
-  executionMode = "live",
+  executionMode,
   isLoading = false,
   isPrimaryActionDisabled = false,
   isPrimaryActionLoading = false,
@@ -2818,7 +2818,8 @@ var PlaceOrder = ({
   const {
     enableDebug: isExecutionDebugEnabled,
     features: { enableAnimations, showFeesBreakdown },
-    general: { locale }
+    general: { locale },
+    trading: { executionMode: configuredExecutionMode = "live" } = { executionMode: "live" }
   } = useSdkUiConfig();
   const labels = useLabels();
   const tradingLabels = labels.trading;
@@ -2883,7 +2884,8 @@ var PlaceOrder = ({
   );
   const isResolvedOutcomeCtaLocked = resolvedEventTradingState.kind === "resolved" || resolvedTradingState.kind === "resolved";
   const { isAuthenticated, user } = useAggAuthContext();
-  const isPaperMode = executionMode === "paper";
+  const resolvedExecutionMode = executionMode != null ? executionMode : configuredExecutionMode;
+  const isPaperMode = resolvedExecutionMode === "paper";
   const liveBalanceState = useAggBalanceState();
   const paperBalancesQuery = useManagedBalances({
     enabled: Boolean(isAuthenticated && isPaperMode),
@@ -3396,6 +3398,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 +3548,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 +4179,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 +4273,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",