@getpara/react-sdk 2.0.0-fc.2 → 2.0.0

package/README.md

@@ -0,0 +1,21 @@
+https://www.npmjs.com/package/@getpara/react-sdk
+
+`@getpara/react-sdk` is Para's React SDK package that provides Web3 authentication and wallet management for React applications.
+
+###Key Features
+
+- React hooks for state management and wallet operations
+- ParaProvider for app-wide authentication context
+- ParaModal component for user authentication flows
+- Multi-chain support (EVM, Solana, Cosmos)
+- External wallet connectors for popular wallets
+
+###Prerequisites
+
+To use Para, you need an API key. This key authenticates your requests to Para services and is essential for integration.
+
+Don't have an API key yet? Request access to the [Developer Portal](https://developer.getpara.com/) to create API keys, manage billing, teams, and more.
+
+###Learn more
+
+For more information on Para’s React SDK visit the [Para Docs](https://docs.getpara.com/v2/react/quickstart)

package/dist/cosmos/actions/getCosmjsAminoSigner.d.ts

@@ -0,0 +1,8 @@
+import ParaWeb from '@getpara/react-sdk-lite';
+import { ParaAminoSigner } from '@getpara/cosmjs-v0-integration';
+export declare const getCosmjsAminoSigner: ({ para, prefix, walletId, messageSigningTimeoutMs, }: {
+    para: ParaWeb;
+    prefix?: string;
+    walletId?: string;
+    messageSigningTimeoutMs?: number;
+}) => Promise<ParaAminoSigner>;

package/dist/cosmos/actions/getCosmjsAminoSigner.js

@@ -0,0 +1,16 @@
+"use client";
+import {
+  __async
+} from "../../chunk-MMUBH76A.js";
+import { ParaAminoSigner } from "@getpara/cosmjs-v0-integration";
+const getCosmjsAminoSigner = (_0) => __async(void 0, [_0], function* ({
+  para,
+  prefix,
+  walletId,
+  messageSigningTimeoutMs
+}) {
+  return new ParaAminoSigner(para, prefix, walletId, messageSigningTimeoutMs);
+});
+export {
+  getCosmjsAminoSigner
+};

package/dist/cosmos/actions/getCosmjsProtoSigner.d.ts

@@ -0,0 +1,8 @@
+import ParaWeb from '@getpara/react-sdk-lite';
+import { ParaProtoSigner } from '@getpara/cosmjs-v0-integration';
+export declare const getCosmjsProtoSigner: ({ para, prefix, walletId, messageSigningTimeoutMs, }: {
+    para: ParaWeb;
+    prefix?: string;
+    walletId?: string;
+    messageSigningTimeoutMs?: number;
+}) => Promise<ParaProtoSigner>;

package/dist/cosmos/actions/getCosmjsProtoSigner.js

@@ -0,0 +1,16 @@
+"use client";
+import {
+  __async
+} from "../../chunk-MMUBH76A.js";
+import { ParaProtoSigner } from "@getpara/cosmjs-v0-integration";
+const getCosmjsProtoSigner = (_0) => __async(void 0, [_0], function* ({
+  para,
+  prefix,
+  walletId,
+  messageSigningTimeoutMs
+}) {
+  return new ParaProtoSigner(para, prefix, walletId, messageSigningTimeoutMs);
+});
+export {
+  getCosmjsProtoSigner
+};

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

@@ -0,0 +1,2 @@
+export * from './getCosmjsProtoSigner.js';
+export * from './getCosmjsAminoSigner.js';

package/dist/cosmos/actions/index.js

@@ -0,0 +1,3 @@
+"use client";
+export * from "./getCosmjsProtoSigner.js";
+export * from "./getCosmjsAminoSigner.js";

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

@@ -0,0 +1,2 @@
+export * from './useCosmjsProtoSigner.js';
+export * from './useCosmjsAminoSigner.js';

package/dist/cosmos/hooks/index.js

@@ -0,0 +1,3 @@
+"use client";
+export * from "./useCosmjsProtoSigner.js";
+export * from "./useCosmjsAminoSigner.js";

package/dist/cosmos/hooks/useCosmjsAminoSigner.d.ts

@@ -0,0 +1,11 @@
+export declare const COSMJS_AMINO_SIGNER_BASE_KEY = "PARA_COSMJS_AMINO_SIGNER";
+type UseCosmjsAminoSignerParameters = {
+    prefix?: string;
+    walletId?: string;
+    messageSigningTimeoutMs?: number;
+};
+export declare const useCosmjsAminoSigner: ({ prefix, walletId, messageSigningTimeoutMs }?: UseCosmjsAminoSignerParameters) => {
+    aminoSigner: import("@getpara/cosmjs-v0-integration").ParaAminoSigner | null | undefined;
+    isLoading: boolean;
+};
+export {};

package/dist/cosmos/hooks/useCosmjsAminoSigner.js

@@ -0,0 +1,37 @@
+"use client";
+import {
+  __async
+} from "../../chunk-MMUBH76A.js";
+import { useAccount, useClient, useWallet } from "@getpara/react-sdk-lite";
+import { useQuery } from "@tanstack/react-query";
+import { getCosmjsAminoSigner } from "../actions/index.js";
+const COSMJS_AMINO_SIGNER_BASE_KEY = "PARA_COSMJS_AMINO_SIGNER";
+const useCosmjsAminoSigner = ({ prefix, walletId, messageSigningTimeoutMs } = {}) => {
+  const para = useClient();
+  const {
+    isConnected,
+    embedded: { userId }
+  } = useAccount();
+  const { data: wallet } = useWallet();
+  const { data, isLoading } = useQuery({
+    queryKey: [
+      COSMJS_AMINO_SIGNER_BASE_KEY,
+      isConnected,
+      userId,
+      walletId != null ? walletId : (wallet == null ? void 0 : wallet.type) === "COSMOS" ? 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) === "COSMOS" ? wallet == null ? void 0 : wallet.id : void 0;
+      return yield getCosmjsAminoSigner({ para, walletId: _id, prefix, messageSigningTimeoutMs });
+    })
+  });
+  return { aminoSigner: data, isLoading };
+};
+export {
+  COSMJS_AMINO_SIGNER_BASE_KEY,
+  useCosmjsAminoSigner
+};

