@agg-build/ui 4.19.0 → 4.19.1

package/dist/modals.js

@@ -152,17 +152,17 @@ var formatUsd = (value, options) => {
     maximumFractionDigits
   });
 };
-var formatCompactUsd = (amount) => {
-  const formatted = amount % 1 === 0 ? amount.toString() : amount.toFixed(1);
+var formatCompactUsd = (amount2) => {
+  const formatted = amount2 % 1 === 0 ? amount2.toString() : amount2.toFixed(1);
   return `$${formatted}`;
 };
-var formatTokenAmount = (amount, symbol, options) => {
+var formatTokenAmount = (amount2, symbol, options) => {
   var _a;
   const normalizedSymbol = symbol.trim();
   const tokenSymbol = normalizedSymbol.length > 0 ? normalizedSymbol : "USDC";
-  if (!Number.isFinite(amount)) return `0 ${tokenSymbol}`;
+  if (!Number.isFinite(amount2)) return `0 ${tokenSymbol}`;
   const maximumFractionDigits = (_a = options == null ? void 0 : options.maximumFractionDigits) != null ? _a : 6;
-  const formattedAmount = amount.toLocaleString("en-US", {
+  const formattedAmount = amount2.toLocaleString("en-US", {
     maximumFractionDigits
   });
   return `${formattedAmount} ${tokenSymbol}`;
@@ -5190,7 +5190,7 @@ Select.displayName = "Select";
 // src/deposit/steps/card-deposit.tsx
 var import_jsx_runtime112 = require("react/jsx-runtime");
 var CardDepositStep = ({
-  amount,
+  amount: amount2,
   currency,
   // tokenOptions,
   networkOptions,
@@ -5205,10 +5205,10 @@ var CardDepositStep = ({
   onContinue
 }) => {
   const labels = (0, import_hooks17.useLabels)();
-  const [localAmount, setLocalAmount] = (0, import_react5.useState)(amount);
+  const [localAmount, setLocalAmount] = (0, import_react5.useState)(amount2);
   (0, import_react5.useEffect)(() => {
-    setLocalAmount(amount);
-  }, [amount]);
+    setLocalAmount(amount2);
+  }, [amount2]);
   const numericAmount = Number(localAmount) || 0;
   const hasInput = localAmount.length > 0;
   const isBelowMin = minAmount != null && hasInput && numericAmount < minAmount;
@@ -5611,7 +5611,7 @@ var CardProviderItem = ({ provider, onSelect }) => {
 };
 var CardProviderStep = ({
   token,
-  amount,
+  amount: amount2,
   currency,
   providers,
   isLoading,
@@ -5646,7 +5646,7 @@ var CardProviderStep = ({
         /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("span", { className: "agg-type-body font-agg-bold text-agg-foreground", children: token }),
         /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("span", { className: "agg-type-body text-agg-foreground", children: [
           "$",
-          amount,
+          amount2,
           " ",
           currency
         ] })
@@ -6239,7 +6239,7 @@ var WalletFormStep = ({
   networkOptions,
   selectedToken,
   selectedNetwork,
-  amount,
+  amount: amount2,
   isSubmitting = false,
   formErrorMessage,
   formErrorTone = "error",
@@ -6254,7 +6254,7 @@ var WalletFormStep = ({
   onConfirm
 }) => {
   const labels = (0, import_hooks26.useLabels)();
-  const isConfirmEnabled = !isSubmitting && !isBalanceLoading && Number(amount) > 0 && Number(amount) <= walletBalance;
+  const isConfirmEnabled = !isSubmitting && !isBalanceLoading && Number(amount2) > 0 && Number(amount2) <= walletBalance;
   return /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(import_jsx_runtime123.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
       Modal.Header,
@@ -6328,7 +6328,7 @@ var WalletFormStep = ({
                     "aria-label": labels.deposit.walletFlow.amountLabel,
                     className: "agg-type-body w-full bg-transparent outline-none text-agg-foreground",
                     placeholder: "0.00",
-                    value: amount,
+                    value: amount2,
                     onChange: (event) => onAmountChange(event.target.value)
                   }
                 ),
@@ -6727,9 +6727,9 @@ function DepositModalControlled({
       setStep("crypto-transfer");
     }
   };
-  const handleContinueCardDeposit = (amount) => __async(null, null, function* () {
+  const handleContinueCardDeposit = (amount2) => __async(null, null, function* () {
     var _a2, _b2, _c2, _d2, _e2;
-    onContinueCardDeposit == null ? void 0 : onContinueCardDeposit(amount);
+    onContinueCardDeposit == null ? void 0 : onContinueCardDeposit(amount2);
     setStep("card-provider");
     if (onGetCardQuotes) {
       setQuotesLoading(true);
@@ -6737,7 +6737,7 @@ function DepositModalControlled({
       setCardProviders([]);
       try {
         const providers = yield onGetCardQuotes({
-          sourceAmount: String(amount),
+          sourceAmount: String(amount2),
           sourceCurrencyCode: (_a2 = cardFlow == null ? void 0 : cardFlow.currency) != null ? _a2 : "USD",
           destinationCurrencyCode: (_d2 = (_c2 = NETWORK_TO_CURRENCY_CODE[(_b2 = cardFlow == null ? void 0 : cardFlow.selectedNetwork) != null ? _b2 : ""]) != null ? _c2 : cardFlow == null ? void 0 : cardFlow.selectedNetwork) != null ? _d2 : ""
         });
@@ -6752,9 +6752,9 @@ function DepositModalControlled({
     }
   });
   const handleRetryQuotes = () => {
-    const amount = Number(cardFlow == null ? void 0 : cardFlow.amount) || 0;
-    if (amount > 0) {
-      handleContinueCardDeposit(amount);
+    const amount2 = Number(cardFlow == null ? void 0 : cardFlow.amount) || 0;
+    if (amount2 > 0) {
+      handleContinueCardDeposit(amount2);
     }
   };
   const handleSelectProvider = (providerId) => __async(null, null, function* () {
@@ -7092,8 +7092,8 @@ var formatRawTokenAmount = (rawAmount, decimals) => {
   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();
+var parseTokenAmountToRaw = (amount2, decimals) => {
+  const normalizedAmount = amount2.trim();
   if (!normalizedAmount || !/^\d*(?:\.\d*)?$/.test(normalizedAmount)) return null;
   const [wholePart = "0", fractionalPart = ""] = normalizedAmount.split(".");
   if (fractionalPart.length > decimals) return null;
@@ -7106,7 +7106,9 @@ var parseTokenAmountToRaw = (amount, decimals) => {
   }
 };
 var WithdrawAmountStep = ({
-  amount,
+  title: title2,
+  fixedDestination = false,
+  amount: amount2,
   destinationWallet,
   balanceDisplay,
   tokenOptions,
@@ -7131,8 +7133,8 @@ var WithdrawAmountStep = ({
   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 amountRaw = amount && Number(amount) > 0 ? parseTokenAmountToRaw(amount, destDecimals) : null;
+  const isValid = Number(amount2) > 0 && isValidAddress;
+  const amountRaw = amount2 && Number(amount2) > 0 ? parseTokenAmountToRaw(amount2, destDecimals) : null;
   const destinationChainId = Number(selectedNetwork) || null;
   const preview = (0, import_hooks31.useWithdrawPreview)({
     amountRaw,
@@ -7155,7 +7157,7 @@ var WithdrawAmountStep = ({
     /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
       Modal.Header,
       {
-        title: labels.withdraw.walletFlow.title,
+        title: title2 != null ? title2 : labels.withdraw.walletFlow.title,
         hideBorder: true,
         leftElement: /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
           "button",
@@ -7185,6 +7187,7 @@ var WithdrawAmountStep = ({
               ),
               placeholder: isSolanaDest ? "FwR3..." : "0x971d...",
               value: destinationWallet,
+              readOnly: fixedDestination,
               onChange: (e) => onDestinationChange(e.target.value)
             }
           )
@@ -7207,10 +7210,10 @@ var WithdrawAmountStep = ({
                 "aria-label": labels.withdraw.walletFlow.amountLabel,
                 className: cn(
                   "agg-type-body flex-1 min-w-0 bg-transparent outline-none",
-                  Number(amount) > 0 ? "text-agg-foreground" : "text-agg-muted-foreground"
+                  Number(amount2) > 0 ? "text-agg-foreground" : "text-agg-muted-foreground"
                 ),
                 placeholder: "0.00",
-                value: amount,
+                value: amount2,
                 onChange: (e) => onAmountChange(e.target.value)
               }
             ),
@@ -7233,6 +7236,7 @@ var WithdrawAmountStep = ({
               Select,
               {
                 items: tokenOptions,
+                disabled: fixedDestination,
                 value: selectedToken,
                 onChange: onTokenChange,
                 ariaLabel: labels.withdraw.walletFlow.tokenLabel
@@ -7245,6 +7249,7 @@ var WithdrawAmountStep = ({
               Select,
               {
                 items: networkOptions,
+                disabled: fixedDestination,
                 value: selectedNetwork,
                 onChange: onNetworkChange,
                 ariaLabel: labels.withdraw.walletFlow.networkLabel
@@ -7555,6 +7560,7 @@ function WithdrawModalControlled({
   open,
   onOpenChange,
   withdrawFlow,
+  transferTarget,
   onWithdrawDestinationChange,
   onWithdrawAmountChange,
   onWithdrawTokenChange,
@@ -7563,21 +7569,23 @@ function WithdrawModalControlled({
   onSelectWithdrawProvider,
   onDoneWithdraw
 }) {
+  var _a;
+  const initialFormStep = transferTarget ? "withdraw-amount" : "method";
   const [flowState, setFlowState] = (0, import_react10.useState)({
     status: "form",
-    formStep: "method"
+    formStep: initialFormStep
   });
   const [isConfirming, setIsConfirming] = (0, import_react10.useState)(false);
   const [confirmError, setConfirmError] = (0, import_react10.useState)(null);
   const { state: withdrawalLifecycleState, reset: resetWithdrawalLifecycle } = (0, import_withdraw.useWithdrawalLifecycle)(withdrawFlow.withdrawalId);
   (0, import_react10.useEffect)(() => {
     if (!open) {
-      setFlowState({ status: "form", formStep: "method" });
+      setFlowState({ status: "form", formStep: initialFormStep });
       setIsConfirming(false);
       setConfirmError(null);
       resetWithdrawalLifecycle();
     }
-  }, [open, resetWithdrawalLifecycle]);
+  }, [open, resetWithdrawalLifecycle, initialFormStep]);
   (0, import_react10.useEffect)(() => {
     if (flowState.status !== "loading") return;
     if (!withdrawalLifecycleState.terminal) return;
@@ -7603,7 +7611,7 @@ function WithdrawModalControlled({
   ]);
   const handleOpenChange = (isOpen) => {
     if (!isOpen) {
-      setFlowState({ status: "form", formStep: "method" });
+      setFlowState({ status: "form", formStep: initialFormStep });
       setIsConfirming(false);
       setConfirmError(null);
       resetWithdrawalLifecycle();
@@ -7611,8 +7619,12 @@ function WithdrawModalControlled({
     onOpenChange(isOpen);
   };
   const handleBack = () => {
+    if (transferTarget) {
+      handleOpenChange(false);
+      return;
+    }
     setConfirmError(null);
-    setFlowState({ status: "form", formStep: "method" });
+    setFlowState({ status: "form", formStep: initialFormStep });
   };
   const handleRetry = () => {
     setConfirmError(null);
@@ -7621,6 +7633,8 @@ function WithdrawModalControlled({
     setFlowState({ status: "form", formStep: "withdraw-amount" });
   };
   const handleConfirm = () => __async(null, null, function* () {
+    if (isConfirming || transferTarget && (withdrawFlow.destinationWallet !== transferTarget.address || withdrawFlow.selectedNetwork !== transferTarget.chainId || withdrawFlow.selectedToken !== transferTarget.tokenSymbol))
+      return;
     setFlowState({ status: "loading" });
     setIsConfirming(true);
     setConfirmError(null);
@@ -7647,7 +7661,7 @@ function WithdrawModalControlled({
     tokenSymbol: withdrawFlow.selectedToken,
     chainId: withdrawFlow.selectedNetwork
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)(Modal.Container, { maxWidth: modalMaxWidth, "aria-label": "Withdraw", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)(Modal.Container, { maxWidth: modalMaxWidth, "aria-label": (_a = transferTarget == null ? void 0 : transferTarget.title) != null ? _a : "Withdraw", children: [
     flowState.status === "form" && flowState.formStep === "method" ? /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
       WithdrawMethodStep,
       {
@@ -7658,6 +7672,8 @@ function WithdrawModalControlled({
     flowState.status === "form" && flowState.formStep === "withdraw-amount" ? /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
       WithdrawAmountStep,
       {
+        title: transferTarget == null ? void 0 : transferTarget.title,
+        fixedDestination: !!transferTarget,
         amount: withdrawFlow.amount,
         destinationWallet: withdrawFlow.destinationWallet,
         balanceDisplay: withdrawFlow.balanceDisplay,
@@ -9914,10 +9930,514 @@ var PaperTradingOnboarding = ({
 PaperTradingOnboarding.displayName = "PaperTradingOnboarding";
 
 // src/profile/index.tsx
+var import_react28 = require("react");
+var import_hooks52 = require("@agg-build/hooks");
+var import_sdk16 = require("@agg-build/sdk");
+
+// src/trading/manage-betdex-account-modal.tsx
+var import_react25 = require("react");
+var import_hooks49 = require("@agg-build/hooks");
+var Dialog6 = __toESM(require("@radix-ui/react-dialog"));
+
+// src/pages/user-profile/components/betdex-account-card.tsx
 var import_react23 = require("react");
 var import_hooks47 = require("@agg-build/hooks");
 var import_sdk15 = require("@agg-build/sdk");
 
+// src/pages/user-profile/components/betdex-account-transfers.tsx
+var import_react21 = require("react");
+var import_hooks45 = require("@agg-build/hooks");
+var import_jsx_runtime146 = require("react/jsx-runtime");
+function hostedWithdrawalRaw(value) {
+  var _a;
+  const match = /^([0-9]{1,26})(?:\.([0-9]{1,6}))?$/.exec(value.trim());
+  if (!match) return null;
+  const raw = BigInt(match[1]) * BigInt(1e6) + BigInt(((_a = match[2]) != null ? _a : "").padEnd(6, "0"));
+  return raw > BigInt(0) ? raw.toString() : null;
+}
+var amountText = (raw) => {
+  const value = BigInt(raw);
+  const fraction = (value % BigInt(1e6)).toString().padStart(6, "0").replace(/0+$/, "");
+  return (value / BigInt(1e6)).toString() + (fraction ? "." + fraction : "");
+};
+function BetdexAccountTransfers({
+  accountId,
+  environment,
+  availableRaw,
+  canDeposit,
+  onWalletDeposit
+}) {
+  const labels = (0, import_hooks45.useLabels)().userProfile.hostedBetdex;
+  const transfer = (0, import_hooks45.useHostedVenueTransfers)(accountId, environment);
+  const [showWithdraw, setShowWithdraw] = (0, import_react21.useState)(false);
+  const wallet = (0, import_hooks45.useDepositAddresses)({
+    enabled: transfer.isAvailable && environment === "production" && showWithdraw
+  });
+  const [amount2, setAmount] = (0, import_react21.useState)("");
+  const [destination, setDestination] = (0, import_react21.useState)("");
+  const [actionError, setActionError] = (0, import_react21.useState)(false);
+  const raw = hostedWithdrawalRaw(amount2);
+  const withinBalance = raw !== null && (availableRaw === void 0 || BigInt(raw) <= BigInt(availableRaw));
+  const validDestination = /^[1-9A-HJ-NP-Za-km-z]{32,44}$/.test(destination.trim());
+  const result = transfer.withdrawal.data;
+  const terminal = (result == null ? void 0 : result.status) === "confirmed" || (result == null ? void 0 : result.status) === "failed";
+  const run = (work) => {
+    setActionError(false);
+    void work().catch(() => setActionError(true));
+  };
+  if (!transfer.isAvailable) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)("div", { className: "flex flex-col gap-3 border-t border-agg-separator pt-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)("div", { className: "flex flex-wrap gap-2", children: [
+      canDeposit && environment === "production" && onWalletDeposit ? /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
+        Button,
+        {
+          type: "button",
+          variant: "secondary",
+          size: "small",
+          disabled: transfer.deposit.isPending,
+          isLoading: transfer.deposit.isPending,
+          onClick: () => run(() => __async(null, null, function* () {
+            const response = yield transfer.deposit.mutateAsync();
+            onWalletDeposit(response.result.address);
+          })),
+          children: labels.fromWallet
+        }
+      ) : null,
+      canDeposit ? /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
+        Button,
+        {
+          type: "button",
+          variant: "secondary",
+          size: "small",
+          "aria-label": labels.deposit,
+          isLoading: transfer.deposit.isPending,
+          disabled: transfer.deposit.isPending,
+          onClick: () => run(() => transfer.deposit.mutateAsync()),
+          children: labels.deposit
+        }
+      ) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
+        Button,
+        {
+          type: "button",
+          variant: "secondary",
+          size: "small",
+          "aria-expanded": showWithdraw || !!transfer.request,
+          onClick: () => setShowWithdraw((value) => !value),
+          children: labels.withdraw
+        }
+      )
+    ] }),
+    transfer.deposit.data ? /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)("div", { className: "flex flex-col gap-2 agg-type-caption", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("p", { className: "text-agg-muted-foreground", children: labels.depositInstructions[environment] }),
+      /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)("label", { className: "flex flex-col gap-1 text-agg-muted-foreground", children: [
+        labels.depositAddress,
+        /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
+          "input",
+          {
+            readOnly: true,
+            value: transfer.deposit.data.address,
+            onFocus: (event) => event.currentTarget.select(),
+            className: "w-full rounded-agg-md border border-agg-separator bg-agg-primary p-2 text-agg-foreground"
+          }
+        )
+      ] })
+    ] }) : null,
+    transfer.deposit.isError || transfer.withdrawal.isError || transfer.storageError || actionError ? /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("p", { role: "alert", className: "agg-type-caption text-agg-error", children: labels.transferUnavailable }) : null,
+    transfer.request ? /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)("div", { className: "flex flex-col gap-2 agg-type-caption", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)("p", { children: [
+        labels.withdrawalAmount,
+        ": ",
+        amountText(transfer.request.amountRaw)
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)("p", { className: "break-all", children: [
+        labels.withdrawalDestination,
+        ": ",
+        transfer.request.destinationAddress
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("p", { role: "status", children: result ? labels.withdrawalStatuses[result.status] : labels.withdrawalUnknown }),
+      terminal ? /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
+        Button,
+        {
+          type: "button",
+          variant: "tertiary",
+          size: "small",
+          onClick: () => {
+            transfer.clear();
+            setAmount("");
+            setDestination("");
+            setActionError(false);
+            setShowWithdraw(false);
+          },
+          children: labels.withdrawalNew
+        }
+      ) : /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
+        Button,
+        {
+          type: "button",
+          variant: "tertiary",
+          size: "small",
+          "aria-label": result ? labels.withdrawalCheck : labels.withdrawalRetry,
+          isLoading: transfer.withdrawal.isPending,
+          disabled: transfer.withdrawal.isPending,
+          onClick: () => run(transfer.check),
+          children: result ? labels.withdrawalCheck : labels.withdrawalRetry
+        }
+      )
+    ] }) : showWithdraw ? /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)(
+      "form",
+      {
+        className: "flex flex-col gap-3",
+        onSubmit: (event) => {
+          event.preventDefault();
+          if (!raw || !withinBalance || !validDestination || !transfer.ready) return;
+          run(() => transfer.submit(raw, destination.trim()));
+        },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)("label", { className: "flex flex-col gap-1 agg-type-caption text-agg-muted-foreground", children: [
+            labels.withdrawalAmount,
+            /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
+              "input",
+              {
+                inputMode: "decimal",
+                autoComplete: "off",
+                value: amount2,
+                onChange: (event) => setAmount(event.target.value),
+                className: "rounded-agg-md border border-agg-separator bg-agg-primary p-2 text-agg-foreground"
+              }
+            )
+          ] }),
+          environment === "production" ? /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
+            Button,
+            {
+              type: "button",
+              variant: "secondary",
+              size: "small",
+              disabled: !wallet.isReady || !wallet.svmAddress || wallet.isError,
+              isLoading: wallet.isLoading,
+              onClick: () => {
+                if (wallet.isReady && wallet.svmAddress && !wallet.isError)
+                  setDestination(wallet.svmAddress);
+              },
+              children: labels.toWallet
+            }
+          ) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)("label", { className: "flex flex-col gap-1 agg-type-caption text-agg-muted-foreground", children: [
+            labels.withdrawalDestination,
+            /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
+              "input",
+              {
+                autoComplete: "off",
+                spellCheck: false,
+                value: destination,
+                onChange: (event) => setDestination(event.target.value),
+                className: "rounded-agg-md border border-agg-separator bg-agg-primary p-2 text-agg-foreground"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
+            Button,
+            {
+              type: "submit",
+              variant: "primary",
+              size: "small",
+              "aria-label": labels.withdrawalSubmit,
+              disabled: !withinBalance || !validDestination || !transfer.ready || transfer.withdrawal.isPending,
+              isLoading: transfer.withdrawal.isPending,
+              children: labels.withdrawalSubmit
+            }
+          )
+        ]
+      }
+    ) : null
+  ] });
+}
+
+// src/pages/user-profile/components/betdex-account-activity.tsx
+var import_react22 = require("react");
+var import_hooks46 = require("@agg-build/hooks");
+var import_jsx_runtime147 = require("react/jsx-runtime");
+function amount(raw) {
+  const negative = raw.startsWith("-");
+  const digits = (negative ? raw.slice(1) : raw).padStart(19, "0");
+  const fraction = digits.slice(-18).replace(/0+$/, "");
+  return `${negative ? "-" : "+"}${digits.slice(0, -18)}${fraction ? `.${fraction}` : ""}`;
+}
+function BetdexAccountActivity({
+  accountId,
+  environment
+}) {
+  const labels = (0, import_hooks46.useLabels)().userProfile.hostedBetdex;
+  const [page, setPage] = (0, import_react22.useState)(0);
+  const { activity, isAvailable } = (0, import_hooks46.useHostedVenueActivity)("betdex", page);
+  if (!isAvailable) return null;
+  const data = activity.data;
+  const valid = (data == null ? void 0 : data.accountId) === accountId && data.environment === environment && data.page === page;
+  const unavailable = activity.isError || !!data && !valid;
+  return /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)(
+    "section",
+    {
+      "aria-label": labels.activityTitle,
+      className: "flex flex-col gap-3 border-t border-agg-separator pt-3",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("h4", { className: "agg-type-label text-agg-foreground", children: labels.activityTitle }),
+        /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("p", { className: "agg-type-caption text-agg-muted-foreground", children: labels.activityDescription }),
+        activity.isPending ? /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(SkeletonBlock, { className: "h-16 w-full" }) : null,
+        unavailable ? /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("p", { role: "status", className: "agg-type-caption text-agg-muted-foreground", children: labels.activityUnavailable }) : null,
+        valid && !unavailable ? data.items.length ? /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("ul", { className: "flex flex-col gap-3 agg-type-caption", children: data.items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("li", { className: "flex flex-col gap-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("div", { className: "flex justify-between gap-3 text-agg-foreground", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("span", { children: labels.activityCodes[item.code] }),
+            /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("span", { className: "break-all tabular-nums", children: [
+              amount(item.amountRaw),
+              " ",
+              data.asset
+            ] })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("time", { dateTime: item.createdAt, className: "text-agg-muted-foreground", children: new Date(item.createdAt).toLocaleString() })
+        ] }, item.id)) }) : /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("p", { className: "agg-type-caption text-agg-muted-foreground", children: labels.activityEmpty }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("div", { className: "flex flex-wrap gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(
+            Button,
+            {
+              type: "button",
+              variant: "tertiary",
+              size: "small",
+              disabled: activity.isFetching || page === 0,
+              onClick: () => setPage((value) => Math.max(0, value - 1)),
+              children: labels.activityPrevious
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(
+            Button,
+            {
+              type: "button",
+              variant: "tertiary",
+              size: "small",
+              disabled: activity.isFetching || unavailable || !valid || data.nextPage === null,
+              onClick: () => {
+                if (valid && data.nextPage !== null) setPage(data.nextPage);
+              },
+              children: labels.activityNext
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(
+            Button,
+            {
+              type: "button",
+              variant: "tertiary",
+              size: "small",
+              disabled: activity.isFetching,
+              onClick: () => {
+                void activity.refetch();
+              },
+              children: labels.activityRefresh
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+
+// src/pages/user-profile/components/betdex-account-card.tsx
+var import_jsx_runtime148 = require("react/jsx-runtime");
+function BetdexAccountCard({
+  onWalletDeposit
+} = {}) {
+  var _a;
+  const [showActivity, setShowActivity] = (0, import_react23.useState)(false);
+  const labels = (0, import_hooks47.useLabels)().userProfile.hostedBetdex;
+  const { account, provision, isAvailable } = (0, import_hooks47.useHostedVenueAccount)("betdex");
+  const data = account.data;
+  if (!isAvailable || (data == null ? void 0 : data.status) === "disabled") return null;
+  const pending = provision.isPending || (data == null ? void 0 : data.status) === "provisioning";
+  const canCreate = (data == null ? void 0 : data.status) === "not_created" && data.provisioningEnabled;
+  const rawLabel = (raw) => formatUsd(Number(raw) / 1e6);
+  return /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)(
+    "section",
+    {
+      "aria-label": labels.title,
+      className: "flex flex-col gap-3 rounded-agg-xl border border-agg-separator bg-agg-secondary p-5",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(VenueLogo, { venue: import_sdk15.Venue.betdex, size: "small", className: "size-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("h3", { className: "agg-type-label text-agg-foreground", children: labels.title })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("p", { className: "agg-type-caption text-agg-muted-foreground", children: labels.description }),
+        (data == null ? void 0 : data.environment) === "sandbox" ? /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("p", { className: "agg-type-caption text-agg-warning", children: labels.sandbox }) : null,
+        account.isPending ? /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(SkeletonBlock, { className: "h-10 w-full" }) : null,
+        (data == null ? void 0 : data.status) === "active" && data.balanceStatus === "available" && data.balance && !account.isError ? /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("dl", { className: "flex flex-col gap-2 agg-type-caption", children: [
+          [labels.total, data.balance.totalRaw],
+          [labels.available, data.balance.availableRaw],
+          [labels.reserved, data.balance.unmatchedExposureRaw]
+        ].map(([label2, raw]) => /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)("div", { className: "flex justify-between gap-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("dt", { className: "text-agg-muted-foreground", children: label2 }),
+          /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("dd", { className: "text-agg-foreground", children: rawLabel(raw) })
+        ] }, label2)) }) : null,
+        pending ? /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("p", { role: "status", className: "agg-type-caption text-agg-muted-foreground", children: labels.provisioning }) : null,
+        (data == null ? void 0 : data.status) === "suspended" ? /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("p", { role: "status", className: "agg-type-caption text-agg-muted-foreground", children: labels.suspended }) : null,
+        account.isError || (data == null ? void 0 : data.status) === "unavailable" || (data == null ? void 0 : data.balanceStatus) === "unavailable" ? /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("p", { role: "status", className: "agg-type-caption text-agg-muted-foreground", children: labels.unavailable }) : null,
+        (data == null ? void 0 : data.status) === "not_created" && !data.provisioningEnabled ? /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("p", { className: "agg-type-caption text-agg-muted-foreground", children: labels.provisioningUnavailable }) : null,
+        provision.isError ? /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("p", { role: "alert", className: "agg-type-caption text-agg-error", children: labels.creationFailed }) : null,
+        canCreate || (data == null ? void 0 : data.status) === "provisioning" ? /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(
+          Button,
+          {
+            type: "button",
+            "aria-label": (data == null ? void 0 : data.status) === "provisioning" ? labels.checkSetup : labels.createAccount,
+            variant: "secondary",
+            size: "small",
+            isLoading: provision.isPending,
+            disabled: provision.isPending || account.isError,
+            onClick: () => provision.mutate(),
+            children: (data == null ? void 0 : data.status) === "provisioning" ? labels.checkSetup : labels.createAccount
+          }
+        ) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(
+          Button,
+          {
+            type: "button",
+            variant: "tertiary",
+            size: "small",
+            disabled: account.isFetching || provision.isPending,
+            onClick: () => {
+              void account.refetch();
+            },
+            children: labels.refresh
+          }
+        ),
+        (data == null ? void 0 : data.accountId) && data.environment && ["active", "suspended"].includes(data.status) ? /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)(import_jsx_runtime148.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)("details", { className: "group/agg-betdex-funds border-t border-agg-separator pt-3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)("summary", { className: "flex min-h-11 cursor-pointer list-none items-center justify-between gap-3 text-agg-sm font-agg-bold text-agg-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agg-primary [&::-webkit-details-marker]:hidden", children: [
+              labels.manageFunds,
+              /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(
+                Icon,
+                {
+                  name: "chevron-down",
+                  size: "small",
+                  className: "transition-transform group-open/agg-betdex-funds:rotate-180"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(
+              BetdexAccountTransfers,
+              {
+                accountId: data.accountId,
+                environment: data.environment,
+                availableRaw: data.balanceStatus === "available" ? (_a = data.balance) == null ? void 0 : _a.availableRaw : void 0,
+                canDeposit: data.status === "active",
+                onWalletDeposit
+              },
+              `transfers:${data.accountId}:${data.environment}`
+            )
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(
+            Button,
+            {
+              type: "button",
+              variant: "tertiary",
+              size: "small",
+              "aria-expanded": showActivity,
+              onClick: () => setShowActivity((shown) => !shown),
+              children: showActivity ? labels.hideActivity : labels.showActivity
+            }
+          ),
+          showActivity ? /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(
+            BetdexAccountActivity,
+            {
+              accountId: data.accountId,
+              environment: data.environment
+            },
+            `${data.accountId}:${data.environment}`
+          ) : null
+        ] }) : null
+      ]
+    }
+  );
+}
+
+// src/pages/user-profile/components/betdex-wallet-deposit.tsx
+var import_react24 = require("react");
+var import_hooks48 = require("@agg-build/hooks");
+var import_withdraw2 = require("@agg-build/hooks/withdraw");
+var import_jsx_runtime149 = require("react/jsx-runtime");
+function BetdexWalletDeposit({
+  address,
+  onClose
+}) {
+  const labels = (0, import_hooks48.useLabels)().userProfile.hostedBetdex;
+  const flow = (0, import_withdraw2.useWithdrawFlow)({
+    open: true,
+    onOpenChange: (open) => {
+      if (!open) onClose();
+    }
+  });
+  const { onWithdrawDestinationChange, onWithdrawNetworkChange, onWithdrawTokenChange } = flow;
+  (0, import_react24.useEffect)(() => {
+    onWithdrawDestinationChange(address);
+    onWithdrawNetworkChange("792703809");
+    onWithdrawTokenChange("USDC");
+  }, [address, onWithdrawDestinationChange, onWithdrawNetworkChange, onWithdrawTokenChange]);
+  return /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(
+    WithdrawModal,
+    __spreadProps(__spreadValues({}, flow), {
+      transferTarget: {
+        title: labels.transferToBetdex,
+        address,
+        chainId: "792703809",
+        tokenSymbol: "USDC"
+      }
+    })
+  );
+}
+
+// src/trading/manage-betdex-account-modal.tsx
+var import_jsx_runtime150 = require("react/jsx-runtime");
+function ManageBetdexAccountModal({
+  open,
+  onOpenChange,
+  userId
+}) {
+  const labels = (0, import_hooks49.useLabels)();
+  const [fundingTarget, setFundingTarget] = (0, import_react25.useState)(
+    null
+  );
+  const currentTarget = (fundingTarget == null ? void 0 : fundingTarget.userId) === userId ? fundingTarget : null;
+  (0, import_react25.useEffect)(() => {
+    if (!open) setFundingTarget(null);
+  }, [open]);
+  (0, import_react25.useEffect)(() => setFundingTarget(null), [userId]);
+  return /* @__PURE__ */ (0, import_jsx_runtime150.jsxs)(import_jsx_runtime150.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(Modal, { open: open && !currentTarget, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime150.jsxs)(Modal.Container, { maxWidth: "600px", "aria-label": labels.trading.manageBetdexAccount, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(
+        Dialog6.Close,
+        {
+          "aria-label": labels.common.close,
+          className: "absolute right-4 top-4 z-10 flex size-11 cursor-pointer items-center justify-center rounded-agg-full text-agg-muted-foreground hover:bg-agg-quaternary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agg-accent",
+          children: /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(Icon, { name: "close", size: "medium" })
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime150.jsxs)(Modal.Body, { classNames: { root: "!px-5 !py-16" }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(Dialog6.Title, { className: "sr-only", children: labels.trading.manageBetdexAccount }),
+        /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(Dialog6.Description, { className: "sr-only", children: labels.userProfile.hostedBetdex.description }),
+        open ? /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(
+          BetdexAccountCard,
+          {
+            onWalletDeposit: userId ? (address) => setFundingTarget({ userId, address }) : void 0
+          }
+        ) : null
+      ] })
+    ] }) }),
+    open && currentTarget ? /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(
+      BetdexWalletDeposit,
+      {
+        address: currentTarget.address,
+        onClose: () => setFundingTarget(null)
+      },
+      currentTarget.userId
+    ) : null
+  ] });
+}
+
 // src/profile/profile-modal.constants.ts
 var PROFILE_TAB_KEYS = {
   PROFILE_ACCOUNTS: "profile-accounts",
@@ -9933,9 +10453,9 @@ var getProfileTabItems = () => [
 ];
 
 // src/profile/tabs/about-tab.tsx
-var import_react21 = require("react");
-var import_hooks45 = require("@agg-build/hooks");
-var import_jsx_runtime146 = require("react/jsx-runtime");
+var import_react26 = require("react");
+var import_hooks50 = require("@agg-build/hooks");
+var import_jsx_runtime151 = require("react/jsx-runtime");
 var AboutTab = ({
   avatarPreview,
   onDeleteProfile: _onDeleteProfile,
@@ -9945,13 +10465,13 @@ var AboutTab = ({
   draftAvatarPreview,
   avatarError: _avatarError
 }) => {
-  const labels = (0, import_hooks45.useLabels)();
-  const fileInputRef = (0, import_react21.useRef)(null);
-  const handleAvatarClick = (0, import_react21.useCallback)(() => {
+  const labels = (0, import_hooks50.useLabels)();
+  const fileInputRef = (0, import_react26.useRef)(null);
+  const handleAvatarClick = (0, import_react26.useCallback)(() => {
     var _a;
     (_a = fileInputRef.current) == null ? void 0 : _a.click();
   }, []);
-  const handleFileChange = (0, import_react21.useCallback)(
+  const handleFileChange = (0, import_react26.useCallback)(
     (e) => {
       var _a;
       const file = (_a = e.target.files) == null ? void 0 : _a[0];
@@ -9967,8 +10487,8 @@ var AboutTab = ({
   );
   const resolvedPreview = draftAvatarPreview != null ? draftAvatarPreview : avatarPreview;
   const hasAvatarPreview = Boolean(resolvedPreview);
-  return /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("div", { className: "agg-profile-about flex flex-col gap-8", children: /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)("div", { className: "agg-profile-avatar-section flex w-full items-center gap-6", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("div", { className: "agg-profile-about flex flex-col gap-8", children: /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)("div", { className: "agg-profile-avatar-section flex w-full items-center gap-6", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)(
       "button",
       {
         type: "button",
@@ -9985,13 +10505,13 @@ var AboutTab = ({
         ),
         "aria-label": labels.onboarding.profileSetup.uploadProfilePictureAria,
         children: [
-          !hasAvatarPreview ? /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
+          !hasAvatarPreview ? /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(
             "svg",
             {
               "aria-hidden": true,
               viewBox: "0 0 80 80",
               className: "pointer-events-none absolute inset-0 h-full w-full text-agg-separator group-hover:text-agg-muted-foreground",
-              children: /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(
                 "circle",
                 {
                   cx: "40",
@@ -10005,18 +10525,18 @@ var AboutTab = ({
               )
             }
           ) : null,
-          resolvedPreview ? /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
+          resolvedPreview ? /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(
             RemoteImage,
             {
               src: resolvedPreview,
               alt: labels.onboarding.profileSetup.profilePreviewAlt,
               className: "h-full w-full object-cover"
             }
-          ) : /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(Icon, { name: "profile", className: "h-7 w-7 text-agg-muted-foreground" })
+          ) : /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(Icon, { name: "profile", className: "h-7 w-7 text-agg-muted-foreground" })
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(
       "input",
       {
         ref: fileInputRef,
@@ -10027,8 +10547,8 @@ var AboutTab = ({
         "aria-hidden": "true"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)("div", { className: "agg-form-section flex min-w-0 flex-1 flex-col gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)("div", { className: "agg-form-section flex min-w-0 flex-1 flex-col gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(
         "label",
         {
           htmlFor: "profile-username",
@@ -10036,7 +10556,7 @@ var AboutTab = ({
           children: "Username"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(
         "input",
         {
           id: "profile-username",
@@ -10063,9 +10583,9 @@ var AboutTab = ({
 AboutTab.displayName = "AboutTab";
 
 // src/profile/tabs/accounts-wallets-tab.tsx
-var import_jsx_runtime147 = require("react/jsx-runtime");
-var SectionTitle = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("h3", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children });
-var AccountRow = ({ children, className }) => /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(
+var import_jsx_runtime152 = require("react/jsx-runtime");
+var SectionTitle = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("h3", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children });
+var AccountRow = ({ children, className }) => /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(
   "div",
   {
     className: cn(
@@ -10081,11 +10601,11 @@ var AccountIdentity = ({
   icon,
   label: label2,
   iconClassName
-}) => /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("div", { className: "flex min-w-0 items-center gap-3", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("span", { className: cn("flex h-5 w-5 shrink-0 items-center justify-center", iconClassName), children: /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(Icon, { name: icon, size: "small", color: "currentColor" }) }),
-  /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("span", { className: "truncate text-agg-base font-agg-normal leading-6 text-agg-foreground", children: label2 })
+}) => /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)("div", { className: "flex min-w-0 items-center gap-3", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("span", { className: cn("flex h-5 w-5 shrink-0 items-center justify-center", iconClassName), children: /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(Icon, { name: icon, size: "small", color: "currentColor" }) }),
+  /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("span", { className: "truncate text-agg-base font-agg-normal leading-6 text-agg-foreground", children: label2 })
 ] });
-var ConnectTextButton = ({ onClick }) => /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(
+var ConnectTextButton = ({ onClick }) => /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(
   "button",
   {
     type: "button",
@@ -10094,7 +10614,7 @@ var ConnectTextButton = ({ onClick }) => /* @__PURE__ */ (0, import_jsx_runtime1
     children: "Connect"
   }
 );
-var DisconnectTextButton = ({ onClick }) => /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(
+var DisconnectTextButton = ({ onClick }) => /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(
   "button",
   {
     type: "button",
@@ -10103,7 +10623,7 @@ var DisconnectTextButton = ({ onClick }) => /* @__PURE__ */ (0, import_jsx_runti
     children: "Disconnect"
   }
 );
-var VerifiedBadge = () => /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(Icon, { name: "check-badge", size: "small", color: "var(--agg-color-primary, #536dfe)" });
+var VerifiedBadge = () => /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(Icon, { name: "check-badge", size: "small", color: "var(--agg-color-primary, #536dfe)" });
 var getWalletIconName = (wallet) => {
   const chain = wallet.chain.toLowerCase();
   if (chain === "solana" || chain === "svm") {
@@ -10121,12 +10641,12 @@ var ConnectedAccountRow = ({
   onDisconnect
 }) => {
   const displayLabel = connected ? connectedLabel != null ? connectedLabel : label2 : label2;
-  return /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)(AccountRow, { className: "agg-social-account-row gap-4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("div", { className: "flex min-w-0 items-center gap-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(AccountIdentity, { icon, label: displayLabel, iconClassName }),
-      connected ? /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(VerifiedBadge, {}) : null
+  return /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)(AccountRow, { className: "agg-social-account-row gap-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)("div", { className: "flex min-w-0 items-center gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(AccountIdentity, { icon, label: displayLabel, iconClassName }),
+      connected ? /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(VerifiedBadge, {}) : null
     ] }),
-    connected ? /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(DisconnectTextButton, { onClick: onDisconnect }) : /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(ConnectTextButton, { onClick: onConnect })
+    connected ? /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(DisconnectTextButton, { onClick: onDisconnect }) : /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(ConnectTextButton, { onClick: onConnect })
   ] });
 };
 var AccountsWalletsTab = ({
@@ -10145,11 +10665,11 @@ var AccountsWalletsTab = ({
   const google = socialAccounts == null ? void 0 : socialAccounts.google;
   const apple = socialAccounts == null ? void 0 : socialAccounts.apple;
   const hasEmail = Boolean(email);
-  return /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("div", { className: "agg-accounts-wallets-tab flex flex-col gap-6", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("div", { className: "agg-social-accounts-section flex flex-col gap-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(SectionTitle, { children: "Connected accounts" }),
-      /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("div", { className: "agg-social-accounts-list flex flex-col gap-4", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)("div", { className: "agg-accounts-wallets-tab flex flex-col gap-6", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)("div", { className: "agg-social-accounts-section flex flex-col gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(SectionTitle, { children: "Connected accounts" }),
+      /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)("div", { className: "agg-social-accounts-list flex flex-col gap-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(
           ConnectedAccountRow,
           {
             icon: "google",
@@ -10161,7 +10681,7 @@ var AccountsWalletsTab = ({
             onDisconnect: onDisconnectGoogle
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(
           ConnectedAccountRow,
           {
             icon: "apple",
@@ -10173,7 +10693,7 @@ var AccountsWalletsTab = ({
             onDisconnect: onDisconnectApple
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(
           ConnectedAccountRow,
           {
             icon: "twitter",
@@ -10185,7 +10705,7 @@ var AccountsWalletsTab = ({
             onDisconnect: onDisconnectTwitter
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(
           ConnectedAccountRow,
           {
             icon: "email",
@@ -10198,12 +10718,12 @@ var AccountsWalletsTab = ({
         )
       ] })
     ] }),
-    wallets.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("div", { className: "agg-wallets-section flex flex-col gap-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(SectionTitle, { children: "Wallets" }),
-      /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("div", { className: "flex flex-col gap-2", children: wallets.map((wallet) => {
+    wallets.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)("div", { className: "agg-wallets-section flex flex-col gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(SectionTitle, { children: "Wallets" }),
+      /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("div", { className: "flex flex-col gap-2", children: wallets.map((wallet) => {
         var _a;
-        return /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(AccountRow, { className: "gap-4", children: /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("div", { className: "flex min-w-0 items-center gap-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(AccountRow, { className: "gap-4", children: /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)("div", { className: "flex min-w-0 items-center gap-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(
             AccountIdentity,
             {
               icon: getWalletIconName(wallet),
@@ -10211,7 +10731,7 @@ var AccountsWalletsTab = ({
               label: (_a = wallet.displayAddress) != null ? _a : wallet.address
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(VerifiedBadge, {})
+          /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(VerifiedBadge, {})
         ] }) }, `${wallet.chain}:${wallet.address}`);
       }) })
     ] }) : null
@@ -10220,11 +10740,13 @@ var AccountsWalletsTab = ({
 AccountsWalletsTab.displayName = "AccountsWalletsTab";
 
 // src/profile/tabs/trading-access-tab.tsx
-var import_hooks46 = require("@agg-build/hooks");
-var import_react22 = require("react");
-var import_jsx_runtime148 = require("react/jsx-runtime");
+var import_hooks51 = require("@agg-build/hooks");
+var import_react27 = require("react");
+var import_jsx_runtime153 = require("react/jsx-runtime");
 var TRADING_ACCESS_VENUES = [
   "kalshi",
+  "betdex",
+  "tiprun",
   "polymarket",
   "opinion",
   "probable",
@@ -10237,8 +10759,8 @@ var TRADING_ACCESS_VENUES = [
   "pred"
 ];
 var TRADING_ACCESS_VENUE_ITEMS = TRADING_ACCESS_VENUES.map((id) => ({ id }));
-var SectionTitle2 = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("h3", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children });
-var AccessRow = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(
+var SectionTitle2 = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("h3", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children });
+var AccessRow = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(
   "div",
   {
     className: cn(
@@ -10250,52 +10772,69 @@ var AccessRow = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime148.jsx)
   }
 );
 var AvailableStatus = () => {
-  const labels = (0, import_hooks46.useLabels)();
-  return /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)("div", { className: "flex items-center gap-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(Icon, { name: "check-badge", size: "small", className: "text-agg-primary" }),
-    /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("span", { className: "text-agg-sm font-agg-normal leading-agg-5 text-agg-foreground whitespace-nowrap", children: labels.trading.tradingAccessAvailable })
+  const labels = (0, import_hooks51.useLabels)();
+  return /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)("div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(Icon, { name: "check-badge", size: "small", className: "text-agg-primary" }),
+    /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("span", { className: "text-agg-sm font-agg-normal leading-agg-5 text-agg-foreground whitespace-nowrap", children: labels.trading.tradingAccessAvailable })
   ] });
 };
 var GeoblockedStatus = () => {
-  const labels = (0, import_hooks46.useLabels)();
-  return /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)("div", { className: "flex items-center gap-2 text-agg-muted-foreground", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(Icon, { name: "warning-filled", size: "small", color: "currentColor" }),
-    /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("span", { className: "text-agg-sm font-agg-normal leading-agg-5 whitespace-nowrap", children: labels.trading.venueUnavailableInRegion })
+  const labels = (0, import_hooks51.useLabels)();
+  return /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)("div", { className: "flex items-center gap-2 text-agg-muted-foreground", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(Icon, { name: "warning-filled", size: "small", color: "currentColor" }),
+    /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("span", { className: "text-agg-sm font-agg-normal leading-agg-5 whitespace-nowrap", children: labels.trading.venueUnavailableInRegion })
   ] });
 };
 var TradingAccessTab = ({
   venueAccounts,
   onConnectKalshi,
-  onDisconnectKalshi
+  onDisconnectKalshi,
+  onConfigureBetdex
 }) => {
-  const labels = (0, import_hooks46.useLabels)();
-  const { disabledVenues, isLoading: isAppConfigLoading } = (0, import_hooks46.useAppConfig)();
-  const { isLocationBlocked } = (0, import_hooks46.useGeoBlock)();
-  const visibleVenues = (0, import_react22.useMemo)(
-    () => (0, import_hooks46.getVisibleVenuesByConfig)(TRADING_ACCESS_VENUE_ITEMS, disabledVenues),
-    [disabledVenues]
-  );
-  return /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)("div", { className: "agg-trading-access-section flex flex-col gap-4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(SectionTitle2, { children: labels.trading.tradingAccessVenues }),
-    /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("div", { className: "flex flex-col gap-3", children: visibleVenues.map(({ id: venue }) => {
-      var _a;
+  var _a;
+  const labels = (0, import_hooks51.useLabels)();
+  const { disabledVenues, isLoading: isAppConfigLoading } = (0, import_hooks51.useAppConfig)();
+  const { isLocationBlocked } = (0, import_hooks51.useGeoBlock)();
+  const hasBetdexAccount = (_a = venueAccounts == null ? void 0 : venueAccounts.some((account) => account.venue === "betdex")) != null ? _a : false;
+  const visibleVenues = (0, import_react27.useMemo)(() => {
+    const visible = (0, import_hooks51.getVisibleVenuesByConfig)(TRADING_ACCESS_VENUE_ITEMS, disabledVenues);
+    return TRADING_ACCESS_VENUE_ITEMS.filter(
+      (item) => visible.includes(item) || item.id === "betdex" && hasBetdexAccount
+    );
+  }, [disabledVenues, hasBetdexAccount]);
+  return /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)("div", { className: "agg-trading-access-section flex flex-col gap-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(SectionTitle2, { children: labels.trading.tradingAccessVenues }),
+    /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("div", { className: "flex flex-col gap-3", children: visibleVenues.map(({ id: venue }) => {
+      var _a2;
       const venueAccount = venueAccounts == null ? void 0 : venueAccounts.find((account) => account.venue === venue);
       const isKalshi = venue === "kalshi";
+      const isBetdex = venue === "betdex";
+      const canManageBetdex = isBetdex && hasBetdexAccount && !isAppConfigLoading;
       const isConnected = (venueAccount == null ? void 0 : venueAccount.status) === "active";
-      const availabilityState = (0, import_hooks46.getVenueAvailabilityState)({
+      const availabilityState = (0, import_hooks51.getVenueAvailabilityState)({
         venueId: venue,
         disabledVenues,
-        isConfigLoading: isKalshi && isAppConfigLoading,
+        isConfigLoading: (isKalshi || isBetdex) && isAppConfigLoading,
         isLocationBlocked
       });
-      const displayName = (_a = venueLogoLabels[venue]) != null ? _a : venue;
-      if (availabilityState === "hidden") return null;
-      return /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)(AccessRow, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)("div", { className: "flex min-w-0 items-center gap-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(VenueLogo, { venue, size: "small" }),
-          /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("span", { className: "truncate text-agg-base font-agg-normal leading-6 text-agg-foreground", children: displayName })
+      const displayName = (_a2 = venueLogoLabels[venue]) != null ? _a2 : venue;
+      if (availabilityState === "hidden" && !canManageBetdex) return null;
+      return /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)(AccessRow, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)("div", { className: "flex min-w-0 items-center gap-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(VenueLogo, { venue, size: "small" }),
+          /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("span", { className: "truncate text-agg-base font-agg-normal leading-6 text-agg-foreground", children: displayName })
         ] }),
-        availabilityState === "geoblocked" ? /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(GeoblockedStatus, {}) : isKalshi && !isConnected ? /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(
+        isBetdex && (availabilityState === "available" || canManageBetdex) ? /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(
+          "button",
+          {
+            type: "button",
+            onClick: onConfigureBetdex,
+            disabled: !onConfigureBetdex,
+            "aria-label": labels.trading.manageBetdexAccount,
+            className: "min-h-11 shrink-0 cursor-pointer text-agg-sm font-agg-bold leading-agg-5 text-agg-primary whitespace-nowrap focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agg-primary disabled:cursor-not-allowed disabled:opacity-60",
+            children: labels.trading.configureBetdexAccount
+          }
+        ) : availabilityState === "geoblocked" ? /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(GeoblockedStatus, {}) : isKalshi && !isConnected ? /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(
           "button",
           {
             type: "button",
@@ -10304,9 +10843,9 @@ var TradingAccessTab = ({
             className: "shrink-0 cursor-pointer text-agg-sm font-agg-bold leading-agg-5 text-agg-primary whitespace-nowrap focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agg-primary disabled:cursor-not-allowed disabled:opacity-60",
             children: labels.trading.tradingAccessAddKalshiAccount
           }
-        ) : isKalshi ? /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)("div", { className: "flex items-center gap-4", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(AvailableStatus, {}),
-          onDisconnectKalshi ? /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(
+        ) : isKalshi ? /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)("div", { className: "flex items-center gap-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(AvailableStatus, {}),
+          onDisconnectKalshi ? /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(
             "button",
             {
               type: "button",
@@ -10315,7 +10854,7 @@ var TradingAccessTab = ({
               children: labels.auth.disconnect
             }
           ) : null
-        ] }) : /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(AvailableStatus, {})
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(AvailableStatus, {})
       ] }, venue);
     }) })
   ] });
@@ -10323,7 +10862,7 @@ var TradingAccessTab = ({
 TradingAccessTab.displayName = "TradingAccessTab";
 
 // src/profile/index.tsx
-var import_jsx_runtime149 = require("react/jsx-runtime");
+var import_jsx_runtime154 = require("react/jsx-runtime");
 var ProfileModal = ({
   open,
   onOpenChange,
@@ -10346,32 +10885,36 @@ var ProfileModal = ({
   onConnectKalshi,
   onDisconnectExchange
 }) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i;
-  const client = (0, import_hooks47.useAggClient)();
-  const { user } = (0, import_hooks47.useAggAuthState)();
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
+  const client = (0, import_hooks52.useAggClient)();
+  const { user } = (0, import_hooks52.useAggAuthState)();
   const toastCtx = useOptionalToast();
-  const [activeTab, setActiveTab] = (0, import_react23.useState)(PROFILE_TAB_KEYS.PROFILE_ACCOUNTS);
-  const profileTabItems = (0, import_react23.useMemo)(() => getProfileTabItems(), []);
+  const [activeTab, setActiveTab] = (0, import_react28.useState)(PROFILE_TAB_KEYS.PROFILE_ACCOUNTS);
+  const profileTabItems = (0, import_react28.useMemo)(() => getProfileTabItems(), []);
   const resolvedInitialUsername = (_a = username != null ? username : user == null ? void 0 : user.username) != null ? _a : "";
-  const [draftUsername, setDraftUsername] = (0, import_react23.useState)(resolvedInitialUsername);
-  const [draftAvatarFile, setDraftAvatarFile] = (0, import_react23.useState)();
-  const [draftAvatarPreview, setDraftAvatarPreview] = (0, import_react23.useState)();
-  const [isSaving, setIsSaving] = (0, import_react23.useState)(false);
-  const [avatarTypeError, setAvatarTypeError] = (0, import_react23.useState)(null);
-  const [isConnectKalshiModalOpen, setIsConnectKalshiModalOpen] = (0, import_react23.useState)(false);
-  const { data: kalshiStatus, refetch: refetchKalshiStatus } = (0, import_hooks47.useVenueKeyStatus)(
-    import_sdk15.Venue.kalshi,
+  const [draftUsername, setDraftUsername] = (0, import_react28.useState)(resolvedInitialUsername);
+  const [draftAvatarFile, setDraftAvatarFile] = (0, import_react28.useState)();
+  const [draftAvatarPreview, setDraftAvatarPreview] = (0, import_react28.useState)();
+  const [isSaving, setIsSaving] = (0, import_react28.useState)(false);
+  const [avatarTypeError, setAvatarTypeError] = (0, import_react28.useState)(null);
+  const [isConnectKalshiModalOpen, setIsConnectKalshiModalOpen] = (0, import_react28.useState)(false);
+  const [betdexAccountUserId, setBetdexAccountUserId] = (0, import_react28.useState)(null);
+  const isBetdexAccountModalOpen = !!(user == null ? void 0 : user.id) && betdexAccountUserId === user.id;
+  const { data: kalshiStatus, refetch: refetchKalshiStatus } = (0, import_hooks52.useVenueKeyStatus)(
+    import_sdk16.Venue.kalshi,
     open
   );
-  (0, import_react23.useEffect)(() => {
+  (0, import_react28.useEffect)(() => {
     var _a2;
     setDraftUsername((_a2 = username != null ? username : user == null ? void 0 : user.username) != null ? _a2 : "");
   }, [username, user == null ? void 0 : user.username]);
-  (0, import_react23.useEffect)(() => {
+  (0, import_react28.useEffect)(() => {
     if (open) return;
     setIsConnectKalshiModalOpen(false);
+    setBetdexAccountUserId(null);
   }, [open]);
-  const handleOpenChange = (0, import_react23.useCallback)(
+  (0, import_react28.useEffect)(() => setBetdexAccountUserId(null), [user == null ? void 0 : user.id]);
+  const handleOpenChange = (0, import_react28.useCallback)(
     (isOpen) => {
       var _a2;
       if (!isOpen) {
@@ -10395,7 +10938,7 @@ var ProfileModal = ({
       setDraftAvatarPreview
     ]
   );
-  const handleDraftAvatarChange = (0, import_react23.useCallback)(
+  const handleDraftAvatarChange = (0, import_react28.useCallback)(
     (file, preview) => {
       const ACCEPTED_AVATAR_TYPES = ["image/jpeg", "image/png", "image/gif", "image/webp"];
       if (file && !ACCEPTED_AVATAR_TYPES.includes(file.type)) {
@@ -10410,7 +10953,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_react23.useCallback)(() => __async(null, null, function* () {
+  const handleSave = (0, import_react28.useCallback)(() => __async(null, null, function* () {
     var _a2, _b2, _c2;
     setIsSaving(true);
     try {
@@ -10465,16 +11008,16 @@ var ProfileModal = ({
     originalUsername,
     toastCtx
   ]);
-  const handleCancel = (0, import_react23.useCallback)(() => {
+  const handleCancel = (0, import_react28.useCallback)(() => {
     handleOpenChange(false);
   }, [handleOpenChange]);
-  const handleVerifyKalshi = (0, import_react23.useCallback)(
+  const handleVerifyKalshi = (0, import_react28.useCallback)(
     (credentials) => __async(null, null, function* () {
       if (onConnectKalshi) {
         yield onConnectKalshi(credentials);
       } else {
         yield client.upsertVenueKey({
-          venue: import_sdk15.Venue.kalshi,
+          venue: import_sdk16.Venue.kalshi,
           credentials: {
             keyId: credentials.apiKeyId,
             privateKey: credentials.privateKey
@@ -10486,12 +11029,12 @@ var ProfileModal = ({
     }),
     [client, onConnectKalshi, refetchKalshiStatus]
   );
-  const handleDisconnectKalshi = (0, import_react23.useCallback)(() => __async(null, null, function* () {
-    yield client.deleteVenueKey(import_sdk15.Venue.kalshi);
+  const handleDisconnectKalshi = (0, import_react28.useCallback)(() => __async(null, null, function* () {
+    yield client.deleteVenueKey(import_sdk16.Venue.kalshi);
     yield refetchKalshiStatus();
-    onDisconnectExchange == null ? void 0 : onDisconnectExchange(import_sdk15.Venue.kalshi);
+    onDisconnectExchange == null ? void 0 : onDisconnectExchange(import_sdk16.Venue.kalshi);
   }), [client, onDisconnectExchange, refetchKalshiStatus]);
-  const resolvedVenueAccounts = (0, import_react23.useMemo)(() => {
+  const resolvedVenueAccounts = (0, import_react28.useMemo)(() => {
     var _a2;
     const nonKalshiAccounts = (_a2 = user == null ? void 0 : user.venueAccounts) == null ? void 0 : _a2.filter((account) => account.venue !== "kalshi");
     if (!kalshiStatus) return user == null ? void 0 : user.venueAccounts;
@@ -10500,7 +11043,7 @@ var ProfileModal = ({
       ...nonKalshiAccounts != null ? nonKalshiAccounts : [],
       {
         id: "kalshi-venue-key",
-        venue: import_sdk15.Venue.kalshi,
+        venue: import_sdk16.Venue.kalshi,
         status: "active",
         kycStatus: kalshiStatus.kycStatus
       }
@@ -10547,7 +11090,7 @@ var ProfileModal = ({
     if (typeof window === "undefined") return;
     ((_a2 = window.top) != null ? _a2 : window).location.assign(url);
   };
-  const surfaceError = (0, import_react23.useCallback)(
+  const surfaceError = (0, import_react28.useCallback)(
     (err, title2) => {
       const message = (err == null ? void 0 : err.message) || "Something went wrong. Please try again.";
       if (toastCtx) {
@@ -10558,7 +11101,7 @@ var ProfileModal = ({
     },
     [toastCtx]
   );
-  const handleConnectTwitter = (0, import_react23.useCallback)(() => __async(null, null, function* () {
+  const handleConnectTwitter = (0, import_react28.useCallback)(() => __async(null, null, function* () {
     try {
       const result = yield client.linkAccount({
         provider: "twitter",
@@ -10572,7 +11115,7 @@ var ProfileModal = ({
       surfaceError(err, "Could not connect X (Twitter)");
     }
   }), [client, onConnectTwitter, surfaceError]);
-  const handleConnectGoogle = (0, import_react23.useCallback)(() => __async(null, null, function* () {
+  const handleConnectGoogle = (0, import_react28.useCallback)(() => __async(null, null, function* () {
     try {
       const result = yield client.linkAccount({
         provider: "google",
@@ -10586,7 +11129,7 @@ var ProfileModal = ({
       surfaceError(err, "Could not connect Google");
     }
   }), [client, onConnectGoogle, surfaceError]);
-  const handleConnectApple = (0, import_react23.useCallback)(() => __async(null, null, function* () {
+  const handleConnectApple = (0, import_react28.useCallback)(() => __async(null, null, function* () {
     try {
       const result = yield client.linkAccount({
         provider: "apple",
@@ -10600,7 +11143,7 @@ var ProfileModal = ({
       surfaceError(err, "Could not connect Apple");
     }
   }), [client, onConnectApple, surfaceError]);
-  const handleDisconnectTwitter = (0, import_react23.useCallback)(() => __async(null, null, function* () {
+  const handleDisconnectTwitter = (0, import_react28.useCallback)(() => __async(null, null, function* () {
     try {
       yield client.disconnectAccount("twitter");
       yield client.getCurrentUser();
@@ -10609,7 +11152,7 @@ var ProfileModal = ({
       surfaceError(err, "Could not disconnect X (Twitter)");
     }
   }), [client, onDisconnectTwitter, surfaceError]);
-  const handleDisconnectGoogle = (0, import_react23.useCallback)(() => __async(null, null, function* () {
+  const handleDisconnectGoogle = (0, import_react28.useCallback)(() => __async(null, null, function* () {
     try {
       yield client.disconnectAccount("google");
       yield client.getCurrentUser();
@@ -10618,7 +11161,7 @@ var ProfileModal = ({
       surfaceError(err, "Could not disconnect Google");
     }
   }), [client, onDisconnectGoogle, surfaceError]);
-  const handleDisconnectApple = (0, import_react23.useCallback)(() => __async(null, null, function* () {
+  const handleDisconnectApple = (0, import_react28.useCallback)(() => __async(null, null, function* () {
     try {
       yield client.disconnectAccount("apple");
       yield client.getCurrentUser();
@@ -10627,7 +11170,7 @@ var ProfileModal = ({
       surfaceError(err, "Could not disconnect Apple");
     }
   }), [client, onDisconnectApple, surfaceError]);
-  const handleConnectEmail = (0, import_react23.useCallback)(() => __async(null, null, function* () {
+  const handleConnectEmail = (0, import_react28.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;
@@ -10646,7 +11189,7 @@ var ProfileModal = ({
       surfaceError(err, "Could not connect email");
     }
   }), [client, onConnectEmail, surfaceError, toastCtx]);
-  const handleDisconnectWallet = (0, import_react23.useCallback)(
+  const handleDisconnectWallet = (0, import_react28.useCallback)(
     (wallet) => __async(null, null, function* () {
       const normalizedChain = wallet.chain.toLowerCase();
       const provider = normalizedChain === "solana" || normalizedChain === "svm" ? "solana_wallet" : "wallet";
@@ -10660,7 +11203,7 @@ var ProfileModal = ({
     }),
     [client, onDisconnectWallet, surfaceError]
   );
-  const providerActionMap = (0, import_react23.useMemo)(
+  const providerActionMap = (0, import_react28.useMemo)(
     () => ({
       twitter: {
         connect: () => {
@@ -10702,7 +11245,7 @@ var ProfileModal = ({
       handleDisconnectTwitter
     ]
   );
-  const resolvedWallets = (0, import_react23.useMemo)(() => {
+  const resolvedWallets = (0, import_react28.useMemo)(() => {
     var _a2, _b2;
     if (wallets) return wallets;
     const walletAccounts = (_b2 = (_a2 = user == null ? void 0 : user.accounts) == null ? void 0 : _a2.filter((account) => {
@@ -10721,178 +11264,198 @@ var ProfileModal = ({
       };
     });
   }, [user == null ? void 0 : user.accounts, wallets]);
-  return /* @__PURE__ */ (0, import_jsx_runtime149.jsxs)(Modal, { open: open && !isConnectKalshiModalOpen, onOpenChange: handleOpenChange, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime149.jsxs)(
-      Modal.Container,
-      {
-        maxWidth: "800px",
-        "aria-label": "Edit Profile",
-        classNames: {
-          container: cn("agg-profile-modal", "min-h-[37.5rem]")
-        },
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(Modal.Header, { title: "Edit Profile", classNames: { root: "agg-profile-modal-header" } }),
-          /* @__PURE__ */ (0, import_jsx_runtime149.jsx)("div", { className: "agg-profile-tabs sm:hidden w-full", children: /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(
-            Tabs,
-            {
-              className: "w-full [&>div]:w-full",
-              variant: "underline",
-              classNames: { tabList: "w-full" },
-              items: profileTabItems.map((tab) => ({
-                value: tab.value,
-                label: tab.label,
-                icon: /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(Icon, { name: tab.icon, size: "small" })
-              })),
-              value: activeTab,
-              onChange: (val) => setActiveTab(val)
-            }
-          ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(Modal.Body, { classNames: { root: cn("agg-profile-modal-body", "overflow-x-visible") }, children: /* @__PURE__ */ (0, import_jsx_runtime149.jsxs)("div", { className: "agg-profile-layout flex flex-col sm:flex-row sm:gap-10", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime149.jsx)("div", { className: "shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(
-              "nav",
-              {
-                className: cn(
-                  "agg-profile-sidebar",
-                  "hidden sm:sticky sm:top-0 sm:self-start sm:flex sm:flex-col",
-                  "w-[240px]",
-                  "overflow-hidden rounded-agg-lg",
-                  "border border-agg-separator",
-                  "bg-agg-secondary",
-                  "py-3"
-                ),
-                role: "tablist",
-                "aria-label": "Profile sections",
-                children: profileTabItems.map((tab) => {
-                  const isActive = activeTab === tab.value;
-                  return /* @__PURE__ */ (0, import_jsx_runtime149.jsxs)(
-                    "button",
-                    {
-                      type: "button",
-                      role: "tab",
-                      "aria-selected": isActive,
-                      onClick: () => setActiveTab(tab.value),
-                      className: cn(
-                        "agg-profile-tab-trigger",
-                        "relative flex items-center gap-3",
-                        "h-[49px] px-6 py-4",
-                        "text-agg-sm leading-agg-5 font-agg-sans",
-                        "transition-colors cursor-pointer",
-                        isActive ? "font-agg-normal text-agg-foreground bg-agg-secondary-hover" : "font-agg-normal text-agg-foreground"
-                      ),
-                      children: [
-                        isActive ? /* @__PURE__ */ (0, import_jsx_runtime149.jsx)("div", { className: "absolute left-0 top-0 bottom-0 w-1 bg-agg-primary" }) : null,
-                        /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(Icon, { name: tab.icon, size: "small", color: "currentColor" }),
-                        /* @__PURE__ */ (0, import_jsx_runtime149.jsx)("span", { className: "shrink-0 whitespace-nowrap", children: tab.label })
-                      ]
-                    },
-                    tab.value
-                  );
-                })
-              }
-            ) }),
-            /* @__PURE__ */ (0, import_jsx_runtime149.jsxs)("div", { className: "agg-profile-content min-w-0 flex-1", children: [
-              activeTab === PROFILE_TAB_KEYS.PROFILE_ACCOUNTS ? /* @__PURE__ */ (0, import_jsx_runtime149.jsxs)("div", { className: "agg-profile-accounts-tab flex flex-col gap-8", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(
-                  AboutTab,
+  return /* @__PURE__ */ (0, import_jsx_runtime154.jsxs)(
+    Modal,
+    {
+      open: open && !isConnectKalshiModalOpen && !isBetdexAccountModalOpen,
+      onOpenChange: handleOpenChange,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime154.jsxs)(
+          Modal.Container,
+          {
+            maxWidth: "800px",
+            "aria-label": "Edit Profile",
+            classNames: {
+              container: cn("agg-profile-modal", "min-h-[37.5rem]")
+            },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(Modal.Header, { title: "Edit Profile", classNames: { root: "agg-profile-modal-header" } }),
+              /* @__PURE__ */ (0, import_jsx_runtime154.jsx)("div", { className: "agg-profile-tabs sm:hidden w-full", children: /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(
+                Tabs,
+                {
+                  className: "w-full [&>div]:w-full",
+                  variant: "underline",
+                  classNames: { tabList: "w-full" },
+                  items: profileTabItems.map((tab) => ({
+                    value: tab.value,
+                    label: tab.label,
+                    icon: /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(Icon, { name: tab.icon, size: "small" })
+                  })),
+                  value: activeTab,
+                  onChange: (val) => setActiveTab(val)
+                }
+              ) }),
+              /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(Modal.Body, { classNames: { root: cn("agg-profile-modal-body", "overflow-x-visible") }, children: /* @__PURE__ */ (0, import_jsx_runtime154.jsxs)("div", { className: "agg-profile-layout flex flex-col sm:flex-row sm:gap-10", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime154.jsx)("div", { className: "shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(
+                  "nav",
                   {
-                    username: username != null ? username : user == null ? void 0 : user.username,
-                    avatarPreview: (_i = user == null ? void 0 : user.avatarUrl) != null ? _i : avatarPreview,
-                    onDeleteProfile,
-                    draftUsername,
-                    onDraftUsernameChange: setDraftUsername,
-                    draftAvatarFile,
-                    onDraftAvatarChange: handleDraftAvatarChange,
-                    draftAvatarPreview,
-                    avatarError: avatarTypeError
+                    className: cn(
+                      "agg-profile-sidebar",
+                      "hidden sm:sticky sm:top-0 sm:self-start sm:flex sm:flex-col",
+                      "w-[240px]",
+                      "overflow-hidden rounded-agg-lg",
+                      "border border-agg-separator",
+                      "bg-agg-secondary",
+                      "py-3"
+                    ),
+                    role: "tablist",
+                    "aria-label": "Profile sections",
+                    children: profileTabItems.map((tab) => {
+                      const isActive = activeTab === tab.value;
+                      return /* @__PURE__ */ (0, import_jsx_runtime154.jsxs)(
+                        "button",
+                        {
+                          type: "button",
+                          role: "tab",
+                          "aria-selected": isActive,
+                          onClick: () => setActiveTab(tab.value),
+                          className: cn(
+                            "agg-profile-tab-trigger",
+                            "relative flex items-center gap-3",
+                            "h-[49px] px-6 py-4",
+                            "text-agg-sm leading-agg-5 font-agg-sans",
+                            "transition-colors cursor-pointer",
+                            isActive ? "font-agg-normal text-agg-foreground bg-agg-secondary-hover" : "font-agg-normal text-agg-foreground"
+                          ),
+                          children: [
+                            isActive ? /* @__PURE__ */ (0, import_jsx_runtime154.jsx)("div", { className: "absolute left-0 top-0 bottom-0 w-1 bg-agg-primary" }) : null,
+                            /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(Icon, { name: tab.icon, size: "small", color: "currentColor" }),
+                            /* @__PURE__ */ (0, import_jsx_runtime154.jsx)("span", { className: "shrink-0 whitespace-nowrap", children: tab.label })
+                          ]
+                        },
+                        tab.value
+                      );
+                    })
                   }
-                ),
-                /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(
-                  AccountsWalletsTab,
+                ) }),
+                /* @__PURE__ */ (0, import_jsx_runtime154.jsxs)("div", { className: "agg-profile-content min-w-0 flex-1", children: [
+                  activeTab === PROFILE_TAB_KEYS.PROFILE_ACCOUNTS ? /* @__PURE__ */ (0, import_jsx_runtime154.jsxs)("div", { className: "agg-profile-accounts-tab flex flex-col gap-8", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(
+                      AboutTab,
+                      {
+                        username: username != null ? username : user == null ? void 0 : user.username,
+                        avatarPreview: (_i = user == null ? void 0 : user.avatarUrl) != null ? _i : avatarPreview,
+                        onDeleteProfile,
+                        draftUsername,
+                        onDraftUsernameChange: setDraftUsername,
+                        draftAvatarFile,
+                        onDraftAvatarChange: handleDraftAvatarChange,
+                        draftAvatarPreview,
+                        avatarError: avatarTypeError
+                      }
+                    ),
+                    /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(
+                      AccountsWalletsTab,
+                      {
+                        socialAccounts: resolvedSocialAccounts,
+                        wallets: resolvedWallets,
+                        email: resolvedEmail,
+                        onConnectTwitter: providerActionMap.twitter.connect,
+                        onDisconnectTwitter: providerActionMap.twitter.disconnect,
+                        onConnectGoogle: providerActionMap.google.connect,
+                        onDisconnectGoogle: providerActionMap.google.disconnect,
+                        onConnectApple: providerActionMap.apple.connect,
+                        onDisconnectApple: providerActionMap.apple.disconnect,
+                        onDisconnectWallet: (wallet) => {
+                          void handleDisconnectWallet(wallet);
+                        },
+                        onConnectEmail: providerActionMap.email.connect
+                      }
+                    )
+                  ] }) : null,
+                  activeTab === PROFILE_TAB_KEYS.TRADING_ACCESS ? /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(
+                    TradingAccessTab,
+                    {
+                      venueAccounts: resolvedVenueAccounts,
+                      onConnectKalshi: () => setIsConnectKalshiModalOpen(true),
+                      onConfigureBetdex: (user == null ? void 0 : user.id) ? () => setBetdexAccountUserId(user.id) : void 0,
+                      onDisconnectKalshi: handleDisconnectKalshi,
+                      onKycError
+                    }
+                  ) : null
+                ] })
+              ] }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime154.jsxs)(Modal.Footer, { classNames: { root: "agg-profile-modal-footer" }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(Button, { variant: "secondary", size: "large", onClick: handleCancel, className: "min-w-[120px]", children: "Cancel" }),
+                /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(
+                  Button,
                   {
-                    socialAccounts: resolvedSocialAccounts,
-                    wallets: resolvedWallets,
-                    email: resolvedEmail,
-                    onConnectTwitter: providerActionMap.twitter.connect,
-                    onDisconnectTwitter: providerActionMap.twitter.disconnect,
-                    onConnectGoogle: providerActionMap.google.connect,
-                    onDisconnectGoogle: providerActionMap.google.disconnect,
-                    onConnectApple: providerActionMap.apple.connect,
-                    onDisconnectApple: providerActionMap.apple.disconnect,
-                    onDisconnectWallet: (wallet) => {
-                      void handleDisconnectWallet(wallet);
-                    },
-                    onConnectEmail: providerActionMap.email.connect
+                    variant: "primary",
+                    size: "large",
+                    disabled: !hasChanges,
+                    isLoading: isSaving,
+                    onClick: handleSave,
+                    children: "Save changes"
                   }
                 )
-              ] }) : null,
-              activeTab === PROFILE_TAB_KEYS.TRADING_ACCESS ? /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(
-                TradingAccessTab,
-                {
-                  venueAccounts: resolvedVenueAccounts,
-                  onConnectKalshi: () => setIsConnectKalshiModalOpen(true),
-                  onDisconnectKalshi: handleDisconnectKalshi,
-                  onKycError
-                }
-              ) : null
-            ] })
-          ] }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime149.jsxs)(Modal.Footer, { classNames: { root: "agg-profile-modal-footer" }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(Button, { variant: "secondary", size: "large", onClick: handleCancel, className: "min-w-[120px]", children: "Cancel" }),
-            /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(
-              Button,
-              {
-                variant: "primary",
-                size: "large",
-                disabled: !hasChanges,
-                isLoading: isSaving,
-                onClick: handleSave,
-                children: "Save changes"
-              }
-            )
-          ] })
-        ]
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(
-      ConnectKalshiModal,
-      {
-        open: open && isConnectKalshiModalOpen,
-        onOpenChange: setIsConnectKalshiModalOpen,
-        onVerify: handleVerifyKalshi
-      }
-    )
-  ] });
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(
+          ManageBetdexAccountModal,
+          {
+            userId: user == null ? void 0 : user.id,
+            open: open && isBetdexAccountModalOpen,
+            onOpenChange: (isOpen) => {
+              var _a2;
+              return setBetdexAccountUserId(isOpen ? (_a2 = user == null ? void 0 : user.id) != null ? _a2 : null : null);
+            }
+          },
+          (_j = user == null ? void 0 : user.id) != null ? _j : "signed-out"
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(
+          ConnectKalshiModal,
+          {
+            open: open && isConnectKalshiModalOpen,
+            onOpenChange: setIsConnectKalshiModalOpen,
+            onVerify: handleVerifyKalshi
+          }
+        )
+      ]
+    }
+  );
 };
 ProfileModal.displayName = "ProfileModal";
 
 // src/geo-block-modal/index.tsx
-var import_hooks48 = require("@agg-build/hooks");
-var import_react24 = require("react");
-var import_jsx_runtime150 = require("react/jsx-runtime");
+var import_hooks53 = require("@agg-build/hooks");
+var import_react29 = require("react");
+var import_jsx_runtime155 = require("react/jsx-runtime");
 var GeoBlockModal = ({
   open,
   onOpenChange,
   onConfirm,
   classNames
 }) => {
-  const labels = (0, import_hooks48.useLabels)();
-  const handleConfirm = (0, import_react24.useCallback)(() => {
+  const labels = (0, import_hooks53.useLabels)();
+  const handleConfirm = (0, import_react29.useCallback)(() => {
     onConfirm == null ? void 0 : onConfirm();
     onOpenChange(false);
   }, [onConfirm, onOpenChange]);
-  return /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(
     Modal,
     {
       open,
       onOpenChange,
       "aria-label": labels.trading.geoBlockModalAriaLabel,
-      children: /* @__PURE__ */ (0, import_jsx_runtime150.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime155.jsxs)(
         Modal.Container,
         {
           maxWidth: "480px",
           classNames: { container: cn("!rounded-agg-2xl", classNames == null ? void 0 : classNames.container) },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(
               Modal.Header,
               {
                 title: "",
@@ -10904,19 +11467,19 @@ var GeoBlockModal = ({
                 }
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(Modal.Body, { classNames: { root: cn("!px-10 !pt-0 !pb-12", classNames == null ? void 0 : classNames.body) }, children: /* @__PURE__ */ (0, import_jsx_runtime150.jsxs)("div", { className: "flex flex-col items-center gap-8", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(Modal.Body, { classNames: { root: cn("!px-10 !pt-0 !pb-12", classNames == null ? void 0 : classNames.body) }, children: /* @__PURE__ */ (0, import_jsx_runtime155.jsxs)("div", { className: "flex flex-col items-center gap-8", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(
                 Icon,
                 {
                   name: "internet-security",
                   className: "h-[60px] w-[60px] text-agg-muted-foreground"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime150.jsxs)("div", { className: "flex flex-col items-center gap-3 text-center", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime150.jsx)("h2", { className: "text-agg-2xl font-agg-bold leading-agg-8 text-agg-foreground", children: labels.trading.geoBlockModalTitle }),
-                /* @__PURE__ */ (0, import_jsx_runtime150.jsx)("p", { className: "text-agg-base font-agg-normal leading-agg-6 text-agg-foreground", children: labels.trading.geoBlockModalDescription })
+              /* @__PURE__ */ (0, import_jsx_runtime155.jsxs)("div", { className: "flex flex-col items-center gap-3 text-center", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime155.jsx)("h2", { className: "text-agg-2xl font-agg-bold leading-agg-8 text-agg-foreground", children: labels.trading.geoBlockModalTitle }),
+                /* @__PURE__ */ (0, import_jsx_runtime155.jsx)("p", { className: "text-agg-base font-agg-normal leading-agg-6 text-agg-foreground", children: labels.trading.geoBlockModalDescription })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(
                 Button,
                 {
                   variant: "secondary",
@@ -10936,27 +11499,27 @@ var GeoBlockModal = ({
 GeoBlockModal.displayName = "GeoBlockModal";
 
 // src/geo-block-banner/index.tsx
-var import_hooks49 = require("@agg-build/hooks");
-var import_jsx_runtime151 = require("react/jsx-runtime");
+var import_hooks54 = require("@agg-build/hooks");
+var import_jsx_runtime156 = require("react/jsx-runtime");
 var GeoBlockBanner = ({
   venue,
   termsUrl = AGG_TERMS_OF_SERVICE_URL,
   className
 }) => {
-  const labels = (0, import_hooks49.useLabels)();
+  const labels = (0, import_hooks54.useLabels)();
   const message = venue ? labels.trading.geoBlockVenueMessage(venue) : labels.trading.geoBlockGenericMessage;
-  return /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime156.jsxs)(
     "div",
     {
       className: cn("flex items-center gap-5 rounded-agg-lg bg-agg-secondary-hover p-3", className),
       role: "status",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)("p", { className: "min-w-0 flex-1 text-agg-xs leading-agg-4 text-agg-foreground", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime156.jsxs)("p", { className: "min-w-0 flex-1 text-agg-xs leading-agg-4 text-agg-foreground", children: [
           message,
-          /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("a", { href: termsUrl, className: "underline", target: "_blank", rel: "noreferrer noopener", children: labels.trading.geoBlockTermsLink }),
+          /* @__PURE__ */ (0, import_jsx_runtime156.jsx)("a", { href: termsUrl, className: "underline", target: "_blank", rel: "noreferrer noopener", children: labels.trading.geoBlockTermsLink }),
           labels.trading.geoBlockMessageSuffix
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(Icon, { name: "internet-security", className: "h-6 w-6 shrink-0 text-agg-muted-foreground" })
+        /* @__PURE__ */ (0, import_jsx_runtime156.jsx)(Icon, { name: "internet-security", className: "h-6 w-6 shrink-0 text-agg-muted-foreground" })
       ]
     }
   );
@@ -10964,9 +11527,9 @@ var GeoBlockBanner = ({
 GeoBlockBanner.displayName = "GeoBlockBanner";
 
 // src/kyc/shared-kyc-modal.tsx
-var import_hooks50 = require("@agg-build/hooks");
-var Dialog6 = __toESM(require("@radix-ui/react-dialog"));
-var import_jsx_runtime152 = require("react/jsx-runtime");
+var import_hooks55 = require("@agg-build/hooks");
+var Dialog7 = __toESM(require("@radix-ui/react-dialog"));
+var import_jsx_runtime157 = require("react/jsx-runtime");
 var SharedKycModal = ({
   open,
   state = "initial",
@@ -10974,46 +11537,46 @@ var SharedKycModal = ({
   onOpenChange,
   onStartVerification
 }) => {
-  const labels = (0, import_hooks50.useLabels)();
+  const labels = (0, import_hooks55.useLabels)();
   const modalLabels = labels.trading.sharedKyc.modal;
   const isInitiating = state === "initiating";
   const handleOpenChange = (nextOpen) => {
     if (isInitiating && !nextOpen) return;
     onOpenChange(nextOpen);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime157.jsx)(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime157.jsxs)(
     Modal.Container,
     {
       maxWidth: "420px",
       "aria-label": modalLabels.ariaLabel,
       classNames: { container: "!rounded-agg-2xl" },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("div", { className: "flex h-14 shrink-0 items-center justify-end px-5", children: /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(
-          Dialog6.Close,
+        /* @__PURE__ */ (0, import_jsx_runtime157.jsx)("div", { className: "flex h-14 shrink-0 items-center justify-end px-5", children: /* @__PURE__ */ (0, import_jsx_runtime157.jsx)(
+          Dialog7.Close,
           {
             "aria-label": labels.common.close,
             disabled: isInitiating,
             className: "flex size-11 cursor-pointer items-center justify-center rounded-agg-full text-agg-foreground hover:bg-agg-secondary-hover focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agg-primary disabled:cursor-not-allowed disabled:opacity-50",
-            children: /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(Icon, { name: "close", size: "small", "aria-hidden": "true" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime157.jsx)(Icon, { name: "close", size: "small", "aria-hidden": "true" })
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(Modal.Body, { classNames: { root: "!px-8 !pb-9 !pt-0" }, children: state === "success" ? /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime157.jsx)(Modal.Body, { classNames: { root: "!px-8 !pb-9 !pt-0" }, children: state === "success" ? /* @__PURE__ */ (0, import_jsx_runtime157.jsxs)(
           "div",
           {
             className: "flex flex-col items-center gap-6 text-center",
             role: "status",
             "aria-live": "polite",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("div", { className: "flex size-12 items-center justify-center rounded-agg-full border border-agg-success bg-agg-success/10 text-agg-success", children: /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(Icon, { name: "success-check", className: "size-5", "aria-hidden": "true" }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)("div", { className: "flex flex-col items-center gap-2", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(Dialog6.Title, { children: /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(Typography, { as: "span", variant: "body-large-strong", children: modalLabels.successTitle }) }),
-                /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(Dialog6.Description, { children: /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(Typography, { as: "span", variant: "label", className: "text-pretty text-agg-foreground", children: modalLabels.successDescription }) })
+              /* @__PURE__ */ (0, import_jsx_runtime157.jsx)("div", { className: "flex size-12 items-center justify-center rounded-agg-full border border-agg-success bg-agg-success/10 text-agg-success", children: /* @__PURE__ */ (0, import_jsx_runtime157.jsx)(Icon, { name: "success-check", className: "size-5", "aria-hidden": "true" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime157.jsxs)("div", { className: "flex flex-col items-center gap-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime157.jsx)(Dialog7.Title, { children: /* @__PURE__ */ (0, import_jsx_runtime157.jsx)(Typography, { as: "span", variant: "body-large-strong", children: modalLabels.successTitle }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime157.jsx)(Dialog7.Description, { children: /* @__PURE__ */ (0, import_jsx_runtime157.jsx)(Typography, { as: "span", variant: "label", className: "text-pretty text-agg-foreground", children: modalLabels.successDescription }) })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(Button, { variant: "secondary", size: "large", onClick: () => handleOpenChange(false), children: modalLabels.done })
+              /* @__PURE__ */ (0, import_jsx_runtime157.jsx)(Button, { variant: "secondary", size: "large", onClick: () => handleOpenChange(false), children: modalLabels.done })
             ]
           }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)("div", { className: "flex flex-col items-center gap-6 text-center", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(
+        ) : /* @__PURE__ */ (0, import_jsx_runtime157.jsxs)("div", { className: "flex flex-col items-center gap-6 text-center", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime157.jsx)(
             Icon,
             {
               name: "user-trust",
@@ -11021,11 +11584,11 @@ var SharedKycModal = ({
               "aria-hidden": "true"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)("div", { className: "flex flex-col items-center gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(Dialog6.Title, { children: /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(Typography, { as: "span", variant: "body-large-strong", children: state === "pending" ? modalLabels.pendingTitle : modalLabels.title }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(Dialog6.Description, { children: /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(Typography, { as: "span", variant: "label", className: "text-pretty text-agg-foreground", children: state === "pending" ? modalLabels.pendingDescription : modalLabels.freeDescription }) })
+          /* @__PURE__ */ (0, import_jsx_runtime157.jsxs)("div", { className: "flex flex-col items-center gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime157.jsx)(Dialog7.Title, { children: /* @__PURE__ */ (0, import_jsx_runtime157.jsx)(Typography, { as: "span", variant: "body-large-strong", children: state === "pending" ? modalLabels.pendingTitle : modalLabels.title }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime157.jsx)(Dialog7.Description, { children: /* @__PURE__ */ (0, import_jsx_runtime157.jsx)(Typography, { as: "span", variant: "label", className: "text-pretty text-agg-foreground", children: state === "pending" ? modalLabels.pendingDescription : modalLabels.freeDescription }) })
           ] }),
-          state === "error" || state === "pending" && errorMessage ? /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(
+          state === "error" || state === "pending" && errorMessage ? /* @__PURE__ */ (0, import_jsx_runtime157.jsx)(
             InlineAlert,
             {
               tone: "error",
@@ -11033,8 +11596,8 @@ var SharedKycModal = ({
               message: errorMessage || modalLabels.error
             }
           ) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)("div", { className: "flex flex-col items-center gap-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime157.jsxs)("div", { className: "flex flex-col items-center gap-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime157.jsx)(
               Button,
               {
                 variant: "primary",
@@ -11046,7 +11609,7 @@ var SharedKycModal = ({
                 children: state === "pending" ? modalLabels.checkStatus : modalLabels.startVerification
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime157.jsx)(
               Button,
               {
                 variant: "tertiary",