@agg-build/ui 1.3.0 → 2.1.0

package/dist/{chunk-ONVP7YWS.mjs → chunk-3OI2ZLLT.mjs}

@@ -38,7 +38,7 @@ import {
   shortenAddress,
   useOptionalToast,
   venueLogoLabels
-} from "./chunk-QUZWA34R.mjs";
+} from "./chunk-DXF2LMNN.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-UFC7L74C.mjs → chunk-C5M2OOM3.mjs}

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