package/dist/cosmos/hooks/useCosmjsProtoSigner.d.ts

@@ -0,0 +1,11 @@
+export declare const COSMJS_PROTO_SIGNER_BASE_KEY = "PARA_COSMJS_PROTO_SIGNER";
+type UseCosmjsProtoSignerParameters = {
+    prefix?: string;
+    walletId?: string;
+    messageSigningTimeoutMs?: number;
+};
+export declare const useCosmjsProtoSigner: ({ prefix, walletId, messageSigningTimeoutMs }?: UseCosmjsProtoSignerParameters) => {
+    protoSigner: import("@getpara/cosmjs-v0-integration").ParaProtoSigner | null | undefined;
+    isLoading: boolean;
+};
+export {};

package/dist/cosmos/hooks/useCosmjsProtoSigner.js

@@ -0,0 +1,37 @@
+"use client";
+import {
+  __async
+} from "../../chunk-MMUBH76A.js";
+import { useAccount, useClient, useWallet } from "@getpara/react-sdk-lite";
+import { useQuery } from "@tanstack/react-query";
+import { getCosmjsProtoSigner } from "../actions/index.js";
+const COSMJS_PROTO_SIGNER_BASE_KEY = "PARA_COSMJS_PROTO_SIGNER";
+const useCosmjsProtoSigner = ({ prefix, walletId, messageSigningTimeoutMs } = {}) => {
+  const para = useClient();
+  const {
+    isConnected,
+    embedded: { userId }
+  } = useAccount();
+  const { data: wallet } = useWallet();
+  const { data, isLoading } = useQuery({
+    queryKey: [
+      COSMJS_PROTO_SIGNER_BASE_KEY,
+      isConnected,
+      userId,
+      walletId != null ? walletId : (wallet == null ? void 0 : wallet.type) === "COSMOS" ? 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) === "COSMOS" ? wallet == null ? void 0 : wallet.id : void 0;
+      return yield getCosmjsProtoSigner({ para, walletId: _id, prefix, messageSigningTimeoutMs });
+    })
+  });
+  return { protoSigner: data, isLoading };
+};
+export {
+  COSMJS_PROTO_SIGNER_BASE_KEY,
+  useCosmjsProtoSigner
+};

