@getpara/react-sdk 2.0.0-dev.3 → 2.0.0-dev.5

package/dist/evm/hooks/useViemClient.js

@@ -0,0 +1,30 @@
+"use client";
+import {
+  __async,
+  __spreadProps,
+  __spreadValues
+} from "../../chunk-MMUBH76A.js";
+import { useClient } from "@getpara/react-sdk-lite";
+import { useViemAccount } from "./useViemAccount.js";
+import { createParaViemClient } from "@getpara/viem-v2-integration";
+import { useQuery } from "@tanstack/react-query";
+const VIEM_CLIENT_BASE_KEY = "PARA_VIEM_CLIENT";
+const useViemClient = ({ address, walletClientConfig }) => {
+  const para = useClient();
+  const { viemAccount } = useViemAccount({ address });
+  const { data, isLoading } = useQuery({
+    queryKey: [VIEM_CLIENT_BASE_KEY, viemAccount, address, walletClientConfig],
+    enabled: !!viemAccount && !!para,
+    queryFn: () => __async(void 0, null, function* () {
+      if (!para || !viemAccount) {
+        return null;
+      }
+      return yield createParaViemClient(para, __spreadProps(__spreadValues({}, walletClientConfig), { account: viemAccount }));
+    })
+  });
+  return { viemClient: data, isLoading };
+};
+export {
+  VIEM_CLIENT_BASE_KEY,
+  useViemClient
+};

package/dist/evm/index.d.ts

@@ -0,0 +1,2 @@
+export * from './hooks/index.js';
+export * from './actions/index.js';

package/dist/evm/index.js

@@ -0,0 +1,3 @@
+"use client";
+export * from "./hooks/index.js";
+export * from "./actions/index.js";

package/dist/index.d.ts

@@ -1,6 +1,4 @@
-export * from './modal/index.js';
-export * from './provider/index.js';
-export * from '@getpara/web-sdk';
-export type { Theme } from '@getpara/react-components';
-import ParaWeb from '@getpara/web-sdk';
+export * from '@getpara/react-sdk-lite';
+import ParaWeb from '@getpara/react-sdk-lite';
 export default ParaWeb;
+export { ParaProvider } from './provider/ParaProvider.js';

package/dist/index.js

@@ -1,10 +1,10 @@
 "use client";
 import "./chunk-MMUBH76A.js";
-export * from "./modal/index.js";
-export * from "./provider/index.js";
-export * from "@getpara/web-sdk";
-import ParaWeb from "@getpara/web-sdk";
+export * from "@getpara/react-sdk-lite";
+import ParaWeb from "@getpara/react-sdk-lite";
 var src_default = ParaWeb;
+import { ParaProvider } from "./provider/ParaProvider.js";
 export {
+  ParaProvider,
   src_default as default
 };

package/dist/provider/ParaProvider.d.ts

@@ -1,4 +1,3 @@
-import { ParaProviderProps } from './types/provider.js';
+import { ParaModalHandle, ParaProviderProps } from '@getpara/react-sdk-lite';
 import { Chain, Transport } from 'viem';
-import { ParaModalHandle } from '../modal/index.js';
 export declare const ParaProvider: import("react").ForwardRefExoticComponent<ParaProviderProps<readonly [Chain, ...Chain[]], Record<number, Transport>> & import("react").RefAttributes<ParaModalHandle>>;

package/dist/provider/ParaProvider.js

@@ -1,115 +1,22 @@
 "use client";
 import {
+  __objRest,
   __spreadProps,
   __spreadValues
 } from "../chunk-MMUBH76A.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { forwardRef, useEffect } from "react";
