@getpara/react-sdk-lite 2.16.0 → 2.17.0

package/dist/aa/alchemy/hook.d.ts

@@ -9,7 +9,7 @@ export declare const ALCHEMY_SMART_ACCOUNT_BASE_KEY = "PARA_ALCHEMY_SMART_ACCOUN
  */
 export declare const useAlchemySmartAccount: (params?: import("@getpara/aa-alchemy").AlchemySmartAccountConfig & {
     enabled?: boolean;
-}) => import("../types.js").UseSmartAccountResult<NonNullable<import("@getpara/viem-v2-integration").SmartAccount4337<{
+}) => import("../types.js").UseSmartAccountResult<NonNullable<import("@getpara/viem-v2-integration/aa").SmartAccount4337<{
     [x: string]: unknown;
     account: import("@aa-sdk/core").SmartContractAccount | undefined;
     batch?: {
@@ -8357,7 +8357,7 @@ export declare const useAlchemySmartAccount: (params?: import("@getpara/aa-alche
             account: import("@aa-sdk/core").SmartContractAccount<string, keyof import("@aa-sdk/core").EntryPointRegistryBase<unknown>>;
         }) => import("viem").Address;
     } & import("@aa-sdk/core").BundlerActions & import("viem").PublicActions>;
-}> | import("@getpara/viem-v2-integration").SmartAccount7702<{
+}> | import("@getpara/viem-v2-integration/aa").SmartAccount7702<{
     [x: string]: unknown;
     account: import("@aa-sdk/core").SmartContractAccount | undefined;
     batch?: {

package/dist/aa/biconomy/hook.d.ts

@@ -9,7 +9,7 @@ export declare const BICONOMY_SMART_ACCOUNT_BASE_KEY = "PARA_BICONOMY_SMART_ACCO
  */
 export declare const useBiconomySmartAccount: (params?: import("@getpara/aa-biconomy").BiconomySmartAccountConfig & {
     enabled?: boolean;
-}) => import("../types.js").UseSmartAccountResult<NonNullable<import("@getpara/viem-v2-integration").SmartAccount4337<import("@biconomy/abstractjs").MeeActions & {
+}) => import("../types.js").UseSmartAccountResult<NonNullable<import("@getpara/viem-v2-integration/aa").SmartAccount4337<import("@biconomy/abstractjs").MeeActions & {
     request: <T>(params: {
         path: string;
         method?: "GET" | "POST";
@@ -25,7 +25,7 @@ export declare const useBiconomySmartAccount: (params?: import("@getpara/aa-bico
     pollingInterval: number;
     account: import("@biconomy/abstractjs").MultichainSmartAccount;
     info: import("@biconomy/abstractjs").GetInfoPayload;
-}> | import("@getpara/viem-v2-integration").SmartAccount7702<import("@biconomy/abstractjs").MeeActions & {
+}> | import("@getpara/viem-v2-integration/aa").SmartAccount7702<import("@biconomy/abstractjs").MeeActions & {
     request: <T>(params: {
         path: string;
         method?: "GET" | "POST";

package/dist/aa/cdp/hook.d.ts

@@ -8,4 +8,4 @@ export declare const CDP_SMART_ACCOUNT_BASE_KEY = "PARA_CDP_SMART_ACCOUNT";
  */
 export declare const useCDPSmartAccount: (params?: import("@getpara/aa-cdp").CDPSmartAccountConfig & {
     enabled?: boolean;
-}) => import("../types.js").UseSmartAccountResult<import("@getpara/viem-v2-integration").SmartAccount4337<import("viem/_types/account-abstraction/index.js").BundlerClient>>;
+}) => import("../types.js").UseSmartAccountResult<import("@getpara/viem-v2-integration/aa").SmartAccount4337<import("viem/_types/account-abstraction/index.js").BundlerClient>>;

package/dist/aa/createSmartAccountHook.d.ts

@@ -1,4 +1,4 @@
-import type { Hex } from 'viem';
+import type { Hex, LocalAccount, WalletClient } from 'viem';
 import type { SmartAccountHookConfig, UseSmartAccountResult } from './types.js';
 /**
  * Factory that creates a React hook for a specific smart account provider.
@@ -7,6 +7,7 @@ import type { SmartAccountHookConfig, UseSmartAccountResult } from './types.js';
 export declare function createSmartAccountHook<TParams extends {
     address?: Hex;
     walletId?: string;
+    signer?: LocalAccount | WalletClient;
 }, TResult>(config: SmartAccountHookConfig<TParams, TResult>): (params?: TParams & {
     enabled?: boolean;
 }) => UseSmartAccountResult<TResult>;

package/dist/aa/createSmartAccountHook.js

@@ -6,35 +6,69 @@ import {
   __spreadValues
 } from "../chunk-MMUBH76A.js";
 import { useAccount, useClient, useWallet } from "../provider/index.js";
+import { useStore } from "../provider/stores/useStore.js";
 import { useQuery } from "@tanstack/react-query";
+import { useContext } from "react";
 function createSmartAccountHook(config) {
   return function useSmartAccount(params = {}) {
-    var _b, _c, _d;
+    var _a, _b, _d, _e, _f, _g, _h, _i, _j;
     const para = useClient();
     const {
       isConnected,
       embedded: { userId }
     } = useAccount();
     const { data: wallet } = useWallet();
-    const _a = params != null ? params : {}, { enabled = true } = _a, rest = __objRest(_a, ["enabled"]);
+    const evmContext = useStore((state) => state.evmContext);
+    const evmCtxValue = useContext(evmContext);
+    const noopUseAccount = () => void 0;
+    const noopUseWalletClient = () => ({
+      data: void 0,
+      isLoading: false
+    });
+    const useEvmAccount = (_a = evmCtxValue == null ? void 0 : evmCtxValue.useAccount) != null ? _a : noopUseAccount;
+    const useEvmWalletClient = (_b = evmCtxValue == null ? void 0 : evmCtxValue.useWalletClient) != null ? _b : noopUseWalletClient;
+    const evmAccount = useEvmAccount();
+    const { data: evmWalletClient, isLoading: isEvmWalletClientLoading } = useEvmWalletClient();
+    const _c = params != null ? params : {}, { enabled = true } = _c, rest = __objRest(_c, ["enabled"]);
     const configParams = rest;
-    const contextAddress = (wallet == null ? void 0 : wallet.type) === "EVM" ? wallet == null ? void 0 : wallet.address : void 0;
+    const contextAddress = (wallet == null ? void 0 : wallet.type) === "EVM" && !(wallet == null ? void 0 : wallet.isExternal) ? wallet == null ? void 0 : wallet.address : void 0;
+    const addressParamIsExternal = (() => {
+      if (!para || !(configParams == null ? void 0 : configParams.address)) return false;
+      try {
+        const w = para.findWalletByAddress(configParams.address, { type: ["EVM"] });
+        return !!(w == null ? void 0 : w.isExternal);
+      } catch (e) {
+        return false;
+      }
+    })();
+    const hasEmbeddedWallet = !!contextAddress;
+    const externalEvmAddress = evmAccount == null ? void 0 : evmAccount.address;
+    const isPotentiallyExternal = !hasEmbeddedWallet && !!externalEvmAddress || addressParamIsExternal;
+    const autoExternalSigner = !(configParams == null ? void 0 : configParams.signer) && isPotentiallyExternal && evmWalletClient ? !addressParamIsExternal || (externalEvmAddress == null ? void 0 : externalEvmAddress.toLowerCase()) === ((_d = configParams == null ? void 0 : configParams.address) == null ? void 0 : _d.toLowerCase()) ? (
+      // wagmi's WalletClient type diverges from viem's — cast through unknown to bridge them
+      evmWalletClient
+    ) : void 0 : void 0;
+    const effectiveSigner = (_e = configParams == null ? void 0 : configParams.signer) != null ? _e : autoExternalSigner;
+    const signerAddress = effectiveSigner ? "address" in effectiveSigner ? effectiveSigner.address : (_f = effectiveSigner.account) == null ? void 0 : _f.address : void 0;
+    const hasSigner = !!effectiveSigner;
+    const isAwaitingExternalSigner = isPotentiallyExternal && !(configParams == null ? void 0 : configParams.signer) && isEvmWalletClientLoading;
     const queryResult = useQuery({
       queryKey: [
         config.queryKeyBase,
         isConnected,
         userId,
-        (_d = (_c = (_b = configParams == null ? void 0 : configParams.address) != null ? _b : configParams == null ? void 0 : configParams.walletId) != null ? _c : contextAddress) != null ? _d : null,
+        (_j = (_i = (_h = (_g = configParams == null ? void 0 : configParams.address) != null ? _g : configParams == null ? void 0 : configParams.walletId) != null ? _h : contextAddress) != null ? _i : signerAddress) != null ? _j : null,
         ...config.getQueryKey(configParams != null ? configParams : {})
       ],
-      enabled: isConnected && !!para && enabled,
+      // Allow the query to run if: Para embedded session is active, OR an external signer is available.
+      // Block while waiting for the external wallet client to load.
+      enabled: !isAwaitingExternalSigner && (isConnected || hasSigner) && !!para && enabled,
       queryFn: () => __async(this, null, function* () {
         var _a2;
-        if (!isConnected || !para) {
-          return null;
-        }
-        const address = (configParams == null ? void 0 : configParams.walletId) ? void 0 : (_a2 = configParams == null ? void 0 : configParams.address) != null ? _a2 : contextAddress;
-        return config.createClient(__spreadProps(__spreadValues({}, configParams), { para, address }));
+        if (!isConnected && !hasSigner) return null;
+        if (!para) return null;
+        const address = hasSigner ? configParams == null ? void 0 : configParams.address : (configParams == null ? void 0 : configParams.walletId) ? void 0 : (_a2 = configParams == null ? void 0 : configParams.address) != null ? _a2 : contextAddress;
+        return config.createClient(__spreadProps(__spreadValues({}, configParams), { para, address, signer: effectiveSigner }));
       })
     });
     return __spreadProps(__spreadValues({}, queryResult), {

package/dist/aa/gelato/hook.d.ts

@@ -8,4 +8,4 @@ export declare const GELATO_SMART_ACCOUNT_BASE_KEY = "PARA_GELATO_SMART_ACCOUNT"
  */
 export declare const useGelatoSmartAccount: (params?: import("@getpara/aa-gelato").GelatoSmartAccountConfig & {
     enabled?: boolean;
-}) => import("../types.js").UseSmartAccountResult<import("@getpara/viem-v2-integration").SmartAccount7702<import("@gelatocloud/gasless").GelatoBundlerClient>>;
+}) => import("../types.js").UseSmartAccountResult<import("@getpara/viem-v2-integration/aa").SmartAccount7702<import("@gelatocloud/gasless").GelatoBundlerClient>>;

package/dist/aa/pimlico/hook.d.ts

@@ -9,7 +9,7 @@ export declare const PIMLICO_SMART_ACCOUNT_BASE_KEY = "PARA_PIMLICO_SMART_ACCOUN
  */
 export declare const usePimlicoSmartAccount: (params?: import("@getpara/aa-pimlico").PimlicoSmartAccountConfig & {
     enabled?: boolean;
-}) => import("../types.js").UseSmartAccountResult<NonNullable<import("@getpara/viem-v2-integration").SmartAccount4337<{
+}) => import("../types.js").UseSmartAccountResult<NonNullable<import("@getpara/viem-v2-integration/aa").SmartAccount4337<{
     account: import("viem/_types/account-abstraction/index.js").SmartAccount | undefined;
     batch?: {
         multicall?: boolean | import("viem").Prettify<import("viem").MulticallBatchOptions> | undefined;
@@ -391,12 +391,12 @@ export declare const usePimlicoSmartAccount: (params?: import("@getpara/aa-pimli
         version: string;
         id: string;
         chainId: number;
+        atomic: boolean;
         capabilities?: {
             [key: string]: any;
         } | {
             [x: string]: any;
         } | undefined;
-        atomic: boolean;
         receipts?: import("viem").WalletCallReceipt<bigint, "success" | "reverted">[] | undefined;
         statusCode: number;
         status: "pending" | "success" | "failure" | undefined;
@@ -422,7 +422,7 @@ export declare const usePimlicoSmartAccount: (params?: import("@getpara/aa-pimli
     paymaster: import("viem/_types/account-abstraction/index.js").BundlerClientConfig["paymaster"] | undefined;
     paymasterContext: import("viem/_types/account-abstraction/index.js").BundlerClientConfig["paymasterContext"] | undefined;
     userOperation: import("viem/_types/account-abstraction/index.js").BundlerClientConfig["userOperation"] | undefined;
-}> | import("@getpara/viem-v2-integration").SmartAccount7702<{
+}> | import("@getpara/viem-v2-integration/aa").SmartAccount7702<{
     account: import("viem/_types/account-abstraction/index.js").SmartAccount | undefined;
     batch?: {
         multicall?: boolean | import("viem").Prettify<import("viem").MulticallBatchOptions> | undefined;
@@ -804,12 +804,12 @@ export declare const usePimlicoSmartAccount: (params?: import("@getpara/aa-pimli
         version: string;
         id: string;
         chainId: number;
+        atomic: boolean;
         capabilities?: {
             [key: string]: any;
         } | {
             [x: string]: any;
         } | undefined;
-        atomic: boolean;
         receipts?: import("viem").WalletCallReceipt<bigint, "success" | "reverted">[] | undefined;
         statusCode: number;
         status: "pending" | "success" | "failure" | undefined;

package/dist/aa/porto/hook.d.ts

@@ -9,4 +9,4 @@ export declare const PORTO_ACCOUNT_BASE_KEY = "PARA_PORTO_ACCOUNT";
  */
 export declare const usePortoSmartAccount: (params?: import("@getpara/aa-porto").PortoAccountConfig & {
     enabled?: boolean;
-}) => import("../types.js").UseSmartAccountResult<import("@getpara/viem-v2-integration").SmartAccount7702<any>>;
+}) => import("../types.js").UseSmartAccountResult<import("@getpara/viem-v2-integration/aa").SmartAccount7702<any>>;

package/dist/aa/rhinestone/hook.d.ts

@@ -9,4 +9,4 @@ export declare const RHINESTONE_SMART_ACCOUNT_BASE_KEY = "PARA_RHINESTONE_SMART_
  */
 export declare const useRhinestoneSmartAccount: (params?: import("@getpara/aa-rhinestone").RhinestoneSmartAccountConfig & {
     enabled?: boolean;
-}) => import("../types.js").UseSmartAccountResult<import("@getpara/viem-v2-integration").SmartAccount4337<any>>;
+}) => import("../types.js").UseSmartAccountResult<import("@getpara/viem-v2-integration/aa").SmartAccount4337<any>>;

package/dist/aa/safe/hook.d.ts

@@ -9,4 +9,4 @@ export declare const SAFE_SMART_ACCOUNT_BASE_KEY = "PARA_SAFE_SMART_ACCOUNT";
  */
 export declare const useSafeSmartAccount: (params?: import("@getpara/aa-safe").SafeSmartAccountConfig & {
     enabled?: boolean;
-}) => import("../types.js").UseSmartAccountResult<import("@getpara/viem-v2-integration").SmartAccount4337<import("permissionless").SmartAccountClient>>;
+}) => import("../types.js").UseSmartAccountResult<import("@getpara/viem-v2-integration/aa").SmartAccount4337<import("permissionless").SmartAccountClient>>;

package/dist/aa/thirdweb/hook.d.ts

@@ -9,4 +9,4 @@ export declare const THIRDWEB_SMART_ACCOUNT_BASE_KEY = "PARA_THIRDWEB_SMART_ACCO
  */
 export declare const useThirdwebSmartAccount: (params?: import("@getpara/aa-thirdweb").ThirdwebSmartAccountConfig & {
     enabled?: boolean;
-}) => import("../types.js").UseSmartAccountResult<NonNullable<import("@getpara/viem-v2-integration").SmartAccount4337<import("thirdweb/wallets").Account> | import("@getpara/viem-v2-integration").SmartAccount7702<import("thirdweb/wallets").Account> | null>>;
+}) => import("../types.js").UseSmartAccountResult<NonNullable<import("@getpara/viem-v2-integration/aa").SmartAccount4337<import("thirdweb/wallets").Account> | import("@getpara/viem-v2-integration/aa").SmartAccount7702<import("thirdweb/wallets").Account> | null>>;

package/dist/aa/zerodev/hook.d.ts

@@ -9,4 +9,4 @@ export declare const ZERODEV_SMART_ACCOUNT_BASE_KEY = "PARA_ZERODEV_SMART_ACCOUN
  */
 export declare const useZeroDevSmartAccount: (params?: import("@getpara/aa-zerodev").ZeroDevSmartAccountConfig & {
     enabled?: boolean;
-}) => import("../types.js").UseSmartAccountResult<NonNullable<import("@getpara/viem-v2-integration").SmartAccount4337<import("@zerodev/sdk").KernelAccountClient> | import("@getpara/viem-v2-integration").SmartAccount7702<import("@zerodev/sdk").KernelAccountClient> | null>>;
+}) => import("../types.js").UseSmartAccountResult<NonNullable<import("@getpara/viem-v2-integration/aa").SmartAccount4337<import("@zerodev/sdk").KernelAccountClient> | import("@getpara/viem-v2-integration/aa").SmartAccount7702<import("@zerodev/sdk").KernelAccountClient> | null>>;

package/package.json

@@ -1,43 +1,44 @@
 {
   "name": "@getpara/react-sdk-lite",
-  "version": "2.16.0",
+  "version": "2.17.0",
   "bin": {
     "setup-para": "dist/cli/cli.mjs"
   },
   "dependencies": {
-    "@getpara/react-common": "2.16.0",
-    "@getpara/react-components": "2.16.0",
-    "@getpara/web-sdk": "2.16.0",
+    "@getpara/react-common": "2.17.0",
+    "@getpara/react-components": "2.17.0",
+    "@getpara/web-sdk": "2.17.0",
     "date-fns": "^3.6.0",
+    "detect-browser": "^5.3.0",
     "framer-motion": "^11.3.31",
     "libphonenumber-js": "^1.11.7",
     "socket.io-client": "^4.5.1",
-    "styled-components": "^6.1.8",
+    "styled-components": "^6",
     "zustand": "^4.5.2",
     "zustand-sync-tabs": "^0.2.2"
   },
   "devDependencies": {
-    "@getpara/aa-alchemy": "2.16.0",
-    "@getpara/aa-biconomy": "2.16.0",
-    "@getpara/aa-cdp": "2.16.0",
-    "@getpara/aa-gelato": "2.16.0",
-    "@getpara/aa-pimlico": "2.16.0",
-    "@getpara/aa-porto": "2.16.0",
-    "@getpara/aa-rhinestone": "2.16.0",
-    "@getpara/aa-safe": "2.16.0",
-    "@getpara/aa-thirdweb": "2.16.0",
-    "@getpara/aa-zerodev": "2.16.0",
-    "@getpara/cosmos-wallet-connectors": "2.16.0",
-    "@getpara/evm-wallet-connectors": "2.16.0",
-    "@getpara/solana-wallet-connectors": "2.16.0",
+    "@getpara/aa-alchemy": "2.17.0",
+    "@getpara/aa-biconomy": "2.17.0",
+    "@getpara/aa-cdp": "2.17.0",
+    "@getpara/aa-gelato": "2.17.0",
+    "@getpara/aa-pimlico": "2.17.0",
+    "@getpara/aa-porto": "2.17.0",
+    "@getpara/aa-rhinestone": "2.17.0",
+    "@getpara/aa-safe": "2.17.0",
+    "@getpara/aa-thirdweb": "2.17.0",
+    "@getpara/aa-zerodev": "2.17.0",
+    "@getpara/cosmos-wallet-connectors": "2.17.0",
+    "@getpara/evm-wallet-connectors": "2.17.0",
+    "@getpara/solana-wallet-connectors": "2.17.0",
     "@tanstack/react-query": "^5.74.0",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/react": "^16.3.0",
     "@testing-library/react-hooks": "^8.0.1",
     "@testing-library/user-event": "^14.6.1",
     "@types/chrome": "^0.0.237",
-    "@types/react": "^18.0.31",
-    "@types/react-dom": "^18.2.7",
+    "@types/react": "^18.3.3",
+    "@types/react-dom": "^18.3.0",
     "typescript": "^5.8.3"
   },
   "exports": {
@@ -49,7 +50,7 @@
     "package.json",
     "styles.css"
   ],
-  "gitHead": "fbe96a062b308d04105213378c12c38ee973c798",
+  "gitHead": "3ed1f835b97ae720f1ac747611296e3b86f61138",
   "main": "dist/index.js",
   "peerDependencies": {
     "@getpara/aa-alchemy": ">=2.15.0",