package/dist/cosmos/index.d.ts

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

package/dist/cosmos/index.js

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

package/dist/css/modal.css

@@ -5,9 +5,22 @@
   src: url('../public/Inter-VariableFont_slnt,wght.ttf') format('truetype');
 }
 
+@font-face {
+  font-family: 'PP Mori';
+  src: url('../public/PPMori-Regular.woff2') format('woff2');
+  font-weight: 500;
+}
+
+@font-face {
+  font-family: 'PP Mori';
+  src: url('../public/PPMori-SemiBold.woff2') format('woff2');
+  font-weight: 600;
+}
+
 html {
   --cpsl-default-font: 'Inter', sans-serif;
   -webkit-overflow-scrolling: touch;
 
-  --wcm-z-index: 11000 !important;
+  --wcm-z-index: 99999 !important;
+  --w3m-z-index: 99999 !important;
 }

package/dist/evm/actions/getViemAccount.d.ts

@@ -0,0 +1,22 @@
+import ParaWeb from '@getpara/react-sdk-lite';
+export declare const getViemAccount: ({ para, address }: {
+    para: ParaWeb;
+    address?: `0x${string}`;
+}) => Promise<{
+    address: import("viem").Address;
+    nonceManager?: import("viem").NonceManager | undefined;
+    sign?: ((parameters: {
+        hash: import("viem").Hash;
+    }) => Promise<import("viem").Hex>) | undefined | undefined;
+    signAuthorization?: ((parameters: import("viem").AuthorizationRequest) => Promise<import("viem/accounts").SignAuthorizationReturnType>) | undefined | undefined;
+    signMessage: ({ message }: {
+        message: import("viem").SignableMessage;
+    }) => Promise<import("viem").Hex>;
+    signTransaction: <serializer extends import("viem").SerializeTransactionFn<import("viem").TransactionSerializable> = import("viem").SerializeTransactionFn<import("viem").TransactionSerializable>, transaction extends Parameters<serializer>[0] = Parameters<serializer>[0]>(transaction: transaction, options?: {
+        serializer?: serializer | undefined;
+    } | undefined) => Promise<import("viem").Hex>;
+    signTypedData: <const typedData extends import("viem").TypedData | Record<string, unknown>, primaryType extends keyof typedData | "EIP712Domain" = keyof typedData>(parameters: import("viem").TypedDataDefinition<typedData, primaryType>) => Promise<import("viem").Hex>;
+    publicKey: import("viem").Hex;
+    source: string;
+    type: "local";
+} | null>;

package/dist/evm/actions/getViemAccount.js

@@ -0,0 +1,20 @@
+"use client";
+import {
+  __async
+} from "../../chunk-MMUBH76A.js";
+import { createParaAccount } from "@getpara/viem-v2-integration";
+const getViemAccount = (_0) => __async(void 0, [_0], function* ({ para, address }) {
+  if (para.getWalletsByType("EVM").length === 0) {
+    return null;
+  }
+  if (address) {
+    const wallet = para.findWallet(address);
+    if (wallet == null ? void 0 : wallet.isExternal) {
+      return null;
+    }
+  }
+  return yield createParaAccount(para, address);
+});
+export {
+  getViemAccount
+};