-import { useStore } from "./stores/useStore.js";
-import { useAutoSessionKeepAlive } from "./hooks/utils/useAutoSessionKeepAlive.js";
-import { useEventListeners } from "./hooks/utils/useEventListeners.js";
-import { ExternalWalletWrapper } from "./components/ExternalWalletWrapper.js";
-import { ParaModal } from "../modal/ParaModal.js";
-import { isConfigType, isParaWeb } from "./utils/paraConfigTypeGuards.js";
-import ParaWeb from "@getpara/web-sdk";
-import { EXTERNAL_WALLET_TYPES } from "@getpara/web-sdk";
-import { AuthProvider } from "./providers/AuthProvider.js";
-import { AccountLinkProvider } from "./providers/AccountLinkProvider.js";
-const ParaProvider = forwardRef(({ children, paraClientConfig, callbacks, config, externalWalletConfig, paraModalConfig }, ref) => {
-  useEventListeners(callbacks);
-  useAutoSessionKeepAlive({ disabled: config.disableAutoSessionKeepAlive });
-  const setClient = useStore((state) => state.setClient);
-  const client = useStore((state) => state.client);
-  const setExternalWallets = useStore((state) => state.setExternalWallets);
-  const externalWallets = useStore((state) => state.externalWallets);
-  const setExternalWalletsWithFullAuth = useStore((state) => state.setExternalWalletsWithFullAuth);
-  const externalWalletsWithFullAuth = useStore((state) => state.externalWalletsWithFullAuth);
-  const setIncludeWalletVerification = useStore((state) => state.setIncludeWalletVerification);
-  const includeWalletVerification = useStore((state) => state.includeWalletVerification);
-  const setConnectionOnly = useStore((state) => state.setConnectionOnly);
-  const connectionOnly = useStore((state) => state.connectionOnly);
-  const setModalConfig = useStore((state) => state.setModalConfig);
-  const modalConfig = useStore((state) => state.modalConfig);
-  const setAppName = useStore((state) => state.setAppName);
-  const appName = useStore((state) => state.appName);
-  const rpcUrl = useStore((state) => state.rpcUrl);
-  const setRpcUrl = useStore((state) => state.setRpcUrl);
-  const setProviderProps = useStore((state) => state.setProviderProps);
-  useEffect(() => {
-    setProviderProps(__spreadProps(__spreadValues(__spreadValues(__spreadValues({}, config), externalWalletConfig), paraModalConfig), {
-      // Redacting walletConnect to avoid exposing project id
-      walletConnect: void 0
-    }));
-  }, [config, externalWalletConfig, paraModalConfig]);
-  useEffect(() => {
-    if (rpcUrl !== config.rpcUrl) setRpcUrl(config.rpcUrl);
-  }, [config.rpcUrl]);
-  useEffect(() => {
-    if (appName !== config.appName) setAppName(config.appName);
-  }, [config.appName]);
-  useEffect(() => {
-    if (modalConfig !== paraModalConfig) setModalConfig(paraModalConfig);
-  }, [paraModalConfig]);
-  useEffect(() => {
-    var _a;
-    if (connectionOnly !== (externalWalletConfig == null ? void 0 : externalWalletConfig.connectionOnly)) {
-      setConnectionOnly((_a = externalWalletConfig == null ? void 0 : externalWalletConfig.connectionOnly) != null ? _a : false);
-    }
-  }, [externalWalletConfig == null ? void 0 : externalWalletConfig.connectionOnly]);
-  useEffect(() => {
-    var _a, _b;
-    if (includeWalletVerification !== (externalWalletConfig == null ? void 0 : externalWalletConfig.includeWalletVerification)) {
-      if ((externalWalletConfig == null ? void 0 : externalWalletConfig.connectionOnly) || (isConfigType(paraClientConfig) ? (_a = paraClientConfig.opts) == null ? void 0 : _a.externalWalletConnectionOnly : paraClientConfig.externalWalletConnectionOnly)) {
-        console.warn("includeWalletVerification has no effect when using connection only external wallets");
-        setIncludeWalletVerification(false);
-      } else {
-        setIncludeWalletVerification((_b = externalWalletConfig == null ? void 0 : externalWalletConfig.includeWalletVerification) != null ? _b : false);
-      }
-    }
-  }, [externalWalletConfig == null ? void 0 : externalWalletConfig.includeWalletVerification]);
-  useEffect(() => {
-    var _a;
-    if (externalWallets !== (externalWalletConfig == null ? void 0 : externalWalletConfig.wallets)) {
-      setExternalWallets((_a = externalWalletConfig == null ? void 0 : externalWalletConfig.wallets) != null ? _a : [...EXTERNAL_WALLET_TYPES]);
-    }
-  }, [externalWalletConfig == null ? void 0 : externalWalletConfig.wallets]);
-  useEffect(() => {
-    var _a, _b;
-    if (externalWalletsWithFullAuth !== (externalWalletConfig == null ? void 0 : externalWalletConfig.createLinkedEmbeddedForExternalWallets)) {
-      if ((externalWalletConfig == null ? void 0 : externalWalletConfig.connectionOnly) || (isConfigType(paraClientConfig) ? (_a = paraClientConfig.opts) == null ? void 0 : _a.externalWalletConnectionOnly : paraClientConfig.externalWalletConnectionOnly)) {
-        console.warn("createLinkedEmbeddedForExternalWallets has no effect when using connection only external wallets");
-        setExternalWalletsWithFullAuth([]);
-      } else {
-        setExternalWalletsWithFullAuth(
-          (externalWalletConfig == null ? void 0 : externalWalletConfig.createLinkedEmbeddedForExternalWallets) === "ALL" ? [...EXTERNAL_WALLET_TYPES] : (_b = externalWalletConfig == null ? void 0 : externalWalletConfig.createLinkedEmbeddedForExternalWallets) != null ? _b : []
-        );
-      }
-    }
-  }, [externalWalletConfig == null ? void 0 : externalWalletConfig.createLinkedEmbeddedForExternalWallets]);
-  useEffect(() => {
-    if (!isConfigType(paraClientConfig) && !isParaWeb(paraClientConfig)) {
-      throw new Error("Invalid Para config");
-    }
-    const newClient = isConfigType(paraClientConfig) ? new ParaWeb(paraClientConfig.env, paraClientConfig.apiKey, paraClientConfig.opts) : paraClientConfig;
-    setClient(newClient);
-  }, [paraClientConfig]);
-  if (!client) {
-    return null;
-  }
+import { jsx } from "react/jsx-runtime";
+import { ParaProviderMin } from "@getpara/react-sdk-lite";
+import { forwardRef } from "react";
+const ParaProvider = forwardRef((_a, ref) => {
+  var _b = _a, { children, externalWalletConfig } = _b, providerProps = __objRest(_b, ["children", "externalWalletConfig"]);
+  var _a2;
   return /* @__PURE__ */ jsx(
-    AuthProvider,
-    {
-      is2faEnabled: paraModalConfig == null ? void 0 : paraModalConfig.twoFactorAuthEnabled,
-      isRecoverySecretStepEnabled: paraModalConfig == null ? void 0 : paraModalConfig.recoverySecretStepEnabled,
-      overrides: {
-        login: paraModalConfig == null ? void 0 : paraModalConfig.loginTransitionOverride,
-        createWallets: paraModalConfig == null ? void 0 : paraModalConfig.createWalletOverride
-      },
-      children: /* @__PURE__ */ jsx(ExternalWalletWrapper, { config: externalWalletConfig, children: /* @__PURE__ */ jsxs(AccountLinkProvider, { children: [
-        children,
-        !config.disableEmbeddedModal && client.isReady && /* @__PURE__ */ jsx(ParaModal, { ref })
-      ] }) })
-    }
+    ParaProviderMin,
+    __spreadProps(__spreadValues({}, providerProps), {
+      externalWalletConfig: __spreadProps(__spreadValues({}, externalWalletConfig), { wallets: (_a2 = externalWalletConfig == null ? void 0 : externalWalletConfig.wallets) != null ? _a2 : [] }),
+      ref,
+      children
+    })
   );
 });
 export {

package/dist/solana/actions/getSolanaSigner.d.ts

@@ -0,0 +1,8 @@
+import ParaWeb from '@getpara/react-sdk-lite';
+import { SolanaRpcApi } from '@solana/rpc-api';
+import { Rpc } from '@solana/rpc-spec';
+export declare const getSolanaSigner: ({ para, rpc, walletId, }: {
+    para: ParaWeb;
+    walletId?: string;
+    rpc: Rpc<SolanaRpcApi>;
+}) => Promise<import("@getpara/solana-signers-v2-integration").ParaSolanaSigner>;

package/dist/solana/actions/getSolanaSigner.js

@@ -0,0 +1,15 @@
+"use client";
+import {
+  __async
+} from "../../chunk-MMUBH76A.js";
+import { createParaSolanaSigner } from "@getpara/solana-signers-v2-integration";
+const getSolanaSigner = (_0) => __async(void 0, [_0], function* ({
+  para,
+  rpc,
+  walletId
+}) {
+  return createParaSolanaSigner({ para, rpc, walletId });
+});
+export {
+  getSolanaSigner
+};

package/dist/solana/actions/index.d.ts

@@ -0,0 +1 @@
+export * from './getSolanaSigner.js';

package/dist/solana/actions/index.js

@@ -0,0 +1,2 @@
+"use client";
+export * from "./getSolanaSigner.js";

package/dist/solana/hooks/index.d.ts

@@ -0,0 +1 @@
+export * from './useSolanaSigner.js';

package/dist/solana/hooks/index.js

@@ -0,0 +1,2 @@
+"use client";
+export * from "./useSolanaSigner.js";

package/dist/solana/hooks/useSolanaSigner.d.ts

@@ -0,0 +1,12 @@
+import { SolanaRpcApi } from '@solana/rpc-api';
+import { Rpc } from '@solana/rpc-spec';
+export declare const SOLANA_SIGNER_BASE_KEY = "PARA_SOLANA_SIGNER";
+type UseSolanaSignerParameters = {
+    walletId?: string;
+    rpc: Rpc<SolanaRpcApi>;
+};
+export declare const useSolanaSigner: ({ walletId, rpc }: UseSolanaSignerParameters) => {
+    solanaSigner: import("@getpara/solana-signers-v2-integration").ParaSolanaSigner | null | undefined;
+    isLoading: boolean;
+};
+export {};

package/dist/solana/hooks/useSolanaSigner.js

@@ -0,0 +1,32 @@
+"use client";
+import {
+  __async
+} from "../../chunk-MMUBH76A.js";
+import { useAccount, useClient, useWallet } from "@getpara/react-sdk-lite";
+import { useQuery } from "@tanstack/react-query";
+import { getSolanaSigner } from "../actions/index.js";
+const SOLANA_SIGNER_BASE_KEY = "PARA_SOLANA_SIGNER";
+const useSolanaSigner = ({ walletId, rpc }) => {
+  const para = useClient();
+  const {
+    isConnected,
+    embedded: { userId }
+  } = useAccount();
+  const { data: wallet } = useWallet();
+  const { data, isLoading } = useQuery({
+    queryKey: [SOLANA_SIGNER_BASE_KEY, isConnected, userId, walletId != null ? walletId : (wallet == null ? void 0 : wallet.type) === "SOLANA" ? wallet == null ? void 0 : wallet.id : null],
+    enabled: isConnected && !!para,
+    queryFn: () => __async(void 0, null, function* () {
+      if (!isConnected || !para) {
+        return null;
+      }
+      const _id = walletId != null ? walletId : (wallet == null ? void 0 : wallet.type) === "SOLANA" ? wallet == null ? void 0 : wallet.id : void 0;
+      return yield getSolanaSigner({ para, rpc, walletId: _id });
+    })
+  });
+  return { solanaSigner: data, isLoading };
+};
+export {
+  SOLANA_SIGNER_BASE_KEY,
+  useSolanaSigner
+};

package/dist/solana/index.d.ts

@@ -0,0 +1,2 @@
+export * from './hooks/index.js';
+export * from './actions/index.js';

package/dist/solana/index.js

@@ -0,0 +1,3 @@
+"use client";
+export * from "./hooks/index.js";
+export * from "./actions/index.js";

package/package.json

@@ -1,61 +1,51 @@
 {
   "name": "@getpara/react-sdk",
-  "version": "2.0.0-dev.3",
+  "version": "2.0.0-dev.5",
   "bin": {
     "setup-para": "dist/cli/cli.mjs"
   },
   "dependencies": {
-    "@getpara/react-common": "2.0.0-dev.3",
-    "@getpara/react-components": "2.0.0-dev.3",
-    "@getpara/web-sdk": "2.0.0-dev.3",
-    "date-fns": "^3.6.0",
-    "framer-motion": "^11.3.31",
-    "libphonenumber-js": "^1.11.7",
-    "styled-components": "^6.1.8",
-    "zustand": "^4.5.2",
-    "zustand-sync-tabs": "^0.2.2"
+    "@getpara/cosmjs-v0-integration": "2.0.0-alpha.43",
+    "@getpara/cosmos-wallet-connectors": "2.0.0-alpha.43",
+    "@getpara/evm-wallet-connectors": "2.0.0-alpha.43",
+    "@getpara/react-sdk-lite": "2.0.0-dev.5",
+    "@getpara/solana-signers-v2-integration": "2.0.0-alpha.43",
+    "@getpara/solana-wallet-connectors": "2.0.0-alpha.43",
+    "@getpara/viem-v2-integration": "2.0.0-alpha.43"
   },
   "devDependencies": {
-    "@getpara/cosmos-wallet-connectors": "2.0.0-dev.3",
-    "@getpara/evm-wallet-connectors": "2.0.0-dev.3",
-    "@getpara/solana-wallet-connectors": "2.0.0-dev.3",
-    "@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",
     "typescript": "^5.8.3"
   },
   "exports": {
     ".": "./dist/index.js",
-    "./styles.css": "./dist/css/modal.css"
+    "./styles.css": "./dist/css/modal.css",
+    "./evm": "./dist/evm/index.js",
+    "./evm/hooks": "./dist/evm/hooks/index.js",
+    "./evm/actions": "./dist/evm/actions/index.js",
+    "./cosmos": "./dist/cosmos/index.js",
+    "./cosmos/hooks": "./dist/cosmos/hooks/index.js",
+    "./cosmos/actions": "./dist/cosmos/actions/index.js",
+    "./solana": "./dist/solana/index.js",
+    "./solana/hooks": "./dist/solana/hooks/index.js",
+    "./solana/actions": "./dist/solana/actions/index.js"
   },
   "files": [
     "dist",
     "package.json",
     "styles.css"
   ],
-  "gitHead": "ffe34f7d8df2dd3c2327ca1f35bcc9764e0a68a2",
+  "gitHead": "e6e791d4e4f9afd94f2093d6045d686b85e5a682",
   "main": "dist/index.js",
   "peerDependencies": {
-    "@getpara/cosmos-wallet-connectors": "^2.0.0-alpha.26",
-    "@getpara/evm-wallet-connectors": "^2.0.0-alpha.26",
-    "@getpara/solana-wallet-connectors": "^2.0.0-alpha.26",
     "@tanstack/react-query": ">=5.0.0",
     "react": "*",
     "react-dom": "*"
   },
-  "resolutions": {
-    "styled-components": "^6"
-  },
   "scripts": {
     "build": "rm -rf dist && yarn typegen && node ./scripts/build.mjs && yarn post-build",
-    "cli": "node ./dist/cli/cli.mjs",
     "post-build": "./scripts/post-build.sh",
-    "test": "vitest run --coverage",
     "typegen": "tsc --emitDeclarationOnly"
   },
   "sideEffects": [

package/styles.css/package.json

@@ -1,3 +1,3 @@
 {
-  "main": "../dist/modal/css/modal.css"
+  "main": "../dist/css/modal.css"
 }

package/dist/cli/cli.mjs

@@ -1,50 +0,0 @@
-#!/usr/bin/env node
-import * as fs from 'node:fs/promises';
-import * as path from 'node:path';
-import { createRequire } from 'module';
-const require = createRequire(import.meta.url);
-
-const PACKAGES_TO_STUB = [
-  '@getpara/evm-wallet-connectors',
-  '@getpara/cosmos-wallet-connectors',
-  '@getpara/solana-wallet-connectors',
-  '@farcaster/miniapp-sdk',
-  '@farcaster/miniapp-wagmi-connector',
-];
-
-const checkForPackages = async () => {
-  const pathToNodeModules = path.resolve('node_modules');
-
-  for (let i = 0; i < PACKAGES_TO_STUB.length; i++) {
-    const packageName = PACKAGES_TO_STUB[i];
-    try {
-      await import(packageName);
-    } catch (err) {
-      if (err.code === 'ERR_MODULE_NOT_FOUND') {
-        const packageJsonContent = { name: packageName, main: './index.js' };
-
-        await fs.mkdir(path.join(pathToNodeModules, packageName), { recursive: true });
-        const indexPath = path.join(pathToNodeModules, packageName, 'index.js');
-        const packageJsonPath = path.join(pathToNodeModules, packageName, 'package.json');
-
-        try {
-          await fs.access(indexPath);
-        } catch {
-          await fs.writeFile(indexPath, '//STUB');
-        }
-
-        try {
-          await fs.access(packageJsonPath);
-        } catch {
-          await fs.writeFile(packageJsonPath, JSON.stringify(packageJsonContent), {
-            encoding: 'utf-8',
-          });
-        }
-      }
-    }
-  }
-
-  process.exit();
-};
-
-await checkForPackages();

package/dist/modal/ParaModal.d.ts

@@ -1,2 +0,0 @@
-import { ParaModalHandle, ParaModalProps } from './types/modalProps.js';
-export declare const ParaModal: import("react").ForwardRefExoticComponent<ParaModalProps & import("react").RefAttributes<ParaModalHandle>>;