@dynamic-labs/cosmos 4.19.2 → 4.19.3

package/CHANGELOG.md

@@ -1,4 +1,11 @@
 
+### [4.19.3](https://github.com/dynamic-labs/dynamic-auth/compare/v4.19.2...v4.19.3) (2025-05-28)
+
+
+### Bug Fixes
+
+* rerender issue with Slush wallet pop up appearing multiple times ([#8817](https://github.com/dynamic-labs/dynamic-auth/issues/8817)) ([bea0da6](https://github.com/dynamic-labs/dynamic-auth/commit/bea0da647bab983610ebbf18a6ca66ba0ac569bf))
+
 ### [4.19.2](https://github.com/dynamic-labs/dynamic-auth/compare/v4.19.1...v4.19.2) (2025-05-27)
 
 

package/package.cjs

@@ -3,6 +3,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "4.19.2";
+var version = "4.19.3";
 
 exports.version = version;

package/package.js

@@ -1,4 +1,4 @@
 'use client'
-var version = "4.19.2";
+var version = "4.19.3";
 
 export { version };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynamic-labs/cosmos",
-  "version": "4.19.2",
+  "version": "4.19.3",
   "description": "A React SDK for implementing wallet web3 authentication and authorization to your website.",
   "author": "Dynamic Labs, Inc.",
   "license": "MIT",
@@ -19,11 +19,11 @@
   "homepage": "https://www.dynamic.xyz/",
   "dependencies": {
     "@keplr-wallet/types": "0.12.121",
-    "@dynamic-labs/assert-package-version": "4.19.2",
-    "@dynamic-labs/types": "4.19.2",
-    "@dynamic-labs/utils": "4.19.2",
-    "@dynamic-labs/wallet-book": "4.19.2",
-    "@dynamic-labs/wallet-connector-core": "4.19.2"
+    "@dynamic-labs/assert-package-version": "4.19.3",
+    "@dynamic-labs/types": "4.19.3",
+    "@dynamic-labs/utils": "4.19.3",
+    "@dynamic-labs/wallet-book": "4.19.3",
+    "@dynamic-labs/wallet-connector-core": "4.19.3"
   },
   "peerDependencies": {}
 }

package/src/CosmosWalletConnectorsWithConfig.cjs

@@ -0,0 +1,23 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var index = require('./index.cjs');
+
+const CosmosWalletConnectorsWithConfig = (connectionConfig) => {
+    // Idea here is to ensure that all wallet connectors are constructed with
+    // the client-provided connection configuration, so we "wrap" the constructors with it.
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const classWithConfig = (className) => class extends className {
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        constructor(...args) {
+            const [opts] = args;
+            super(Object.assign(Object.assign({}, opts), { connectionConfig }));
+        }
+    };
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    return () => index.CosmosWalletConnectors().map(classWithConfig);
+};
+
+exports.CosmosWalletConnectorsWithConfig = CosmosWalletConnectorsWithConfig;

package/src/CosmosWalletConnectorsWithConfig.d.ts

@@ -0,0 +1,6 @@
+import { ChainInfo } from '@keplr-wallet/types';
+import { WalletConnectorConstructor } from '@dynamic-labs/wallet-connector-core';
+export type CosmosConnectorConfig = {
+    experimentalChainInfo: ChainInfo[] | undefined;
+};
+export declare const CosmosWalletConnectorsWithConfig: (connectionConfig: CosmosConnectorConfig) => () => WalletConnectorConstructor[];

package/src/CosmosWalletConnectorsWithConfig.js

@@ -0,0 +1,19 @@
+'use client'
+import { CosmosWalletConnectors } from './index.js';
+
+const CosmosWalletConnectorsWithConfig = (connectionConfig) => {
+    // Idea here is to ensure that all wallet connectors are constructed with
+    // the client-provided connection configuration, so we "wrap" the constructors with it.
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const classWithConfig = (className) => class extends className {
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        constructor(...args) {
+            const [opts] = args;
+            super(Object.assign(Object.assign({}, opts), { connectionConfig }));
+        }
+    };
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    return () => CosmosWalletConnectors().map(classWithConfig);
+};
+
+export { CosmosWalletConnectorsWithConfig };

package/src/connectors/CosmosWalletConnector.cjs

@@ -11,12 +11,50 @@ var CosmosWallet = require('../wallet/CosmosWallet.cjs');
 const DYNAMIC_COSMOS_NETWORK_ID = 'dynamic_cosmos_network_id';
 class CosmosWalletConnector extends walletConnectorCore.WalletConnectorBase {
     constructor(opts) {
+        var _a;
         super(opts);
+        this.switchNetworkOnlyFromWallet = true;
         this.ChainWallet = CosmosWallet.CosmosWallet;
         this.connectedChain = 'COSMOS';
         this.supportedChains = ['COSMOS'];
         this.cosmosNetworks = opts.cosmosNetworks;
         this._handleAccountChange = this._handleAccountChange.bind(this);
+        this.experimentalChainsInfo = (_a = opts.connectionConfig) === null || _a === void 0 ? void 0 : _a.experimentalChainInfo;
+        if (this.experimentalChainsInfo) {
+            this.addExperimentalChains();
+        }
+    }
+    addExperimentalChains() {
+        var _a;
+        if (!this.experimentalChainsInfo) {
+            return;
+        }
+        for (const experimentalChain of this.experimentalChainsInfo) {
+            const randomChainId = Math.random() * 10000;
+            const chainToNetwork = {
+                bech32Prefix: (_a = experimentalChain.bech32Config) === null || _a === void 0 ? void 0 : _a.bech32PrefixAccAddr,
+                blockExplorerUrls: [],
+                chainId: randomChainId,
+                iconUrls: [experimentalChain.chainSymbolImageUrl],
+                name: experimentalChain.chainId,
+                nativeCurrency: {
+                    decimals: experimentalChain.currencies[0].coinDecimals,
+                    name: experimentalChain.currencies[0].coinDenom,
+                    symbol: experimentalChain.currencies[0].coinDenom,
+                },
+                networkId: randomChainId,
+                rpcUrls: [experimentalChain.rpc],
+                shortName: experimentalChain.chainName,
+                supportedChainIds: [experimentalChain.chainId],
+                supportedFeatures: [],
+                supportedMethods: [],
+                supportedSignMethods: [],
+                vanityName: experimentalChain.chainName,
+            };
+            if (!this.cosmosNetworks.find((network) => network.vanityName === chainToNetwork.vanityName)) {
+                this.cosmosNetworks.push(chainToNetwork);
+            }
+        }
     }
     get evmNetworks() {
         return utils.parseCosmosNetworks(this.cosmosNetworks);
@@ -27,8 +65,13 @@ class CosmosWalletConnector extends walletConnectorCore.WalletConnectorBase {
             cosmosNetwork: network,
             cosmosNetworkId: network.name,
             dynamicChainId: utils.parseChainId(network.networkId),
+            experimental: this.isExperimentalChain(network),
         }));
     }
