@dubsdotapp/expo 0.1.0 → 0.1.2

package/dist/index.js

@@ -30,6 +30,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var index_exports = {};
 __export(index_exports, {
+  AuthGate: () => AuthGate,
   ConnectWalletScreen: () => ConnectWalletScreen,
   DEFAULT_BASE_URL: () => DEFAULT_BASE_URL,
   DEFAULT_RPC_URL: () => DEFAULT_RPC_URL,
@@ -973,7 +974,8 @@ function useAuth() {
   };
 }
 
-// src/ui/ConnectWalletScreen.tsx
+// src/ui/AuthGate.tsx
+var import_react10 = require("react");
 var import_react_native2 = require("react-native");
 
 // src/ui/theme.ts
@@ -1015,20 +1017,206 @@ function useDubsTheme() {
   return scheme === "light" ? light : dark;
 }
 
-// src/ui/ConnectWalletScreen.tsx
+// src/ui/AuthGate.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
-function ConnectWalletScreen({
-  onConnect,
-  connecting = false,
-  error = null,
+function AuthGate({
+  children,
+  onSaveToken,
+  onLoadToken,
+  renderLoading,
+  renderError,
+  renderRegistration,
   appName = "Dubs"
+}) {
+  const { client } = useDubs();
+  const auth = useAuth();
+  const [phase, setPhase] = (0, import_react10.useState)("init");
+  const [registrationPhase, setRegistrationPhase] = (0, import_react10.useState)(false);
+  (0, import_react10.useEffect)(() => {
+    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;
+    };
+  }, []);
+  (0, import_react10.useEffect)(() => {
+    if (auth.status === "needsRegistration") {
+      setRegistrationPhase(true);
+    }
+  }, [auth.status]);
+  (0, import_react10.useEffect)(() => {
+    if (auth.token) {
+      onSaveToken(auth.token);
+    }
+  }, [auth.token]);
+  const retry = (0, import_react10.useCallback)(() => {
+    setRegistrationPhase(false);
+    auth.reset();
+    auth.authenticate();
+  }, [auth]);
+  const handleRegister = (0, import_react10.useCallback)(
+    (username, referralCode) => {
+      auth.register(username, referralCode);
+    },
+    [auth]
+  );
+  if (phase === "init") {
+    if (renderLoading) return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_jsx_runtime2.Fragment, { children: renderLoading("authenticating") });
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(DefaultLoadingScreen, { status: "authenticating", appName });
+  }
+  if (auth.status === "authenticated") {
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_jsx_runtime2.Fragment, { children });
+  }
+  if (registrationPhase) {
+    const isRegistering = auth.status === "registering";
+    const regError = auth.status === "error" ? auth.error : null;
+    if (renderRegistration) {
+      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_jsx_runtime2.Fragment, { children: renderRegistration({
+        onRegister: handleRegister,
+        registering: isRegistering,
+        error: regError,
+        client
+      }) });
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      DefaultRegistrationScreen,
+      {
+        onRegister: handleRegister,
+        registering: isRegistering,
+        error: regError,
+        client,
+        appName
+      }
+    );
+  }
+  if (auth.status === "error" && auth.error) {
+    if (renderError) return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_jsx_runtime2.Fragment, { children: renderError(auth.error, retry) });
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(DefaultErrorScreen, { error: auth.error, onRetry: retry, appName });
+  }
+  if (renderLoading) return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_jsx_runtime2.Fragment, { children: renderLoading(auth.status) });
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(DefaultLoadingScreen, { status: auth.status, appName });
+}
+function DefaultLoadingScreen({
+  status,
+  appName
 }) {
   const t = useDubsTheme();
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.View, { style: [styles.container, { backgroundColor: t.background }], children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native2.View, { style: styles.content, children: [
+  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__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.View, { style: [styles.container, { backgroundColor: t.background }], children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native2.View, { style: styles.centerContent, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native2.View, { style: styles.brandingSection, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.View, { style: [styles.logoCircle, { backgroundColor: t.accent }], children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.Text, { style: styles.logoText, children: "D" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.Text, { style: [styles.appName, { color: t.text }], children: appName })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native2.View, { style: styles.loadingSection, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.ActivityIndicator, { size: "large", color: t.accent }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.Text, { style: [styles.statusText, { color: t.textMuted }], children: statusText[status] || "Loading..." })
+    ] })
+  ] }) });
+}
+function DefaultErrorScreen({
+  error,
+  onRetry,
+  appName
+}) {
+  const t = useDubsTheme();
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.View, { style: [styles.container, { backgroundColor: t.background }], children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native2.View, { style: styles.spreadContent, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native2.View, { style: styles.brandingSection, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.View, { style: [styles.logoCircle, { backgroundColor: t.accent }], children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.Text, { style: styles.logoText, children: "D" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.Text, { style: [styles.appName, { color: t.text }], children: appName })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native2.View, { style: styles.actionSection, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        import_react_native2.View,
+        {
+          style: [
+            styles.errorBox,
+            { backgroundColor: t.errorBg, borderColor: t.errorBorder }
+          ],
+          children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.Text, { style: [styles.errorText, { color: t.errorText }], children: error.message })
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        import_react_native2.TouchableOpacity,
+        {
+          style: [styles.button, { backgroundColor: t.accent }],
+          onPress: onRetry,
+          activeOpacity: 0.8,
+          children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.Text, { style: styles.buttonText, children: "Try Again" })
+        }
+      )
+    ] })
+  ] }) });
+}
+function DefaultRegistrationScreen({
+  onRegister,
+  registering,
+  error,
+  client,
+  appName
+}) {
+  const t = useDubsTheme();
+  const [username, setUsername] = (0, import_react10.useState)("");
+  const [referralCode, setReferralCode] = (0, import_react10.useState)("");
+  const [checking, setChecking] = (0, import_react10.useState)(false);
+  const [availability, setAvailability] = (0, import_react10.useState)(null);
+  const debounceRef = (0, import_react10.useRef)(null);
+  (0, import_react10.useEffect)(() => {
+    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__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.View, { style: [styles.container, { backgroundColor: t.background }], children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native2.View, { style: styles.spreadContent, children: [
     /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native2.View, { style: styles.brandingSection, children: [
       /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.View, { style: [styles.logoCircle, { backgroundColor: t.accent }], children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.Text, { style: styles.logoText, children: "D" }) }),
       /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.Text, { style: [styles.appName, { color: t.text }], children: appName }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.Text, { style: [styles.subtitle, { color: t.textMuted }], children: "Connect your Solana wallet to get started" })
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.Text, { style: [styles.subtitle, { color: t.textMuted }], children: "Choose a username to get started" })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native2.View, { style: styles.actionSection, children: [
       error ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
@@ -1038,24 +1226,215 @@ function ConnectWalletScreen({
             styles.errorBox,
             { backgroundColor: t.errorBg, borderColor: t.errorBorder }
           ],
-          children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.Text, { style: [styles.errorText, { color: t.errorText }], children: error })
+          children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.Text, { style: [styles.errorText, { color: t.errorText }], children: error.message })
         }
       ) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native2.View, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          import_react_native2.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__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.Text, { style: [styles.availabilityHint, { color: t.textDim }], children: "Checking..." }) : availability ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          import_react_native2.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__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.Text, { style: [styles.availabilityHint, { color: t.textDim }], children: "At least 3 characters" }) : null
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        import_react_native2.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__ */ (0, import_jsx_runtime2.jsx)(
         import_react_native2.TouchableOpacity,
         {
-          style: [styles.connectButton, { backgroundColor: t.accent }],
+          style: [
+            styles.button,
+            { backgroundColor: t.accent, opacity: canSubmit ? 1 : 0.5 }
+          ],
+          onPress: () => {
+            import_react_native2.Keyboard.dismiss();
+            onRegister(username.trim(), referralCode.trim() || void 0);
+          },
+          disabled: !canSubmit,
+          activeOpacity: 0.8,
+          children: registering ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.ActivityIndicator, { color: "#FFFFFF", size: "small" }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.Text, { style: styles.buttonText, children: "Create Account" })
+        }
+      )
+    ] })
+  ] }) });
+}
+var styles = import_react_native2.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
+var import_react_native3 = require("react-native");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+function ConnectWalletScreen({
+  onConnect,
+  connecting = false,
+  error = null,
+  appName = "Dubs"
+}) {
+  const t = useDubsTheme();
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.View, { style: [styles2.container, { backgroundColor: t.background }], children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native3.View, { style: styles2.content, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native3.View, { style: styles2.brandingSection, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.View, { style: [styles2.logoCircle, { backgroundColor: t.accent }], children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.Text, { style: styles2.logoText, children: "D" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.Text, { style: [styles2.appName, { color: t.text }], children: appName }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.Text, { style: [styles2.subtitle, { color: t.textMuted }], children: "Connect your Solana wallet to get started" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native3.View, { style: styles2.actionSection, children: [
+      error ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        import_react_native3.View,
+        {
+          style: [
+            styles2.errorBox,
+            { backgroundColor: t.errorBg, borderColor: t.errorBorder }
+          ],
+          children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.Text, { style: [styles2.errorText, { color: t.errorText }], children: error })
+        }
+      ) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        import_react_native3.TouchableOpacity,
+        {
+          style: [styles2.connectButton, { backgroundColor: t.accent }],
           onPress: onConnect,
           disabled: connecting,
           activeOpacity: 0.8,
-          children: connecting ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.ActivityIndicator, { color: "#FFFFFF", size: "small" }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.Text, { style: styles.connectButtonText, children: "Connect Wallet" })
+          children: connecting ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.ActivityIndicator, { color: "#FFFFFF", size: "small" }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.Text, { style: styles2.connectButtonText, children: "Connect Wallet" })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.Text, { style: [styles.hint, { color: t.textDim }], children: "Phantom, Solflare, or any Solana wallet" })
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.Text, { style: [styles2.hint, { color: t.textDim }], children: "Phantom, Solflare, or any Solana wallet" })
     ] })
   ] }) });
 }
