@getpara/cosmos-wallet-connectors 2.0.0-fc.2 → 2.0.0

package/README.md

@@ -0,0 +1,13 @@
+https://www.npmjs.com/package/@getpara/cosmos-wallet-connectors
+
+`@getpara/cosmos-wallet-connectors` is a package that provides wallet connectors for Cosmos-based blockchains when using Para's React SDK Lite.
+This package enables integration with Cosmos wallets like Keplr, Leap, and Cosmostation in Para applications. After installation, you can configure it in your ParaProvider to support external Cosmos wallet connections.
+###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 Cosmos wallet connection visit the [Para Docs](https://docs.getpara.com/v2/react/guides/external-wallets/cosmos-lite#cosmos-wallets-with-react-sdk-lite)

package/dist/providers/CosmosExternalWalletContext.d.ts

@@ -12,4 +12,4 @@ export type CosmosExternalWalletContextType = ExternalWalletContextType<CosmosSi
 export type CosmosExternalWalletProviderConfig = ExternalWalletProviderConfigBase;
 export type CosmosExternalWalletProviderConfigFull = ExternalWalletProviderConfig<WalletWithType, Omit<ParaCosmosProviderConfig, 'wallets'>>;
 export declare const CosmosExternalWalletContext: import("react").Context<CosmosExternalWalletContextType>;
-export declare function CosmosExternalWalletProvider({ children, onSwitchWallet, selectedChainId, wallets: incompleteWallets, chains, multiChain, shouldUseSuggestChainAndConnect, onSwitchChain, para, walletsWithFullAuth, connectedWallet, includeWalletVerification, connectionOnly, }: CosmosExternalWalletProviderConfigFull & PropsWithChildren): import("react/jsx-runtime").JSX.Element;
+export declare function CosmosExternalWalletProvider({ children, onSwitchWallet, selectedChainId, wallets: incompleteWallets, chains, multiChain, shouldUseSuggestChainAndConnect, onSwitchChain, para, walletsWithFullAuth, connectedWallet: connectedWalletProp, includeWalletVerification, connectionOnly, }: CosmosExternalWalletProviderConfigFull & PropsWithChildren): import("react/jsx-runtime").JSX.Element;

package/dist/providers/CosmosExternalWalletContext.js