+    isExperimentalChain(cosmosNetwork) {
+        var _a, _b;
+        return ((_b = (_a = this.experimentalChainsInfo) === null || _a === void 0 ? void 0 : _a.some((chain) => chain.chainId === cosmosNetwork.name)) !== null && _b !== void 0 ? _b : false);
+    }
     getSelectedChain() {
         const selectedNetwork = this.chainIdMapping.find((mapping) => mapping.cosmosNetworkId === this.getChainId());
         return selectedNetwork === null || selectedNetwork === void 0 ? void 0 : selectedNetwork.cosmosNetwork;
@@ -121,7 +164,9 @@ class CosmosWalletConnector extends walletConnectorCore.WalletConnectorBase {
     connect() {
         return _tslib.__awaiter(this, void 0, void 0, function* () {
             var _a;
-            yield ((_a = this.getWallet()) === null || _a === void 0 ? void 0 : _a.enable(this.chainIdMapping.map((mapping) => mapping.cosmosNetworkId)));
+            yield ((_a = this.getWallet()) === null || _a === void 0 ? void 0 : _a.enable(this.chainIdMapping
+                .filter((mapping) => !mapping.experimental)
+                .map((mapping) => mapping.cosmosNetworkId)));
         });
     }
     getAddress() {
@@ -189,6 +234,18 @@ class CosmosWalletConnector extends walletConnectorCore.WalletConnectorBase {
             return;
         });
     }
+    switchNetwork(_a) {
+        return _tslib.__awaiter(this, arguments, void 0, function* ({ networkChainId, }) {
+            if (!networkChainId)
+                return;
+            this.chainIdMapping.forEach((mapping) => {
+                if (mapping.dynamicChainId === networkChainId) {
+                    this.setChainId(mapping.cosmosNetworkId);
+                    this.emit('chainChange', { chain: networkChainId.toString() });
+                }
+            });
+        });
+    }
 }
 
 exports.CosmosWalletConnector = CosmosWalletConnector;

package/src/connectors/CosmosWalletConnector.d.ts

