@rhinestone/1auth 0.6.4 → 0.6.7

package/dist/provider-CDl9wYEc.d.mts

@@ -0,0 +1,88 @@
+import { O as OneAuthClient, z as CloseOnStatus } from './client-BrMrhetG.mjs';
+
+/**
+ * EIP-1193 JSON-RPC provider factory for the 1auth passkey authentication system.
+ *
+ * Creates a browser-side provider object that implements the EIP-1193 standard so any
+ * Ethereum library (ethers, viem, wagmi) can use 1auth passkey signing and cross-chain
+ * intent execution without modification. All transaction signing is delegated to the
+ * passkey service rather than holding private keys in the browser.
+ *
+ * Supported RPC methods:
+ *   - eth_chainId, eth_accounts, eth_requestAccounts
+ *   - personal_sign, eth_sign, eth_signTypedData, eth_signTypedData_v4
+ *   - eth_sendTransaction
+ *   - wallet_connect, wallet_disconnect, wallet_switchEthereumChain
+ *   - wallet_sendCalls, wallet_getCallsStatus, wallet_getCallsHistory (EIP-5792)
+ *   - wallet_getCapabilities, wallet_getAssets
+ *
+ * @module
+ */
+
+type ProviderRequest = {
+    method: string;
+    params?: unknown[] | Record<string, unknown>;
+};
+type Listener = (...args: unknown[]) => void;
+type OneAuthProvider = {
+    request: (args: ProviderRequest) => Promise<unknown>;
+    on: (event: string, listener: Listener) => void;
+    removeListener: (event: string, listener: Listener) => void;
+    disconnect: () => Promise<void>;
+};
+type OneAuthProviderOptions = {
+    client: OneAuthClient;
+    chainId: number;
+    storageKey?: string;
+    /** When to close the dialog and return success. Defaults to "preconfirmed" */
+    closeOn?: CloseOnStatus;
+    waitForHash?: boolean;
+    hashTimeoutMs?: number;
+    hashIntervalMs?: number;
+};
+/**
+ * Creates an EIP-1193 compatible JSON-RPC provider backed by 1auth passkey authentication.
+ *
+ * The returned provider object can be used anywhere a standard Ethereum provider is
+ * accepted (e.g. passed to `createWalletClient` in viem, used as `window.ethereum`, or
+ * supplied to ethers.js `BrowserProvider`). Connection state (address + username) is
+ * persisted in `localStorage` under the configured `storageKey`.
+ *
+ * @param options - Provider configuration
+ * @param options.client - Configured `OneAuthClient` instance used to open auth/sign dialogs
+ * @param options.chainId - Default chain ID the provider reports via `eth_chainId`
+ * @param options.storageKey - localStorage key for persisting the connected user.
+ *   Defaults to `"1auth-user"`. Override to support multiple concurrent connections.
+ * @param options.closeOn - Controls when the signing dialog closes and the promise resolves.
+ *   `"preconfirmed"` resolves as soon as the intent is submitted to the orchestrator;
+ *   `"completed"` waits for on-chain confirmation. Defaults to `"completed"` when
+ *   `waitForHash` is true, otherwise `"preconfirmed"`.
+ * @param options.waitForHash - When true, polls the intent status until a transaction hash
+ *   is available before resolving `eth_sendTransaction` / `wallet_sendCalls`. Defaults to true.
+ * @param options.hashTimeoutMs - Maximum milliseconds to wait for a transaction hash.
+ *   Passed directly to the passkey service intent submission.
+ * @param options.hashIntervalMs - Polling interval in milliseconds when waiting for a hash.
+ *   Passed directly to the passkey service intent submission.
+ * @returns An EIP-1193 provider with `request`, `on`, `removeListener`, and `disconnect`.
+ *
+ * @example
+ * ```typescript
+ * import { OneAuthClient } from "@rhinestone/1auth";
+ * import { createOneAuthProvider } from "@rhinestone/1auth";
+ *
+ * const client = new OneAuthClient({ clientId: "my-app" });
+ * const provider = createOneAuthProvider({ client, chainId: 8453 }); // Base
+ *
+ * // Use with viem
+ * import { createWalletClient, custom } from "viem";
+ * import { base } from "viem/chains";
+ * const walletClient = createWalletClient({ chain: base, transport: custom(provider) });
+ *
+ * // Standard EIP-1193 usage
+ * const accounts = await provider.request({ method: "eth_requestAccounts" });
+ * provider.on("accountsChanged", (accounts) => console.log(accounts));
+ * ```
+ */
+declare function createOneAuthProvider(options: OneAuthProviderOptions): OneAuthProvider;
+
+export { type OneAuthProvider as O, type OneAuthProviderOptions as a, createOneAuthProvider as c };

package/dist/provider-Dgv533YQ.d.ts

@@ -0,0 +1,88 @@
+import { O as OneAuthClient, z as CloseOnStatus } from './client-BrMrhetG.js';
+
+/**
+ * EIP-1193 JSON-RPC provider factory for the 1auth passkey authentication system.
+ *
+ * Creates a browser-side provider object that implements the EIP-1193 standard so any
+ * Ethereum library (ethers, viem, wagmi) can use 1auth passkey signing and cross-chain
+ * intent execution without modification. All transaction signing is delegated to the
+ * passkey service rather than holding private keys in the browser.
+ *
+ * Supported RPC methods:
+ *   - eth_chainId, eth_accounts, eth_requestAccounts
+ *   - personal_sign, eth_sign, eth_signTypedData, eth_signTypedData_v4
+ *   - eth_sendTransaction
+ *   - wallet_connect, wallet_disconnect, wallet_switchEthereumChain
+ *   - wallet_sendCalls, wallet_getCallsStatus, wallet_getCallsHistory (EIP-5792)
+ *   - wallet_getCapabilities, wallet_getAssets
+ *
+ * @module
+ */
+
+type ProviderRequest = {
+    method: string;
+    params?: unknown[] | Record<string, unknown>;
+};
+type Listener = (...args: unknown[]) => void;
+type OneAuthProvider = {
+    request: (args: ProviderRequest) => Promise<unknown>;
+    on: (event: string, listener: Listener) => void;
+    removeListener: (event: string, listener: Listener) => void;
+    disconnect: () => Promise<void>;
+};
+type OneAuthProviderOptions = {
+    client: OneAuthClient;
+    chainId: number;
+    storageKey?: string;
+    /** When to close the dialog and return success. Defaults to "preconfirmed" */
+    closeOn?: CloseOnStatus;
+    waitForHash?: boolean;
+    hashTimeoutMs?: number;
+    hashIntervalMs?: number;
+};
+/**
+ * Creates an EIP-1193 compatible JSON-RPC provider backed by 1auth passkey authentication.
+ *
+ * The returned provider object can be used anywhere a standard Ethereum provider is
+ * accepted (e.g. passed to `createWalletClient` in viem, used as `window.ethereum`, or
+ * supplied to ethers.js `BrowserProvider`). Connection state (address + username) is
+ * persisted in `localStorage` under the configured `storageKey`.
+ *
+ * @param options - Provider configuration
+ * @param options.client - Configured `OneAuthClient` instance used to open auth/sign dialogs
+ * @param options.chainId - Default chain ID the provider reports via `eth_chainId`
+ * @param options.storageKey - localStorage key for persisting the connected user.
+ *   Defaults to `"1auth-user"`. Override to support multiple concurrent connections.
+ * @param options.closeOn - Controls when the signing dialog closes and the promise resolves.
+ *   `"preconfirmed"` resolves as soon as the intent is submitted to the orchestrator;
+ *   `"completed"` waits for on-chain confirmation. Defaults to `"completed"` when
+ *   `waitForHash` is true, otherwise `"preconfirmed"`.
+ * @param options.waitForHash - When true, polls the intent status until a transaction hash
+ *   is available before resolving `eth_sendTransaction` / `wallet_sendCalls`. Defaults to true.
+ * @param options.hashTimeoutMs - Maximum milliseconds to wait for a transaction hash.
+ *   Passed directly to the passkey service intent submission.
+ * @param options.hashIntervalMs - Polling interval in milliseconds when waiting for a hash.
+ *   Passed directly to the passkey service intent submission.
+ * @returns An EIP-1193 provider with `request`, `on`, `removeListener`, and `disconnect`.
+ *
+ * @example
+ * ```typescript
+ * import { OneAuthClient } from "@rhinestone/1auth";
+ * import { createOneAuthProvider } from "@rhinestone/1auth";
+ *
+ * const client = new OneAuthClient({ clientId: "my-app" });
+ * const provider = createOneAuthProvider({ client, chainId: 8453 }); // Base
+ *
+ * // Use with viem
+ * import { createWalletClient, custom } from "viem";
+ * import { base } from "viem/chains";
+ * const walletClient = createWalletClient({ chain: base, transport: custom(provider) });
+ *
+ * // Standard EIP-1193 usage
+ * const accounts = await provider.request({ method: "eth_requestAccounts" });
+ * provider.on("accountsChanged", (accounts) => console.log(accounts));
+ * ```
+ */
+declare function createOneAuthProvider(options: OneAuthProviderOptions): OneAuthProvider;
+
+export { type OneAuthProvider as O, type OneAuthProviderOptions as a, createOneAuthProvider as c };

