@aurum-sdk/core 0.2.1 → 0.2.2

package/dist/{chunk-BSMOPBPL.mjs → chunk-DPFIEHZ6.mjs}

@@ -91,8 +91,7 @@ var WALLET_PRIORITY = [
   WalletId.WalletConnect,
   WalletId.Brave,
   WalletId.Rabby,
-  WalletId.CoinbaseWallet,
-  WalletId.Ledger
+  WalletId.CoinbaseWallet
 ];
 function sortWallets(wallets, options = {}) {
   const { filterHidden = true } = options;
@@ -119,16 +118,6 @@ function sortWallets(wallets, options = {}) {
   return result;
 }
 
-// src/utils/platform/isMobile.ts
-import MobileDetect from "mobile-detect";
-function isMobile() {
-  if (typeof window === "undefined" || typeof navigator === "undefined") {
-    return false;
-  }
-  const md = new MobileDetect(window.navigator.userAgent);
-  return md.mobile() !== null || md.tablet() !== null;
-}
-
 // src/contexts/NavigationContext.tsx
 import { createContext as createContext2, useContext as useContext2, useState } from "react";
 import { jsx as jsx2 } from "react/jsx-runtime";
@@ -756,7 +745,7 @@ function initSentry(enabled = true) {
   Sentry.init({
     dsn: "https://0bb16fd7057ac7b45ae0ab416cdbea8b@o4505953815494656.ingest.us.sentry.io/4509747448184832",
     environment: getEnvironment(),
-    release: `@aurum-sdk/core@${"0.2.1"}`,
+    release: `@aurum-sdk/core@${"0.2.2"}`,
     sendDefaultPii: false,
     enableLogs: true
   });
@@ -1306,13 +1295,17 @@ var ConnectionIconsRow = ({
 
 // src/components/ConnectModal/ConnectionStatus/ConnectionStatusBase.tsx
 import { Fragment as Fragment4, jsx as jsx30, jsxs as jsxs14 } from "react/jsx-runtime";
+var ERROR_CODE = {
+  USER_REJECTED: 4001,
+  REQUEST_PENDING: -32002
+};
 var ConnectionStatusBase = ({
   title,
   pendingHeaderText,
   pendingSubContent,
   extraContent
 }) => {
-  const { selectedWallet, error, success, goBackToHome, retryConnection } = useConnectModal();
+  const { selectedWallet, error, errorCode, success, goBackToHome, retryConnection } = useConnectModal();
   const { onDismiss, brandConfig } = useWidgetContext();
   const [shouldShake, setShouldShake] = useState8(false);
   useEffect5(() => {
@@ -1329,12 +1322,15 @@ var ConnectionStatusBase = ({
   }
   const getHeaderVariant = () => {
     if (success) return "success";
-    if (error) return "error";
+    if (error && errorCode !== ERROR_CODE.REQUEST_PENDING) return "error";
     return "primary";
   };
   const getHeaderText = () => {
     if (success) return "";
-    if (error) return "Request Rejected";
+    if (error) {
+      if (errorCode === ERROR_CODE.REQUEST_PENDING) return "Request Pending";
+      return "Request Rejected";
+    }
     return pendingHeaderText;
   };
   const renderSubContent = () => {
@@ -1342,6 +1338,13 @@ var ConnectionStatusBase = ({
       return /* @__PURE__ */ jsx30("div", { className: "success-icon-large", children: /* @__PURE__ */ jsx30(CircleCheck, { color: "var(--aurum-primary-color)", size: 46 }) });
     }
     if (error) {
+      if (errorCode === ERROR_CODE.REQUEST_PENDING) {
+        return /* @__PURE__ */ jsxs14(Text, { align: "center", size: "sm", variant: "secondary", children: [
+          "Check your wallet for a ",
+          "\n",
+          "pending connection request"
+        ] });
+      }
       return /* @__PURE__ */ jsxs14(Text, { align: "center", size: "sm", variant: "secondary", children: [
         "Please try again or select a ",
         "\n",
@@ -1385,23 +1388,25 @@ var ConnectionStatusBase = ({
 };
 
 // src/components/ConnectModal/ConnectionStatus/Desktop.tsx
-import { WalletId as WalletId4 } from "@aurum-sdk/types";
-import { jsx as jsx31 } from "react/jsx-runtime";
+import { jsx as jsx31, jsxs as jsxs15 } from "react/jsx-runtime";
 var ConnectionStatusPage = () => {
   const { selectedWallet } = useConnectModal();
   return /* @__PURE__ */ jsx31(
     ConnectionStatusBase,
     {
       pendingHeaderText: `Approve in ${selectedWallet?.name}`,
-      pendingSubContent: /* @__PURE__ */ jsx31(Text, { align: "center", size: "sm", variant: "secondary", children: selectedWallet?.id === WalletId4.Ledger ? `Please wait for the Ledger Live modal to open` : `Please check your wallet to
-approve the connection` })
+      pendingSubContent: /* @__PURE__ */ jsxs15(Text, { align: "center", size: "sm", variant: "secondary", children: [
+        "Please check your wallet to",
+        "\n",
+        "approve the connection"
+      ] })
     }
   );
 };
 
 // src/components/ConnectModal/ConnectionStatus/Mobile.tsx
 import { useState as useState9, useEffect as useEffect6 } from "react";
-import { jsx as jsx32, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx32, jsxs as jsxs16 } from "react/jsx-runtime";
 var ConnectionStatusMobilePage = () => {
   const { selectedWallet, error, success, retryConnection } = useConnectModal();
   const [showLaunchButton, setShowLaunchButton] = useState9(false);
@@ -1414,7 +1419,7 @@ var ConnectionStatusMobilePage = () => {
     {
       title: selectedWallet?.name,
       pendingHeaderText: `Opening ${selectedWallet?.name}`,
-      pendingSubContent: /* @__PURE__ */ jsxs15(Text, { size: "sm", variant: "secondary", align: "center", style: { maxWidth: "18.75rem" }, children: [
+      pendingSubContent: /* @__PURE__ */ jsxs16(Text, { size: "sm", variant: "secondary", align: "center", style: { maxWidth: "18.75rem" }, children: [
         "If ",
         selectedWallet?.name,
         " doesn't open automatically, click the button below"
@@ -1425,28 +1430,27 @@ var ConnectionStatusMobilePage = () => {
 };
 
 // src/components/ConnectModal/QRCodePage.tsx
-import { useEffect as useEffect8, useState as useState10, useRef as useRef5 } from "react";
+import { useEffect as useEffect7, useState as useState10 } from "react";
 
 // src/components/QRCodeDisplay/QRCodeDisplay.tsx
-import { useRef as useRef4, useEffect as useEffect7 } from "react";
 import { QRCode } from "react-qrcode-logo";
 
 // src/utils/generateQrCodeWalletLogo.tsx
 import { getLogoDataUri } from "@aurum-sdk/logos";
-import { WalletId as WalletId5 } from "@aurum-sdk/types";
+import { WalletId as WalletId4 } from "@aurum-sdk/types";
 var generateQrCodeWalletLogo = (walletAdapter) => {
-  if (walletAdapter && walletAdapter.id !== WalletId5.AppKit && walletAdapter.icon) {
+  if (walletAdapter?.icon) {
     return walletAdapter.icon;
   }
-  return getLogoDataUri(WalletId5.WalletConnect) ?? "";
+  return getLogoDataUri(WalletId4.WalletConnect) ?? "";
 };
 
 // src/components/QRCodeDisplay/QREye.tsx
-import { jsx as jsx33, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx33, jsxs as jsxs17 } from "react/jsx-runtime";
 var QREye = ({ x, y, eyeSize, eyeRadius, dotSize, fillColor, bgColor }) => {
   const padding = dotSize * 0.8;
   const centerRadius = (eyeSize - 4 * padding) / 2 * 1.1;
-  return /* @__PURE__ */ jsxs16("g", { children: [
+  return /* @__PURE__ */ jsxs17("g", { children: [
     /* @__PURE__ */ jsx33(
       "rect",
       {
@@ -1520,7 +1524,7 @@ var generateSkeletonDots = ({
 };
 
 // src/components/QRCodeDisplay/QRCodeSkeleton.tsx
-import { jsx as jsx35, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx35, jsxs as jsxs18 } from "react/jsx-runtime";
 var QRCodeSkeleton = ({ size = 128 }) => {
   const { brandConfig } = useWidgetContext();
   const { selectedWallet } = useConnectModal();
@@ -1531,7 +1535,7 @@ var QRCodeSkeleton = ({ size = 128 }) => {
   const dotSize = size / 40;
   const eyeSize = 32;
   const gridSize = 40;
-  return /* @__PURE__ */ jsx35("div", { className: "qr-skeleton-container", style: { height: size }, children: /* @__PURE__ */ jsxs17("svg", { width: size, height: size, className: "qr-skeleton-svg", children: [
+  return /* @__PURE__ */ jsx35("div", { className: "qr-skeleton-container", style: { height: size }, children: /* @__PURE__ */ jsxs18("svg", { width: size, height: size, className: "qr-skeleton-svg", children: [
     /* @__PURE__ */ jsx35("rect", { width: size, height: size, fill: bgColor }),
     generateSkeletonDots({ logoSize, dotSize, eyeSize, gridSize, fillColor }),
     /* @__PURE__ */ jsx35(
@@ -1597,27 +1601,15 @@ var QRCodeSkeleton = ({ size = 128 }) => {
 };
 
 // src/components/QRCodeDisplay/QRCodeDisplay.tsx
-import { WalletId as WalletId6 } from "@aurum-sdk/types";
-import { jsx as jsx36, jsxs as jsxs18 } from "react/jsx-runtime";
+import { WalletId as WalletId5 } from "@aurum-sdk/types";
+import { jsx as jsx36, jsxs as jsxs19 } from "react/jsx-runtime";
 var QRCodeDisplay = ({ uri, size = 256 }) => {
   const { brandConfig } = useWidgetContext();
-  const { selectedWallet, displayedWallets, connectWallet } = useConnectModal();
+  const { selectedWallet, displayedWallets, openWalletConnectModal } = useConnectModal();
   const qrCodeDisplayColor = brandConfig.theme === "light" ? "#000000" : "#6b7280";
   const bgColor = brandConfig.theme === "light" ? "#ffffff" : "#121212";
-  const logoWalletRef = useRef4(null);
-  useEffect7(() => {
-    if (selectedWallet && selectedWallet.id !== WalletId6.AppKit) {
-      logoWalletRef.current = selectedWallet;
-    }
-  }, [selectedWallet]);
-  const logoWallet = logoWalletRef.current || selectedWallet;
-  const appKitAdapter = displayedWallets.find(({ id }) => id === WalletId6.AppKit);
-  const handleAppKitConnect = async () => {
-    if (appKitAdapter) {
-      connectWallet(appKitAdapter);
-    }
-  };
-  return /* @__PURE__ */ jsx36(Column, { align: "center", gap: 16, children: /* @__PURE__ */ jsxs18(Column, { align: "center", gap: 4, children: [
+  const wcAdapter = displayedWallets.find(({ id }) => id === WalletId5.WalletConnect);
+  return /* @__PURE__ */ jsx36(Column, { align: "center", gap: 16, children: /* @__PURE__ */ jsxs19(Column, { align: "center", gap: 4, children: [
     /* @__PURE__ */ jsx36(
       "div",
       {
@@ -1634,7 +1626,7 @@ var QRCodeDisplay = ({ uri, size = 256 }) => {
             quietZone: 0,
             bgColor,
             fgColor: qrCodeDisplayColor,
-            logoImage: generateQrCodeWalletLogo(logoWallet || void 0),
+            logoImage: generateQrCodeWalletLogo(selectedWallet || void 0),
             logoWidth: size * 0.2,
             logoHeight: size * 0.2,
             removeQrCodeBehindLogo: true,
@@ -1645,14 +1637,14 @@ var QRCodeDisplay = ({ uri, size = 256 }) => {
         )
       }
     ),
-    /* @__PURE__ */ jsxs18(Row, { justify: appKitAdapter ? "space-between" : "center", style: { width: "100%" }, children: [
+    /* @__PURE__ */ jsxs19(Row, { justify: wcAdapter?.openModal ? "space-between" : "center", style: { width: "100%" }, children: [
       /* @__PURE__ */ jsx36(CopyButton, { text: uri || "", disabled: !uri, variant: "secondary", label: "Copy URI" }),
-      appKitAdapter && /* @__PURE__ */ jsx36(
+      wcAdapter?.openModal && /* @__PURE__ */ jsx36(
         Button,
         {
           variant: "text",
           size: "sm",
-          onClick: handleAppKitConnect,
+          onClick: openWalletConnectModal,
           style: { color: "var(--color-foreground-muted)", fontWeight: "500" },
           children: "Open Modal"
         }
@@ -1663,25 +1655,18 @@ var QRCodeDisplay = ({ uri, size = 256 }) => {
 
 // src/components/ConnectModal/QRCodePage.tsx
 import { ChevronLeft as ChevronLeft2, X as X4, SquareArrowOutUpRight, CircleCheck as CircleCheck2 } from "lucide-react";
-import { WalletId as WalletId7, WalletName } from "@aurum-sdk/types";
-import { Fragment as Fragment5, jsx as jsx37, jsxs as jsxs19 } from "react/jsx-runtime";
+import { WalletName } from "@aurum-sdk/types";
+import { Fragment as Fragment5, jsx as jsx37, jsxs as jsxs20 } from "react/jsx-runtime";
 var QRCodePage = () => {
   const { onDismiss } = useWidgetContext();
   const { navigateTo } = useNavigation();
   const { selectedWallet, error, configError, retryConnection, qrSuccess } = useConnectModal();
   const [connectionUri, setConnectionUri] = useState10(null);
-  const originalWalletRef = useRef5(null);
-  useEffect8(() => {
-    if (selectedWallet && selectedWallet.id !== WalletId7.AppKit) {
-      originalWalletRef.current = selectedWallet;
-    }
-  }, [selectedWallet]);
-  const displayWallet = originalWalletRef.current || selectedWallet;
   const goBackToHome = () => {
     navigateTo(PAGE_IDS.SELECT_WALLET);
   };
-  const title = displayWallet?.name === WalletName.WalletConnect || displayWallet?.name === WalletName.AppKit ? "Scan QR code" : `Scan with ${displayWallet?.name} app`;
-  useEffect8(() => {
+  const title = selectedWallet?.name === WalletName.WalletConnect ? "Scan QR code" : `Scan with ${selectedWallet?.name} app`;
+  useEffect7(() => {
     const handleWalletConnectURI = (event) => {
       setConnectionUri(event.detail.uri);
     };
@@ -1690,7 +1675,7 @@ var QRCodePage = () => {
       window.removeEventListener("walletconnect:uri", handleWalletConnectURI);
     };
   }, []);
-  useEffect8(() => {
+  useEffect7(() => {
     if (error && !configError) {
       setConnectionUri(null);
       retryConnection();
@@ -1699,7 +1684,7 @@ var QRCodePage = () => {
   if (!selectedWallet) {
     return null;
   }
-  return /* @__PURE__ */ jsxs19(Fragment5, { children: [
+  return /* @__PURE__ */ jsxs20(Fragment5, { children: [
     /* @__PURE__ */ jsx37(
       ModalHeader,
       {
@@ -1708,21 +1693,21 @@ var QRCodePage = () => {
         rightAction: qrSuccess ? null : /* @__PURE__ */ jsx37(Button, { size: "sm", variant: "close", onClick: onDismiss, "aria-label": "Close", children: /* @__PURE__ */ jsx37(X4, { size: 20, color: "var(--color-foreground-muted)" }) })
       }
     ),
-    qrSuccess ? /* @__PURE__ */ jsx37(Column, { align: "center", style: { height: "8rem" }, children: /* @__PURE__ */ jsx37(CircleCheck2, { color: "var(--aurum-primary-color)", size: 46 }) }) : /* @__PURE__ */ jsxs19(Fragment5, { children: [
+    qrSuccess ? /* @__PURE__ */ jsx37(Column, { align: "center", style: { height: "8rem" }, children: /* @__PURE__ */ jsx37(CircleCheck2, { color: "var(--aurum-primary-color)", size: 46 }) }) : /* @__PURE__ */ jsxs20(Fragment5, { children: [
       /* @__PURE__ */ jsx37(Column, { align: "center", gap: 24, children: /* @__PURE__ */ jsx37(QRCodeDisplay, { uri: error ? null : connectionUri }) }),
-      displayWallet?.downloadUrl && /* @__PURE__ */ jsxs19(Fragment5, { children: [
+      selectedWallet?.downloadUrl && /* @__PURE__ */ jsxs20(Fragment5, { children: [
         /* @__PURE__ */ jsx37(Spacer, { size: 15 }),
-        /* @__PURE__ */ jsxs19(
+        /* @__PURE__ */ jsxs20(
           Button,
           {
             variant: "tertiary",
             expand: true,
-            onClick: () => window.open(displayWallet.downloadUrl ?? "", "_blank", "noopener,noreferrer"),
+            onClick: () => window.open(selectedWallet.downloadUrl ?? "", "_blank", "noopener,noreferrer"),
             children: [
               /* @__PURE__ */ jsx37(SquareArrowOutUpRight, { size: 16, color: "var(--color-foreground-muted)" }),
-              /* @__PURE__ */ jsxs19(Text, { size: "sm", weight: "semibold", variant: "secondary", children: [
+              /* @__PURE__ */ jsxs20(Text, { size: "sm", weight: "semibold", variant: "secondary", children: [
                 "Download ",
-                displayWallet.name
+                selectedWallet.name
               ] })
             ]
           }
@@ -1735,7 +1720,7 @@ var QRCodePage = () => {
 // src/components/ConnectModal/AllWallets.tsx
 import { useMemo as useMemo4 } from "react";
 import { X as X5, ChevronLeft as ChevronLeft3 } from "lucide-react";
-import { Fragment as Fragment6, jsx as jsx38, jsxs as jsxs20 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx38, jsxs as jsxs21 } from "react/jsx-runtime";
 var AllWalletsPage = () => {
   const { onDismiss } = useWidgetContext();
   const { navigateTo } = useNavigation();
@@ -1745,7 +1730,7 @@ var AllWalletsPage = () => {
   const goBackToSelectWallet = () => {
     navigateTo(PAGE_IDS.SELECT_WALLET);
   };
-  return /* @__PURE__ */ jsxs20(Fragment6, { children: [
+  return /* @__PURE__ */ jsxs21(Fragment6, { children: [
     /* @__PURE__ */ jsx38(
       ModalHeader,
       {
@@ -1770,7 +1755,7 @@ var AllWalletsPage = () => {
 
 // src/components/ConnectModal/DownloadWalletPage.tsx
 import { X as X6, SquareArrowOutUpRight as SquareArrowOutUpRight2, ChevronLeft as ChevronLeft4 } from "lucide-react";
-import { Fragment as Fragment7, jsx as jsx39, jsxs as jsxs21 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx39, jsxs as jsxs22 } from "react/jsx-runtime";
 var DownloadWalletPage = () => {
   const { selectedWallet, goBackToHome } = useConnectModal();
   const { onDismiss } = useWidgetContext();
@@ -1783,7 +1768,7 @@ var DownloadWalletPage = () => {
       window.open(downloadUrl, "_blank", "noopener,noreferrer");
     }
   };
-  return /* @__PURE__ */ jsxs21(Fragment7, { children: [
+  return /* @__PURE__ */ jsxs22(Fragment7, { children: [
     /* @__PURE__ */ jsx39(
       ModalHeader,
       {
@@ -1792,21 +1777,21 @@ var DownloadWalletPage = () => {
         title: `Install ${selectedWallet.name}`
       }
     ),
-    /* @__PURE__ */ jsxs21(Column, { align: "center", gap: 24, justify: "center", children: [
+    /* @__PURE__ */ jsxs22(Column, { align: "center", gap: 24, justify: "center", children: [
       /* @__PURE__ */ jsx39(WalletLogoWrapper, { id: selectedWallet.id, size: 64, sizeSlot: "lg", title: selectedWallet.name }),
-      /* @__PURE__ */ jsxs21(Column, { align: "center", gap: 12, children: [
-        /* @__PURE__ */ jsxs21(Text, { size: "lg", weight: "semibold", align: "center", children: [
+      /* @__PURE__ */ jsxs22(Column, { align: "center", gap: 12, children: [
+        /* @__PURE__ */ jsxs22(Text, { size: "lg", weight: "semibold", align: "center", children: [
           "Install ",
           selectedWallet.name
         ] }),
-        /* @__PURE__ */ jsxs21(Text, { size: "md", variant: "secondary", align: "center", style: { maxWidth: "20rem" }, children: [
+        /* @__PURE__ */ jsxs22(Text, { size: "md", variant: "secondary", align: "center", style: { maxWidth: "20rem" }, children: [
           selectedWallet.name,
           " not installed. Please download then try again."
         ] })
       ] }),
-      downloadUrl && /* @__PURE__ */ jsx39(Fragment7, { children: /* @__PURE__ */ jsxs21(Button, { variant: "tertiary", onClick: handleDownload, expand: true, children: [
+      downloadUrl && /* @__PURE__ */ jsx39(Fragment7, { children: /* @__PURE__ */ jsxs22(Button, { variant: "tertiary", onClick: handleDownload, expand: true, children: [
         /* @__PURE__ */ jsx39(SquareArrowOutUpRight2, { size: 16, color: "var(--color-foreground-muted)" }),
-        /* @__PURE__ */ jsxs21(Text, { size: "sm", weight: "semibold", variant: "secondary", children: [
+        /* @__PURE__ */ jsxs22(Text, { size: "sm", weight: "semibold", variant: "secondary", children: [
           "Download ",
           selectedWallet.name
         ] })
@@ -1843,7 +1828,7 @@ var emailHighlightStyles = {
 };
 
 // src/components/ConnectModal/EmailVerifyOtp/useCountdown.ts
-import { useState as useState11, useEffect as useEffect9 } from "react";
+import { useState as useState11, useEffect as useEffect8 } from "react";
 var useCountdown = () => {
   const [countdown, setCountdown] = useState11(0);
   const [canResend, setCanResend] = useState11(true);
@@ -1851,7 +1836,7 @@ var useCountdown = () => {
     setCanResend(false);
     setCountdown(seconds);
   };
-  useEffect9(() => {
+  useEffect8(() => {
     if (countdown <= 0) return;
     const timer = setTimeout(() => {
       const newCountdown = countdown - 1;
@@ -1866,7 +1851,7 @@ var useCountdown = () => {
 };
 
 // src/components/ConnectModal/EmailVerifyOtp/useOtpInputs.ts
-import { useState as useState12, useRef as useRef6, useEffect as useEffect10 } from "react";
+import { useState as useState12, useRef as useRef4, useEffect as useEffect9 } from "react";
 var useOtpInputs = ({
   emailAuthState,
   error,
@@ -1876,7 +1861,7 @@ var useOtpInputs = ({
 }) => {
   const [otp, setOtp] = useState12(Array(OTP_LENGTH).fill(""));
   const [focusedIndex, setFocusedIndex] = useState12(0);
-  const inputRefs = useRef6([]);
+  const inputRefs = useRef4([]);
   const isOtpComplete = otp.every((digit) => digit !== "");
   const handleInputChange = (index, value) => {
     if (error) clearError();
@@ -1905,25 +1890,25 @@ var useOtpInputs = ({
       inputRefs.current[nextEmptyIndex]?.focus();
     }
   };
-  useEffect10(() => {
+  useEffect9(() => {
     if (isOtpComplete && otp.join("").length === OTP_LENGTH) {
       onComplete(otp.join(""));
     }
   }, [otp]);
-  useEffect10(() => {
+  useEffect9(() => {
     inputRefs.current[0]?.focus();
     const timer = setTimeout(() => {
       inputRefs.current[0]?.focus();
     }, 100);
     return () => clearTimeout(timer);
   }, []);
-  useEffect10(() => {
+  useEffect9(() => {
     if (error) {
       setOtp(Array(OTP_LENGTH).fill(""));
       inputRefs.current[0]?.focus();
     }
   }, [error]);
-  useEffect10(() => {
+  useEffect9(() => {
     if (isVerifying) {
       setFocusedIndex(0);
     }
@@ -1941,7 +1926,7 @@ var useOtpInputs = ({
 };
 
 // src/components/ConnectModal/EmailVerifyOtp/EmailVerifyOtp.tsx
-import { jsx as jsx40, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx40, jsxs as jsxs23 } from "react/jsx-runtime";
 var EmailVerifyOTP = () => {
   const { onDismiss } = useWidgetContext();
   const { goBackToHome } = useConnectModal();
@@ -1971,7 +1956,7 @@ var EmailVerifyOTP = () => {
     setOtp(Array(OTP_LENGTH).fill(""));
     inputRefs.current[0]?.focus();
   };
-  return /* @__PURE__ */ jsxs22("div", { children: [
+  return /* @__PURE__ */ jsxs23("div", { children: [
     /* @__PURE__ */ jsx40(
       ModalHeader,
       {
@@ -1980,15 +1965,15 @@ var EmailVerifyOTP = () => {
         title: "Verify Email"
       }
     ),
-    /* @__PURE__ */ jsxs22(Column, { gap: 24, children: [
-      /* @__PURE__ */ jsxs22(Text, { align: "center", variant: "secondary", children: [
+    /* @__PURE__ */ jsxs23(Column, { gap: 24, children: [
+      /* @__PURE__ */ jsxs23(Text, { align: "center", variant: "secondary", children: [
         "Enter the 6-digit code sent to",
         /* @__PURE__ */ jsx40("br", {}),
         " ",
         /* @__PURE__ */ jsx40("span", { style: emailHighlightStyles, children: emailAuthState.email })
       ] }),
-      /* @__PURE__ */ jsxs22(Column, { align: "center", gap: 12, children: [
-        /* @__PURE__ */ jsxs22("div", { style: { position: "relative", height: "3rem" }, children: [
+      /* @__PURE__ */ jsxs23(Column, { align: "center", gap: 12, children: [
+        /* @__PURE__ */ jsxs23("div", { style: { position: "relative", height: "3rem" }, children: [
           /* @__PURE__ */ jsx40(
             Row,
             {
@@ -2034,7 +2019,7 @@ var EmailVerifyOTP = () => {
           }
         )
       ] }),
-      !isSuccess && /* @__PURE__ */ jsx40(Column, { align: "center", justify: "center", children: /* @__PURE__ */ jsx40(Row, { align: "center", justify: "center", style: { minHeight: "2rem" }, children: canResend ? /* @__PURE__ */ jsxs22(Row, { align: "baseline", gap: 2, children: [
+      !isSuccess && /* @__PURE__ */ jsx40(Column, { align: "center", justify: "center", children: /* @__PURE__ */ jsx40(Row, { align: "center", justify: "center", style: { minHeight: "2rem" }, children: canResend ? /* @__PURE__ */ jsxs23(Row, { align: "baseline", gap: 2, children: [
         /* @__PURE__ */ jsx40(Text, { size: "sm", variant: "secondary", children: "Didn't receive the code?" }),
         /* @__PURE__ */ jsx40(
           Button,
@@ -2047,7 +2032,7 @@ var EmailVerifyOTP = () => {
             children: "Resend"
           }
         )
-      ] }) : /* @__PURE__ */ jsxs22(Row, { align: "center", gap: 4, children: [
+      ] }) : /* @__PURE__ */ jsxs23(Row, { align: "center", gap: 4, children: [
         /* @__PURE__ */ jsx40(Text, { size: "sm", variant: "secondary", children: "Email re-sent" }),
         /* @__PURE__ */ jsx40(Check, { size: 14, color: "var(--color-foreground-muted)" })
       ] }) }) })
@@ -2057,11 +2042,11 @@ var EmailVerifyOTP = () => {
 
 // src/components/ConnectModal/ConfigErrorPage.tsx
 import { X as X8, AlertTriangle, ChevronLeft as ChevronLeft6 } from "lucide-react";
-import { Fragment as Fragment8, jsx as jsx41, jsxs as jsxs23 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx41, jsxs as jsxs24 } from "react/jsx-runtime";
 var ConfigErrorPage = () => {
   const { onDismiss } = useWidgetContext();
   const { goBackToHome } = useConnectModal();
-  return /* @__PURE__ */ jsxs23(Fragment8, { children: [
+  return /* @__PURE__ */ jsxs24(Fragment8, { children: [
     /* @__PURE__ */ jsx41(
       ModalHeader,
       {
@@ -2070,7 +2055,7 @@ var ConfigErrorPage = () => {
         title: "Error"
       }
     ),
-    /* @__PURE__ */ jsxs23(Column, { align: "center", gap: 24, justify: "center", children: [
+    /* @__PURE__ */ jsxs24(Column, { align: "center", gap: 24, justify: "center", children: [
       /* @__PURE__ */ jsx41(
         "div",
         {
@@ -2086,7 +2071,7 @@ var ConfigErrorPage = () => {
           children: /* @__PURE__ */ jsx41(AlertTriangle, { size: 32, color: "white" })
         }
       ),
-      /* @__PURE__ */ jsxs23(Column, { align: "center", gap: 12, children: [
+      /* @__PURE__ */ jsxs24(Column, { align: "center", gap: 12, children: [
         /* @__PURE__ */ jsx41(Text, { size: "lg", weight: "semibold", align: "center", children: "Configuration Error" }),
         /* @__PURE__ */ jsx41(Text, { size: "md", variant: "secondary", align: "center", style: { maxWidth: "20rem" }, children: "Missing required project ID" })
       ] }),
@@ -2118,6 +2103,16 @@ var PAGE_COMPONENTS = {
   [PAGE_IDS.CONFIG_ERROR]: /* @__PURE__ */ jsx42(ConfigErrorPage, {})
 };
 
+// src/utils/platform/isMobile.ts
+import MobileDetect from "mobile-detect";
+function isMobile() {
+  if (typeof window === "undefined" || typeof navigator === "undefined") {
+    return false;
+  }
+  const md = new MobileDetect(window.navigator.userAgent);
+  return md.mobile() !== null || md.tablet() !== null;
+}
+
 // src/utils/walletConnectDeepLink.ts
 var clearExistingDeepLinkListeners = () => {
   const existingListeners = window.__aurumDeepLinkListeners ?? [];
@@ -2161,7 +2156,7 @@ var registerGlobalCleanup = (cleanupFn) => {
 };
 
 // src/hooks/useConnectSelectedWallet.tsx
-import { WalletId as WalletId8 } from "@aurum-sdk/types";
+import { WalletId as WalletId6 } from "@aurum-sdk/types";
 var useConnectSelectedWallet = () => {
   const { navigateTo } = useNavigation();
   const connectInstalledWallet = async ({ adapter, onConnect, setSuccess }) => {
@@ -2181,7 +2176,7 @@ var useConnectSelectedWallet = () => {
     }
   };
   const connectUninstalledWalletQRCode = async ({ displayedWallets, onConnect, setSuccess }) => {
-    const walletConnectAdapter = displayedWallets?.find(({ id }) => id === WalletId8.WalletConnect);
+    const walletConnectAdapter = displayedWallets?.find(({ id }) => id === WalletId6.WalletConnect);
     if (!walletConnectAdapter) {
       sentryLogger.error("connectUninstalledWalletQRCode: WalletConnect adapter not found");
       throw new Error("WalletConnect adapter not found");
@@ -2207,7 +2202,7 @@ var useConnectSelectedWallet = () => {
     onConnect,
     setSuccess
   }) => {
-    const walletConnectAdapter = displayedWallets?.find(({ id }) => id === WalletId8.WalletConnect);
+    const walletConnectAdapter = displayedWallets?.find(({ id }) => id === WalletId6.WalletConnect);
     if (!walletConnectAdapter) {
       sentryLogger.error("connectWithMobileDeepLink: WalletConnect adapter not found");
       throw new Error("WalletConnect adapter not found");
@@ -2239,13 +2234,20 @@ var useConnectSelectedWallet = () => {
       throw error;
     }
   };
-  const connectAppKit = async ({ adapter, onConnect, setSuccess }) => {
+  const connectWalletConnectModal = async ({ adapter, onConnect, setSuccess }) => {
     try {
-      const { address, provider } = await adapter.connect();
+      if (!adapter.openModal) {
+        throw new Error("Adapter does not support openModal");
+      }
+      const { address, provider } = await adapter.openModal();
       setSuccess?.(true);
-      setTimeout(() => {
+      if (isMobile()) {
         onConnect({ walletId: adapter.id, address, provider });
-      }, 1e3);
+      } else {
+        setTimeout(() => {
+          onConnect({ walletId: adapter.id, address, provider });
+        }, 1e3);
+      }
     } catch (error) {
       if (isConfigError(error)) {
         navigateTo(PAGE_IDS.CONFIG_ERROR);
@@ -2259,7 +2261,7 @@ var useConnectSelectedWallet = () => {
   return {
     // Both mobile and desktop
     connectInstalledWallet,
-    connectAppKit,
+    connectWalletConnectModal,
     redirectToDownloadPage,
     // Desktop only
     connectUninstalledWalletQRCode,
@@ -2269,7 +2271,7 @@ var useConnectSelectedWallet = () => {
 };
 
 // src/contexts/ConnectModalContext.tsx
-import { WalletId as WalletId9 } from "@aurum-sdk/types";
+import { WalletId as WalletId7 } from "@aurum-sdk/types";
 import { jsx as jsx43 } from "react/jsx-runtime";
 var ConnectModalContext = createContext4(null);
 var useConnectModal = () => {
@@ -2286,9 +2288,10 @@ var ConnectModalProvider = ({ children, displayedWallets, onConnect }) => {
     connectInstalledWallet,
     connectWithMobileDeepLink,
     connectUninstalledWalletQRCode,
-    connectAppKit
+    connectWalletConnectModal
   } = useConnectSelectedWallet();
   const [error, setError] = useState13(false);
+  const [errorCode, setErrorCode] = useState13(null);
   const [configError, setConfigError] = useState13(false);
   const [success, setSuccess] = useState13(false);
   const [qrSuccess, setQrSuccess] = useState13(false);
@@ -2296,6 +2299,7 @@ var ConnectModalProvider = ({ children, displayedWallets, onConnect }) => {
   const connectWallet = async (wallet) => {
     try {
       setError(false);
+      setErrorCode(null);
       setConfigError(false);
       setSuccess(false);
       setQrSuccess(false);
@@ -2304,12 +2308,10 @@ var ConnectModalProvider = ({ children, displayedWallets, onConnect }) => {
       const isDesktop = !isOnMobile;
       const hasDeepLink = Boolean(wallet.wcDeepLinkUrl);
       if (isDesktop) {
-        if (wallet.id === WalletId9.AppKit)
-          return await connectAppKit({ adapter: wallet, onConnect, setSuccess: setQrSuccess });
         if (!wallet.isInstalled() && !hasDeepLink) {
           return await redirectToDownloadPage();
         }
-        if (wallet.id === WalletId9.WalletConnect || !wallet.isInstalled())
+        if (wallet.id === WalletId7.WalletConnect || !wallet.isInstalled())
           return await connectUninstalledWalletQRCode({
             adapter: wallet,
             displayedWallets,
@@ -2319,13 +2321,13 @@ var ConnectModalProvider = ({ children, displayedWallets, onConnect }) => {
         return await connectInstalledWallet({ adapter: wallet, onConnect, setSuccess });
       }
       if (isOnMobile) {
-        if (wallet.id === WalletId9.WalletConnect || wallet.id === WalletId9.AppKit) {
-          const appkitAdapter = displayedWallets?.find(({ id }) => id === WalletId9.AppKit);
-          if (!appkitAdapter) {
-            sentryLogger.error("AppKit adapter not found");
-            throw new Error("AppKit adapter not found");
+        if (wallet.id === WalletId7.WalletConnect) {
+          const wcAdapter = displayedWallets?.find(({ id }) => id === WalletId7.WalletConnect);
+          if (!wcAdapter) {
+            sentryLogger.error("WalletConnect adapter not found");
+            throw new Error("WalletConnect adapter not found");
           }
-          return await connectAppKit({ adapter: appkitAdapter, onConnect, setSuccess: setQrSuccess });
+          return await connectWalletConnectModal({ adapter: wcAdapter, onConnect, setSuccess: setQrSuccess });
         }
         if (wallet.isInstalled()) return await connectInstalledWallet({ adapter: wallet, onConnect, setSuccess });
         if (hasDeepLink) {
@@ -2335,6 +2337,7 @@ var ConnectModalProvider = ({ children, displayedWallets, onConnect }) => {
       }
     } catch (err) {
       setError(true);
+      setErrorCode(err?.code ?? null);
       if (isConfigError(err)) {
         setConfigError(true);
       }
@@ -2343,16 +2346,29 @@ var ConnectModalProvider = ({ children, displayedWallets, onConnect }) => {
   const retryConnection = () => {
     if (selectedWallet) connectWallet(selectedWallet);
   };
+  const openWalletConnectModal = async () => {
+    const wcAdapter = displayedWallets?.find(({ id }) => id === WalletId7.WalletConnect);
+    if (!wcAdapter) {
+      sentryLogger.error("WalletConnect adapter not found");
+      return;
+    }
+    try {
+      await connectWalletConnectModal({ adapter: wcAdapter, onConnect, setSuccess: setQrSuccess });
+    } catch {
+    }
+  };
   const goBackToHome = () => {
     navigateTo(PAGE_IDS.SELECT_WALLET);
     setSelectedWallet(null);
     setError(false);
+    setErrorCode(null);
     setConfigError(false);
     setSuccess(false);
     setQrSuccess(false);
   };
   const contextValue = {
     error,
+    errorCode,
     configError,
     success,
     qrSuccess,
@@ -2360,6 +2376,7 @@ var ConnectModalProvider = ({ children, displayedWallets, onConnect }) => {
     displayedWallets,
     goBackToHome,
     connectWallet,
+    openWalletConnectModal,
     retryConnection,
     setSelectedWallet,
     setSuccess,
@@ -2431,9 +2448,8 @@ export {
   initSentry,
   sentryLogger,
   createConfigError,
-  isMobile,
   ConnectUIProviders,
   ConnectPages,
   generateCompleteStyles
 };
-//# sourceMappingURL=chunk-BSMOPBPL.mjs.map
+//# sourceMappingURL=chunk-DPFIEHZ6.mjs.map