@@ -1,8 +1,10 @@
-import { Keplr as KeplrWallet, OfflineAminoSigner, OfflineDirectSigner } from '@keplr-wallet/types';
+import { ChainInfo, Keplr as KeplrWallet, OfflineAminoSigner, OfflineDirectSigner } from '@keplr-wallet/types';
 import { CosmosNetwork, GenericNetwork } from '@dynamic-labs/types';
 import { WalletBookSchema } from '@dynamic-labs/wallet-book';
 import { Chain, WalletConnectorBase, WalletMetadata } from '@dynamic-labs/wallet-connector-core';
 import { CosmosWallet } from '../wallet';
+import { CosmosConnectorConfig } from '../CosmosWalletConnectorsWithConfig';
+import { SwitchNetworkOps } from './KeplrWalletConnector';
 export interface IFetchBalanceResponse {
     balances: IFetchBalanceBalance[];
     pagination: IFetchBalancePagination;
@@ -19,23 +21,29 @@ export type CosmosWalletConnectorOpts = {
     cosmosNetworks: GenericNetwork[];
     walletBook: WalletBookSchema;
     metadata?: WalletMetadata;
+    connectionConfig?: CosmosConnectorConfig;
 };
 type CosmosChainIDMapObject = {
     dynamicChainId: number;
     cosmosNetworkId: string;
     bech32Prefix: string | undefined;
     cosmosNetwork: CosmosNetwork;
+    experimental: boolean;
 };
 export declare const DYNAMIC_COSMOS_NETWORK_ID = "dynamic_cosmos_network_id";
 export declare abstract class CosmosWalletConnector extends WalletConnectorBase {
     cosmosNetworks: GenericNetwork[];
+    switchNetworkOnlyFromWallet: boolean;
     ChainWallet: typeof CosmosWallet;
     connectedChain: Chain;
     supportedChains: Chain[];
+    experimentalChainsInfo: ChainInfo[] | undefined;
     constructor(opts: CosmosWalletConnectorOpts);
+    private addExperimentalChains;
     protected abstract getWallet(): KeplrWallet | undefined;
     get evmNetworks(): CosmosNetwork[];
     get chainIdMapping(): CosmosChainIDMapObject[];
+    isExperimentalChain(cosmosNetwork: CosmosNetwork): boolean;
     getSelectedChain(): CosmosNetwork | undefined;
     getNetwork(): Promise<number | undefined>;
     getLcdUrl(): string | undefined;
@@ -58,5 +66,6 @@ export declare abstract class CosmosWalletConnector extends WalletConnectorBase
     getEnabledNetworks(): GenericNetwork[];
     supportsNetworkSwitching(): boolean;
     validateActiveWallet(expectedAddress: string): Promise<void>;
+    switchNetwork({ networkChainId, }: SwitchNetworkOps): Promise<void>;
 }
 export {};

package/src/connectors/CosmosWalletConnector.js

@@ -7,12 +7,50 @@ import { CosmosWallet } from '../wallet/CosmosWallet.js';
 const DYNAMIC_COSMOS_NETWORK_ID = 'dynamic_cosmos_network_id';
 class CosmosWalletConnector extends WalletConnectorBase {
     constructor(opts) {
+        var _a;
         super(opts);
+        this.switchNetworkOnlyFromWallet = true;
         this.ChainWallet = CosmosWallet;
         this.connectedChain = 'COSMOS';
         this.supportedChains = ['COSMOS'];
         this.cosmosNetworks = opts.cosmosNetworks;
         this._handleAccountChange = this._handleAccountChange.bind(this);
+        this.experimentalChainsInfo = (_a = opts.connectionConfig) === null || _a === void 0 ? void 0 : _a.experimentalChainInfo;
+        if (this.experimentalChainsInfo) {
+            this.addExperimentalChains();
+        }
+    }
+    addExperimentalChains() {
+        var _a;
+        if (!this.experimentalChainsInfo) {
+            return;
+        }
+        for (const experimentalChain of this.experimentalChainsInfo) {
+            const randomChainId = Math.random() * 10000;
+            const chainToNetwork = {
+                bech32Prefix: (_a = experimentalChain.bech32Config) === null || _a === void 0 ? void 0 : _a.bech32PrefixAccAddr,
+                blockExplorerUrls: [],
+                chainId: randomChainId,
+                iconUrls: [experimentalChain.chainSymbolImageUrl],
+                name: experimentalChain.chainId,
+                nativeCurrency: {
+                    decimals: experimentalChain.currencies[0].coinDecimals,
+                    name: experimentalChain.currencies[0].coinDenom,
+                    symbol: experimentalChain.currencies[0].coinDenom,
+                },
+                networkId: randomChainId,
+                rpcUrls: [experimentalChain.rpc],
+                shortName: experimentalChain.chainName,
+                supportedChainIds: [experimentalChain.chainId],
+                supportedFeatures: [],
+                supportedMethods: [],
+                supportedSignMethods: [],
+                vanityName: experimentalChain.chainName,
+            };
+            if (!this.cosmosNetworks.find((network) => network.vanityName === chainToNetwork.vanityName)) {
+                this.cosmosNetworks.push(chainToNetwork);
+            }
+        }
     }
     get evmNetworks() {
         return parseCosmosNetworks(this.cosmosNetworks);
@@ -23,8 +61,13 @@ class CosmosWalletConnector extends WalletConnectorBase {
             cosmosNetwork: network,
             cosmosNetworkId: network.name,
             dynamicChainId: parseChainId(network.networkId),
+            experimental: this.isExperimentalChain(network),
         }));
     }
