@authon/react-native 0.2.1 → 0.3.0

package/dist/index.js

@@ -184,6 +184,100 @@ var AuthonMobileClient = class {
   getApiUrl() {
     return this.apiUrl;
   }
+  // ── Web3 ──
+  async web3GetNonce(address, chain, walletType, chainId) {
+    return this.request("POST", "/v1/auth/web3/nonce", {
+      address,
+      chain,
+      walletType,
+      ...chainId != null ? { chainId } : {}
+    });
+  }
+  async web3Verify(message, signature, address, chain, walletType) {
+    const res = await this.request("POST", "/v1/auth/web3/verify", {
+      message,
+      signature,
+      address,
+      chain,
+      walletType
+    });
+    this.tokens = this.toTokenPair(res);
+    this.user = res.user;
+    await this.persistTokens();
+    this.scheduleRefresh(this.tokens.expiresAt);
+    this.emit("signedIn", res.user);
+    return { tokens: this.tokens, user: res.user };
+  }
+  async web3GetWallets() {
+    return this.request("GET", "/v1/auth/web3/wallets");
+  }
+  async web3LinkWallet(params) {
+    return this.request("POST", "/v1/auth/web3/wallets/link", params);
+  }
+  async web3UnlinkWallet(walletId) {
+    await this.requestAuth("DELETE", `/v1/auth/web3/wallets/${walletId}`);
+  }
+  // ── Passwordless ──
+  async passwordlessSendCode(identifier, type = "email") {
+    if (type === "sms") {
+      await this.request("POST", "/v1/auth/passwordless/sms-otp", { phone: identifier });
+    } else {
+      await this.request("POST", "/v1/auth/passwordless/email-otp", { email: identifier });
+    }
+  }
+  async passwordlessVerifyCode(identifier, code) {
+    const res = await this.request("POST", "/v1/auth/passwordless/verify", {
+      email: identifier,
+      code
+    });
+    this.tokens = this.toTokenPair(res);
+    this.user = res.user;
+    await this.persistTokens();
+    this.scheduleRefresh(this.tokens.expiresAt);
+    this.emit("signedIn", res.user);
+    return { tokens: this.tokens, user: res.user };
+  }
+  // ── Passkeys ──
+  async passkeyStartRegister(name) {
+    return this.requestAuth(
+      "POST",
+      "/v1/auth/passkeys/register/options",
+      name ? { name } : void 0
+    );
+  }
+  async passkeyCompleteRegister(credential) {
+    return this.requestAuth(
+      "POST",
+      "/v1/auth/passkeys/register/verify",
+      credential
+    );
+  }
+  async passkeyStartAuth(email) {
+    return this.request(
+      "POST",
+      "/v1/auth/passkeys/authenticate/options",
+      email ? { email } : void 0
+    );
+  }
+  async passkeyCompleteAuth(credential) {
+    const res = await this.request(
+      "POST",
+      "/v1/auth/passkeys/authenticate/verify",
+      credential
+    );
+    this.tokens = this.toTokenPair(res);
+    this.user = res.user;
+    await this.persistTokens();
+    this.scheduleRefresh(this.tokens.expiresAt);
+    this.emit("signedIn", res.user);
+    return { tokens: this.tokens, user: res.user };
+  }
+  async passkeyList() {
+    return this.requestAuth("GET", "/v1/auth/passkeys");
+  }
+  async passkeyDelete(credentialId) {
+    await this.requestAuth("DELETE", `/v1/auth/passkeys/${credentialId}`);
+  }
   // ── Event system ──
   on(event, listener) {
     if (!this.listeners.has(event)) this.listeners.set(event, /* @__PURE__ */ new Set());
@@ -236,6 +330,10 @@ var AuthonMobileClient = class {
       expiresAt: Date.now() + res.expiresIn * 1e3
     };
   }
+  async requestAuth(method, path, body) {
+    if (!this.tokens?.accessToken) throw new Error("Must be signed in");
+    return this.request(method, path, body);
+  }
   async request(method, path, body) {
     const headers = {
       "Content-Type": "application/json",
@@ -418,6 +516,160 @@ function useUser() {
   return { isLoaded, isSignedIn, user };
 }
 
+// src/useAuthonWeb3.ts
+import { useCallback as useCallback2, useContext as useContext2, useState as useState2 } from "react";
+function useAuthonWeb3() {
+  const ctx = useContext2(AuthonContext);
+  if (!ctx) throw new Error("useAuthonWeb3 must be used within <AuthonProvider>");
+  const [isLoading, setIsLoading] = useState2(false);
+  const [error, setError] = useState2(null);
+  const wrap = useCallback2(async (fn) => {
+    setIsLoading(true);
+    setError(null);
+    try {
+      return await fn();
+    } catch (err) {
+      setError(err instanceof Error ? err : new Error(String(err)));
+      return null;
+    } finally {
+      setIsLoading(false);
+    }
+  }, []);
+  const getNonce = useCallback2(
+    (address, chain, walletType, chainId) => wrap(() => ctx.client.web3GetNonce(address, chain, walletType, chainId)),
+    [ctx.client, wrap]
+  );
+  const verify = useCallback2(
+    async (message, signature, address, chain, walletType) => {
+      const result = await wrap(
+        () => ctx.client.web3Verify(message, signature, address, chain, walletType)
+      );
+      return result !== null;
+    },
+    [ctx.client, wrap]
+  );
+  const getWallets = useCallback2(
+    () => wrap(() => ctx.client.web3GetWallets()),
+    [ctx.client, wrap]
+  );
+  const linkWallet = useCallback2(
+    (params) => wrap(() => ctx.client.web3LinkWallet(params)),
+    [ctx.client, wrap]
+  );
+  const unlinkWallet = useCallback2(
+    async (walletId) => {
+      const result = await wrap(() => ctx.client.web3UnlinkWallet(walletId));
+      return result !== null;
+    },
+    [ctx.client, wrap]
+  );
+  return {
+    getNonce,
+    verify,
+    getWallets,
+    linkWallet,
+    unlinkWallet,
+    isLoading,
+    error
+  };
+}
+
+// src/useAuthonPasswordless.ts
+import { useCallback as useCallback3, useContext as useContext3, useState as useState3 } from "react";
+function useAuthonPasswordless() {
+  const ctx = useContext3(AuthonContext);
+  if (!ctx) throw new Error("useAuthonPasswordless must be used within <AuthonProvider>");
+  const [isLoading, setIsLoading] = useState3(false);
+  const [error, setError] = useState3(null);
+  const wrap = useCallback3(async (fn) => {
+    setIsLoading(true);
+    setError(null);
+    try {
+      return await fn();
+    } catch (err) {
+      setError(err instanceof Error ? err : new Error(String(err)));
+      return null;
+    } finally {
+      setIsLoading(false);
+    }
+  }, []);
+  const sendCode = useCallback3(
+    async (identifier, type = "email") => {
+      const result = await wrap(() => ctx.client.passwordlessSendCode(identifier, type));
+      return result !== null;
+    },
+    [ctx.client, wrap]
+  );
+  const verifyCode = useCallback3(
+    (identifier, code) => wrap(() => ctx.client.passwordlessVerifyCode(identifier, code)),
+    [ctx.client, wrap]
+  );
+  return {
+    sendCode,
+    verifyCode,
+    isLoading,
+    error
+  };
+}
+
+// src/useAuthonPasskeys.ts
+import { useCallback as useCallback4, useContext as useContext4, useState as useState4 } from "react";
+function useAuthonPasskeys() {
+  const ctx = useContext4(AuthonContext);
+  if (!ctx) throw new Error("useAuthonPasskeys must be used within <AuthonProvider>");
+  const [isLoading, setIsLoading] = useState4(false);
+  const [error, setError] = useState4(null);
+  const wrap = useCallback4(async (fn) => {
+    setIsLoading(true);
+    setError(null);
+    try {
+      return await fn();
+    } catch (err) {
+      setError(err instanceof Error ? err : new Error(String(err)));
+      return null;
+    } finally {
+      setIsLoading(false);
+    }
+  }, []);
+  const startRegister = useCallback4(
+    (name) => wrap(() => ctx.client.passkeyStartRegister(name)),
+    [ctx.client, wrap]
+  );
+  const completeRegister = useCallback4(
+    (credential) => wrap(() => ctx.client.passkeyCompleteRegister(credential)),
+    [ctx.client, wrap]
+  );
+  const startAuth = useCallback4(
+    (email) => wrap(() => ctx.client.passkeyStartAuth(email)),
+    [ctx.client, wrap]
+  );
+  const completeAuth = useCallback4(
+    (credential) => wrap(() => ctx.client.passkeyCompleteAuth(credential)),
+    [ctx.client, wrap]
+  );
+  const listPasskeys = useCallback4(
+    () => wrap(() => ctx.client.passkeyList()),
+    [ctx.client, wrap]
+  );
+  const deletePasskey = useCallback4(
+    async (credentialId) => {
+      const result = await wrap(() => ctx.client.passkeyDelete(credentialId));
+      return result !== null;
+    },
+    [ctx.client, wrap]
+  );
+  return {
+    startRegister,
+    completeRegister,
+    startAuth,
+    completeAuth,
+    listPasskeys,
+    deletePasskey,
+    isLoading,
+    error
+  };
+}
+
 // src/icons.tsx
 import "react";
 import Svg, { Path, Rect } from "react-native-svg";
@@ -496,16 +748,41 @@ function SocialButton({
   loading = false,
   disabled = false,
   label,
+  compact = false,
   style,
   labelStyle,
-  iconSize = 20,
+  iconSize,
   borderRadius = 10,
-  height = 48
+  height = 48,
+  size = 48
 }) {
   const colors = PROVIDER_COLORS[provider] || { bg: "#333", text: "#fff" };
   const displayName = PROVIDER_DISPLAY_NAMES[provider] || provider;
   const buttonLabel = label ?? `Continue with ${displayName}`;
   const needsBorder = colors.bg.toLowerCase() === "#ffffff";
+  const resolvedIconSize = iconSize ?? (compact ? 24 : 20);
+  if (compact) {
+    return /* @__PURE__ */ jsx3(
+      TouchableOpacity,
+      {
+        style: [
+          styles.compactButton,
+          {
+            backgroundColor: colors.bg,
+            borderRadius,
+            width: size,
+            height: size
+          },
+          needsBorder && styles.bordered,
+          style
+        ],
+        onPress: () => onPress(provider),
+        disabled: disabled || loading,
+        activeOpacity: 0.8,
+        children: loading ? /* @__PURE__ */ jsx3(ActivityIndicator, { color: colors.text, size: "small" }) : /* @__PURE__ */ jsx3(ProviderIcon, { provider, size: resolvedIconSize, color: colors.text })
+      }
+    );
+  }
   return /* @__PURE__ */ jsx3(
     TouchableOpacity,
     {
@@ -523,7 +800,7 @@ function SocialButton({
       disabled: disabled || loading,
       activeOpacity: 0.8,
       children: loading ? /* @__PURE__ */ jsx3(ActivityIndicator, { color: colors.text, size: "small" }) : /* @__PURE__ */ jsxs2(Fragment, { children: [
-        /* @__PURE__ */ jsx3(ProviderIcon, { provider, size: iconSize, color: colors.text }),
+        /* @__PURE__ */ jsx3(ProviderIcon, { provider, size: resolvedIconSize, color: colors.text }),
         /* @__PURE__ */ jsx3(
           Text,
           {
@@ -548,6 +825,10 @@ var styles = StyleSheet.create({
     gap: 10,
     paddingHorizontal: 16
   },
+  compactButton: {
+    alignItems: "center",
+    justifyContent: "center"
+  },
   bordered: {
     borderWidth: 1,
     borderColor: "#dadce0"
@@ -559,19 +840,22 @@ var styles = StyleSheet.create({
 });
 
 // src/SocialButtons.tsx
-import { useState as useState2 } from "react";
+import { useState as useState5 } from "react";
 import { View, StyleSheet as StyleSheet2, Linking } from "react-native";
 import { jsx as jsx4 } from "react/jsx-runtime";
 function SocialButtons({
   onSuccess,
   onError,
   style,
-  gap = 10,
+  gap,
+  compact = false,
+  labels,
   buttonProps
 }) {
   const { providers, startOAuth, completeOAuth } = useAuthon();
-  const [loadingProvider, setLoadingProvider] = useState2(null);
+  const [loadingProvider, setLoadingProvider] = useState5(null);
   if (providers.length === 0) return null;
+  const resolvedGap = gap ?? (compact ? 12 : 10);
   const handlePress = async (provider) => {
     setLoadingProvider(provider);
     try {
@@ -588,20 +872,37 @@ function SocialButtons({
       setLoadingProvider(null);
     }
   };
-  return /* @__PURE__ */ jsx4(View, { style: [styles2.container, { gap }, style], children: providers.map((provider) => /* @__PURE__ */ jsx4(
-    SocialButton,
+  return /* @__PURE__ */ jsx4(
+    View,
     {
-      provider,
-      onPress: handlePress,
-      loading: loadingProvider === provider,
-      disabled: !!loadingProvider,
-      ...buttonProps
-    },
-    provider
-  )) });
+      style: [
+        compact ? styles2.compactContainer : styles2.container,
+        { gap: resolvedGap },
+        style
+      ],
+      children: providers.map((provider) => /* @__PURE__ */ jsx4(
+        SocialButton,
+        {
+          provider,
+          onPress: handlePress,
+          loading: loadingProvider === provider,
+          disabled: !!loadingProvider,
+          compact,
+          label: labels?.[provider],
+          ...buttonProps
+        },
+        provider
+      ))
+    }
+  );
 }
 var styles2 = StyleSheet2.create({
-  container: {}
+  container: {},
+  compactContainer: {
+    flexDirection: "row",
+    flexWrap: "wrap",
+    justifyContent: "center"
+  }
 });
 export {
   AuthonContext,
@@ -611,6 +912,9 @@ export {
   SocialButton,
   SocialButtons,
   useAuthon,
+  useAuthonPasskeys,
+  useAuthonPasswordless,
+  useAuthonWeb3,
   useUser
 };
 //# sourceMappingURL=index.js.map