@@ -15,8 +15,9 @@ import {
   useDisconnect,
   useSuggestChainAndConnect,
   getChainInfo,
-  getWallet as grazGetWallet
-} from "@getpara/graz";
+  getWallet as grazGetWallet,
+  WALLET_TYPES
+} from "graz";
 import { useExternalWalletStore } from "../stores/useStore.js";
 import { rawSecp256k1PubkeyToRawAddress } from "@getpara/web-sdk";
 import {
@@ -24,7 +25,9 @@ import {
 } from "@getpara/react-common";
 import { formatEthHexAddress } from "../utils/formatEthHexAddress.js";
 import { externalHooks } from "./externalHooks.js";
-const CosmosExternalWalletContext = createContext(defaultCosmosExternalWallet);
+const CosmosExternalWalletContext = createContext(
+  defaultCosmosExternalWallet
+);
 function CosmosExternalWalletProvider({
   children,
   onSwitchWallet,
@@ -36,29 +39,34 @@ function CosmosExternalWalletProvider({
   onSwitchChain,
   para,
   walletsWithFullAuth,
-  connectedWallet,
+  connectedWallet: connectedWalletProp,
   includeWalletVerification,
   connectionOnly
 }) {
-  var _a, _b, _c, _d;
+  var _a, _b, _c;
   const { suggestAndConnectAsync } = useSuggestChainAndConnect();
   const {
     data: account,
     isConnecting,
     isReconnecting,
     isConnected
-  } = useAccount({
-    chainId: multiChain ? chains.map((c) => c.chainId) : selectedChainId != null ? selectedChainId : "",
-    multiChain
-  });
+  } = useAccount(
+    multiChain ? {
+      chainId: chains.map((c) => c.chainId)
+    } : selectedChainId ? {
+      chainId: [selectedChainId]
+    } : void 0
+  );
   const { connectAsync } = useConnect();
-  const { disconnectAsync } = useDisconnect();
+  const { disconnectAsync, status: disconnectStatus } = useDisconnect();
   const { walletType } = useActiveWalletType();
   const isLocalConnecting = useExternalWalletStore((state) => state.isConnecting);
   const updateExternalWalletState = useExternalWalletStore((state) => state.updateState);
-  const ethAddress = multiChain ? (_b = (_a = account == null ? void 0 : account[selectedChainId]) == null ? void 0 : _a.ethereumHexAddress) == null ? void 0 : _b.toLowerCase() : (_c = account == null ? void 0 : account.ethereumHexAddress) == null ? void 0 : _c.toLowerCase();
-  const address = multiChain ? (_d = account == null ? void 0 : account[selectedChainId]) == null ? void 0 : _d.bech32Address : account == null ? void 0 : account.bech32Address;
-  const isLinkingAccount = useRef(false);
+  const isConnectError = useRef(false);
+  const connectedWallet = connectedWalletProp ? para.findWallet(connectedWalletProp.id, connectedWalletProp.type) : null;
+  const ethAddress = (_b = (_a = account == null ? void 0 : account[selectedChainId]) == null ? void 0 : _a.ethereumHexAddress) == null ? void 0 : _b.toLowerCase();
+  const address = (_c = account == null ? void 0 : account[selectedChainId]) == null ? void 0 : _c.bech32Address;
+  const disconnectTypeRef = useRef();
   const verificationMessage = useRef();
   const reset = () => __async(this, null, function* () {
     yield disconnectAsync();
@@ -94,6 +102,7 @@ function CosmosExternalWalletProvider({
       const storedExternalWallet = para.externalWallets[(_a2 = changeResp.ethAddress) != null ? _a2 : ""];
       const { provider, providerId } = getProvider(walletType);
       para.setExternalWallet({
+        partnerId: para.partnerId,
         address: changeResp.ethAddress,
         type: "COSMOS",
         provider,
@@ -116,6 +125,7 @@ function CosmosExternalWalletProvider({
     try {
       return yield para.loginExternalWallet({
         externalWallet: {
+          partnerId: para.partnerId,
           address: address2,
           type: "COSMOS",
           provider,
@@ -124,32 +134,39 @@ function CosmosExternalWalletProvider({
           withFullParaAuth,
           withVerification: includeWalletVerification,
           isConnectionOnly: connectionOnly
-        }
+        },
+        uri: window == null ? void 0 : window.location.origin,
+        chainId: selectedChainId
       });
-    } catch (err) {
+    } catch (e) {
       yield reset();
       throw "Error logging you in. Please try again.";
     }
   });
   useEffect(() => {
     const storedExternalWallet = para.externalWallets[ethAddress != null ? ethAddress : ""];
-    if (isConnected && !isConnecting && !isReconnecting && !isLocalConnecting && !!ethAddress && !storedExternalWallet && walletType !== GrazWalletType.PARA && !isLinkingAccount.current) {
+    if (isConnected && !isConnecting && !isReconnecting && !isLocalConnecting && !!ethAddress && !storedExternalWallet && walletType !== GrazWalletType.PARA && !disconnectTypeRef.current) {
       reset();
     }
   }, [isConnecting, isLocalConnecting, isReconnecting, isConnected]);
   useEffect(() => {
     const connect2 = () => __async(this, null, function* () {
       var _a2;
-      if (!isLocalConnecting && !isConnecting && !isReconnecting && connectedWallet && connectedWallet.type === "COSMOS" && (connectedWallet.isExternal ? walletType !== ((_a2 = connectedWallet.name) == null ? void 0 : _a2.toLowerCase()) : walletType !== "para") && !isLinkingAccount.current) {
+      if (!isLocalConnecting && !isConnecting && !isReconnecting && connectedWallet && connectedWallet.type === "COSMOS" && (connectedWallet.isExternal ? walletType !== ((_a2 = connectedWallet.name) == null ? void 0 : _a2.toLowerCase()) : walletType !== "para") && !disconnectTypeRef.current && !isConnectError.current) {
         const isLoggedIn = yield para.isFullyLoggedIn();
         if (!isLoggedIn) {
           return;
         }
         const chainId = multiChain ? chains.map((c) => c.chainId) : selectedChainId;
-        yield connectAsync({
-          walletType: connectedWallet.isExternal ? connectedWallet.name.toLowerCase() : GrazWalletType.PARA,
-          chainId
-        });
+        const targetWalletType = connectedWallet.isExternal ? connectedWallet.name.toLowerCase() : GrazWalletType.PARA;
+        try {
+          yield connectAsync({
+            walletType: targetWalletType,
+            chainId
+          });
+        } catch (e) {
+          isConnectError.current = true;
+        }
       }
     });
     connect2();
@@ -157,7 +174,7 @@ function CosmosExternalWalletProvider({
   const signMessage = (_0) => __async(this, [_0], function* ({ message, externalWallet }) {
     let wallet, signAddress, signEthAddress;
     if (externalWallet) {
-      const commonWallet = wallets.find((w) => w.internalId === externalWallet.providerId);
+      const commonWallet = wallets.find((w) => w.id === externalWallet.providerId);
       wallet = grazGetWallet(commonWallet == null ? void 0 : commonWallet.grazType);
       signAddress = externalWallet.addressBech32;
       signEthAddress = externalWallet.address;
@@ -229,6 +246,7 @@ function CosmosExternalWalletProvider({
       const address2 = formatEthHexAddress(rawAddress);
       const { provider, providerId } = getProvider(walletType2);
       return {
+        partnerId: para.partnerId,
         type: "COSMOS",
         address: address2,
         addressBech32,
@@ -249,7 +267,7 @@ function CosmosExternalWalletProvider({
     var _a2, _b2;
     updateExternalWalletState({ isConnecting: true });
     const walletId = (_a2 = getWallet(walletType2)) == null ? void 0 : _a2.id;
-    const isFullAuthWallet = walletsWithFullAuth.includes(walletId.toUpperCase());
+    const isFullAuthWallet = walletsWithFullAuth === "ALL" || walletsWithFullAuth.includes(walletId.toUpperCase());
     try {
       const externalWallet = yield connectBase(walletType2, chainId);
       const authState = yield login(__spreadProps(__spreadValues({}, externalWallet), {
@@ -268,21 +286,37 @@ function CosmosExternalWalletProvider({
       updateExternalWalletState({ isConnecting: false });
     }
   });
-  const getWallet = (walletType2) => incompleteWallets.find((w) => w.grazType === walletType2 || w.grazMobileType === walletType2);
+  const injectedWallets = WALLET_TYPES.filter((w) => !incompleteWallets.some((iw) => iw.grazType === w) && checkWallet(w)).map((w) => {
+    const wallet = grazGetWallet(w);
+    if (!wallet.eip6963ProviderInfo) {
+      return void 0;
+    }
+    const eipInfo = wallet.eip6963ProviderInfo;
+    return __spreadValues({
+      grazType: w,
+      // Using name here for the injected connector since that's the only common id across the networks
+      id: eipInfo.name,
+      internalId: eipInfo.name,
+      iconUrl: eipInfo.icon
+    }, eipInfo);
+  }).filter((w) => !!w);
+  const allWallets = [...incompleteWallets, ...injectedWallets];
+  const getWallet = (walletType2) => allWallets.find((w) => w.grazType === walletType2 || w.grazMobileType === walletType2);
   const getProvider = (walletType2) => {
     const wallet = getWallet(walletType2);
     return {
       provider: wallet == null ? void 0 : wallet.name,
-      providerId: wallet == null ? void 0 : wallet.internalId
+      providerId: wallet == null ? void 0 : wallet.id
     };
   };
-  const wallets = incompleteWallets.map((wallet) => {
+  const wallets = allWallets.map((wallet) => {
     return __spreadProps(__spreadValues({
       connect: () => connect(wallet.grazType),
       connectMobile: () => connect(wallet.grazType),
-      getQrUri: () => "",
       type: "COSMOS"
     }, wallet), {
+      // Using name here since that's the only common id across the networks
+      id: wallet.name,
       installed: checkWallet(wallet.grazType)
     });
   }).filter((w) => !!w);
@@ -307,11 +341,11 @@ function CosmosExternalWalletProvider({
   }), [para, multiChain, chains, selectedChainId]);
   const requestInfo = (providerId) => __async(this, null, function* () {
     var _a2;
-    const wallet = wallets.find((w) => w.internalId === providerId);
+    const wallet = wallets.find((w) => w.id === providerId);
     if (!wallet) {
       throw new Error(`Wallet for provider ${providerId} not found`);
     }
-    isLinkingAccount.current = true;
+    disconnectTypeRef.current = "ACCOUNT_LINKING";
     try {
       const externalWallet = yield connectBase(
         wallet.grazType,
@@ -323,14 +357,18 @@ function CosmosExternalWalletProvider({
       throw new Error((_a2 = e == null ? void 0 : e.message) != null ? _a2 : e);
     }
   });
-  const disconnectBase = () => __async(this, null, function* () {
+  const disconnectBase = (_0, ..._1) => __async(this, [_0, ..._1], function* (_, { disconnectType } = {}) {
     var _a2;
-    isLinkingAccount.current = true;
+    if (disconnectType) {
+      disconnectTypeRef.current = disconnectType;
+    }
     try {
       yield disconnectAsync();
     } catch (e) {
       console.error("Error linking account:", e);
       throw new Error((_a2 = e == null ? void 0 : e.message) != null ? _a2 : e);
+    } finally {
+      disconnectTypeRef.current = void 0;
     }
   });
   return /* @__PURE__ */ jsx(
@@ -342,6 +380,7 @@ function CosmosExternalWalletProvider({
           chains: formattedChains,
           chainId: selectedChainId,
           disconnect: disconnectAsync,
+          disconnectStatus,
           switchChain,
           connectParaEmbedded,
           signMessage,

package/dist/providers/ParaCosmosContext.d.ts

@@ -2,7 +2,7 @@ import { PropsWithChildren } from 'react';
 import { WalletList } from '../types/Wallet.js';
 import { CosmosExternalWalletProviderConfig } from './CosmosExternalWalletContext.js';
 import { ChainInfo } from '@keplr-wallet/types';
-import { ConfigureGrazArgs } from '@getpara/graz';
+import { ConfigureGrazArgs } from 'graz';
 export type ParaCosmosProviderConfig = {
     wallets: WalletList;
     chains: ChainInfo[];

package/dist/providers/ParaCosmosContext.js

@@ -6,7 +6,8 @@ import {
 import { jsx } from "react/jsx-runtime";
 import { useMemo } from "react";
 import { CosmosExternalWalletProvider } from "./CosmosExternalWalletContext.js";
-import { GrazProvider } from "@getpara/graz";
+import { ParaGrazConnector } from "@getpara/graz-connector";
+import { GrazProvider } from "graz";
 function ParaCosmosProvider({
   children,
   config,
@@ -26,10 +27,26 @@ function ParaCosmosProvider({
     }),
     [walletsWithType, config, internalConfig]
   );
+  const paraConfig = useMemo(
+    () => ({
+      paraWeb: para
+    }),
+    [para]
+  );
   return (
     // Casting Para as any here to avoid ts errors due to the graz version being behind.
     // TODO: update graz para sdk to current version
-    /* @__PURE__ */ jsx(GrazProvider, { grazOptions: __spreadValues({ chains, autoReconnect: true, para }, grazProviderProps), children: /* @__PURE__ */ jsx(CosmosExternalWalletProvider, __spreadProps(__spreadValues({}, cosmosExternalWalletProviderProps), { children })) })
+    /* @__PURE__ */ jsx(
+      GrazProvider,
+      {
+        grazOptions: __spreadValues({
+          chains,
+          autoReconnect: true,
+          paraConfig: __spreadProps(__spreadValues({}, paraConfig), { connectorClass: ParaGrazConnector })
+        }, grazProviderProps),
+        children: /* @__PURE__ */ jsx(CosmosExternalWalletProvider, __spreadProps(__spreadValues({}, cosmosExternalWalletProviderProps), { children }))
+      }
+    )
   );
 }
 export {

package/dist/providers/externalHooks.d.ts

@@ -1,7 +1,6 @@
-import { useAccount } from '@getpara/graz';
-import { MultiChainHookArgs } from '../types/ExternalHooks.js';
+import { useAccount } from 'graz';
 export type TExternalHooks = {
-    useAccount: typeof useAccount<MultiChainHookArgs>;
+    useAccount: typeof useAccount;
 };
 export declare const externalHooks: {
     useAccount: typeof useAccount;

package/dist/providers/externalHooks.js

@@ -1,6 +1,6 @@
 "use client";
 import "../chunk-IV3L3JVM.js";
-import { useAccount } from "@getpara/graz";
+import { useAccount } from "graz";
 const externalHooks = { useAccount };
 export {
   externalHooks

package/dist/types/ExternalHooks.d.ts

@@ -1,4 +1,4 @@
-import { UseAccountArgs } from '@getpara/graz';
+import { UseAccountArgs } from 'graz';
 type ChainId$1 = string | string[];
 export interface MultiChainHookArgs {
     chainId?: ChainId$1;

package/dist/types/Wallet.d.ts

@@ -1,4 +1,4 @@
-import { WalletType } from '@getpara/graz';
+import { WalletType } from 'graz';
 import { type WalletMetadata } from '@getpara/react-common';
 export type WalletList = (() => WalletWithType)[];
 export type WalletWithType = {

package/dist/wallets/connectors/cosmostation/cosmostation.js

@@ -1,7 +1,7 @@
 "use client";
 import "../../../chunk-IV3L3JVM.js";
 import { icon } from "./cosmostationIcon.js";
-import { WalletType } from "@getpara/graz";
+import { WalletType } from "graz";
 import { isMobile } from "@getpara/web-sdk";
 const cosmostationWallet = () => {
   return {

package/dist/wallets/connectors/keplr/keplr.js

@@ -1,7 +1,7 @@
 "use client";
 import "../../../chunk-IV3L3JVM.js";
 import { icon } from "./keplrIcon.js";
-import { WalletType } from "@getpara/graz";
+import { WalletType } from "graz";
 import { isMobile } from "@getpara/web-sdk";
 const keplrWallet = () => {
   return {

package/dist/wallets/connectors/leap/leap.js

@@ -1,7 +1,7 @@
 "use client";
 import "../../../chunk-IV3L3JVM.js";
 import { icon } from "./leapIcon.js";
-import { WalletType } from "@getpara/graz";
+import { WalletType } from "graz";
 import { isMobile } from "@getpara/web-sdk";
 const leapWallet = () => {
   return {

package/package.json

@@ -1,19 +1,18 @@
 {
   "name": "@getpara/cosmos-wallet-connectors",
-  "version": "2.0.0-fc.2",
+  "version": "2.0.0",
   "dependencies": {
-    "@getpara/graz": "2.0.0-alpha.3",
-    "@getpara/react-common": "2.0.0-fc.2",
-    "@getpara/web-sdk": "2.0.0-fc.2",
+    "@getpara/graz-connector": "2.0.0",
+    "@getpara/react-common": "2.0.0",
+    "@getpara/web-sdk": "2.0.0",
     "@leapwallet/cosmos-social-login-capsule-provider": "^0.0.41",
-    "starknet": "^6.11.0",
     "zustand": "^4.5.2",
     "zustand-sync-tabs": "^0.2.2"
   },
   "devDependencies": {
-    "@getpara/graz": "2.0.0-alpha.3",
     "@types/react": "^18.0.31",
     "@types/react-dom": "^18.2.7",
+    "graz": "^0.4.1",
     "typescript": "^5.8.3"
   },
   "exports": {
@@ -24,10 +23,10 @@
     "dist",
     "package.json"
   ],
-  "gitHead": "65106fd9662a2c32b2071a0dea67ef55b3e4e98f",
+  "gitHead": "a64b6aa9b3c481a2d955022f621e495fb55e549e",
   "main": "dist/index.js",
   "peerDependencies": {
-    "@getpara/graz": "2.0.0-alpha.3",
+    "graz": ">=0.4.1",
     "react": ">=18",
     "react-dom": ">=18"
   },