+    isExperimentalChain(cosmosNetwork) {
+        var _a, _b;
+        return ((_b = (_a = this.experimentalChainsInfo) === null || _a === void 0 ? void 0 : _a.some((chain) => chain.chainId === cosmosNetwork.name)) !== null && _b !== void 0 ? _b : false);
+    }
     getSelectedChain() {
         const selectedNetwork = this.chainIdMapping.find((mapping) => mapping.cosmosNetworkId === this.getChainId());
         return selectedNetwork === null || selectedNetwork === void 0 ? void 0 : selectedNetwork.cosmosNetwork;
@@ -117,7 +160,9 @@ class CosmosWalletConnector extends WalletConnectorBase {
     connect() {
         return __awaiter(this, void 0, void 0, function* () {
             var _a;
-            yield ((_a = this.getWallet()) === null || _a === void 0 ? void 0 : _a.enable(this.chainIdMapping.map((mapping) => mapping.cosmosNetworkId)));
+            yield ((_a = this.getWallet()) === null || _a === void 0 ? void 0 : _a.enable(this.chainIdMapping
+                .filter((mapping) => !mapping.experimental)
+                .map((mapping) => mapping.cosmosNetworkId)));
         });
     }
     getAddress() {
@@ -185,6 +230,18 @@ class CosmosWalletConnector extends WalletConnectorBase {
             return;
         });
     }
+    switchNetwork(_a) {
+        return __awaiter(this, arguments, void 0, function* ({ networkChainId, }) {
+            if (!networkChainId)
+                return;
+            this.chainIdMapping.forEach((mapping) => {
+                if (mapping.dynamicChainId === networkChainId) {
+                    this.setChainId(mapping.cosmosNetworkId);
+                    this.emit('chainChange', { chain: networkChainId.toString() });
+                }
+            });
+        });
+    }
 }
 
 export { CosmosWalletConnector, DYNAMIC_COSMOS_NETWORK_ID };

package/src/connectors/KeplrWalletConnector.cjs