-var styles = import_react_native2.StyleSheet.create({
+var styles2 = import_react_native3.StyleSheet.create({
   container: {
     flex: 1,
     justifyContent: "center"
@@ -1124,9 +1503,9 @@ var styles = import_react_native2.StyleSheet.create({
 });
 
 // src/ui/UserProfileCard.tsx
-var import_react10 = require("react");
-var import_react_native3 = require("react-native");
-var import_jsx_runtime3 = require("react/jsx-runtime");
+var import_react11 = require("react");
+var import_react_native4 = require("react-native");
+var import_jsx_runtime4 = require("react/jsx-runtime");
 function truncateAddress(address, chars = 4) {
   if (address.length <= chars * 2 + 3) return address;
   return `${address.slice(0, chars)}...${address.slice(-chars)}`;
@@ -1144,20 +1523,20 @@ function UserProfileCard({
   memberSince
 }) {
   const t = useDubsTheme();
-  const imageUri = (0, import_react10.useMemo)(
+  const imageUri = (0, import_react11.useMemo)(
     () => avatarUrl || `https://api.dicebear.com/9.x/avataaars/png?seed=${walletAddress}&size=128`,
     [avatarUrl, walletAddress]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native3.View, { style: [styles2.card, { backgroundColor: t.surface, borderColor: t.border }], children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.Image, { source: { uri: imageUri }, style: styles2.avatar }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native3.View, { style: styles2.info, children: [
-      username ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.Text, { style: [styles2.username, { color: t.text }], children: username }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.Text, { style: [styles2.address, { color: t.textMuted }], children: truncateAddress(walletAddress) }),
-      memberSince ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.Text, { style: [styles2.memberSince, { color: t.textDim }], children: formatMemberSince(memberSince) }) : null
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react_native4.View, { style: [styles3.card, { backgroundColor: t.surface, borderColor: t.border }], children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native4.Image, { source: { uri: imageUri }, style: styles3.avatar }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react_native4.View, { style: styles3.info, children: [
+      username ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native4.Text, { style: [styles3.username, { color: t.text }], children: username }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native4.Text, { style: [styles3.address, { color: t.textMuted }], children: truncateAddress(walletAddress) }),
+      memberSince ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native4.Text, { style: [styles3.memberSince, { color: t.textDim }], children: formatMemberSince(memberSince) }) : null
     ] })
   ] });
 }
-var styles2 = import_react_native3.StyleSheet.create({
+var styles3 = import_react_native4.StyleSheet.create({
   card: {
     flexDirection: "row",
     alignItems: "center",
@@ -1191,8 +1570,8 @@ var styles2 = import_react_native3.StyleSheet.create({
 });
 
 // src/ui/SettingsSheet.tsx
-var import_react_native4 = require("react-native");
-var import_jsx_runtime4 = require("react/jsx-runtime");
+var import_react_native5 = require("react-native");
+var import_jsx_runtime5 = require("react/jsx-runtime");
 function truncateAddress2(address, chars = 4) {
   if (address.length <= chars * 2 + 3) return address;
   return `${address.slice(0, chars)}...${address.slice(-chars)}`;
@@ -1209,13 +1588,13 @@ function SettingsSheet({
   loggingOut = false
 }) {
   const t = useDubsTheme();
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
-    import_react_native4.ScrollView,
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+    import_react_native5.ScrollView,
     {
-      style: [styles3.container, { backgroundColor: t.background }],
-      contentContainerStyle: styles3.content,
+      style: [styles4.container, { backgroundColor: t.background }],
+      contentContainerStyle: styles4.content,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
           UserProfileCard,
           {
             walletAddress,
@@ -1224,49 +1603,49 @@ function SettingsSheet({
             memberSince
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react_native4.View, { style: [styles3.actionsCard, { backgroundColor: t.surface, borderColor: t.border }], children: [
-          onCopyAddress ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
-            import_react_native4.TouchableOpacity,
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react_native5.View, { style: [styles4.actionsCard, { backgroundColor: t.surface, borderColor: t.border }], children: [
+          onCopyAddress ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+            import_react_native5.TouchableOpacity,
             {
-              style: styles3.actionRow,
+              style: styles4.actionRow,
               onPress: onCopyAddress,
               activeOpacity: 0.7,
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react_native4.View, { style: styles3.actionRowLeft, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native4.Text, { style: [styles3.actionLabel, { color: t.text }], children: "Wallet Address" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native4.Text, { style: [styles3.actionValue, { color: t.textMuted }], children: truncateAddress2(walletAddress) })
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react_native5.View, { style: styles4.actionRowLeft, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_native5.Text, { style: [styles4.actionLabel, { color: t.text }], children: "Wallet Address" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_native5.Text, { style: [styles4.actionValue, { color: t.textMuted }], children: truncateAddress2(walletAddress) })
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native4.Text, { style: [styles3.copyLabel, { color: t.accent }], children: "Copy" })
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_native5.Text, { style: [styles4.copyLabel, { color: t.accent }], children: "Copy" })
               ]
             }
           ) : null,
-          onSupport ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
-            onCopyAddress ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native4.View, { style: [styles3.separator, { backgroundColor: t.border }] }) : null,
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
-              import_react_native4.TouchableOpacity,
+          onSupport ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+            onCopyAddress ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_native5.View, { style: [styles4.separator, { backgroundColor: t.border }] }) : null,
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+              import_react_native5.TouchableOpacity,
               {
-                style: styles3.actionRow,
+                style: styles4.actionRow,
                 onPress: onSupport,
                 activeOpacity: 0.7,
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native4.Text, { style: [styles3.actionLabel, { color: t.text }], children: "Help & Support" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native4.Text, { style: [styles3.chevron, { color: t.textMuted }], children: "\u203A" })
+                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_native5.Text, { style: [styles4.actionLabel, { color: t.text }], children: "Help & Support" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_native5.Text, { style: [styles4.chevron, { color: t.textMuted }], children: "\u203A" })
                 ]
               }
             )
           ] }) : null
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-          import_react_native4.TouchableOpacity,
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+          import_react_native5.TouchableOpacity,
           {
-            style: [styles3.logoutButton, { borderColor: t.live }],
+            style: [styles4.logoutButton, { borderColor: t.live }],
             onPress: onLogout,
             disabled: loggingOut,
             activeOpacity: 0.7,
-            children: loggingOut ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native4.ActivityIndicator, { color: t.live, size: "small" }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native4.Text, { style: [styles3.logoutText, { color: t.live }], children: "Log Out" })
+            children: loggingOut ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_native5.ActivityIndicator, { color: t.live, size: "small" }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_native5.Text, { style: [styles4.logoutText, { color: t.live }], children: "Log Out" })
           }
         ),
-        appVersion ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react_native4.Text, { style: [styles3.version, { color: t.textDim }], children: [
+        appVersion ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react_native5.Text, { style: [styles4.version, { color: t.textDim }], children: [
           "v",
           appVersion
         ] }) : null
@@ -1274,7 +1653,7 @@ function SettingsSheet({
     }
   );
 }
-var styles3 = import_react_native4.StyleSheet.create({
+var styles4 = import_react_native5.StyleSheet.create({
   container: {
     flex: 1
   },
@@ -1337,6 +1716,7 @@ var styles3 = import_react_native4.StyleSheet.create({
 });
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  AuthGate,
   ConnectWalletScreen,
   DEFAULT_BASE_URL,
   DEFAULT_RPC_URL,