package/dist/react.d.mts

@@ -1,30 +1,18 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { O as OneAuthClient, w as SendIntentOptions, S as SendIntentResult, F as CloseOnStatus, D as DeveloperSignedIntent } from './client-hZxAAhcl.mjs';
+import { O as OneAuthClient, v as SendIntentOptions, S as SendIntentResult, z as CloseOnStatus } from './client-BrMrhetG.mjs';
 
 interface PayButtonProps {
     /** The OneAuthClient instance */
     client: OneAuthClient;
     /** Intent parameters (calls, targetChain, etc.) - username will be filled automatically */
-    intent: Omit<SendIntentOptions, "username" | "closeOn" | "signedIntent">;
+    intent: Omit<SendIntentOptions, "username" | "closeOn">;
     /** Called when payment succeeds */
     onSuccess?: (result: SendIntentResult) => void;
     /** Called when payment fails */
     onError?: (error: Error) => void;
     /** When to close the dialog and return success. Defaults to "preconfirmed" */
     closeOn?: CloseOnStatus;
-    /**
-     * Optional callback to get a signed intent from your backend.
-     * Provides XSS protection by ensuring calls are constructed server-side.
-     * If provided, this will be called with the intent and username before sending.
-     * The returned signed intent will be used instead of the raw intent.
-     */
-    getSignedIntent?: (params: {
-        username: string;
-        targetChain: number;
-        calls: SendIntentOptions["calls"];
-        tokenRequests?: SendIntentOptions["tokenRequests"];
-    }) => Promise<DeveloperSignedIntent>;
     /** Button text - defaults to "Pay with 1auth" */
     children?: React.ReactNode;
     /** Custom class name */
@@ -36,6 +24,36 @@ interface PayButtonProps {
     /** Hide the fingerprint icon */
     hideIcon?: boolean;
 }
-declare function PayButton({ client, intent, onSuccess, onError, closeOn, getSignedIntent, children, className, style, disabled, hideIcon, }: PayButtonProps): react_jsx_runtime.JSX.Element;
+/**
+ * A pre-built payment button that integrates 1auth passkey authentication
+ * and intent submission into a single interactive element.
+ *
+ * The button manages its own loading and success states. On first click it
+ * recovers the last authenticated user from `localStorage`; if none is found
+ * it opens the auth modal before submitting the intent. On subsequent clicks
+ * the stored session is reused so the user only needs to re-authenticate when
+ * their session has been invalidated server-side.
+ *
+ * @param props - See {@link PayButtonProps} for the full set of options.
+ *
+ * @example
+ * ```tsx
+ * import { PayButton } from "@rhinestone/1auth/react";
+ * import { client } from "./auth"; // your OneAuthClient instance
+ *
+ * <PayButton
+ *   client={client}
+ *   intent={{
+ *     targetChain: 8453, // Base
+ *     calls: [{ to: "0xRecipient", data: "0x", value: "1000000" }],
+ *   }}
+ *   onSuccess={(result) => console.log("tx:", result.transactionHash)}
+ *   onError={(err) => console.error(err)}
+ * >
+ *   Pay $5 USDC
+ * </PayButton>
+ * ```
+ */
+declare function PayButton({ client, intent, onSuccess, onError, closeOn, children, className, style, disabled, hideIcon, }: PayButtonProps): react_jsx_runtime.JSX.Element;
 
 export { CloseOnStatus, PayButton, type PayButtonProps, SendIntentOptions, SendIntentResult };

package/dist/react.d.ts

@@ -1,30 +1,18 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { O as OneAuthClient, w as SendIntentOptions, S as SendIntentResult, F as CloseOnStatus, D as DeveloperSignedIntent } from './client-hZxAAhcl.js';
+import { O as OneAuthClient, v as SendIntentOptions, S as SendIntentResult, z as CloseOnStatus } from './client-BrMrhetG.js';
 
 interface PayButtonProps {
     /** The OneAuthClient instance */
     client: OneAuthClient;
     /** Intent parameters (calls, targetChain, etc.) - username will be filled automatically */
-    intent: Omit<SendIntentOptions, "username" | "closeOn" | "signedIntent">;
+    intent: Omit<SendIntentOptions, "username" | "closeOn">;
     /** Called when payment succeeds */
     onSuccess?: (result: SendIntentResult) => void;
     /** Called when payment fails */
     onError?: (error: Error) => void;
     /** When to close the dialog and return success. Defaults to "preconfirmed" */
     closeOn?: CloseOnStatus;
-    /**
-     * Optional callback to get a signed intent from your backend.
-     * Provides XSS protection by ensuring calls are constructed server-side.
-     * If provided, this will be called with the intent and username before sending.
-     * The returned signed intent will be used instead of the raw intent.
-     */
-    getSignedIntent?: (params: {
-        username: string;
-        targetChain: number;
-        calls: SendIntentOptions["calls"];
-        tokenRequests?: SendIntentOptions["tokenRequests"];
-    }) => Promise<DeveloperSignedIntent>;
     /** Button text - defaults to "Pay with 1auth" */
     children?: React.ReactNode;
     /** Custom class name */
@@ -36,6 +24,36 @@ interface PayButtonProps {
     /** Hide the fingerprint icon */
     hideIcon?: boolean;
 }
-declare function PayButton({ client, intent, onSuccess, onError, closeOn, getSignedIntent, children, className, style, disabled, hideIcon, }: PayButtonProps): react_jsx_runtime.JSX.Element;
+/**
+ * A pre-built payment button that integrates 1auth passkey authentication
+ * and intent submission into a single interactive element.
+ *
+ * The button manages its own loading and success states. On first click it
+ * recovers the last authenticated user from `localStorage`; if none is found
+ * it opens the auth modal before submitting the intent. On subsequent clicks
+ * the stored session is reused so the user only needs to re-authenticate when
+ * their session has been invalidated server-side.
+ *
+ * @param props - See {@link PayButtonProps} for the full set of options.
+ *
+ * @example
+ * ```tsx
+ * import { PayButton } from "@rhinestone/1auth/react";
+ * import { client } from "./auth"; // your OneAuthClient instance
+ *
+ * <PayButton
+ *   client={client}
+ *   intent={{
+ *     targetChain: 8453, // Base
+ *     calls: [{ to: "0xRecipient", data: "0x", value: "1000000" }],
+ *   }}
+ *   onSuccess={(result) => console.log("tx:", result.transactionHash)}
+ *   onError={(err) => console.error(err)}
+ * >
+ *   Pay $5 USDC
+ * </PayButton>
+ * ```
+ */
+declare function PayButton({ client, intent, onSuccess, onError, closeOn, children, className, style, disabled, hideIcon, }: PayButtonProps): react_jsx_runtime.JSX.Element;
 
 export { CloseOnStatus, PayButton, type PayButtonProps, SendIntentOptions, SendIntentResult };

package/dist/react.js

@@ -108,7 +108,6 @@ function PayButton({
   onSuccess,
   onError,
   closeOn = "preconfirmed",
-  getSignedIntent,
   children = "Pay with 1auth",
   className,
   style,
@@ -161,28 +160,12 @@ function PayButton({
     }
     let result;
     try {
-      if (getSignedIntent) {
-        if (!username) {
-          throw new Error("Username required for signed intents. Set a username first.");
-        }
-        const signedIntent = await getSignedIntent({
-          username,
-          targetChain: intent.targetChain,
-          calls: intent.calls,
-          tokenRequests: intent.tokenRequests
-        });
-        result = await client.sendIntent({
-          signedIntent,
-          closeOn
-        });
-      } else {
-        result = await client.sendIntent({
-          ...intent,
-          username: username || void 0,
-          accountAddress: accountAddress || void 0,
-          closeOn
-        });
-      }
+      result = await client.sendIntent({
+        ...intent,
+        username: username || void 0,
+        accountAddress: accountAddress || void 0,
+        closeOn
+      });
     } catch (err) {
       if (err instanceof Error && err.message.includes("User not found")) {
         localStorage.removeItem("1auth-user");

package/dist/react.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/react.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { OneAuthClient } from \"./client\";\nimport type { SendIntentOptions, SendIntentResult, CloseOnStatus, DeveloperSignedIntent } from \"./types\";\n\n// Fingerprint icon SVG\nconst FingerprintIcon = ({ className }: { className?: string }) => (\n  <svg\n    className={className}\n    width=\"20\"\n    height=\"20\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n  >\n    <path d=\"M12 10a2 2 0 0 0-2 2c0 1.02-.1 2.51-.26 4\" />\n    <path d=\"M14 13.12c0 2.38 0 6.38-1 8.88\" />\n    <path d=\"M17.29 21.02c.12-.6.43-2.3.5-3.02\" />\n    <path d=\"M2 12a10 10 0 0 1 18-6\" />\n    <path d=\"M2 16h.01\" />\n    <path d=\"M21.8 16c.2-2 .131-5.354 0-6\" />\n    <path d=\"M5 19.5C5.5 18 6 15 6 12a6 6 0 0 1 .34-2\" />\n    <path d=\"M8.65 22c.21-.66.45-1.32.57-2\" />\n    <path d=\"M9 6.8a6 6 0 0 1 9 5.2v2\" />\n  </svg>\n);\n\n// Default styles\nconst defaultStyles: React.CSSProperties = {\n  display: \"inline-flex\",\n  alignItems: \"center\",\n  justifyContent: \"center\",\n  gap: \"8px\",\n  padding: \"16px 32px\",\n  fontSize: \"16px\",\n  fontWeight: 500,\n  color: \"#ffffff\",\n  backgroundColor: \"#18181b\",\n  border: \"none\",\n  borderRadius: \"9999px\",\n  cursor: \"pointer\",\n  transition: \"background-color 0.2s\",\n  width: \"100%\",\n};\n\nconst defaultDisabledStyles: React.CSSProperties = {\n  opacity: 0.5,\n  cursor: \"not-allowed\",\n};\n\nconst defaultHoverStyles: React.CSSProperties = {\n  backgroundColor: \"#27272a\",\n};\n\nconst defaultSuccessStyles: React.CSSProperties = {\n  backgroundColor: \"#16a34a\",\n  cursor: \"default\",\n};\n\n// Checkmark icon SVG\nconst CheckIcon = ({ className }: { className?: string }) => (\n  <svg\n    className={className}\n    width=\"20\"\n    height=\"20\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"2.5\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n  >\n    <path d=\"M20 6L9 17l-5-5\" />\n  </svg>\n);\n\nexport interface PayButtonProps {\n  /** The OneAuthClient instance */\n  client: OneAuthClient;\n  /** Intent parameters (calls, targetChain, etc.) - username will be filled automatically */\n  intent: Omit<SendIntentOptions, \"username\" | \"closeOn\" | \"signedIntent\">;\n  /** Called when payment succeeds */\n  onSuccess?: (result: SendIntentResult) => void;\n  /** Called when payment fails */\n  onError?: (error: Error) => void;\n  /** When to close the dialog and return success. Defaults to \"preconfirmed\" */\n  closeOn?: CloseOnStatus;\n  /**\n   * Optional callback to get a signed intent from your backend.\n   * Provides XSS protection by ensuring calls are constructed server-side.\n   * If provided, this will be called with the intent and username before sending.\n   * The returned signed intent will be used instead of the raw intent.\n   */\n  getSignedIntent?: (params: {\n    username: string;\n    targetChain: number;\n    calls: SendIntentOptions[\"calls\"];\n    tokenRequests?: SendIntentOptions[\"tokenRequests\"];\n  }) => Promise<DeveloperSignedIntent>;\n  /** Button text - defaults to \"Pay with 1auth\" */\n  children?: React.ReactNode;\n  /** Custom class name */\n  className?: string;\n  /** Custom inline styles (merged with defaults) */\n  style?: React.CSSProperties;\n  /** Disabled state */\n  disabled?: boolean;\n  /** Hide the fingerprint icon */\n  hideIcon?: boolean;\n}\n\nexport function PayButton({\n  client,\n  intent,\n  onSuccess,\n  onError,\n  closeOn = \"preconfirmed\",\n  getSignedIntent,\n  children = \"Pay with 1auth\",\n  className,\n  style,\n  disabled,\n  hideIcon,\n}: PayButtonProps) {\n  const [isProcessing, setIsProcessing] = React.useState(false);\n  const [isSuccess, setIsSuccess] = React.useState(false);\n  const [isHovered, setIsHovered] = React.useState(false);\n\n  const handleClick = async () => {\n    if (disabled || isProcessing || isSuccess) return;\n\n    setIsProcessing(true);\n\n    try {\n      await executePayment();\n    } catch (err) {\n      if (err instanceof Error && !err.message.includes(\"rejected\")) {\n        onError?.(err);\n      }\n    } finally {\n      setIsProcessing(false);\n    }\n  };\n\n  const executePayment = async (forceReauth = false) => {\n    // Try to get existing user from localStorage\n    let username: string | null = null;\n    let accountAddress: string | null = null;\n    if (!forceReauth) {\n      const savedUser = localStorage.getItem(\"1auth-user\");\n      if (savedUser) {\n        try {\n          const parsed = JSON.parse(savedUser);\n          username = parsed.username || null;\n          accountAddress = parsed.address || null;\n        } catch {\n          localStorage.removeItem(\"1auth-user\");\n        }\n      }\n    }\n\n    // If no user (or forced reauth), authenticate first\n    if (!username && !accountAddress) {\n      const authResult = await client.authWithModal();\n      if (authResult.success && authResult.user) {\n        username = authResult.user.username || null;\n        accountAddress = authResult.user.address || null;\n        const stored: Record<string, string> = {};\n        if (username) stored.username = username;\n        if (accountAddress) stored.address = accountAddress;\n        localStorage.setItem(\"1auth-user\", JSON.stringify(stored));\n      } else {\n        // Auth cancelled or failed\n        return;\n      }\n    }\n\n    // Send the intent\n    // If getSignedIntent is provided, use signed intent flow (XSS protected)\n    // Otherwise, use the raw intent (only works for first-party apps)\n    let result: SendIntentResult;\n    try {\n      if (getSignedIntent) {\n        if (!username) {\n          throw new Error(\"Username required for signed intents. Set a username first.\");\n        }\n        const signedIntent = await getSignedIntent({\n          username,\n          targetChain: intent.targetChain!,\n          calls: intent.calls,\n          tokenRequests: intent.tokenRequests,\n        });\n        result = await client.sendIntent({\n          signedIntent,\n          closeOn,\n        });\n      } else {\n        result = await client.sendIntent({\n          ...intent,\n          username: username || undefined,\n          accountAddress: accountAddress || undefined,\n          closeOn,\n        });\n      }\n    } catch (err) {\n      // If user not found, clear localStorage and force re-authentication\n      if (err instanceof Error && err.message.includes(\"User not found\")) {\n        localStorage.removeItem(\"1auth-user\");\n        return executePayment(true);\n      }\n      throw err;\n    }\n\n    if (result.success) {\n      setIsSuccess(true);\n      onSuccess?.(result);\n    } else {\n      // If user not found error in result, clear localStorage and retry\n      if (result.error?.message?.includes(\"User not found\")) {\n        localStorage.removeItem(\"1auth-user\");\n        return executePayment(true);\n      }\n      onError?.(new Error(result.error?.message || \"Payment failed\"));\n    }\n  };\n\n  const combinedStyles: React.CSSProperties = {\n    ...defaultStyles,\n    ...(isSuccess ? defaultSuccessStyles : {}),\n    ...(isHovered && !disabled && !isProcessing && !isSuccess ? defaultHoverStyles : {}),\n    ...(disabled || isProcessing ? defaultDisabledStyles : {}),\n    ...style,\n  };\n\n  return (\n    <button\n      type=\"button\"\n      className={className}\n      style={combinedStyles}\n      onClick={handleClick}\n      disabled={disabled || isProcessing || isSuccess}\n      onMouseEnter={() => setIsHovered(true)}\n      onMouseLeave={() => setIsHovered(false)}\n    >\n      {isSuccess ? (\n        <>\n          <CheckIcon className=\"pay-button-icon\" />\n          Paid\n        </>\n      ) : isProcessing ? (\n        \"Processing...\"\n      ) : (\n        <>\n          {!hideIcon && <FingerprintIcon className=\"pay-button-icon\" />}\n          {children}\n        </>\n      )}\n    </button>\n  );\n}\n\n// Re-export types for convenience\nexport type { SendIntentOptions, SendIntentResult, CloseOnStatus } from \"./types\";\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../src/react.tsx"],"sourcesContent":["/**\n * @file React integration for the 1auth SDK.\n *\n * Exports the {@link PayButton} component — a ready-to-use payment button that\n * handles authentication, session recovery, and intent submission without\n * requiring the consuming app to manage auth state directly.\n *\n * @module @rhinestone/1auth/react\n */\n\nimport * as React from \"react\";\nimport { OneAuthClient } from \"./client\";\nimport type { SendIntentOptions, SendIntentResult, CloseOnStatus } from \"./types\";\n\n// Fingerprint icon SVG\nconst FingerprintIcon = ({ className }: { className?: string }) => (\n  <svg\n    className={className}\n    width=\"20\"\n    height=\"20\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n  >\n    <path d=\"M12 10a2 2 0 0 0-2 2c0 1.02-.1 2.51-.26 4\" />\n    <path d=\"M14 13.12c0 2.38 0 6.38-1 8.88\" />\n    <path d=\"M17.29 21.02c.12-.6.43-2.3.5-3.02\" />\n    <path d=\"M2 12a10 10 0 0 1 18-6\" />\n    <path d=\"M2 16h.01\" />\n    <path d=\"M21.8 16c.2-2 .131-5.354 0-6\" />\n    <path d=\"M5 19.5C5.5 18 6 15 6 12a6 6 0 0 1 .34-2\" />\n    <path d=\"M8.65 22c.21-.66.45-1.32.57-2\" />\n    <path d=\"M9 6.8a6 6 0 0 1 9 5.2v2\" />\n  </svg>\n);\n\n// Default styles\nconst defaultStyles: React.CSSProperties = {\n  display: \"inline-flex\",\n  alignItems: \"center\",\n  justifyContent: \"center\",\n  gap: \"8px\",\n  padding: \"16px 32px\",\n  fontSize: \"16px\",\n  fontWeight: 500,\n  color: \"#ffffff\",\n  backgroundColor: \"#18181b\",\n  border: \"none\",\n  borderRadius: \"9999px\",\n  cursor: \"pointer\",\n  transition: \"background-color 0.2s\",\n  width: \"100%\",\n};\n\nconst defaultDisabledStyles: React.CSSProperties = {\n  opacity: 0.5,\n  cursor: \"not-allowed\",\n};\n\nconst defaultHoverStyles: React.CSSProperties = {\n  backgroundColor: \"#27272a\",\n};\n\nconst defaultSuccessStyles: React.CSSProperties = {\n  backgroundColor: \"#16a34a\",\n  cursor: \"default\",\n};\n\n// Checkmark icon SVG\nconst CheckIcon = ({ className }: { className?: string }) => (\n  <svg\n    className={className}\n    width=\"20\"\n    height=\"20\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"2.5\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n  >\n    <path d=\"M20 6L9 17l-5-5\" />\n  </svg>\n);\n\nexport interface PayButtonProps {\n  /** The OneAuthClient instance */\n  client: OneAuthClient;\n  /** Intent parameters (calls, targetChain, etc.) - username will be filled automatically */\n  intent: Omit<SendIntentOptions, \"username\" | \"closeOn\">;\n  /** Called when payment succeeds */\n  onSuccess?: (result: SendIntentResult) => void;\n  /** Called when payment fails */\n  onError?: (error: Error) => void;\n  /** When to close the dialog and return success. Defaults to \"preconfirmed\" */\n  closeOn?: CloseOnStatus;\n  /** Button text - defaults to \"Pay with 1auth\" */\n  children?: React.ReactNode;\n  /** Custom class name */\n  className?: string;\n  /** Custom inline styles (merged with defaults) */\n  style?: React.CSSProperties;\n  /** Disabled state */\n  disabled?: boolean;\n  /** Hide the fingerprint icon */\n  hideIcon?: boolean;\n}\n\n/**\n * A pre-built payment button that integrates 1auth passkey authentication\n * and intent submission into a single interactive element.\n *\n * The button manages its own loading and success states. On first click it\n * recovers the last authenticated user from `localStorage`; if none is found\n * it opens the auth modal before submitting the intent. On subsequent clicks\n * the stored session is reused so the user only needs to re-authenticate when\n * their session has been invalidated server-side.\n *\n * @param props - See {@link PayButtonProps} for the full set of options.\n *\n * @example\n * ```tsx\n * import { PayButton } from \"@rhinestone/1auth/react\";\n * import { client } from \"./auth\"; // your OneAuthClient instance\n *\n * <PayButton\n *   client={client}\n *   intent={{\n *     targetChain: 8453, // Base\n *     calls: [{ to: \"0xRecipient\", data: \"0x\", value: \"1000000\" }],\n *   }}\n *   onSuccess={(result) => console.log(\"tx:\", result.transactionHash)}\n *   onError={(err) => console.error(err)}\n * >\n *   Pay $5 USDC\n * </PayButton>\n * ```\n */\nexport function PayButton({\n  client,\n  intent,\n  onSuccess,\n  onError,\n  closeOn = \"preconfirmed\",\n  children = \"Pay with 1auth\",\n  className,\n  style,\n  disabled,\n  hideIcon,\n}: PayButtonProps) {\n  const [isProcessing, setIsProcessing] = React.useState(false);\n  const [isSuccess, setIsSuccess] = React.useState(false);\n  const [isHovered, setIsHovered] = React.useState(false);\n\n  const handleClick = async () => {\n    if (disabled || isProcessing || isSuccess) return;\n\n    setIsProcessing(true);\n\n    try {\n      await executePayment();\n    } catch (err) {\n      if (err instanceof Error && !err.message.includes(\"rejected\")) {\n        onError?.(err);\n      }\n    } finally {\n      setIsProcessing(false);\n    }\n  };\n\n  /**\n   * Core payment execution with built-in session recovery and re-auth retry.\n   *\n   * Flow:\n   * 1. On first call (`forceReauth = false`), attempt to load a cached user\n   *    from `localStorage` under the key `\"1auth-user\"`. If the JSON is\n   *    malformed the cache entry is removed so the next call starts clean.\n   * 2. If no cached user exists (or `forceReauth` is `true`), open the auth\n   *    modal. On success, persist `{ username, address }` to `localStorage`\n   *    so subsequent clicks skip authentication.\n   * 3. Submit the intent. If the server responds with \"User not found\" — which\n   *    happens when a cached username/address no longer exists on the server —\n   *    clear `localStorage` and call `executePayment(true)` to force a fresh\n   *    authentication before retrying once.\n   *\n   * @param forceReauth - When `true`, skip the localStorage lookup and go\n   *   straight to the auth modal. Used internally on \"User not found\" errors\n   *   to recover from a stale cache without requiring a second user gesture.\n   */\n  const executePayment = async (forceReauth = false) => {\n    // Try to get existing user from localStorage\n    let username: string | null = null;\n    let accountAddress: string | null = null;\n    if (!forceReauth) {\n      const savedUser = localStorage.getItem(\"1auth-user\");\n      if (savedUser) {\n        try {\n          const parsed = JSON.parse(savedUser);\n          username = parsed.username || null;\n          accountAddress = parsed.address || null;\n        } catch {\n          localStorage.removeItem(\"1auth-user\");\n        }\n      }\n    }\n\n    // If no user (or forced reauth), authenticate first\n    if (!username && !accountAddress) {\n      const authResult = await client.authWithModal();\n      if (authResult.success && authResult.user) {\n        username = authResult.user.username || null;\n        accountAddress = authResult.user.address || null;\n        const stored: Record<string, string> = {};\n        if (username) stored.username = username;\n        if (accountAddress) stored.address = accountAddress;\n        localStorage.setItem(\"1auth-user\", JSON.stringify(stored));\n      } else {\n        // Auth cancelled or failed\n        return;\n      }\n    }\n\n    // Send the intent\n    let result: SendIntentResult;\n    try {\n      result = await client.sendIntent({\n        ...intent,\n        username: username || undefined,\n        accountAddress: accountAddress || undefined,\n        closeOn,\n      });\n    } catch (err) {\n      // If user not found, clear localStorage and force re-authentication\n      if (err instanceof Error && err.message.includes(\"User not found\")) {\n        localStorage.removeItem(\"1auth-user\");\n        return executePayment(true);\n      }\n      throw err;\n    }\n\n    if (result.success) {\n      setIsSuccess(true);\n      onSuccess?.(result);\n    } else {\n      // If user not found error in result, clear localStorage and retry\n      if (result.error?.message?.includes(\"User not found\")) {\n        localStorage.removeItem(\"1auth-user\");\n        return executePayment(true);\n      }\n      onError?.(new Error(result.error?.message || \"Payment failed\"));\n    }\n  };\n\n  const combinedStyles: React.CSSProperties = {\n    ...defaultStyles,\n    ...(isSuccess ? defaultSuccessStyles : {}),\n    ...(isHovered && !disabled && !isProcessing && !isSuccess ? defaultHoverStyles : {}),\n    ...(disabled || isProcessing ? defaultDisabledStyles : {}),\n    ...style,\n  };\n\n  return (\n    <button\n      type=\"button\"\n      className={className}\n      style={combinedStyles}\n      onClick={handleClick}\n      disabled={disabled || isProcessing || isSuccess}\n      onMouseEnter={() => setIsHovered(true)}\n      onMouseLeave={() => setIsHovered(false)}\n    >\n      {isSuccess ? (\n        <>\n          <CheckIcon className=\"pay-button-icon\" />\n          Paid\n        </>\n      ) : isProcessing ? (\n        \"Processing...\"\n      ) : (\n        <>\n          {!hideIcon && <FingerprintIcon className=\"pay-button-icon\" />}\n          {children}\n        </>\n      )}\n    </button>\n  );\n}\n\n// Re-export types for convenience\nexport type { SendIntentOptions, SendIntentResult, CloseOnStatus } from \"./types\";\n"],"mappings":"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","names":[]}

package/dist/react.mjs

@@ -74,7 +74,6 @@ function PayButton({
   onSuccess,
   onError,
   closeOn = "preconfirmed",
-  getSignedIntent,
   children = "Pay with 1auth",
   className,
   style,
@@ -127,28 +126,12 @@ function PayButton({
     }
     let result;
     try {
-      if (getSignedIntent) {
-        if (!username) {
-          throw new Error("Username required for signed intents. Set a username first.");
-        }
-        const signedIntent = await getSignedIntent({
-          username,
-          targetChain: intent.targetChain,
-          calls: intent.calls,
-          tokenRequests: intent.tokenRequests
-        });
-        result = await client.sendIntent({
-          signedIntent,
-          closeOn
-        });
-      } else {
-        result = await client.sendIntent({
-          ...intent,
-          username: username || void 0,
-          accountAddress: accountAddress || void 0,
-          closeOn
-        });
-      }
+      result = await client.sendIntent({
+        ...intent,
+        username: username || void 0,
+        accountAddress: accountAddress || void 0,
+        closeOn
+      });
     } catch (err) {
       if (err instanceof Error && err.message.includes("User not found")) {
         localStorage.removeItem("1auth-user");

package/dist/react.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/react.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { OneAuthClient } from \"./client\";\nimport type { SendIntentOptions, SendIntentResult, CloseOnStatus, DeveloperSignedIntent } from \"./types\";\n\n// Fingerprint icon SVG\nconst FingerprintIcon = ({ className }: { className?: string }) => (\n  <svg\n    className={className}\n    width=\"20\"\n    height=\"20\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n  >\n    <path d=\"M12 10a2 2 0 0 0-2 2c0 1.02-.1 2.51-.26 4\" />\n    <path d=\"M14 13.12c0 2.38 0 6.38-1 8.88\" />\n    <path d=\"M17.29 21.02c.12-.6.43-2.3.5-3.02\" />\n    <path d=\"M2 12a10 10 0 0 1 18-6\" />\n    <path d=\"M2 16h.01\" />\n    <path d=\"M21.8 16c.2-2 .131-5.354 0-6\" />\n    <path d=\"M5 19.5C5.5 18 6 15 6 12a6 6 0 0 1 .34-2\" />\n    <path d=\"M8.65 22c.21-.66.45-1.32.57-2\" />\n    <path d=\"M9 6.8a6 6 0 0 1 9 5.2v2\" />\n  </svg>\n);\n\n// Default styles\nconst defaultStyles: React.CSSProperties = {\n  display: \"inline-flex\",\n  alignItems: \"center\",\n  justifyContent: \"center\",\n  gap: \"8px\",\n  padding: \"16px 32px\",\n  fontSize: \"16px\",\n  fontWeight: 500,\n  color: \"#ffffff\",\n  backgroundColor: \"#18181b\",\n  border: \"none\",\n  borderRadius: \"9999px\",\n  cursor: \"pointer\",\n  transition: \"background-color 0.2s\",\n  width: \"100%\",\n};\n\nconst defaultDisabledStyles: React.CSSProperties = {\n  opacity: 0.5,\n  cursor: \"not-allowed\",\n};\n\nconst defaultHoverStyles: React.CSSProperties = {\n  backgroundColor: \"#27272a\",\n};\n\nconst defaultSuccessStyles: React.CSSProperties = {\n  backgroundColor: \"#16a34a\",\n  cursor: \"default\",\n};\n\n// Checkmark icon SVG\nconst CheckIcon = ({ className }: { className?: string }) => (\n  <svg\n    className={className}\n    width=\"20\"\n    height=\"20\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"2.5\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n  >\n    <path d=\"M20 6L9 17l-5-5\" />\n  </svg>\n);\n\nexport interface PayButtonProps {\n  /** The OneAuthClient instance */\n  client: OneAuthClient;\n  /** Intent parameters (calls, targetChain, etc.) - username will be filled automatically */\n  intent: Omit<SendIntentOptions, \"username\" | \"closeOn\" | \"signedIntent\">;\n  /** Called when payment succeeds */\n  onSuccess?: (result: SendIntentResult) => void;\n  /** Called when payment fails */\n  onError?: (error: Error) => void;\n  /** When to close the dialog and return success. Defaults to \"preconfirmed\" */\n  closeOn?: CloseOnStatus;\n  /**\n   * Optional callback to get a signed intent from your backend.\n   * Provides XSS protection by ensuring calls are constructed server-side.\n   * If provided, this will be called with the intent and username before sending.\n   * The returned signed intent will be used instead of the raw intent.\n   */\n  getSignedIntent?: (params: {\n    username: string;\n    targetChain: number;\n    calls: SendIntentOptions[\"calls\"];\n    tokenRequests?: SendIntentOptions[\"tokenRequests\"];\n  }) => Promise<DeveloperSignedIntent>;\n  /** Button text - defaults to \"Pay with 1auth\" */\n  children?: React.ReactNode;\n  /** Custom class name */\n  className?: string;\n  /** Custom inline styles (merged with defaults) */\n  style?: React.CSSProperties;\n  /** Disabled state */\n  disabled?: boolean;\n  /** Hide the fingerprint icon */\n  hideIcon?: boolean;\n}\n\nexport function PayButton({\n  client,\n  intent,\n  onSuccess,\n  onError,\n  closeOn = \"preconfirmed\",\n  getSignedIntent,\n  children = \"Pay with 1auth\",\n  className,\n  style,\n  disabled,\n  hideIcon,\n}: PayButtonProps) {\n  const [isProcessing, setIsProcessing] = React.useState(false);\n  const [isSuccess, setIsSuccess] = React.useState(false);\n  const [isHovered, setIsHovered] = React.useState(false);\n\n  const handleClick = async () => {\n    if (disabled || isProcessing || isSuccess) return;\n\n    setIsProcessing(true);\n\n    try {\n      await executePayment();\n    } catch (err) {\n      if (err instanceof Error && !err.message.includes(\"rejected\")) {\n        onError?.(err);\n      }\n    } finally {\n      setIsProcessing(false);\n    }\n  };\n\n  const executePayment = async (forceReauth = false) => {\n    // Try to get existing user from localStorage\n    let username: string | null = null;\n    let accountAddress: string | null = null;\n    if (!forceReauth) {\n      const savedUser = localStorage.getItem(\"1auth-user\");\n      if (savedUser) {\n        try {\n          const parsed = JSON.parse(savedUser);\n          username = parsed.username || null;\n          accountAddress = parsed.address || null;\n        } catch {\n          localStorage.removeItem(\"1auth-user\");\n        }\n      }\n    }\n\n    // If no user (or forced reauth), authenticate first\n    if (!username && !accountAddress) {\n      const authResult = await client.authWithModal();\n      if (authResult.success && authResult.user) {\n        username = authResult.user.username || null;\n        accountAddress = authResult.user.address || null;\n        const stored: Record<string, string> = {};\n        if (username) stored.username = username;\n        if (accountAddress) stored.address = accountAddress;\n        localStorage.setItem(\"1auth-user\", JSON.stringify(stored));\n      } else {\n        // Auth cancelled or failed\n        return;\n      }\n    }\n\n    // Send the intent\n    // If getSignedIntent is provided, use signed intent flow (XSS protected)\n    // Otherwise, use the raw intent (only works for first-party apps)\n    let result: SendIntentResult;\n    try {\n      if (getSignedIntent) {\n        if (!username) {\n          throw new Error(\"Username required for signed intents. Set a username first.\");\n        }\n        const signedIntent = await getSignedIntent({\n          username,\n          targetChain: intent.targetChain!,\n          calls: intent.calls,\n          tokenRequests: intent.tokenRequests,\n        });\n        result = await client.sendIntent({\n          signedIntent,\n          closeOn,\n        });\n      } else {\n        result = await client.sendIntent({\n          ...intent,\n          username: username || undefined,\n          accountAddress: accountAddress || undefined,\n          closeOn,\n        });\n      }\n    } catch (err) {\n      // If user not found, clear localStorage and force re-authentication\n      if (err instanceof Error && err.message.includes(\"User not found\")) {\n        localStorage.removeItem(\"1auth-user\");\n        return executePayment(true);\n      }\n      throw err;\n    }\n\n    if (result.success) {\n      setIsSuccess(true);\n      onSuccess?.(result);\n    } else {\n      // If user not found error in result, clear localStorage and retry\n      if (result.error?.message?.includes(\"User not found\")) {\n        localStorage.removeItem(\"1auth-user\");\n        return executePayment(true);\n      }\n      onError?.(new Error(result.error?.message || \"Payment failed\"));\n    }\n  };\n\n  const combinedStyles: React.CSSProperties = {\n    ...defaultStyles,\n    ...(isSuccess ? defaultSuccessStyles : {}),\n    ...(isHovered && !disabled && !isProcessing && !isSuccess ? defaultHoverStyles : {}),\n    ...(disabled || isProcessing ? defaultDisabledStyles : {}),\n    ...style,\n  };\n\n  return (\n    <button\n      type=\"button\"\n      className={className}\n      style={combinedStyles}\n      onClick={handleClick}\n      disabled={disabled || isProcessing || isSuccess}\n      onMouseEnter={() => setIsHovered(true)}\n      onMouseLeave={() => setIsHovered(false)}\n    >\n      {isSuccess ? (\n        <>\n          <CheckIcon className=\"pay-button-icon\" />\n          Paid\n        </>\n      ) : isProcessing ? (\n        \"Processing...\"\n      ) : (\n        <>\n          {!hideIcon && <FingerprintIcon className=\"pay-button-icon\" />}\n          {children}\n        </>\n      )}\n    </button>\n  );\n}\n\n// Re-export types for convenience\nexport type { SendIntentOptions, SendIntentResult, CloseOnStatus } from \"./types\";\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../src/react.tsx"],"sourcesContent":["/**\n * @file React integration for the 1auth SDK.\n *\n * Exports the {@link PayButton} component — a ready-to-use payment button that\n * handles authentication, session recovery, and intent submission without\n * requiring the consuming app to manage auth state directly.\n *\n * @module @rhinestone/1auth/react\n */\n\nimport * as React from \"react\";\nimport { OneAuthClient } from \"./client\";\nimport type { SendIntentOptions, SendIntentResult, CloseOnStatus } from \"./types\";\n\n// Fingerprint icon SVG\nconst FingerprintIcon = ({ className }: { className?: string }) => (\n  <svg\n    className={className}\n    width=\"20\"\n    height=\"20\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n  >\n    <path d=\"M12 10a2 2 0 0 0-2 2c0 1.02-.1 2.51-.26 4\" />\n    <path d=\"M14 13.12c0 2.38 0 6.38-1 8.88\" />\n    <path d=\"M17.29 21.02c.12-.6.43-2.3.5-3.02\" />\n    <path d=\"M2 12a10 10 0 0 1 18-6\" />\n    <path d=\"M2 16h.01\" />\n    <path d=\"M21.8 16c.2-2 .131-5.354 0-6\" />\n    <path d=\"M5 19.5C5.5 18 6 15 6 12a6 6 0 0 1 .34-2\" />\n    <path d=\"M8.65 22c.21-.66.45-1.32.57-2\" />\n    <path d=\"M9 6.8a6 6 0 0 1 9 5.2v2\" />\n  </svg>\n);\n\n// Default styles\nconst defaultStyles: React.CSSProperties = {\n  display: \"inline-flex\",\n  alignItems: \"center\",\n  justifyContent: \"center\",\n  gap: \"8px\",\n  padding: \"16px 32px\",\n  fontSize: \"16px\",\n  fontWeight: 500,\n  color: \"#ffffff\",\n  backgroundColor: \"#18181b\",\n  border: \"none\",\n  borderRadius: \"9999px\",\n  cursor: \"pointer\",\n  transition: \"background-color 0.2s\",\n  width: \"100%\",\n};\n\nconst defaultDisabledStyles: React.CSSProperties = {\n  opacity: 0.5,\n  cursor: \"not-allowed\",\n};\n\nconst defaultHoverStyles: React.CSSProperties = {\n  backgroundColor: \"#27272a\",\n};\n\nconst defaultSuccessStyles: React.CSSProperties = {\n  backgroundColor: \"#16a34a\",\n  cursor: \"default\",\n};\n\n// Checkmark icon SVG\nconst CheckIcon = ({ className }: { className?: string }) => (\n  <svg\n    className={className}\n    width=\"20\"\n    height=\"20\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"2.5\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n  >\n    <path d=\"M20 6L9 17l-5-5\" />\n  </svg>\n);\n\nexport interface PayButtonProps {\n  /** The OneAuthClient instance */\n  client: OneAuthClient;\n  /** Intent parameters (calls, targetChain, etc.) - username will be filled automatically */\n  intent: Omit<SendIntentOptions, \"username\" | \"closeOn\">;\n  /** Called when payment succeeds */\n  onSuccess?: (result: SendIntentResult) => void;\n  /** Called when payment fails */\n  onError?: (error: Error) => void;\n  /** When to close the dialog and return success. Defaults to \"preconfirmed\" */\n  closeOn?: CloseOnStatus;\n  /** Button text - defaults to \"Pay with 1auth\" */\n  children?: React.ReactNode;\n  /** Custom class name */\n  className?: string;\n  /** Custom inline styles (merged with defaults) */\n  style?: React.CSSProperties;\n  /** Disabled state */\n  disabled?: boolean;\n  /** Hide the fingerprint icon */\n  hideIcon?: boolean;\n}\n\n/**\n * A pre-built payment button that integrates 1auth passkey authentication\n * and intent submission into a single interactive element.\n *\n * The button manages its own loading and success states. On first click it\n * recovers the last authenticated user from `localStorage`; if none is found\n * it opens the auth modal before submitting the intent. On subsequent clicks\n * the stored session is reused so the user only needs to re-authenticate when\n * their session has been invalidated server-side.\n *\n * @param props - See {@link PayButtonProps} for the full set of options.\n *\n * @example\n * ```tsx\n * import { PayButton } from \"@rhinestone/1auth/react\";\n * import { client } from \"./auth\"; // your OneAuthClient instance\n *\n * <PayButton\n *   client={client}\n *   intent={{\n *     targetChain: 8453, // Base\n *     calls: [{ to: \"0xRecipient\", data: \"0x\", value: \"1000000\" }],\n *   }}\n *   onSuccess={(result) => console.log(\"tx:\", result.transactionHash)}\n *   onError={(err) => console.error(err)}\n * >\n *   Pay $5 USDC\n * </PayButton>\n * ```\n */\nexport function PayButton({\n  client,\n  intent,\n  onSuccess,\n  onError,\n  closeOn = \"preconfirmed\",\n  children = \"Pay with 1auth\",\n  className,\n  style,\n  disabled,\n  hideIcon,\n}: PayButtonProps) {\n  const [isProcessing, setIsProcessing] = React.useState(false);\n  const [isSuccess, setIsSuccess] = React.useState(false);\n  const [isHovered, setIsHovered] = React.useState(false);\n\n  const handleClick = async () => {\n    if (disabled || isProcessing || isSuccess) return;\n\n    setIsProcessing(true);\n\n    try {\n      await executePayment();\n    } catch (err) {\n      if (err instanceof Error && !err.message.includes(\"rejected\")) {\n        onError?.(err);\n      }\n    } finally {\n      setIsProcessing(false);\n    }\n  };\n\n  /**\n   * Core payment execution with built-in session recovery and re-auth retry.\n   *\n   * Flow:\n   * 1. On first call (`forceReauth = false`), attempt to load a cached user\n   *    from `localStorage` under the key `\"1auth-user\"`. If the JSON is\n   *    malformed the cache entry is removed so the next call starts clean.\n   * 2. If no cached user exists (or `forceReauth` is `true`), open the auth\n   *    modal. On success, persist `{ username, address }` to `localStorage`\n   *    so subsequent clicks skip authentication.\n   * 3. Submit the intent. If the server responds with \"User not found\" — which\n   *    happens when a cached username/address no longer exists on the server —\n   *    clear `localStorage` and call `executePayment(true)` to force a fresh\n   *    authentication before retrying once.\n   *\n   * @param forceReauth - When `true`, skip the localStorage lookup and go\n   *   straight to the auth modal. Used internally on \"User not found\" errors\n   *   to recover from a stale cache without requiring a second user gesture.\n   */\n  const executePayment = async (forceReauth = false) => {\n    // Try to get existing user from localStorage\n    let username: string | null = null;\n    let accountAddress: string | null = null;\n    if (!forceReauth) {\n      const savedUser = localStorage.getItem(\"1auth-user\");\n      if (savedUser) {\n        try {\n          const parsed = JSON.parse(savedUser);\n          username = parsed.username || null;\n          accountAddress = parsed.address || null;\n        } catch {\n          localStorage.removeItem(\"1auth-user\");\n        }\n      }\n    }\n\n    // If no user (or forced reauth), authenticate first\n    if (!username && !accountAddress) {\n      const authResult = await client.authWithModal();\n      if (authResult.success && authResult.user) {\n        username = authResult.user.username || null;\n        accountAddress = authResult.user.address || null;\n        const stored: Record<string, string> = {};\n        if (username) stored.username = username;\n        if (accountAddress) stored.address = accountAddress;\n        localStorage.setItem(\"1auth-user\", JSON.stringify(stored));\n      } else {\n        // Auth cancelled or failed\n        return;\n      }\n    }\n\n    // Send the intent\n    let result: SendIntentResult;\n    try {\n      result = await client.sendIntent({\n        ...intent,\n        username: username || undefined,\n        accountAddress: accountAddress || undefined,\n        closeOn,\n      });\n    } catch (err) {\n      // If user not found, clear localStorage and force re-authentication\n      if (err instanceof Error && err.message.includes(\"User not found\")) {\n        localStorage.removeItem(\"1auth-user\");\n        return executePayment(true);\n      }\n      throw err;\n    }\n\n    if (result.success) {\n      setIsSuccess(true);\n      onSuccess?.(result);\n    } else {\n      // If user not found error in result, clear localStorage and retry\n      if (result.error?.message?.includes(\"User not found\")) {\n        localStorage.removeItem(\"1auth-user\");\n        return executePayment(true);\n      }\n      onError?.(new Error(result.error?.message || \"Payment failed\"));\n    }\n  };\n\n  const combinedStyles: React.CSSProperties = {\n    ...defaultStyles,\n    ...(isSuccess ? defaultSuccessStyles : {}),\n    ...(isHovered && !disabled && !isProcessing && !isSuccess ? defaultHoverStyles : {}),\n    ...(disabled || isProcessing ? defaultDisabledStyles : {}),\n    ...style,\n  };\n\n  return (\n    <button\n      type=\"button\"\n      className={className}\n      style={combinedStyles}\n      onClick={handleClick}\n      disabled={disabled || isProcessing || isSuccess}\n      onMouseEnter={() => setIsHovered(true)}\n      onMouseLeave={() => setIsHovered(false)}\n    >\n      {isSuccess ? (\n        <>\n          <CheckIcon className=\"pay-button-icon\" />\n          Paid\n        </>\n      ) : isProcessing ? (\n        \"Processing...\"\n      ) : (\n        <>\n          {!hideIcon && <FingerprintIcon className=\"pay-button-icon\" />}\n          {children}\n        </>\n      )}\n    </button>\n  );\n}\n\n// Re-export types for convenience\nexport type { SendIntentOptions, SendIntentResult, CloseOnStatus } from \"./types\";\n"],"mappings":";AAUA,YAAY,WAAW;AAMrB,SAmQM,UAxPJ,KAXF;AADF,IAAM,kBAAkB,CAAC,EAAE,UAAU,MACnC;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,QAAO;AAAA,IACP,aAAY;AAAA,IACZ,eAAc;AAAA,IACd,gBAAe;AAAA,IAEf;AAAA,0BAAC,UAAK,GAAE,6CAA4C;AAAA,MACpD,oBAAC,UAAK,GAAE,kCAAiC;AAAA,MACzC,oBAAC,UAAK,GAAE,qCAAoC;AAAA,MAC5C,oBAAC,UAAK,GAAE,0BAAyB;AAAA,MACjC,oBAAC,UAAK,GAAE,aAAY;AAAA,MACpB,oBAAC,UAAK,GAAE,gCAA+B;AAAA,MACvC,oBAAC,UAAK,GAAE,4CAA2C;AAAA,MACnD,oBAAC,UAAK,GAAE,iCAAgC;AAAA,MACxC,oBAAC,UAAK,GAAE,4BAA2B;AAAA;AAAA;AACrC;AAIF,IAAM,gBAAqC;AAAA,EACzC,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,KAAK;AAAA,EACL,SAAS;AAAA,EACT,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,iBAAiB;AAAA,EACjB,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,OAAO;AACT;AAEA,IAAM,wBAA6C;AAAA,EACjD,SAAS;AAAA,EACT,QAAQ;AACV;AAEA,IAAM,qBAA0C;AAAA,EAC9C,iBAAiB;AACnB;AAEA,IAAM,uBAA4C;AAAA,EAChD,iBAAiB;AAAA,EACjB,QAAQ;AACV;AAGA,IAAM,YAAY,CAAC,EAAE,UAAU,MAC7B;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,QAAO;AAAA,IACP,aAAY;AAAA,IACZ,eAAc;AAAA,IACd,gBAAe;AAAA,IAEf,8BAAC,UAAK,GAAE,mBAAkB;AAAA;AAC5B;AAwDK,SAAS,UAAU;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAmB;AACjB,QAAM,CAAC,cAAc,eAAe,IAAU,eAAS,KAAK;AAC5D,QAAM,CAAC,WAAW,YAAY,IAAU,eAAS,KAAK;AACtD,QAAM,CAAC,WAAW,YAAY,IAAU,eAAS,KAAK;AAEtD,QAAM,cAAc,YAAY;AAC9B,QAAI,YAAY,gBAAgB,UAAW;AAE3C,oBAAgB,IAAI;AAEpB,QAAI;AACF,YAAM,eAAe;AAAA,IACvB,SAAS,KAAK;AACZ,UAAI,eAAe,SAAS,CAAC,IAAI,QAAQ,SAAS,UAAU,GAAG;AAC7D,kBAAU,GAAG;AAAA,MACf;AAAA,IACF,UAAE;AACA,sBAAgB,KAAK;AAAA,IACvB;AAAA,EACF;AAqBA,QAAM,iBAAiB,OAAO,cAAc,UAAU;AAEpD,QAAI,WAA0B;AAC9B,QAAI,iBAAgC;AACpC,QAAI,CAAC,aAAa;AAChB,YAAM,YAAY,aAAa,QAAQ,YAAY;AACnD,UAAI,WAAW;AACb,YAAI;AACF,gBAAM,SAAS,KAAK,MAAM,SAAS;AACnC,qBAAW,OAAO,YAAY;AAC9B,2BAAiB,OAAO,WAAW;AAAA,QACrC,QAAQ;AACN,uBAAa,WAAW,YAAY;AAAA,QACtC;AAAA,MACF;AAAA,IACF;AAGA,QAAI,CAAC,YAAY,CAAC,gBAAgB;AAChC,YAAM,aAAa,MAAM,OAAO,cAAc;AAC9C,UAAI,WAAW,WAAW,WAAW,MAAM;AACzC,mBAAW,WAAW,KAAK,YAAY;AACvC,yBAAiB,WAAW,KAAK,WAAW;AAC5C,cAAM,SAAiC,CAAC;AACxC,YAAI,SAAU,QAAO,WAAW;AAChC,YAAI,eAAgB,QAAO,UAAU;AACrC,qBAAa,QAAQ,cAAc,KAAK,UAAU,MAAM,CAAC;AAAA,MAC3D,OAAO;AAEL;AAAA,MACF;AAAA,IACF;AAGA,QAAI;AACJ,QAAI;AACF,eAAS,MAAM,OAAO,WAAW;AAAA,QAC/B,GAAG;AAAA,QACH,UAAU,YAAY;AAAA,QACtB,gBAAgB,kBAAkB;AAAA,QAClC;AAAA,MACF,CAAC;AAAA,IACH,SAAS,KAAK;AAEZ,UAAI,eAAe,SAAS,IAAI,QAAQ,SAAS,gBAAgB,GAAG;AAClE,qBAAa,WAAW,YAAY;AACpC,eAAO,eAAe,IAAI;AAAA,MAC5B;AACA,YAAM;AAAA,IACR;AAEA,QAAI,OAAO,SAAS;AAClB,mBAAa,IAAI;AACjB,kBAAY,MAAM;AAAA,IACpB,OAAO;AAEL,UAAI,OAAO,OAAO,SAAS,SAAS,gBAAgB,GAAG;AACrD,qBAAa,WAAW,YAAY;AACpC,eAAO,eAAe,IAAI;AAAA,MAC5B;AACA,gBAAU,IAAI,MAAM,OAAO,OAAO,WAAW,gBAAgB,CAAC;AAAA,IAChE;AAAA,EACF;AAEA,QAAM,iBAAsC;AAAA,IAC1C,GAAG;AAAA,IACH,GAAI,YAAY,uBAAuB,CAAC;AAAA,IACxC,GAAI,aAAa,CAAC,YAAY,CAAC,gBAAgB,CAAC,YAAY,qBAAqB,CAAC;AAAA,IAClF,GAAI,YAAY,eAAe,wBAAwB,CAAC;AAAA,IACxD,GAAG;AAAA,EACL;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL;AAAA,MACA,OAAO;AAAA,MACP,SAAS;AAAA,MACT,UAAU,YAAY,gBAAgB;AAAA,MACtC,cAAc,MAAM,aAAa,IAAI;AAAA,MACrC,cAAc,MAAM,aAAa,KAAK;AAAA,MAErC,sBACC,iCACE;AAAA,4BAAC,aAAU,WAAU,mBAAkB;AAAA,QAAE;AAAA,SAE3C,IACE,eACF,kBAEA,iCACG;AAAA,SAAC,YAAY,oBAAC,mBAAgB,WAAU,mBAAkB;AAAA,QAC1D;AAAA,SACH;AAAA;AAAA,EAEJ;AAEJ;","names":[]}

package/dist/wagmi.d.mts

@@ -1,6 +1,6 @@
 import * as _wagmi_core from '@wagmi/core';
-import { O as OneAuthProvider } from './provider-B9GKBMC5.mjs';
-import { O as OneAuthClient, I as IntentSigner } from './client-hZxAAhcl.mjs';
+import { O as OneAuthProvider } from './provider-CDl9wYEc.mjs';
+import { O as OneAuthClient } from './client-BrMrhetG.mjs';
 
 type OneAuthConnectorOptions = {
     client: OneAuthClient;
@@ -9,8 +9,44 @@ type OneAuthConnectorOptions = {
     waitForHash?: boolean;
     hashTimeoutMs?: number;
     hashIntervalMs?: number;
-    signIntent?: IntentSigner;
 };
+/**
+ * Creates a wagmi connector backed by 1auth passkey authentication.
+ *
+ * The connector lazily instantiates a single `OneAuthProvider` on the first call to
+ * `getProvider()` and reuses it for the lifetime of the wagmi config. Event listeners
+ * (`accountsChanged`, `chainChanged`, `disconnect`) are attached on connect and torn
+ * down on disconnect to prevent memory leaks.
+ *
+ * @param options - Connector configuration
+ * @param options.client - Configured `OneAuthClient` instance
+ * @param options.chainId - Override the initial chain ID. When omitted the first chain
+ *   in the wagmi config's `chains` array is used.
+ * @param options.storageKey - localStorage key for persisting the connected user.
+ *   Forwarded to `createOneAuthProvider`. Defaults to `"1auth-user"`.
+ * @param options.waitForHash - When true, `sendTransaction` waits for a tx hash before
+ *   resolving. Forwarded to `createOneAuthProvider`. Defaults to true.
+ * @param options.hashTimeoutMs - Maximum milliseconds to wait for a transaction hash.
+ * @param options.hashIntervalMs - Polling interval when waiting for a hash.
+ * @returns A wagmi connector factory function (pass directly to wagmi `createConfig`)
+ *
+ * @example
+ * ```typescript
+ * import { createConfig } from "wagmi";
+ * import { base, optimism } from "viem/chains";
+ * import { oneAuth } from "@rhinestone/1auth/wagmi";
+ * import { OneAuthClient } from "@rhinestone/1auth";
+ *
+ * const client = new OneAuthClient({ clientId: "my-app" });
+ *
+ * export const wagmiConfig = createConfig({
+ *   chains: [base, optimism],
+ *   connectors: [
+ *     oneAuth({ client }),
+ *   ],
+ * });
+ * ```
+ */
 declare function oneAuth(options: OneAuthConnectorOptions): _wagmi_core.CreateConnectorFn<OneAuthProvider, Record<string, unknown>, Record<string, unknown>>;
 
 export { type OneAuthConnectorOptions, oneAuth };

package/dist/wagmi.d.ts

@@ -1,6 +1,6 @@
 import * as _wagmi_core from '@wagmi/core';
-import { O as OneAuthProvider } from './provider-A89sCgGr.js';
-import { O as OneAuthClient, I as IntentSigner } from './client-hZxAAhcl.js';
+import { O as OneAuthProvider } from './provider-Dgv533YQ.js';
+import { O as OneAuthClient } from './client-BrMrhetG.js';
 
 type OneAuthConnectorOptions = {
     client: OneAuthClient;
@@ -9,8 +9,44 @@ type OneAuthConnectorOptions = {
     waitForHash?: boolean;
     hashTimeoutMs?: number;
     hashIntervalMs?: number;
-    signIntent?: IntentSigner;
 };
+/**
+ * Creates a wagmi connector backed by 1auth passkey authentication.
+ *
+ * The connector lazily instantiates a single `OneAuthProvider` on the first call to
+ * `getProvider()` and reuses it for the lifetime of the wagmi config. Event listeners
+ * (`accountsChanged`, `chainChanged`, `disconnect`) are attached on connect and torn
+ * down on disconnect to prevent memory leaks.
+ *
+ * @param options - Connector configuration
+ * @param options.client - Configured `OneAuthClient` instance
+ * @param options.chainId - Override the initial chain ID. When omitted the first chain
+ *   in the wagmi config's `chains` array is used.
+ * @param options.storageKey - localStorage key for persisting the connected user.
+ *   Forwarded to `createOneAuthProvider`. Defaults to `"1auth-user"`.
+ * @param options.waitForHash - When true, `sendTransaction` waits for a tx hash before
+ *   resolving. Forwarded to `createOneAuthProvider`. Defaults to true.
+ * @param options.hashTimeoutMs - Maximum milliseconds to wait for a transaction hash.
+ * @param options.hashIntervalMs - Polling interval when waiting for a hash.
+ * @returns A wagmi connector factory function (pass directly to wagmi `createConfig`)
+ *
+ * @example
+ * ```typescript
+ * import { createConfig } from "wagmi";
+ * import { base, optimism } from "viem/chains";
+ * import { oneAuth } from "@rhinestone/1auth/wagmi";
+ * import { OneAuthClient } from "@rhinestone/1auth";
+ *
+ * const client = new OneAuthClient({ clientId: "my-app" });
+ *
+ * export const wagmiConfig = createConfig({
+ *   chains: [base, optimism],
+ *   connectors: [
+ *     oneAuth({ client }),
+ *   ],
+ * });
+ * ```
+ */
 declare function oneAuth(options: OneAuthConnectorOptions): _wagmi_core.CreateConnectorFn<OneAuthProvider, Record<string, unknown>, Record<string, unknown>>;
 
 export { type OneAuthConnectorOptions, oneAuth };