@@ -19,7 +19,6 @@ class KeplrWalletConnector extends CosmosWalletConnector.CosmosWalletConnector {
         super(...arguments);
         this.name = 'Keplr';
         this.overrideKey = 'keplr';
-        this.switchNetworkOnlyFromWallet = true;
     }
     supportsNetworkSwitching() {
         return true;
@@ -35,8 +34,14 @@ class KeplrWalletConnector extends CosmosWalletConnector.CosmosWalletConnector {
             connect: { get: () => super.connect }
         });
         return _tslib.__awaiter(this, void 0, void 0, function* () {
+            var _a;
             try {
                 yield _super.connect.call(this);
+                if (this.experimentalChainsInfo) {
+                    for (const chain of this.experimentalChainsInfo) {
+                        yield ((_a = this.getWallet()) === null || _a === void 0 ? void 0 : _a.experimentalSuggestChain(chain));
+                    }
+                }
             }
             catch (error) {
                 if (isSeiNotEnabledError(error)) {
@@ -63,18 +68,6 @@ class KeplrWalletConnector extends CosmosWalletConnector.CosmosWalletConnector {
         window.removeEventListener('keplr_keystorechange', this._handleAccountChange);
         this.setChainId(null);
     }
-    switchNetwork(_a) {
-        return _tslib.__awaiter(this, arguments, void 0, function* ({ networkChainId, }) {
-            if (!networkChainId)
-                return;
-            this.chainIdMapping.forEach((mapping) => {
-                if (mapping.dynamicChainId === networkChainId) {
-                    this.setChainId(mapping.cosmosNetworkId);
-                    this.emit('chainChange', { chain: networkChainId.toString() });
-                }
-            });
-        });
-    }
 }
 
 exports.KeplrWalletConnector = KeplrWalletConnector;

package/src/connectors/KeplrWalletConnector.d.ts

@@ -7,11 +7,9 @@ export type SwitchNetworkOps = {
 export declare class KeplrWalletConnector extends CosmosWalletConnector {
     name: string;
     overrideKey: string;
-    switchNetworkOnlyFromWallet: boolean;
     supportsNetworkSwitching(): boolean;
     getWallet(): KeplrWallet | undefined;
     connect(): Promise<void>;
     setupEventListeners(): void;
     teardownEventListeners(): void;
-    switchNetwork({ networkChainId, }: SwitchNetworkOps): Promise<void>;
 }

package/src/connectors/KeplrWalletConnector.js

@@ -15,7 +15,6 @@ class KeplrWalletConnector extends CosmosWalletConnector {
         super(...arguments);
         this.name = 'Keplr';
         this.overrideKey = 'keplr';
-        this.switchNetworkOnlyFromWallet = true;
     }
     supportsNetworkSwitching() {
         return true;
@@ -31,8 +30,14 @@ class KeplrWalletConnector extends CosmosWalletConnector {
             connect: { get: () => super.connect }
         });
         return __awaiter(this, void 0, void 0, function* () {
+            var _a;
             try {
                 yield _super.connect.call(this);
+                if (this.experimentalChainsInfo) {
+                    for (const chain of this.experimentalChainsInfo) {
+                        yield ((_a = this.getWallet()) === null || _a === void 0 ? void 0 : _a.experimentalSuggestChain(chain));
+                    }
+                }
             }
             catch (error) {
                 if (isSeiNotEnabledError(error)) {
@@ -59,18 +64,6 @@ class KeplrWalletConnector extends CosmosWalletConnector {
         window.removeEventListener('keplr_keystorechange', this._handleAccountChange);
         this.setChainId(null);
     }
-    switchNetwork(_a) {
-        return __awaiter(this, arguments, void 0, function* ({ networkChainId, }) {
-            if (!networkChainId)
-                return;
-            this.chainIdMapping.forEach((mapping) => {
-                if (mapping.dynamicChainId === networkChainId) {
-                    this.setChainId(mapping.cosmosNetworkId);
-                    this.emit('chainChange', { chain: networkChainId.toString() });
-                }
-            });
-        });
-    }
 }
 
 export { KeplrWalletConnector };

package/src/index.cjs

@@ -13,6 +13,7 @@ var CosmosWallet = require('./wallet/CosmosWallet.cjs');
 var isCosmosWallet = require('./wallet/isCosmosWallet/isCosmosWallet.cjs');
 var LeapWalletConnector = require('./connectors/LeapWalletConnector.cjs');
 var CompassWalletConnector = require('./connectors/CompassWalletConnector.cjs');
+var CosmosWalletConnectorsWithConfig = require('./CosmosWalletConnectorsWithConfig.cjs');
 
 assertPackageVersion.assertPackageVersion('@dynamic-labs/cosmos', _package.version);
 const CosmosWalletConnectors = () => [
@@ -23,4 +24,5 @@ const CosmosWalletConnectors = () => [
 
 exports.CosmosWallet = CosmosWallet.CosmosWallet;
 exports.isCosmosWallet = isCosmosWallet.isCosmosWallet;
+exports.CosmosWalletConnectorsWithConfig = CosmosWalletConnectorsWithConfig.CosmosWalletConnectorsWithConfig;
 exports.CosmosWalletConnectors = CosmosWalletConnectors;

package/src/index.d.ts

@@ -3,4 +3,6 @@ import { LeapWalletConnector } from './connectors/LeapWalletConnector';
 export * from './wallet';
 export { type ICosmosOfflineSigner, type ICosmosProvider } from './types';
 export { type CosmosWalletConnector } from './connectors/CosmosWalletConnector';
+export { type ChainInfo } from '@keplr-wallet/types';
+export { CosmosWalletConnectorsWithConfig } from './CosmosWalletConnectorsWithConfig';
 export declare const CosmosWalletConnectors: () => (typeof KeplrWalletConnector | typeof LeapWalletConnector | typeof CompassWalletConnector)[];

package/src/index.js

@@ -9,6 +9,7 @@ export { CosmosWallet } from './wallet/CosmosWallet.js';
 export { isCosmosWallet } from './wallet/isCosmosWallet/isCosmosWallet.js';
 import { LeapWalletConnector } from './connectors/LeapWalletConnector.js';
 import { CompassWalletConnector } from './connectors/CompassWalletConnector.js';
+export { CosmosWalletConnectorsWithConfig } from './CosmosWalletConnectorsWithConfig.js';
 
 assertPackageVersion('@dynamic-labs/cosmos', version);
 const CosmosWalletConnectors = () => [