@agg-build/ui 2.7.2 → 2.8.0

package/dist/{chunk-EDQ64EKO.mjs → chunk-AKLGQ6AB.mjs}

@@ -2,7 +2,7 @@
 import {
   ConnectKalshiModal,
   dispatchAggDepositNotification
-} from "./chunk-AHQA3B7D.mjs";
+} from "./chunk-KX3TQ7WC.mjs";
 import {
   BoltIcon,
   Button,
@@ -12,6 +12,7 @@ import {
   CloseIcon,
   CopyButton,
   CreditCardIcon,
+  CurrencyInput,
   ExternalLinkIcon,
   Icon,
   LoadingIcon,
@@ -35,7 +36,7 @@ import {
   shortenAddress,
   useOptionalToast,
   venueLogoLabels
-} from "./chunk-FMYYPNZZ.mjs";
+} from "./chunk-KO6VTRV6.mjs";
 
 // src/deposit/index.tsx
 import { useAggAuthState, useAggUiConfig, useDepositAddresses, useLabels as useLabels11 } from "@agg-build/hooks";
@@ -2482,22 +2483,28 @@ var WithdrawModal = (props) => {
 WithdrawModal.displayName = "WithdrawModal";
 
 // src/profile/index.tsx
-import { useState as useState4, useEffect as useEffect5, useCallback as useCallback3, useMemo as useMemo3 } from "react";
-import { useAggClient, useAggAuthState as useAggAuthState2, useVenueKeyStatus } from "@agg-build/hooks";
+import { useState as useState5, useEffect as useEffect6, useCallback as useCallback3, useMemo as useMemo4 } from "react";
+import { useAggClient, useAggAuthState as useAggAuthState2, useAggLabels as useAggLabels2, useVenueKeyStatus } from "@agg-build/hooks";
 import { Venue } from "@agg-build/sdk";
 
 // src/profile/profile-modal.constants.ts
 var PROFILE_TAB_KEYS = {
   PROFILE_ACCOUNTS: "profile-accounts",
-  TRADING_ACCESS: "trading-access"
+  TRADING_ACCESS: "trading-access",
+  BALANCE_MANAGEMENT: "balance-management"
 };
-var PROFILE_TAB_ITEMS = [
+var getProfileTabItems = (balanceManagementLabel) => [
   {
     value: PROFILE_TAB_KEYS.PROFILE_ACCOUNTS,
     label: "Profile & accounts",
     icon: "profile-about-tab"
   },
-  { value: PROFILE_TAB_KEYS.TRADING_ACCESS, label: "Trading access", icon: "shield-trust" }
+  { value: PROFILE_TAB_KEYS.TRADING_ACCESS, label: "Trading access", icon: "shield-trust" },
+  {
+    value: PROFILE_TAB_KEYS.BALANCE_MANAGEMENT,
+    label: balanceManagementLabel,
+    icon: "bolt"
+  }
 ];
 
 // src/profile/tabs/about-tab.tsx
@@ -2909,8 +2916,187 @@ var TradingAccessTab = ({
 };
 TradingAccessTab.displayName = "TradingAccessTab";
 
-// src/profile/index.tsx
+// src/profile/tabs/balance-management-tab.tsx
+import { useEffect as useEffect5, useMemo as useMemo3, useState as useState4 } from "react";
+import { useAggLabels, useBalanceRefillPolicies } from "@agg-build/hooks";
 import { jsx as jsx20, jsxs as jsxs20 } from "react/jsx-runtime";
+var CHAIN_IDS_BY_NETWORK = {
+  mainnet: 1,
+  bnb: 56,
+  polygon: 137,
+  base: 8453,
+  arbitrum: 42161,
+  solana: 792703809,
+  hyperliquid: 1337
+};
+var NETWORK_BY_CHAIN_ID = Object.fromEntries(
+  Object.entries(CHAIN_IDS_BY_NETWORK).map(([network, chainId]) => [chainId, network])
+);
+var networkItems = SUPPORTED_NETWORKS.filter(
+  (network) => network.value in CHAIN_IDS_BY_NETWORK
+).map((network) => ({
+  value: network.value,
+  label: network.label,
+  iconUrl: network.iconUrl
+}));
+var dollarsToRaw = (amount) => String(Math.round(amount * 1e6));
+var rawToDollars = (amount) => Number(amount) / 1e6;
+var BalanceManagementTab = ({ enabled }) => {
+  const labels = useAggLabels().balanceRefill;
+  const { policies, isLoading, isError, createPolicy, updatePolicy } = useBalanceRefillPolicies({
+    enabled
+  });
+  const policy = policies[0];
+  const [network, setNetwork] = useState4("polygon");
+  const [minimum, setMinimum] = useState4(100);
+  const [refillAmount, setRefillAmount] = useState4(50);
+  const [dailyCap, setDailyCap] = useState4(200);
+  const [maximumFee, setMaximumFee] = useState4(2);
+  const [feedback, setFeedback] = useState4(null);
+  useEffect5(() => {
+    var _a;
+    if (!policy) return;
+    setNetwork((_a = NETWORK_BY_CHAIN_ID[policy.targetChainId]) != null ? _a : "polygon");
+    setMinimum(rawToDollars(policy.minimumRaw));
+    setRefillAmount(rawToDollars(policy.refillAmountRaw));
+    setDailyCap(rawToDollars(policy.dailyCapRaw));
+    setMaximumFee(rawToDollars(policy.maxFeeRaw));
+  }, [policy]);
+  const validationError = useMemo3(() => {
+    if (minimum <= 0 || refillAmount <= 0 || dailyCap <= 0 || maximumFee <= 0) {
+      return labels.saveError;
+    }
+    if (dailyCap < Math.max(minimum, refillAmount) + maximumFee) {
+      return labels.saveError;
+    }
+    return null;
+  }, [dailyCap, labels.saveError, maximumFee, minimum, refillAmount]);
+  const isPending = createPolicy.isPending || updatePolicy.isPending;
+  const handleSave = () => __async(null, null, function* () {
+    if (validationError) {
+      setFeedback(validationError);
+      return;
+    }
+    setFeedback(null);
+    const params = {
+      minimumRaw: dollarsToRaw(minimum),
+      refillAmountRaw: dollarsToRaw(refillAmount),
+      dailyCapRaw: dollarsToRaw(dailyCap),
+      maxFeeRaw: dollarsToRaw(maximumFee)
+    };
+    try {
+      if (policy) {
+        yield updatePolicy.mutateAsync({ policyId: policy.id, params });
+      } else {
+        yield createPolicy.mutateAsync(__spreadProps(__spreadValues({}, params), {
+          targetChainId: CHAIN_IDS_BY_NETWORK[network],
+          targetTokenSymbol: "USDC"
+        }));
+      }
+      setFeedback(labels.saved);
+    } catch (e) {
+      setFeedback(labels.saveError);
+    }
+  });
+  const handleStatus = () => __async(null, null, function* () {
+    if (!policy) return;
+    try {
+      yield updatePolicy.mutateAsync({
+        policyId: policy.id,
+        params: { status: policy.status === "enabled" ? "paused" : "enabled" }
+      });
+      setFeedback(labels.saved);
+    } catch (e) {
+      setFeedback(labels.saveError);
+    }
+  });
+  if (isLoading)
+    return /* @__PURE__ */ jsx20("p", { className: "text-agg-sm text-agg-secondary-foreground", children: labels.loading });
+  if (isError)
+    return /* @__PURE__ */ jsx20("p", { role: "alert", className: "text-agg-sm text-agg-error", children: labels.loadError });
+  const latestAttempt = policy == null ? void 0 : policy.latestAttempt;
+  return /* @__PURE__ */ jsxs20("section", { className: "agg-balance-management-tab flex flex-col gap-6", children: [
+    /* @__PURE__ */ jsxs20("div", { className: "flex flex-col gap-2", children: [
+      /* @__PURE__ */ jsx20("h2", { className: "text-agg-lg font-agg-semibold text-agg-foreground", children: labels.title }),
+      /* @__PURE__ */ jsx20("p", { className: "text-agg-sm text-agg-secondary-foreground", children: labels.description })
+    ] }),
+    /* @__PURE__ */ jsxs20("div", { className: "rounded-agg-lg border border-agg-separator p-5 flex flex-col gap-5", children: [
+      /* @__PURE__ */ jsxs20("label", { className: "flex flex-col gap-2 text-agg-sm text-agg-foreground", children: [
+        /* @__PURE__ */ jsx20("span", { children: labels.networkLabel }),
+        /* @__PURE__ */ jsx20(
+          Select,
+          {
+            items: networkItems,
+            value: network,
+            onChange: (value) => setNetwork(value),
+            ariaLabel: labels.networkLabel,
+            disabled: Boolean(policy)
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx20("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2", children: [
+        [labels.minimumLabel, minimum, setMinimum],
+        [labels.refillAmountLabel, refillAmount, setRefillAmount],
+        [labels.dailyCapLabel, dailyCap, setDailyCap],
+        [labels.maximumFeeLabel, maximumFee, setMaximumFee]
+      ].map(([label, value, onChange]) => /* @__PURE__ */ jsxs20(
+        "label",
+        {
+          className: "flex flex-col gap-2 rounded-agg-md bg-agg-secondary px-4 py-3 text-agg-sm text-agg-foreground",
+          children: [
+            /* @__PURE__ */ jsx20("span", { children: label }),
+            /* @__PURE__ */ jsx20(
+              CurrencyInput,
+              {
+                value,
+                onChange,
+                min: 0.01,
+                decimalPlaces: 2,
+                ariaLabel: label,
+                classNames: { input: "w-full text-agg-base font-agg-semibold" }
+              }
+            )
+          ]
+        },
+        label
+      )) }),
+      /* @__PURE__ */ jsx20("p", { className: "text-agg-xs text-agg-secondary-foreground", children: labels.consent }),
+      policy ? /* @__PURE__ */ jsx20("p", { className: "text-agg-sm text-agg-secondary-foreground", children: policy.status === "enabled" ? labels.activeLabel : labels.pausedLabel }) : null,
+      latestAttempt ? /* @__PURE__ */ jsxs20("p", { className: "text-agg-sm text-agg-secondary-foreground", children: [
+        labels.lastRefill,
+        ": ",
+        labels.statuses[latestAttempt.status]
+      ] }) : null,
+      feedback ? /* @__PURE__ */ jsx20("p", { role: feedback === labels.saveError ? "alert" : "status", className: "text-agg-sm", children: feedback }) : null,
+      /* @__PURE__ */ jsxs20("div", { className: "flex flex-wrap gap-3", children: [
+        /* @__PURE__ */ jsx20(
+          Button,
+          {
+            variant: "primary",
+            size: "large",
+            isLoading: isPending,
+            disabled: Boolean(validationError),
+            onClick: () => void handleSave(),
+            children: policy ? labels.saveAction : labels.enableAction
+          }
+        ),
+        policy ? /* @__PURE__ */ jsx20(
+          Button,
+          {
+            variant: "secondary",
+            size: "large",
+            isLoading: isPending,
+            onClick: () => void handleStatus(),
+            children: policy.status === "enabled" ? labels.pauseAction : labels.resumeAction
+          }
+        ) : null
+      ] })
+    ] })
+  ] });
+};
+
+// src/profile/index.tsx
+import { jsx as jsx21, jsxs as jsxs21 } from "react/jsx-runtime";
 var ProfileModal = ({
   open,
   onOpenChange,
@@ -2935,25 +3121,30 @@ var ProfileModal = ({
 }) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i;
   const client = useAggClient();
+  const labels = useAggLabels2();
   const { user } = useAggAuthState2();
   const toastCtx = useOptionalToast();
-  const [activeTab, setActiveTab] = useState4(PROFILE_TAB_KEYS.PROFILE_ACCOUNTS);
+  const [activeTab, setActiveTab] = useState5(PROFILE_TAB_KEYS.PROFILE_ACCOUNTS);
+  const profileTabItems = useMemo4(
+    () => getProfileTabItems(labels.balanceRefill.tabLabel),
+    [labels.balanceRefill.tabLabel]
+  );
   const resolvedInitialUsername = (_a = username != null ? username : user == null ? void 0 : user.username) != null ? _a : "";
-  const [draftUsername, setDraftUsername] = useState4(resolvedInitialUsername);
-  const [draftAvatarFile, setDraftAvatarFile] = useState4();
-  const [draftAvatarPreview, setDraftAvatarPreview] = useState4();
-  const [isSaving, setIsSaving] = useState4(false);
-  const [avatarTypeError, setAvatarTypeError] = useState4(null);
-  const [isConnectKalshiModalOpen, setIsConnectKalshiModalOpen] = useState4(false);
+  const [draftUsername, setDraftUsername] = useState5(resolvedInitialUsername);
+  const [draftAvatarFile, setDraftAvatarFile] = useState5();
+  const [draftAvatarPreview, setDraftAvatarPreview] = useState5();
+  const [isSaving, setIsSaving] = useState5(false);
+  const [avatarTypeError, setAvatarTypeError] = useState5(null);
+  const [isConnectKalshiModalOpen, setIsConnectKalshiModalOpen] = useState5(false);
   const { data: kalshiStatus, refetch: refetchKalshiStatus } = useVenueKeyStatus(
     Venue.kalshi,
     open
   );
-  useEffect5(() => {
+  useEffect6(() => {
     var _a2;
     setDraftUsername((_a2 = username != null ? username : user == null ? void 0 : user.username) != null ? _a2 : "");
   }, [username, user == null ? void 0 : user.username]);
-  useEffect5(() => {
+  useEffect6(() => {
     if (open) return;
     setIsConnectKalshiModalOpen(false);
   }, [open]);
@@ -3077,7 +3268,7 @@ var ProfileModal = ({
     yield refetchKalshiStatus();
     onDisconnectExchange == null ? void 0 : onDisconnectExchange(Venue.kalshi);
   }), [client, onDisconnectExchange, refetchKalshiStatus]);
-  const resolvedVenueAccounts = useMemo3(() => {
+  const resolvedVenueAccounts = useMemo4(() => {
     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;
@@ -3246,7 +3437,7 @@ var ProfileModal = ({
     }),
     [client, onDisconnectWallet, surfaceError]
   );
-  const providerActionMap = useMemo3(
+  const providerActionMap = useMemo4(
     () => ({
       twitter: {
         connect: () => {
@@ -3288,7 +3479,7 @@ var ProfileModal = ({
       handleDisconnectTwitter
     ]
   );
-  const resolvedWallets = useMemo3(() => {
+  const resolvedWallets = useMemo4(() => {
     var _a2, _b2;
     if (wallets) return wallets;
     const walletAccounts = (_b2 = (_a2 = user == null ? void 0 : user.accounts) == null ? void 0 : _a2.filter((account) => {
@@ -3307,8 +3498,8 @@ var ProfileModal = ({
       };
     });
   }, [user == null ? void 0 : user.accounts, wallets]);
-  return /* @__PURE__ */ jsxs20(Modal, { open: open && !isConnectKalshiModalOpen, onOpenChange: handleOpenChange, children: [
-    /* @__PURE__ */ jsxs20(
+  return /* @__PURE__ */ jsxs21(Modal, { open: open && !isConnectKalshiModalOpen, onOpenChange: handleOpenChange, children: [
+    /* @__PURE__ */ jsxs21(
       Modal.Container,
       {
         maxWidth: "800px",
@@ -3317,24 +3508,24 @@ var ProfileModal = ({
           container: cn("agg-profile-modal", "min-h-[37.5rem]")
         },
         children: [
-          /* @__PURE__ */ jsx20(Modal.Header, { title: "Edit Profile", classNames: { root: "agg-profile-modal-header" } }),
-          /* @__PURE__ */ jsx20("div", { className: "agg-profile-tabs sm:hidden w-full", children: /* @__PURE__ */ jsx20(
+          /* @__PURE__ */ jsx21(Modal.Header, { title: "Edit Profile", classNames: { root: "agg-profile-modal-header" } }),
+          /* @__PURE__ */ jsx21("div", { className: "agg-profile-tabs sm:hidden w-full", children: /* @__PURE__ */ jsx21(
             Tabs,
             {
               className: "w-full [&>div]:w-full",
               variant: "underline",
               classNames: { tabList: "w-full" },
-              items: PROFILE_TAB_ITEMS.map((tab) => ({
+              items: profileTabItems.map((tab) => ({
                 value: tab.value,
                 label: tab.label,
-                icon: /* @__PURE__ */ jsx20(Icon, { name: tab.icon, size: "small" })
+                icon: /* @__PURE__ */ jsx21(Icon, { name: tab.icon, size: "small" })
               })),
               value: activeTab,
               onChange: (val) => setActiveTab(val)
             }
           ) }),
-          /* @__PURE__ */ jsx20(Modal.Body, { classNames: { root: cn("agg-profile-modal-body", "overflow-x-visible") }, children: /* @__PURE__ */ jsxs20("div", { className: "agg-profile-layout flex flex-col sm:flex-row sm:gap-10", children: [
-            /* @__PURE__ */ jsx20("div", { className: "shrink-0", children: /* @__PURE__ */ jsx20(
+          /* @__PURE__ */ jsx21(Modal.Body, { classNames: { root: cn("agg-profile-modal-body", "overflow-x-visible") }, children: /* @__PURE__ */ jsxs21("div", { className: "agg-profile-layout flex flex-col sm:flex-row sm:gap-10", children: [
+            /* @__PURE__ */ jsx21("div", { className: "shrink-0", children: /* @__PURE__ */ jsx21(
               "nav",
               {
                 className: cn(
@@ -3348,9 +3539,9 @@ var ProfileModal = ({
                 ),
                 role: "tablist",
                 "aria-label": "Profile sections",
-                children: PROFILE_TAB_ITEMS.map((tab) => {
+                children: profileTabItems.map((tab) => {
                   const isActive = activeTab === tab.value;
-                  return /* @__PURE__ */ jsxs20(
+                  return /* @__PURE__ */ jsxs21(
                     "button",
                     {
                       type: "button",
@@ -3366,9 +3557,9 @@ var ProfileModal = ({
                         isActive ? "font-agg-normal text-agg-foreground bg-agg-secondary-hover" : "font-agg-normal text-agg-foreground"
                       ),
                       children: [
-                        isActive ? /* @__PURE__ */ jsx20("div", { className: "absolute left-0 top-0 bottom-0 w-1 bg-agg-primary" }) : null,
-                        /* @__PURE__ */ jsx20(Icon, { name: tab.icon, size: "small", color: "currentColor" }),
-                        /* @__PURE__ */ jsx20("span", { className: "shrink-0 whitespace-nowrap", children: tab.label })
+                        isActive ? /* @__PURE__ */ jsx21("div", { className: "absolute left-0 top-0 bottom-0 w-1 bg-agg-primary" }) : null,
+                        /* @__PURE__ */ jsx21(Icon, { name: tab.icon, size: "small", color: "currentColor" }),
+                        /* @__PURE__ */ jsx21("span", { className: "shrink-0 whitespace-nowrap", children: tab.label })
                       ]
                     },
                     tab.value
@@ -3376,9 +3567,9 @@ var ProfileModal = ({
                 })
               }
             ) }),
-            /* @__PURE__ */ jsxs20("div", { className: "agg-profile-content min-w-0 flex-1", children: [
-              activeTab === PROFILE_TAB_KEYS.PROFILE_ACCOUNTS ? /* @__PURE__ */ jsxs20("div", { className: "agg-profile-accounts-tab flex flex-col gap-8", children: [
-                /* @__PURE__ */ jsx20(
+            /* @__PURE__ */ jsxs21("div", { className: "agg-profile-content min-w-0 flex-1", children: [
+              activeTab === PROFILE_TAB_KEYS.PROFILE_ACCOUNTS ? /* @__PURE__ */ jsxs21("div", { className: "agg-profile-accounts-tab flex flex-col gap-8", children: [
+                /* @__PURE__ */ jsx21(
                   AboutTab,
                   {
                     username: username != null ? username : user == null ? void 0 : user.username,
@@ -3392,7 +3583,7 @@ var ProfileModal = ({
                     avatarError: avatarTypeError
                   }
                 ),
-                /* @__PURE__ */ jsx20(
+                /* @__PURE__ */ jsx21(
                   AccountsWalletsTab,
                   {
                     socialAccounts: resolvedSocialAccounts,
@@ -3411,7 +3602,7 @@ var ProfileModal = ({
                   }
                 )
               ] }) : null,
-              activeTab === PROFILE_TAB_KEYS.TRADING_ACCESS ? /* @__PURE__ */ jsx20(
+              activeTab === PROFILE_TAB_KEYS.TRADING_ACCESS ? /* @__PURE__ */ jsx21(
                 TradingAccessTab,
                 {
                   venueAccounts: resolvedVenueAccounts,
@@ -3419,12 +3610,22 @@ var ProfileModal = ({
                   onDisconnectKalshi: handleDisconnectKalshi,
                   onKycError
                 }
-              ) : null
+              ) : null,
+              activeTab === PROFILE_TAB_KEYS.BALANCE_MANAGEMENT ? /* @__PURE__ */ jsx21(BalanceManagementTab, { enabled: open }) : null
             ] })
           ] }) }),
-          /* @__PURE__ */ jsxs20(Modal.Footer, { classNames: { root: "agg-profile-modal-footer" }, children: [
-            /* @__PURE__ */ jsx20(Button, { variant: "secondary", size: "large", onClick: handleCancel, className: "min-w-[120px]", children: "Cancel" }),
-            /* @__PURE__ */ jsx20(
+          activeTab === PROFILE_TAB_KEYS.BALANCE_MANAGEMENT ? null : /* @__PURE__ */ jsxs21(Modal.Footer, { classNames: { root: "agg-profile-modal-footer" }, children: [
+            /* @__PURE__ */ jsx21(
+              Button,
+              {
+                variant: "secondary",
+                size: "large",
+                onClick: handleCancel,
+                className: "min-w-[120px]",
+                children: "Cancel"
+              }
+            ),
+            /* @__PURE__ */ jsx21(
               Button,
               {
                 variant: "primary",
@@ -3439,7 +3640,7 @@ var ProfileModal = ({
         ]
       }
     ),
-    /* @__PURE__ */ jsx20(
+    /* @__PURE__ */ jsx21(
       ConnectKalshiModal,
       {
         open: open && isConnectKalshiModalOpen,
@@ -3454,7 +3655,7 @@ ProfileModal.displayName = "ProfileModal";
 // src/geo-block-modal/index.tsx
 import { useLabels as useLabels17 } from "@agg-build/hooks";
 import { useCallback as useCallback4 } from "react";
-import { jsx as jsx21, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs22 } from "react/jsx-runtime";
 var GeoBlockModal = ({
   open,
   onOpenChange,
@@ -3466,19 +3667,19 @@ var GeoBlockModal = ({
     onConfirm == null ? void 0 : onConfirm();
     onOpenChange(false);
   }, [onConfirm, onOpenChange]);
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx22(
     Modal,
     {
       open,
       onOpenChange,
       "aria-label": labels.trading.geoBlockModalAriaLabel,
-      children: /* @__PURE__ */ jsxs21(
+      children: /* @__PURE__ */ jsxs22(
         Modal.Container,
         {
           maxWidth: "480px",
           classNames: { container: cn("!rounded-agg-2xl", classNames == null ? void 0 : classNames.container) },
           children: [
-            /* @__PURE__ */ jsx21(
+            /* @__PURE__ */ jsx22(
               Modal.Header,
               {
                 title: "",
@@ -3490,19 +3691,19 @@ var GeoBlockModal = ({
                 }
               }
             ),
-            /* @__PURE__ */ jsx21(Modal.Body, { classNames: { root: cn("!px-10 !pt-0 !pb-12", classNames == null ? void 0 : classNames.body) }, children: /* @__PURE__ */ jsxs21("div", { className: "flex flex-col items-center gap-8", children: [
-              /* @__PURE__ */ jsx21(
+            /* @__PURE__ */ jsx22(Modal.Body, { classNames: { root: cn("!px-10 !pt-0 !pb-12", classNames == null ? void 0 : classNames.body) }, children: /* @__PURE__ */ jsxs22("div", { className: "flex flex-col items-center gap-8", children: [
+              /* @__PURE__ */ jsx22(
                 Icon,
                 {
                   name: "internet-security",
                   className: "h-[60px] w-[60px] text-agg-muted-foreground"
                 }
               ),
-              /* @__PURE__ */ jsxs21("div", { className: "flex flex-col items-center gap-3 text-center", children: [
-                /* @__PURE__ */ jsx21("h2", { className: "text-agg-2xl font-agg-bold leading-agg-8 text-agg-foreground", children: labels.trading.geoBlockModalTitle }),
-                /* @__PURE__ */ jsx21("p", { className: "text-agg-base font-agg-normal leading-agg-6 text-agg-foreground", children: labels.trading.geoBlockModalDescription })
+              /* @__PURE__ */ jsxs22("div", { className: "flex flex-col items-center gap-3 text-center", children: [
+                /* @__PURE__ */ jsx22("h2", { className: "text-agg-2xl font-agg-bold leading-agg-8 text-agg-foreground", children: labels.trading.geoBlockModalTitle }),
+                /* @__PURE__ */ jsx22("p", { className: "text-agg-base font-agg-normal leading-agg-6 text-agg-foreground", children: labels.trading.geoBlockModalDescription })
               ] }),
-              /* @__PURE__ */ jsx21(
+              /* @__PURE__ */ jsx22(
                 Button,
                 {
                   variant: "secondary",