@dubsdotapp/expo 0.1.1 → 0.1.2

package/dist/index.mjs

@@ -915,13 +915,16 @@ function useAuth() {
   };
 }
 
-// src/ui/ConnectWalletScreen.tsx
+// src/ui/AuthGate.tsx
+import { useState as useState9, useEffect as useEffect5, useRef as useRef2, useCallback as useCallback9 } from "react";
 import {
   View,
   Text,
+  TextInput,
   TouchableOpacity,
   ActivityIndicator,
-  StyleSheet
+  StyleSheet,
+  Keyboard
 } from "react-native";
 
 // src/ui/theme.ts
@@ -963,20 +966,206 @@ function useDubsTheme() {
   return scheme === "light" ? light : dark;
 }
 
-// src/ui/ConnectWalletScreen.tsx
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
-function ConnectWalletScreen({
-  onConnect,
-  connecting = false,
-  error = null,
+// src/ui/AuthGate.tsx
+import { Fragment, jsx as jsx2, jsxs } from "react/jsx-runtime";
+function AuthGate({
+  children,
+  onSaveToken,
+  onLoadToken,
+  renderLoading,
+  renderError,
+  renderRegistration,
   appName = "Dubs"
+}) {
+  const { client } = useDubs();
+  const auth = useAuth();
+  const [phase, setPhase] = useState9("init");
+  const [registrationPhase, setRegistrationPhase] = useState9(false);
+  useEffect5(() => {
+    let cancelled = false;
+    (async () => {
+      try {
+        const savedToken = await onLoadToken();
+        if (cancelled) return;
+        if (savedToken) {
+          const restored = await auth.restoreSession(savedToken);
+          if (cancelled) return;
+          if (restored) {
+            setPhase("active");
+            return;
+          }
+          await onSaveToken(null);
+        }
+        if (cancelled) return;
+        setPhase("active");
+        await auth.authenticate();
+      } catch {
+        if (!cancelled) setPhase("active");
+      }
+    })();
+    return () => {
+      cancelled = true;
+    };
+  }, []);
+  useEffect5(() => {
+    if (auth.status === "needsRegistration") {
+      setRegistrationPhase(true);
+    }
+  }, [auth.status]);
+  useEffect5(() => {
+    if (auth.token) {
+      onSaveToken(auth.token);
+    }
+  }, [auth.token]);
+  const retry = useCallback9(() => {
+    setRegistrationPhase(false);
+    auth.reset();
+    auth.authenticate();
+  }, [auth]);
+  const handleRegister = useCallback9(
+    (username, referralCode) => {
+      auth.register(username, referralCode);
+    },
+    [auth]
+  );
+  if (phase === "init") {
+    if (renderLoading) return /* @__PURE__ */ jsx2(Fragment, { children: renderLoading("authenticating") });
+    return /* @__PURE__ */ jsx2(DefaultLoadingScreen, { status: "authenticating", appName });
+  }
+  if (auth.status === "authenticated") {
+    return /* @__PURE__ */ jsx2(Fragment, { children });
+  }
+  if (registrationPhase) {
+    const isRegistering = auth.status === "registering";
+    const regError = auth.status === "error" ? auth.error : null;
+    if (renderRegistration) {
+      return /* @__PURE__ */ jsx2(Fragment, { children: renderRegistration({
+        onRegister: handleRegister,
+        registering: isRegistering,
+        error: regError,
+        client
+      }) });
+    }
+    return /* @__PURE__ */ jsx2(
+      DefaultRegistrationScreen,
+      {
+        onRegister: handleRegister,
+        registering: isRegistering,
+        error: regError,
+        client,
+        appName
+      }
+    );
+  }
+  if (auth.status === "error" && auth.error) {
+    if (renderError) return /* @__PURE__ */ jsx2(Fragment, { children: renderError(auth.error, retry) });
+    return /* @__PURE__ */ jsx2(DefaultErrorScreen, { error: auth.error, onRetry: retry, appName });
+  }
+  if (renderLoading) return /* @__PURE__ */ jsx2(Fragment, { children: renderLoading(auth.status) });
+  return /* @__PURE__ */ jsx2(DefaultLoadingScreen, { status: auth.status, appName });
+}
+function DefaultLoadingScreen({
+  status,
+  appName
+}) {
+  const t = useDubsTheme();
+  const statusText = {
+    idle: "Initializing...",
+    authenticating: "Connecting...",
+    signing: "Approve in your wallet...",
+    verifying: "Verifying...",
+    registering: "Creating account...",
+    needsRegistration: "Almost there...",
+    authenticated: "Ready!",
+    error: "Something went wrong"
+  };
+  return /* @__PURE__ */ jsx2(View, { style: [styles.container, { backgroundColor: t.background }], children: /* @__PURE__ */ jsxs(View, { style: styles.centerContent, children: [
+    /* @__PURE__ */ jsxs(View, { style: styles.brandingSection, children: [
+      /* @__PURE__ */ jsx2(View, { style: [styles.logoCircle, { backgroundColor: t.accent }], children: /* @__PURE__ */ jsx2(Text, { style: styles.logoText, children: "D" }) }),
+      /* @__PURE__ */ jsx2(Text, { style: [styles.appName, { color: t.text }], children: appName })
+    ] }),
+    /* @__PURE__ */ jsxs(View, { style: styles.loadingSection, children: [
+      /* @__PURE__ */ jsx2(ActivityIndicator, { size: "large", color: t.accent }),
+      /* @__PURE__ */ jsx2(Text, { style: [styles.statusText, { color: t.textMuted }], children: statusText[status] || "Loading..." })
+    ] })
+  ] }) });
+}
+function DefaultErrorScreen({
+  error,
+  onRetry,
+  appName
+}) {
+  const t = useDubsTheme();
+  return /* @__PURE__ */ jsx2(View, { style: [styles.container, { backgroundColor: t.background }], children: /* @__PURE__ */ jsxs(View, { style: styles.spreadContent, children: [
+    /* @__PURE__ */ jsxs(View, { style: styles.brandingSection, children: [
+      /* @__PURE__ */ jsx2(View, { style: [styles.logoCircle, { backgroundColor: t.accent }], children: /* @__PURE__ */ jsx2(Text, { style: styles.logoText, children: "D" }) }),
+      /* @__PURE__ */ jsx2(Text, { style: [styles.appName, { color: t.text }], children: appName })
+    ] }),
+    /* @__PURE__ */ jsxs(View, { style: styles.actionSection, children: [
+      /* @__PURE__ */ jsx2(
+        View,
+        {
+          style: [
+            styles.errorBox,
+            { backgroundColor: t.errorBg, borderColor: t.errorBorder }
+          ],
+          children: /* @__PURE__ */ jsx2(Text, { style: [styles.errorText, { color: t.errorText }], children: error.message })
+        }
+      ),
+      /* @__PURE__ */ jsx2(
+        TouchableOpacity,
+        {
+          style: [styles.button, { backgroundColor: t.accent }],
+          onPress: onRetry,
+          activeOpacity: 0.8,
+          children: /* @__PURE__ */ jsx2(Text, { style: styles.buttonText, children: "Try Again" })
+        }
+      )
+    ] })
+  ] }) });
+}
+function DefaultRegistrationScreen({
+  onRegister,
+  registering,
+  error,
+  client,
+  appName
 }) {
   const t = useDubsTheme();
-  return /* @__PURE__ */ jsx2(View, { style: [styles.container, { backgroundColor: t.background }], children: /* @__PURE__ */ jsxs(View, { style: styles.content, children: [
+  const [username, setUsername] = useState9("");
+  const [referralCode, setReferralCode] = useState9("");
+  const [checking, setChecking] = useState9(false);
+  const [availability, setAvailability] = useState9(null);
+  const debounceRef = useRef2(null);
+  useEffect5(() => {
+    if (debounceRef.current) clearTimeout(debounceRef.current);
+    const trimmed = username.trim();
+    if (trimmed.length < 3) {
+      setAvailability(null);
+      setChecking(false);
+      return;
+    }
+    setChecking(true);
+    debounceRef.current = setTimeout(async () => {
+      try {
+        const result = await client.checkUsername(trimmed);
+        setAvailability(result);
+      } catch {
+        setAvailability(null);
+      } finally {
+        setChecking(false);
+      }
+    }, 500);
+    return () => {
+      if (debounceRef.current) clearTimeout(debounceRef.current);
+    };
+  }, [username, client]);
+  const canSubmit = username.trim().length >= 3 && availability?.available === true && !registering && !checking;
+  return /* @__PURE__ */ jsx2(View, { style: [styles.container, { backgroundColor: t.background }], children: /* @__PURE__ */ jsxs(View, { style: styles.spreadContent, children: [
     /* @__PURE__ */ jsxs(View, { style: styles.brandingSection, children: [
       /* @__PURE__ */ jsx2(View, { style: [styles.logoCircle, { backgroundColor: t.accent }], children: /* @__PURE__ */ jsx2(Text, { style: styles.logoText, children: "D" }) }),
       /* @__PURE__ */ jsx2(Text, { style: [styles.appName, { color: t.text }], children: appName }),
-      /* @__PURE__ */ jsx2(Text, { style: [styles.subtitle, { color: t.textMuted }], children: "Connect your Solana wallet to get started" })
+      /* @__PURE__ */ jsx2(Text, { style: [styles.subtitle, { color: t.textMuted }], children: "Choose a username to get started" })
     ] }),
     /* @__PURE__ */ jsxs(View, { style: styles.actionSection, children: [
       error ? /* @__PURE__ */ jsx2(
@@ -986,24 +1175,221 @@ function ConnectWalletScreen({
             styles.errorBox,
             { backgroundColor: t.errorBg, borderColor: t.errorBorder }
           ],
-          children: /* @__PURE__ */ jsx2(Text, { style: [styles.errorText, { color: t.errorText }], children: error })
+          children: /* @__PURE__ */ jsx2(Text, { style: [styles.errorText, { color: t.errorText }], children: error.message })
         }
       ) : null,
+      /* @__PURE__ */ jsxs(View, { children: [
+        /* @__PURE__ */ jsx2(
+          TextInput,
+          {
+            style: [
+              styles.input,
+              {
+                backgroundColor: t.surface,
+                color: t.text,
+                borderColor: t.border
+              }
+            ],
+            placeholder: "Username",
+            placeholderTextColor: t.textDim,
+            value: username,
+            onChangeText: setUsername,
+            autoCapitalize: "none",
+            autoCorrect: false,
+            editable: !registering
+          }
+        ),
+        checking ? /* @__PURE__ */ jsx2(Text, { style: [styles.availabilityHint, { color: t.textDim }], children: "Checking..." }) : availability ? /* @__PURE__ */ jsx2(
+          Text,
+          {
+            style: [
+              styles.availabilityHint,
+              {
+                color: availability.available ? t.success : t.errorText
+              }
+            ],
+            children: availability.available ? "Available!" : availability.reason || "Username taken"
+          }
+        ) : username.trim().length > 0 && username.trim().length < 3 ? /* @__PURE__ */ jsx2(Text, { style: [styles.availabilityHint, { color: t.textDim }], children: "At least 3 characters" }) : null
+      ] }),
+      /* @__PURE__ */ jsx2(
+        TextInput,
+        {
+          style: [
+            styles.input,
+            {
+              backgroundColor: t.surface,
+              color: t.text,
+              borderColor: t.border
+            }
+          ],
+          placeholder: "Referral code (optional)",
+          placeholderTextColor: t.textDim,
+          value: referralCode,
+          onChangeText: setReferralCode,
+          autoCapitalize: "none",
+          autoCorrect: false,
+          editable: !registering
+        }
+      ),
       /* @__PURE__ */ jsx2(
         TouchableOpacity,
         {
-          style: [styles.connectButton, { backgroundColor: t.accent }],
+          style: [
+            styles.button,
+            { backgroundColor: t.accent, opacity: canSubmit ? 1 : 0.5 }
+          ],
+          onPress: () => {
+            Keyboard.dismiss();
+            onRegister(username.trim(), referralCode.trim() || void 0);
+          },
+          disabled: !canSubmit,
+          activeOpacity: 0.8,
+          children: registering ? /* @__PURE__ */ jsx2(ActivityIndicator, { color: "#FFFFFF", size: "small" }) : /* @__PURE__ */ jsx2(Text, { style: styles.buttonText, children: "Create Account" })
+        }
+      )
+    ] })
+  ] }) });
+}
+var styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: "center"
+  },
+  centerContent: {
+    flex: 1,
+    justifyContent: "center",
+    alignItems: "center",
+    paddingHorizontal: 32,
+    gap: 48
+  },
+  spreadContent: {
+    flex: 1,
+    justifyContent: "space-between",
+    paddingHorizontal: 32,
+    paddingTop: 120,
+    paddingBottom: 80
+  },
+  brandingSection: {
+    alignItems: "center",
+    gap: 12
+  },
+  logoCircle: {
+    width: 80,
+    height: 80,
+    borderRadius: 40,
+    justifyContent: "center",
+    alignItems: "center",
+    marginBottom: 8
+  },
+  logoText: {
+    fontSize: 36,
+    fontWeight: "800",
+    color: "#FFFFFF"
+  },
+  appName: {
+    fontSize: 32,
+    fontWeight: "800"
+  },
+  subtitle: {
+    fontSize: 16,
+    textAlign: "center",
+    lineHeight: 22
+  },
+  loadingSection: {
+    alignItems: "center",
+    gap: 16
+  },
+  statusText: {
+    fontSize: 16,
+    textAlign: "center"
+  },
+  actionSection: {
+    gap: 16
+  },
+  errorBox: {
+    borderWidth: 1,
+    borderRadius: 12,
+    paddingHorizontal: 16,
+    paddingVertical: 12
+  },
+  errorText: {
+    fontSize: 14,
+    textAlign: "center"
+  },
+  input: {
+    height: 56,
+    borderRadius: 16,
+    borderWidth: 1,
+    paddingHorizontal: 16,
+    fontSize: 16
+  },
+  availabilityHint: {
+    fontSize: 13,
+    marginTop: 6,
+    paddingLeft: 4
+  },
+  button: {
+    height: 56,
+    borderRadius: 16,
+    justifyContent: "center",
+    alignItems: "center"
+  },
+  buttonText: {
+    color: "#FFFFFF",
+    fontSize: 18,
+    fontWeight: "700"
+  }
+});
+
+// src/ui/ConnectWalletScreen.tsx
+import {
+  View as View2,
+  Text as Text2,
+  TouchableOpacity as TouchableOpacity2,
+  ActivityIndicator as ActivityIndicator2,
+  StyleSheet as StyleSheet2
+} from "react-native";
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+function ConnectWalletScreen({
+  onConnect,
+  connecting = false,
+  error = null,
+  appName = "Dubs"
+}) {
+  const t = useDubsTheme();
+  return /* @__PURE__ */ jsx3(View2, { style: [styles2.container, { backgroundColor: t.background }], children: /* @__PURE__ */ jsxs2(View2, { style: styles2.content, children: [
+    /* @__PURE__ */ jsxs2(View2, { style: styles2.brandingSection, children: [
+      /* @__PURE__ */ jsx3(View2, { style: [styles2.logoCircle, { backgroundColor: t.accent }], children: /* @__PURE__ */ jsx3(Text2, { style: styles2.logoText, children: "D" }) }),
+      /* @__PURE__ */ jsx3(Text2, { style: [styles2.appName, { color: t.text }], children: appName }),
+      /* @__PURE__ */ jsx3(Text2, { style: [styles2.subtitle, { color: t.textMuted }], children: "Connect your Solana wallet to get started" })
+    ] }),
+    /* @__PURE__ */ jsxs2(View2, { style: styles2.actionSection, children: [
+      error ? /* @__PURE__ */ jsx3(
+        View2,
+        {
+          style: [
+            styles2.errorBox,
+            { backgroundColor: t.errorBg, borderColor: t.errorBorder }
+          ],
+          children: /* @__PURE__ */ jsx3(Text2, { style: [styles2.errorText, { color: t.errorText }], children: error })
+        }
+      ) : null,
+      /* @__PURE__ */ jsx3(
+        TouchableOpacity2,
+        {
+          style: [styles2.connectButton, { backgroundColor: t.accent }],
           onPress: onConnect,
           disabled: connecting,
           activeOpacity: 0.8,
-          children: connecting ? /* @__PURE__ */ jsx2(ActivityIndicator, { color: "#FFFFFF", size: "small" }) : /* @__PURE__ */ jsx2(Text, { style: styles.connectButtonText, children: "Connect Wallet" })
+          children: connecting ? /* @__PURE__ */ jsx3(ActivityIndicator2, { color: "#FFFFFF", size: "small" }) : /* @__PURE__ */ jsx3(Text2, { style: styles2.connectButtonText, children: "Connect Wallet" })
         }
       ),
-      /* @__PURE__ */ jsx2(Text, { style: [styles.hint, { color: t.textDim }], children: "Phantom, Solflare, or any Solana wallet" })
+      /* @__PURE__ */ jsx3(Text2, { style: [styles2.hint, { color: t.textDim }], children: "Phantom, Solflare, or any Solana wallet" })
     ] })
   ] }) });
 }
-var styles = StyleSheet.create({
+var styles2 = StyleSheet2.create({
   container: {
     flex: 1,
     justifyContent: "center"
@@ -1073,8 +1459,8 @@ var styles = StyleSheet.create({
 
 // src/ui/UserProfileCard.tsx
 import { useMemo as useMemo2 } from "react";
-import { View as View2, Text as Text2, Image, StyleSheet as StyleSheet2 } from "react-native";
-import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+import { View as View3, Text as Text3, Image, StyleSheet as StyleSheet3 } from "react-native";
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 function truncateAddress(address, chars = 4) {
   if (address.length <= chars * 2 + 3) return address;
   return `${address.slice(0, chars)}...${address.slice(-chars)}`;
@@ -1096,16 +1482,16 @@ function UserProfileCard({
     () => avatarUrl || `https://api.dicebear.com/9.x/avataaars/png?seed=${walletAddress}&size=128`,
     [avatarUrl, walletAddress]
   );
-  return /* @__PURE__ */ jsxs2(View2, { style: [styles2.card, { backgroundColor: t.surface, borderColor: t.border }], children: [
-    /* @__PURE__ */ jsx3(Image, { source: { uri: imageUri }, style: styles2.avatar }),
-    /* @__PURE__ */ jsxs2(View2, { style: styles2.info, children: [
-      username ? /* @__PURE__ */ jsx3(Text2, { style: [styles2.username, { color: t.text }], children: username }) : null,
-      /* @__PURE__ */ jsx3(Text2, { style: [styles2.address, { color: t.textMuted }], children: truncateAddress(walletAddress) }),
-      memberSince ? /* @__PURE__ */ jsx3(Text2, { style: [styles2.memberSince, { color: t.textDim }], children: formatMemberSince(memberSince) }) : null
+  return /* @__PURE__ */ jsxs3(View3, { style: [styles3.card, { backgroundColor: t.surface, borderColor: t.border }], children: [
+    /* @__PURE__ */ jsx4(Image, { source: { uri: imageUri }, style: styles3.avatar }),
+    /* @__PURE__ */ jsxs3(View3, { style: styles3.info, children: [
+      username ? /* @__PURE__ */ jsx4(Text3, { style: [styles3.username, { color: t.text }], children: username }) : null,
+      /* @__PURE__ */ jsx4(Text3, { style: [styles3.address, { color: t.textMuted }], children: truncateAddress(walletAddress) }),
+      memberSince ? /* @__PURE__ */ jsx4(Text3, { style: [styles3.memberSince, { color: t.textDim }], children: formatMemberSince(memberSince) }) : null
     ] })
   ] });
 }
-var styles2 = StyleSheet2.create({
+var styles3 = StyleSheet3.create({
   card: {
     flexDirection: "row",
     alignItems: "center",
@@ -1140,14 +1526,14 @@ var styles2 = StyleSheet2.create({
 
 // src/ui/SettingsSheet.tsx
 import {
-  View as View3,
-  Text as Text3,
+  View as View4,
+  Text as Text4,
   ScrollView,
-  TouchableOpacity as TouchableOpacity2,
-  ActivityIndicator as ActivityIndicator2,
-  StyleSheet as StyleSheet3
+  TouchableOpacity as TouchableOpacity3,
+  ActivityIndicator as ActivityIndicator3,
+  StyleSheet as StyleSheet4
 } from "react-native";
-import { Fragment, jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
 function truncateAddress2(address, chars = 4) {
   if (address.length <= chars * 2 + 3) return address;
   return `${address.slice(0, chars)}...${address.slice(-chars)}`;
@@ -1164,13 +1550,13 @@ function SettingsSheet({
   loggingOut = false
 }) {
   const t = useDubsTheme();
-  return /* @__PURE__ */ jsxs3(
+  return /* @__PURE__ */ jsxs4(
     ScrollView,
     {
-      style: [styles3.container, { backgroundColor: t.background }],
-      contentContainerStyle: styles3.content,
+      style: [styles4.container, { backgroundColor: t.background }],
+      contentContainerStyle: styles4.content,
       children: [
-        /* @__PURE__ */ jsx4(
+        /* @__PURE__ */ jsx5(
           UserProfileCard,
           {
             walletAddress,
@@ -1179,49 +1565,49 @@ function SettingsSheet({
             memberSince
           }
         ),
-        /* @__PURE__ */ jsxs3(View3, { style: [styles3.actionsCard, { backgroundColor: t.surface, borderColor: t.border }], children: [
-          onCopyAddress ? /* @__PURE__ */ jsxs3(
-            TouchableOpacity2,
+        /* @__PURE__ */ jsxs4(View4, { style: [styles4.actionsCard, { backgroundColor: t.surface, borderColor: t.border }], children: [
+          onCopyAddress ? /* @__PURE__ */ jsxs4(
+            TouchableOpacity3,
             {
-              style: styles3.actionRow,
+              style: styles4.actionRow,
               onPress: onCopyAddress,
               activeOpacity: 0.7,
               children: [
-                /* @__PURE__ */ jsxs3(View3, { style: styles3.actionRowLeft, children: [
-                  /* @__PURE__ */ jsx4(Text3, { style: [styles3.actionLabel, { color: t.text }], children: "Wallet Address" }),
-                  /* @__PURE__ */ jsx4(Text3, { style: [styles3.actionValue, { color: t.textMuted }], children: truncateAddress2(walletAddress) })
+                /* @__PURE__ */ jsxs4(View4, { style: styles4.actionRowLeft, children: [
+                  /* @__PURE__ */ jsx5(Text4, { style: [styles4.actionLabel, { color: t.text }], children: "Wallet Address" }),
+                  /* @__PURE__ */ jsx5(Text4, { style: [styles4.actionValue, { color: t.textMuted }], children: truncateAddress2(walletAddress) })
                 ] }),
-                /* @__PURE__ */ jsx4(Text3, { style: [styles3.copyLabel, { color: t.accent }], children: "Copy" })
+                /* @__PURE__ */ jsx5(Text4, { style: [styles4.copyLabel, { color: t.accent }], children: "Copy" })
               ]
             }
           ) : null,
-          onSupport ? /* @__PURE__ */ jsxs3(Fragment, { children: [
-            onCopyAddress ? /* @__PURE__ */ jsx4(View3, { style: [styles3.separator, { backgroundColor: t.border }] }) : null,
-            /* @__PURE__ */ jsxs3(
-              TouchableOpacity2,
+          onSupport ? /* @__PURE__ */ jsxs4(Fragment2, { children: [
+            onCopyAddress ? /* @__PURE__ */ jsx5(View4, { style: [styles4.separator, { backgroundColor: t.border }] }) : null,
+            /* @__PURE__ */ jsxs4(
+              TouchableOpacity3,
               {
-                style: styles3.actionRow,
+                style: styles4.actionRow,
                 onPress: onSupport,
                 activeOpacity: 0.7,
                 children: [
-                  /* @__PURE__ */ jsx4(Text3, { style: [styles3.actionLabel, { color: t.text }], children: "Help & Support" }),
-                  /* @__PURE__ */ jsx4(Text3, { style: [styles3.chevron, { color: t.textMuted }], children: "\u203A" })
+                  /* @__PURE__ */ jsx5(Text4, { style: [styles4.actionLabel, { color: t.text }], children: "Help & Support" }),
+                  /* @__PURE__ */ jsx5(Text4, { style: [styles4.chevron, { color: t.textMuted }], children: "\u203A" })
                 ]
               }
             )
           ] }) : null
         ] }),
-        /* @__PURE__ */ jsx4(
-          TouchableOpacity2,
+        /* @__PURE__ */ jsx5(
+          TouchableOpacity3,
           {
-            style: [styles3.logoutButton, { borderColor: t.live }],
+            style: [styles4.logoutButton, { borderColor: t.live }],
             onPress: onLogout,
             disabled: loggingOut,
             activeOpacity: 0.7,
-            children: loggingOut ? /* @__PURE__ */ jsx4(ActivityIndicator2, { color: t.live, size: "small" }) : /* @__PURE__ */ jsx4(Text3, { style: [styles3.logoutText, { color: t.live }], children: "Log Out" })
+            children: loggingOut ? /* @__PURE__ */ jsx5(ActivityIndicator3, { color: t.live, size: "small" }) : /* @__PURE__ */ jsx5(Text4, { style: [styles4.logoutText, { color: t.live }], children: "Log Out" })
           }
         ),
-        appVersion ? /* @__PURE__ */ jsxs3(Text3, { style: [styles3.version, { color: t.textDim }], children: [
+        appVersion ? /* @__PURE__ */ jsxs4(Text4, { style: [styles4.version, { color: t.textDim }], children: [
           "v",
           appVersion
         ] }) : null
@@ -1229,7 +1615,7 @@ function SettingsSheet({
     }
   );
 }
-var styles3 = StyleSheet3.create({
+var styles4 = StyleSheet4.create({
   container: {
     flex: 1
   },
@@ -1291,6 +1677,7 @@ var styles3 = StyleSheet3.create({
   }
 });
 export {
+  AuthGate,
   ConnectWalletScreen,
   DEFAULT_BASE_URL,
   DEFAULT_RPC_URL,