@agg-build/ui 1.3.0 → 2.1.0

package/dist/modals.js

@@ -92,6 +92,7 @@ __export(modals_exports, {
   ProfileModal: () => ProfileModal,
   ProfileSetupStep: () => ProfileSetupStep,
   WithdrawModal: () => WithdrawModal,
+  buildTerminalSummary: () => buildTerminalSummary,
   clearPendingCardSession: () => clearPendingCardSession,
   getPendingCardSession: () => getPendingCardSession
 });
@@ -6341,6 +6342,28 @@ var WithdrawMethodStep = ({
 // src/withdraw/steps/withdraw-amount.tsx
 var import_hooks28 = require("@agg-build/hooks");
 var import_jsx_runtime114 = require("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,
@@ -6349,8 +6372,10 @@ var WithdrawAmountStep = ({
   networkOptions,
   selectedToken,
   selectedNetwork,
+  destDecimals,
   isConfirming = false,
   error,
+  max = false,
   onBack,
   onAmountChange,
   onDestinationChange,
@@ -6359,18 +6384,31 @@ var WithdrawAmountStep = ({
   onMaxClick,
   onContinue
 }) => {
+  var _a, _b, _c, _d;
   const labels = (0, import_hooks28.useLabels)();
   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 = (0, import_hooks28.useWithdrawEstimate)({
-    amount,
-    selectedToken,
-    selectedNetwork
+  const amountRaw = amount && Number(amount) > 0 ? parseTokenAmountToRaw(amount, destDecimals) : null;
+  const destinationChainId = Number(selectedNetwork) || null;
+  const preview = (0, import_hooks28.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__ */ (0, import_jsx_runtime114.jsxs)(import_jsx_runtime114.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
@@ -6473,17 +6511,19 @@ var WithdrawAmountStep = ({
             )
           ] })
         ] }),
-        shouldShowWithdrawEstimate && withdrawEstimate ? /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(TransferFeeSummary, { estimate: withdrawEstimate, view: "withdraw" }) : null
+        shouldShowWithdrawEstimate && withdrawEstimate ? /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(TransferFeeSummary, { estimate: withdrawEstimate, view: "withdraw" }) : null,
+        previewUnviableMessage ? /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("p", { className: "agg-type-label text-agg-error", role: "alert", children: previewUnviableMessage }) : null
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
         Button,
         {
-          variant: isValid && !isConfirming ? "primary" : "secondary",
+          variant: isValid && !isConfirming && !previewUnviable && !previewLoading ? "primary" : "secondary",
           size: "large",
           className: "w-full",
           disabled: isDisabled,
+          prefix: previewLoading && !isConfirming ? /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(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__ */ (0, import_jsx_runtime114.jsx)("p", { className: "agg-type-label text-agg-error text-center", role: "alert", children: error }) : null
@@ -6713,7 +6753,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;
@@ -6725,11 +6765,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
 }) => {
@@ -6739,24 +6780,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;
@@ -6860,6 +6902,7 @@ function WithdrawModalControlled({
     fallbackSummary: withdrawFlow.purchaseSummary,
     lifecycleCompletedAmountRaw: withdrawalLifecycleState.completedAmountRaw,
     lifecycleRequestedAmountRaw: withdrawalLifecycleState.requestedAmountRaw,
+    lifecycleFeeRaw: withdrawalLifecycleState.feeRaw,
     tokenSymbol: withdrawFlow.selectedToken,
     chainId: withdrawFlow.selectedNetwork
   });
@@ -6881,8 +6924,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,
@@ -6923,7 +6971,7 @@ var WithdrawModal = (props) => {
 WithdrawModal.displayName = "WithdrawModal";
 
 // src/onboarding/index.tsx
-var import_react15 = require("react");
+var import_react16 = require("react");
 var import_hooks37 = require("@agg-build/hooks");
 var Dialog4 = __toESM(require("@radix-ui/react-dialog"));
 
@@ -7026,7 +7074,7 @@ var HowItWorksStep = ({ onContinue, icons }) => {
 HowItWorksStep.displayName = "HowItWorksStep";
 
 // src/onboarding/steps/profile-setup.tsx
-var import_react12 = require("react");
+var import_react13 = require("react");
 var import_hooks33 = require("@agg-build/hooks");
 
 // src/primitives/venue-logo/index.tsx
@@ -7106,7 +7154,37 @@ VenueLogo.displayName = "VenueLogo";
 
 // src/primitives/tabs/index.tsx
 var import_hooks32 = require("@agg-build/hooks");
+var import_react11 = require("react");
+
+// src/shared/use-horizontal-scroll-state.ts
 var import_react10 = require("react");
+var useHorizontalScrollState = () => {
+  const containerRef = (0, import_react10.useRef)(null);
+  const [canScrollLeft, setCanScrollLeft] = (0, import_react10.useState)(false);
+  const [canScrollRight, setCanScrollRight] = (0, import_react10.useState)(false);
+  const update = (0, import_react10.useCallback)(() => {
+    const el = containerRef.current;
+    if (!el) return;
+    const maxScroll = el.scrollWidth - el.clientWidth;
+    setCanScrollLeft(el.scrollLeft > 4);
+    setCanScrollRight(maxScroll - el.scrollLeft > 4);
+  }, []);
+  (0, import_react10.useEffect)(() => {
+    const el = containerRef.current;
+    if (!el) return;
+    el.addEventListener("scroll", update, { passive: true });
+    return () => el.removeEventListener("scroll", update);
+  }, [update]);
+  (0, import_react10.useEffect)(() => {
+    if (typeof ResizeObserver === "undefined") return;
+    const el = containerRef.current;
+    if (!el) return;
+    const ro = new ResizeObserver(() => update());
+    ro.observe(el);
+    return () => ro.disconnect();
+  }, [update]);
+  return { containerRef, canScrollLeft, canScrollRight, update };
+};
 
 // src/primitives/tabs/tabs.constants.ts
 var MOBILE_TABS_MEDIA_QUERY = "(max-width: 736px)";
@@ -7180,8 +7258,8 @@ var Tabs = ({
   const {
     features: { enableAnimations }
   } = (0, import_hooks32.useSdkUiConfig)();
-  const buttonRefs = (0, import_react10.useRef)([]);
-  const dragStateRef = (0, import_react10.useRef)({
+  const buttonRefs = (0, import_react11.useRef)([]);
+  const dragStateRef = (0, import_react11.useRef)({
     isPointerDown: false,
     isDragging: false,
     pointerId: null,
@@ -7189,29 +7267,30 @@ var Tabs = ({
     startClientY: 0,
     startScrollLeft: 0
   });
-  const suppressClickRef = (0, import_react10.useRef)(false);
+  const suppressClickRef = (0, import_react11.useRef)(false);
   const resolvedAriaLabel = ariaLabel != null ? ariaLabel : labels.common.tabsAria;
-  const [isMobileViewport, setIsMobileViewport] = (0, import_react10.useState)(false);
-  const [isDraggingTabs, setIsDraggingTabs] = (0, import_react10.useState)(false);
-  const [activeUnderlineStyle, setActiveUnderlineStyle] = (0, import_react10.useState)({
+  const [isMobileViewport, setIsMobileViewport] = (0, import_react11.useState)(false);
+  const [isDraggingTabs, setIsDraggingTabs] = (0, import_react11.useState)(false);
+  const [activeUnderlineStyle, setActiveUnderlineStyle] = (0, import_react11.useState)({
     transform: "translateX(0px)",
     width: 0,
     opacity: 0
   });
-  const [scrollAffordanceState, setScrollAffordanceState] = (0, import_react10.useState)({
-    showStart: false,
-    showEnd: false
-  });
-  const tabListRef = (0, import_react10.useRef)(null);
+  const {
+    containerRef: tabListRef,
+    canScrollLeft,
+    canScrollRight,
+    update: updateScrollState
+  } = useHorizontalScrollState();
   const isBarVariant = variant === "bar";
-  const resolvedOverflowBehavior = (0, import_react10.useMemo)(() => {
+  const resolvedOverflowBehavior = (0, import_react11.useMemo)(() => {
     if (overflowBehavior) return overflowBehavior;
     if (!isBarVariant) return "scroll";
     return isMobileViewport ? "select" : "scroll";
   }, [isBarVariant, isMobileViewport, overflowBehavior]);
   const shouldUseOverflowScroll = resolvedOverflowBehavior === "scroll";
   const shouldUseOverflowSelect = resolvedOverflowBehavior === "select";
-  (0, import_react10.useEffect)(() => {
+  (0, import_react11.useEffect)(() => {
     if (typeof window === "undefined") return;
     const mediaQueryList = window.matchMedia(MOBILE_TABS_MEDIA_QUERY);
     const handleMediaQueryChange = (event) => {
@@ -7229,28 +7308,12 @@ var Tabs = ({
       mediaQueryList.removeListener(handleMediaQueryChange);
     };
   }, []);
-  const updateScrollAffordances = (0, import_react10.useCallback)(() => {
-    if (!shouldUseOverflowScroll) {
-      setScrollAffordanceState({
-        showStart: false,
-        showEnd: false
-      });
-      return;
-    }
-    const tabListElement = tabListRef.current;
-    if (!tabListElement) return;
-    const maxScrollLeft = tabListElement.scrollWidth - tabListElement.clientWidth;
-    setScrollAffordanceState({
-      showStart: tabListElement.scrollLeft > 4,
-      showEnd: maxScrollLeft - tabListElement.scrollLeft > 4
-    });
-  }, [shouldUseOverflowScroll]);
-  const renderedItems = (0, import_react10.useMemo)(() => {
+  const renderedItems = (0, import_react11.useMemo)(() => {
     return items.map((item) => __spreadProps(__spreadValues({}, item), {
       disabled: item.disabled || item.isComingSoon
     }));
   }, [items]);
-  const selectItems = (0, import_react10.useMemo)(() => {
+  const selectItems = (0, import_react11.useMemo)(() => {
     return renderedItems.map((item) => ({
       value: item.value,
       label: item.isComingSoon ? `${item.label} (soon)` : item.label,
@@ -7383,7 +7446,7 @@ var Tabs = ({
     event == null ? void 0 : event.stopPropagation();
     suppressClickRef.current = false;
   };
-  const updateActiveUnderline = (0, import_react10.useCallback)(() => {
+  const updateActiveUnderline = (0, import_react11.useCallback)(() => {
     if (isBarVariant) {
       setActiveUnderlineStyle({
         transform: "translateX(0px)",
@@ -7406,42 +7469,39 @@ var Tabs = ({
       opacity: 1
     });
   }, [isBarVariant, renderedItems, value]);
-  (0, import_react10.useLayoutEffect)(() => {
+  (0, import_react11.useLayoutEffect)(() => {
     updateActiveUnderline();
   }, [updateActiveUnderline]);
-  (0, import_react10.useEffect)(() => {
+  (0, import_react11.useEffect)(() => {
     if (isBarVariant || !shouldUseOverflowScroll) return;
     const tabListElement = tabListRef.current;
     if (!tabListElement) return;
     const handleScroll = () => {
       updateActiveUnderline();
-      updateScrollAffordances();
     };
     tabListElement.addEventListener("scroll", handleScroll, { passive: true });
-    updateScrollAffordances();
     return () => {
       tabListElement.removeEventListener("scroll", handleScroll);
     };
-  }, [isBarVariant, shouldUseOverflowScroll, updateActiveUnderline, updateScrollAffordances]);
-  (0, import_react10.useEffect)(() => {
+  }, [isBarVariant, shouldUseOverflowScroll, tabListRef, updateActiveUnderline]);
+  (0, import_react11.useEffect)(() => {
     if (!shouldUseOverflowScroll) return;
-    updateScrollAffordances();
-  }, [renderedItems, shouldUseOverflowScroll, updateScrollAffordances, value]);
-  (0, import_react10.useEffect)(() => {
-    if (isBarVariant && !shouldUseOverflowScroll) return;
+    updateScrollState();
+  }, [renderedItems, shouldUseOverflowScroll, updateScrollState, value]);
+  (0, import_react11.useEffect)(() => {
+    if (isBarVariant || !shouldUseOverflowScroll) return;
     if (typeof ResizeObserver === "undefined") return;
     const tabListElement = tabListRef.current;
     if (!tabListElement) return;
     const resizeObserver = new ResizeObserver(() => {
       updateActiveUnderline();
-      updateScrollAffordances();
     });
     resizeObserver.observe(tabListElement);
     return () => {
       resizeObserver.disconnect();
     };
-  }, [isBarVariant, shouldUseOverflowScroll, updateActiveUnderline, updateScrollAffordances]);
-  (0, import_react10.useEffect)(() => {
+  }, [isBarVariant, shouldUseOverflowScroll, tabListRef, updateActiveUnderline]);
+  (0, import_react11.useEffect)(() => {
     if (!shouldUseOverflowScroll) return;
     const tabListElement = tabListRef.current;
     if (!tabListElement) return;
@@ -7588,7 +7648,7 @@ var Tabs = ({
                 "agg-tab-scroll-start",
                 "pointer-events-none absolute top-0 bottom-0 left-0 z-10 w-12 md:w-18 bg-linear-to-r from-agg-secondary via-agg-secondary to-transparent",
                 getMotionClassName(enableAnimations, "transition-opacity duration-200"),
-                scrollAffordanceState.showStart ? "opacity-100" : "opacity-0"
+                canScrollLeft ? "opacity-100" : "opacity-0"
               )
             }
           ),
@@ -7600,24 +7660,63 @@ var Tabs = ({
                 "agg-tab-scroll-end",
                 "pointer-events-none absolute top-0 right-0 bottom-0 z-10 w-12 md:w-18 bg-linear-to-l from-agg-secondary via-agg-secondary to-transparent",
                 getMotionClassName(enableAnimations, "transition-opacity duration-200"),
-                scrollAffordanceState.showEnd ? "opacity-100" : "opacity-0"
+                canScrollRight ? "opacity-100" : "opacity-0"
               )
             }
           )
         ] }) : null,
-        shouldUseOverflowScroll && isBarVariant ? /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
-          "span",
-          {
-            "aria-hidden": true,
-            className: cn(
-              "agg-tab-scroll-end",
-              "pointer-events-none absolute top-0 right-0 bottom-0 z-10 w-[120px] overflow-hidden rounded-r-[8px] bg-linear-to-l from-agg-secondary from-[20%] via-agg-secondary/85 to-transparent",
-              getMotionClassName(enableAnimations, "transition-opacity duration-200"),
-              scrollAffordanceState.showEnd ? "opacity-100" : "opacity-0"
-            ),
-            children: /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("span", { className: "absolute inset-y-0 right-3 inline-flex items-center text-agg-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(Icon, { name: "chevron-right", size: "small", color: "currentColor" }) })
-          }
-        ) : null
+        shouldUseOverflowScroll && isBarVariant ? /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)(import_jsx_runtime119.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
+            "button",
+            {
+              type: "button",
+              "aria-label": labels.common.scrollTabsLeft,
+              tabIndex: -1,
+              className: cn(
+                "agg-tab-scroll-start",
+                "absolute top-0 bottom-0 left-0 z-10 w-20 rounded-l-agg-lg",
+                "inline-flex items-center justify-start pl-2",
+                "bg-linear-to-r from-agg-secondary from-[25%] via-agg-secondary/80 to-transparent",
+                "cursor-pointer",
+                getMotionClassName(enableAnimations, "transition-opacity duration-200"),
+                canScrollLeft ? "opacity-100" : "opacity-0 pointer-events-none"
+              ),
+              onClick: () => {
+                var _a;
+                (_a = tabListRef.current) == null ? void 0 : _a.scrollBy({
+                  left: -200,
+                  behavior: getScrollBehavior(enableAnimations)
+                });
+              },
+              children: /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(Icon, { name: "chevron-left", size: "small", color: "currentColor" })
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
+            "button",
+            {
+              type: "button",
+              "aria-label": labels.common.scrollTabsRight,
+              tabIndex: -1,
+              className: cn(
+                "agg-tab-scroll-end",
+                "absolute top-0 right-0 bottom-0 z-10 w-20 rounded-r-agg-lg",
+                "inline-flex items-center justify-end pr-2",
+                "bg-linear-to-l from-agg-secondary from-[25%] via-agg-secondary/80 to-transparent",
+                "cursor-pointer",
+                getMotionClassName(enableAnimations, "transition-opacity duration-200"),
+                canScrollRight ? "opacity-100" : "opacity-0 pointer-events-none"
+              ),
+              onClick: () => {
+                var _a;
+                (_a = tabListRef.current) == null ? void 0 : _a.scrollBy({
+                  left: 200,
+                  behavior: getScrollBehavior(enableAnimations)
+                });
+              },
+              children: /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(Icon, { name: "chevron-right", size: "small", color: "currentColor" })
+            }
+          )
+        ] }) : null
       ]
     }
   );
@@ -7626,26 +7725,26 @@ Tabs.displayName = "Tabs";
 
 // src/primitives/toast/index.tsx
 var RadixToast = __toESM(require("@radix-ui/react-toast"));
-var import_react11 = require("react");
+var import_react12 = require("react");
 var import_jsx_runtime120 = require("react/jsx-runtime");
-var ToastContext = (0, import_react11.createContext)(null);
+var ToastContext = (0, import_react12.createContext)(null);
 function useOptionalToast() {
-  return (0, import_react11.useContext)(ToastContext);
+  return (0, import_react12.useContext)(ToastContext);
 }
 
 // src/onboarding/steps/profile-setup.tsx
 var import_jsx_runtime121 = require("react/jsx-runtime");
 var ProfileSetupStep = ({ onContinue }) => {
   const labels = (0, import_hooks33.useLabels)();
-  const [username, setUsername] = (0, import_react12.useState)("");
-  const [avatarFile, setAvatarFile] = (0, import_react12.useState)();
-  const [avatarPreview, setAvatarPreview] = (0, import_react12.useState)();
-  const fileInputRef = (0, import_react12.useRef)(null);
-  const handleAvatarClick = (0, import_react12.useCallback)(() => {
+  const [username, setUsername] = (0, import_react13.useState)("");
+  const [avatarFile, setAvatarFile] = (0, import_react13.useState)();
+  const [avatarPreview, setAvatarPreview] = (0, import_react13.useState)();
+  const fileInputRef = (0, import_react13.useRef)(null);
+  const handleAvatarClick = (0, import_react13.useCallback)(() => {
     var _a;
     (_a = fileInputRef.current) == null ? void 0 : _a.click();
   }, []);
-  const handleFileChange = (0, import_react12.useCallback)((e) => {
+  const handleFileChange = (0, import_react13.useCallback)((e) => {
     var _a;
     const file = (_a = e.target.files) == null ? void 0 : _a[0];
     if (!file) return;
@@ -7657,7 +7756,7 @@ var ProfileSetupStep = ({ onContinue }) => {
     };
     reader.readAsDataURL(file);
   }, []);
-  const handleContinue = (0, import_react12.useCallback)(() => {
+  const handleContinue = (0, import_react13.useCallback)(() => {
     onContinue({
       username,
       avatarFile,
@@ -7899,7 +7998,7 @@ ConnectAccountsStep.displayName = "ConnectAccountsStep";
 
 // src/onboarding/steps/connect-kalshi-modal.tsx
 var import_sdk12 = require("@agg-build/sdk");
-var import_react13 = require("react");
+var import_react14 = require("react");
 var import_hooks35 = require("@agg-build/hooks");
 var Dialog2 = __toESM(require("@radix-ui/react-dialog"));
 var import_jsx_runtime123 = require("react/jsx-runtime");
@@ -7909,15 +8008,15 @@ var ConnectKalshiModal = ({
   onVerify
 }) => {
   const labels = (0, import_hooks35.useLabels)();
-  const [apiKeyId, setApiKeyId] = (0, import_react13.useState)("");
-  const [privateKey, setPrivateKey] = (0, import_react13.useState)("");
-  const [verifying, setVerifying] = (0, import_react13.useState)(false);
-  const [error, setError] = (0, import_react13.useState)();
+  const [apiKeyId, setApiKeyId] = (0, import_react14.useState)("");
+  const [privateKey, setPrivateKey] = (0, import_react14.useState)("");
+  const [verifying, setVerifying] = (0, import_react14.useState)(false);
+  const [error, setError] = (0, import_react14.useState)();
   const canVerify = apiKeyId.trim().length > 0 && privateKey.trim().length > 0;
-  const handleCancel = (0, import_react13.useCallback)(() => {
+  const handleCancel = (0, import_react14.useCallback)(() => {
     onOpenChange(false);
   }, [onOpenChange]);
-  const handleVerify = (0, import_react13.useCallback)(() => __async(null, null, function* () {
+  const handleVerify = (0, import_react14.useCallback)(() => __async(null, null, function* () {
     if (!canVerify || verifying) return;
     setVerifying(true);
     setError(void 0);
@@ -7946,7 +8045,7 @@ var ConnectKalshiModal = ({
     privateKey,
     verifying
   ]);
-  const handleOpenChange = (0, import_react13.useCallback)(
+  const handleOpenChange = (0, import_react14.useCallback)(
     (value) => {
       if (value) {
         setApiKeyId("");
@@ -8149,7 +8248,7 @@ var ConnectKalshiModal = ({
 ConnectKalshiModal.displayName = "ConnectKalshiModal";
 
 // src/onboarding/steps/connect-onchain-modal.tsx
-var import_react14 = require("react");
+var import_react15 = require("react");
 var import_hooks36 = require("@agg-build/hooks");
 var Dialog3 = __toESM(require("@radix-ui/react-dialog"));
 var import_jsx_runtime124 = require("react/jsx-runtime");
@@ -8159,12 +8258,12 @@ var ConnectOnchainModal = ({
   onConnect
 }) => {
   const labels = (0, import_hooks36.useLabels)();
-  const [connecting, setConnecting] = (0, import_react14.useState)(false);
-  const [error, setError] = (0, import_react14.useState)();
-  const handleCancel = (0, import_react14.useCallback)(() => {
+  const [connecting, setConnecting] = (0, import_react15.useState)(false);
+  const [error, setError] = (0, import_react15.useState)();
+  const handleCancel = (0, import_react15.useCallback)(() => {
     onOpenChange(false);
   }, [onOpenChange]);
-  const handleConnect = (0, import_react14.useCallback)(() => __async(null, null, function* () {
+  const handleConnect = (0, import_react15.useCallback)(() => __async(null, null, function* () {
     if (connecting) return;
     setConnecting(true);
     setError(void 0);
@@ -8179,7 +8278,7 @@ var ConnectOnchainModal = ({
       setConnecting(false);
     }
   }), [connecting, labels.onboarding.connectOnchainModal.fallbackError, onConnect, onOpenChange]);
-  const handleOpenChange = (0, import_react14.useCallback)(
+  const handleOpenChange = (0, import_react15.useCallback)(
     (value) => {
       if (value) {
         setError(void 0);
@@ -8271,48 +8370,48 @@ var OnboardingModal = ({
 }) => {
   var _a;
   const labels = (0, import_hooks37.useLabels)();
-  const [step, setStep] = (0, import_react15.useState)(ONBOARDING_STEPS.HOW_IT_WORKS);
+  const [step, setStep] = (0, import_react16.useState)(ONBOARDING_STEPS.HOW_IT_WORKS);
   const stepLabels = {
     [ONBOARDING_STEPS.HOW_IT_WORKS]: labels.onboarding.modal.stepHowItWorks,
     [ONBOARDING_STEPS.PROFILE_SETUP]: labels.onboarding.modal.stepProfileSetup,
     [ONBOARDING_STEPS.CONNECT_ACCOUNTS]: labels.onboarding.modal.stepConnectAccounts
   };
   const resolvedTitle = (_a = stepLabels[step]) != null ? _a : labels.onboarding.modal.title;
-  const [kalshiModalOpen, setKalshiModalOpen] = (0, import_react15.useState)(false);
-  const [kalshiConnected, setKalshiConnected] = (0, import_react15.useState)(false);
-  const [onchainModalOpen, setOnchainModalOpen] = (0, import_react15.useState)(false);
-  const [onchainConnected, setOnchainConnected] = (0, import_react15.useState)(false);
-  (0, import_react15.useEffect)(() => {
+  const [kalshiModalOpen, setKalshiModalOpen] = (0, import_react16.useState)(false);
+  const [kalshiConnected, setKalshiConnected] = (0, import_react16.useState)(false);
+  const [onchainModalOpen, setOnchainModalOpen] = (0, import_react16.useState)(false);
+  const [onchainConnected, setOnchainConnected] = (0, import_react16.useState)(false);
+  (0, import_react16.useEffect)(() => {
     if (open) {
       setStep(ONBOARDING_STEPS.HOW_IT_WORKS);
       setKalshiConnected(false);
       setOnchainConnected(false);
     }
   }, [open]);
-  const handleHowItWorksContinue = (0, import_react15.useCallback)(() => {
+  const handleHowItWorksContinue = (0, import_react16.useCallback)(() => {
     setStep(ONBOARDING_STEPS.PROFILE_SETUP);
   }, []);
-  const handleProfileContinue = (0, import_react15.useCallback)(
+  const handleProfileContinue = (0, import_react16.useCallback)(
     (data) => {
       onProfileSubmit == null ? void 0 : onProfileSubmit(data);
       setStep(ONBOARDING_STEPS.CONNECT_ACCOUNTS);
     },
     [onProfileSubmit]
   );
-  const handleConnectContinue = (0, import_react15.useCallback)(() => {
+  const handleConnectContinue = (0, import_react16.useCallback)(() => {
     onComplete == null ? void 0 : onComplete();
   }, [onComplete]);
-  const handleOpenOnchainModal = (0, import_react15.useCallback)(() => {
+  const handleOpenOnchainModal = (0, import_react16.useCallback)(() => {
     setOnchainModalOpen(true);
   }, []);
-  const handleOnchainConnect = (0, import_react15.useCallback)(() => __async(null, null, function* () {
+  const handleOnchainConnect = (0, import_react16.useCallback)(() => __async(null, null, function* () {
     yield onConnectOnchain == null ? void 0 : onConnectOnchain();
     setOnchainConnected(true);
   }), [onConnectOnchain]);
-  const handleOpenKalshiModal = (0, import_react15.useCallback)(() => {
+  const handleOpenKalshiModal = (0, import_react16.useCallback)(() => {
     setKalshiModalOpen(true);
   }, []);
-  const handleKalshiVerify = (0, import_react15.useCallback)(
+  const handleKalshiVerify = (0, import_react16.useCallback)(
     (credentials) => __async(null, null, function* () {
       yield onConnectKalshi == null ? void 0 : onConnectKalshi(credentials);
       setKalshiConnected(true);
@@ -8366,7 +8465,7 @@ var OnboardingModal = ({
 OnboardingModal.displayName = "OnboardingModal";
 
 // src/profile/index.tsx
-var import_react18 = require("react");
+var import_react19 = require("react");
 var import_hooks40 = require("@agg-build/hooks");
 
 // src/profile/profile-modal.constants.ts
@@ -8384,7 +8483,7 @@ var PROFILE_TAB_ITEMS = [
 ];
 
 // src/profile/tabs/about-tab.tsx
-var import_react16 = require("react");
+var import_react17 = require("react");
 var import_hooks38 = require("@agg-build/hooks");
 var import_jsx_runtime126 = require("react/jsx-runtime");
 var AboutTab = ({
@@ -8397,12 +8496,12 @@ var AboutTab = ({
   avatarError: _avatarError
 }) => {
   const labels = (0, import_hooks38.useLabels)();
-  const fileInputRef = (0, import_react16.useRef)(null);
-  const handleAvatarClick = (0, import_react16.useCallback)(() => {
+  const fileInputRef = (0, import_react17.useRef)(null);
+  const handleAvatarClick = (0, import_react17.useCallback)(() => {
     var _a;
     (_a = fileInputRef.current) == null ? void 0 : _a.click();
   }, []);
-  const handleFileChange = (0, import_react16.useCallback)(
+  const handleFileChange = (0, import_react17.useCallback)(
     (e) => {
       var _a;
       const file = (_a = e.target.files) == null ? void 0 : _a[0];
@@ -8649,9 +8748,9 @@ var AccountsWalletsTab = ({
         )
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("div", { className: "agg-wallets-section flex flex-col gap-3", children: [
+    wallets.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("div", { className: "agg-wallets-section flex flex-col gap-3", children: [
       /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(SectionTitle, { children: "Wallets" }),
-      /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("div", { className: "flex flex-col gap-2", children: wallets.length > 0 ? wallets.map((wallet) => {
+      /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("div", { className: "flex flex-col gap-2", children: wallets.map((wallet) => {
         var _a;
         return /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(AccountRow, { className: "gap-4", children: /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("div", { className: "flex min-w-0 items-center gap-3", children: [
           /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
@@ -8664,15 +8763,15 @@ var AccountsWalletsTab = ({
           ),
           /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(VerifiedBadge, {})
         ] }) }, `${wallet.chain}:${wallet.address}`);
-      }) : null })
-    ] })
+      }) })
+    ] }) : null
   ] });
 };
 AccountsWalletsTab.displayName = "AccountsWalletsTab";
 
 // src/profile/tabs/trading-access-tab.tsx
 var import_hooks39 = require("@agg-build/hooks");
-var import_react17 = require("react");
+var import_react18 = require("react");
 var import_jsx_runtime128 = require("react/jsx-runtime");
 var TRADING_ACCESS_VENUES = [
   "kalshi",
@@ -8700,13 +8799,13 @@ var AccessRow = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime128.jsx)
 var VerifyIdentityButton = ({ onError }) => {
   const labels = (0, import_hooks39.useLabels)();
   const client = (0, import_hooks39.useAggClient)();
-  const [isInitiating, setIsInitiating] = (0, import_react17.useState)(false);
-  const [needsDepositAddress, setNeedsDepositAddress] = (0, import_react17.useState)(false);
+  const [isInitiating, setIsInitiating] = (0, import_react18.useState)(false);
+  const [needsDepositAddress, setNeedsDepositAddress] = (0, import_react18.useState)(false);
   const { isReady, isTimedOut } = (0, import_hooks39.useDepositAddresses)({
     enabled: needsDepositAddress,
     poll: true
   });
-  (0, import_react17.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     if (!isInitiating || !isReady) return;
     const redirectUri = window.location.href;
     client.initiateKyc("kalshi", redirectUri).then((res) => {
@@ -8720,13 +8819,13 @@ var VerifyIdentityButton = ({ onError }) => {
       setNeedsDepositAddress(false);
     });
   }, [isReady, isInitiating, client, onError]);
-  (0, import_react17.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     if (!isTimedOut || !isInitiating) return;
     setIsInitiating(false);
     setNeedsDepositAddress(false);
     onError == null ? void 0 : onError(new Error("Deposit address provisioning timed out"));
   }, [isTimedOut, isInitiating, onError]);
-  const handleClick = (0, import_react17.useCallback)(() => {
+  const handleClick = (0, import_react18.useCallback)(() => {
     setIsInitiating(true);
     setNeedsDepositAddress(true);
   }, []);
@@ -8759,7 +8858,7 @@ var TradingAccessTab = ({
   const labels = (0, import_hooks39.useLabels)();
   const { disabledVenues } = (0, import_hooks39.useAppConfig)();
   const { isLocationBlocked } = (0, import_hooks39.useGeoBlock)();
-  const visibleVenues = (0, import_react17.useMemo)(
+  const visibleVenues = (0, import_react18.useMemo)(
     () => (0, import_hooks39.getVisibleVenuesByConfig)(TRADING_ACCESS_VENUE_ITEMS, disabledVenues),
     [disabledVenues]
   );
@@ -8820,18 +8919,18 @@ var ProfileModal = ({
   const client = (0, import_hooks40.useAggClient)();
   const { user, startAuth } = (0, import_hooks40.useAggAuthState)();
   const toastCtx = useOptionalToast();
-  const [activeTab, setActiveTab] = (0, import_react18.useState)(PROFILE_TAB_KEYS.PROFILE_ACCOUNTS);
+  const [activeTab, setActiveTab] = (0, import_react19.useState)(PROFILE_TAB_KEYS.PROFILE_ACCOUNTS);
   const resolvedInitialUsername = (_a = username != null ? username : user == null ? void 0 : user.username) != null ? _a : "";
-  const [draftUsername, setDraftUsername] = (0, import_react18.useState)(resolvedInitialUsername);
-  const [draftAvatarFile, setDraftAvatarFile] = (0, import_react18.useState)();
-  const [draftAvatarPreview, setDraftAvatarPreview] = (0, import_react18.useState)();
-  const [isSaving, setIsSaving] = (0, import_react18.useState)(false);
-  const [avatarTypeError, setAvatarTypeError] = (0, import_react18.useState)(null);
-  (0, import_react18.useEffect)(() => {
+  const [draftUsername, setDraftUsername] = (0, import_react19.useState)(resolvedInitialUsername);
+  const [draftAvatarFile, setDraftAvatarFile] = (0, import_react19.useState)();
+  const [draftAvatarPreview, setDraftAvatarPreview] = (0, import_react19.useState)();
+  const [isSaving, setIsSaving] = (0, import_react19.useState)(false);
+  const [avatarTypeError, setAvatarTypeError] = (0, import_react19.useState)(null);
+  (0, import_react19.useEffect)(() => {
     var _a2;
     setDraftUsername((_a2 = username != null ? username : user == null ? void 0 : user.username) != null ? _a2 : "");
   }, [username, user == null ? void 0 : user.username]);
-  const handleOpenChange = (0, import_react18.useCallback)(
+  const handleOpenChange = (0, import_react19.useCallback)(
     (isOpen) => {
       var _a2;
       if (!isOpen) {
@@ -8855,7 +8954,7 @@ var ProfileModal = ({
       setDraftAvatarPreview
     ]
   );
-  const handleDraftAvatarChange = (0, import_react18.useCallback)(
+  const handleDraftAvatarChange = (0, import_react19.useCallback)(
     (file, preview) => {
       const ACCEPTED_AVATAR_TYPES = ["image/jpeg", "image/png", "image/gif", "image/webp"];
       if (file && !ACCEPTED_AVATAR_TYPES.includes(file.type)) {
@@ -8870,7 +8969,7 @@ var ProfileModal = ({
   );
   const originalUsername = (_b = username != null ? username : user == null ? void 0 : user.username) != null ? _b : "";
   const hasChanges = draftUsername !== originalUsername || draftAvatarFile !== void 0;
-  const handleSave = (0, import_react18.useCallback)(() => __async(null, null, function* () {
+  const handleSave = (0, import_react19.useCallback)(() => __async(null, null, function* () {
     var _a2, _b2, _c2;
     setIsSaving(true);
     try {
@@ -8925,7 +9024,7 @@ var ProfileModal = ({
     originalUsername,
     toastCtx
   ]);
-  const handleCancel = (0, import_react18.useCallback)(() => {
+  const handleCancel = (0, import_react19.useCallback)(() => {
     handleOpenChange(false);
   }, [handleOpenChange]);
   const isAccountConnected = (providers) => {
@@ -8969,7 +9068,7 @@ var ProfileModal = ({
     if (typeof window === "undefined") return;
     ((_a2 = window.top) != null ? _a2 : window).location.assign(url);
   };
-  const handleConnectTwitter = (0, import_react18.useCallback)(() => __async(null, null, function* () {
+  const handleConnectTwitter = (0, import_react19.useCallback)(() => __async(null, null, function* () {
     const result = yield startAuth({
       provider: "twitter",
       redirectUrl: resolveRedirectUrl()
@@ -8979,7 +9078,7 @@ var ProfileModal = ({
       navigateTopWindow(result.url);
     }
   }), [onConnectTwitter, startAuth]);
-  const handleConnectGoogle = (0, import_react18.useCallback)(() => __async(null, null, function* () {
+  const handleConnectGoogle = (0, import_react19.useCallback)(() => __async(null, null, function* () {
     const result = yield startAuth({
       provider: "google",
       redirectUrl: resolveRedirectUrl()
@@ -8989,7 +9088,7 @@ var ProfileModal = ({
       navigateTopWindow(result.url);
     }
   }), [onConnectGoogle, startAuth]);
-  const handleConnectApple = (0, import_react18.useCallback)(() => __async(null, null, function* () {
+  const handleConnectApple = (0, import_react19.useCallback)(() => __async(null, null, function* () {
     const result = yield startAuth({
       provider: "apple",
       redirectUrl: resolveRedirectUrl()
@@ -8999,22 +9098,22 @@ var ProfileModal = ({
       navigateTopWindow(result.url);
     }
   }), [onConnectApple, startAuth]);
-  const handleDisconnectTwitter = (0, import_react18.useCallback)(() => __async(null, null, function* () {
+  const handleDisconnectTwitter = (0, import_react19.useCallback)(() => __async(null, null, function* () {
     yield client.disconnectAccount("twitter");
     yield client.getCurrentUser();
     onDisconnectTwitter == null ? void 0 : onDisconnectTwitter();
   }), [client, onDisconnectTwitter]);
-  const handleDisconnectGoogle = (0, import_react18.useCallback)(() => __async(null, null, function* () {
+  const handleDisconnectGoogle = (0, import_react19.useCallback)(() => __async(null, null, function* () {
     yield client.disconnectAccount("google");
     yield client.getCurrentUser();
     onDisconnectGoogle == null ? void 0 : onDisconnectGoogle();
   }), [client, onDisconnectGoogle]);
-  const handleDisconnectApple = (0, import_react18.useCallback)(() => __async(null, null, function* () {
+  const handleDisconnectApple = (0, import_react19.useCallback)(() => __async(null, null, function* () {
     yield client.disconnectAccount("apple");
     yield client.getCurrentUser();
     onDisconnectApple == null ? void 0 : onDisconnectApple();
   }), [client, onDisconnectApple]);
-  const handleConnectEmail = (0, import_react18.useCallback)(() => __async(null, null, function* () {
+  const handleConnectEmail = (0, import_react19.useCallback)(() => __async(null, null, function* () {
     var _a2;
     const typedEmail = typeof window !== "undefined" ? (_a2 = window.prompt("Enter your email to receive a magic link")) == null ? void 0 : _a2.trim() : void 0;
     if (!typedEmail) return;
@@ -9025,7 +9124,7 @@ var ProfileModal = ({
     });
     onConnectEmail == null ? void 0 : onConnectEmail();
   }), [onConnectEmail, startAuth]);
-  const handleDisconnectWallet = (0, import_react18.useCallback)(
+  const handleDisconnectWallet = (0, import_react19.useCallback)(
     (wallet) => __async(null, null, function* () {
       const normalizedChain = wallet.chain.toLowerCase();
       const provider = normalizedChain === "solana" || normalizedChain === "svm" ? "solana_wallet" : "wallet";
@@ -9035,7 +9134,7 @@ var ProfileModal = ({
     }),
     [client, onDisconnectWallet]
   );
-  const providerActionMap = (0, import_react18.useMemo)(
+  const providerActionMap = (0, import_react19.useMemo)(
     () => ({
       twitter: {
         connect: () => {
@@ -9077,18 +9176,25 @@ var ProfileModal = ({
       handleDisconnectTwitter
     ]
   );
-  const resolvedWallets = (0, import_react18.useMemo)(() => {
+  const resolvedWallets = (0, import_react19.useMemo)(() => {
     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__ */ (0, import_jsx_runtime129.jsx)(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(
     Modal.Container,
     {
@@ -9217,7 +9323,7 @@ ProfileModal.displayName = "ProfileModal";
 
 // src/geo-block-modal/index.tsx
 var import_hooks41 = require("@agg-build/hooks");
-var import_react19 = require("react");
+var import_react20 = require("react");
 var import_jsx_runtime130 = require("react/jsx-runtime");
 var GeoBlockModal = ({
   open,
@@ -9226,7 +9332,7 @@ var GeoBlockModal = ({
   classNames
 }) => {
   const labels = (0, import_hooks41.useLabels)();
-  const handleConfirm = (0, import_react19.useCallback)(() => {
+  const handleConfirm = (0, import_react20.useCallback)(() => {
     onConfirm == null ? void 0 : onConfirm();
     onOpenChange(false);
   }, [onConfirm, onOpenChange]);
@@ -9326,6 +9432,7 @@ GeoBlockBanner.displayName = "GeoBlockBanner";
   ProfileModal,
   ProfileSetupStep,
   WithdrawModal,
+  buildTerminalSummary,
   clearPendingCardSession,
   getPendingCardSession
 });