@dynamic-labs/starknet 4.0.0-alpha.26 → 4.0.0-alpha.28

package/src/index.cjs

@@ -5,29 +5,28 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var assertPackageVersion = require('@dynamic-labs/assert-package-version');
 var _package = require('../package.cjs');
-var argentx = require('./wallets/argentx.cjs');
-var braavos = require('./wallets/braavos.cjs');
-var argentxMobile = require('./wallets/argentxMobile.cjs');
-var argentxWeb = require('./wallets/argentxWeb.cjs');
-var bitget = require('./wallets/bitget.cjs');
-var okx = require('./wallets/okx.cjs');
-var metamask = require('./wallets/metamask.cjs');
+var argentx = require('./wallets/argent/injected/argentx.cjs');
+var argentMobile = require('./wallets/argent/argentMobile/argentMobile.cjs');
+var webwallet = require('./wallets/argent/webwallet/webwallet.cjs');
+var fetchStarknetInjectedWalletConnectors = require('./wallets/injected/fetchStarknetInjectedWalletConnectors.cjs');
+require('./getAvailableWallets.cjs');
 require('@dynamic-labs/starknet-core');
 var StarknetWallet = require('./wallet/StarknetWallet.cjs');
 var isStarknetWallet = require('./wallet/isStarknetWallet/isStarknetWallet.cjs');
+var StarknetWalletConnector = require('./StarknetWalletConnector.cjs');
 
 /* eslint-disable @typescript-eslint/no-unused-vars */
 assertPackageVersion.assertPackageVersion('@dynamic-labs/starknet', _package.version);
 const StarknetWalletConnectors = (props) => [
+    ...fetchStarknetInjectedWalletConnectors.fetchStarknetInjectedWalletConnectors(props),
     argentx.ArgentX,
-    braavos.Braavos,
-    argentxMobile.ArgentXMobile,
-    argentxWeb.ArgentXWeb,
-    okx.Okx,
-    bitget.Bitget,
-    metamask.MetaMask,
+    argentMobile.ArgentMobile,
+    webwallet.WebWallet,
+    // TODO(starknet-v6): Add these back once they support v6
+    // MetaMask,
 ];
 
 exports.StarknetWallet = StarknetWallet.StarknetWallet;
 exports.isStarknetWallet = isStarknetWallet.isStarknetWallet;
+exports.StarknetWalletConnector = StarknetWalletConnector.StarknetWalletConnector;
 exports.StarknetWalletConnectors = StarknetWalletConnectors;

package/src/index.d.ts

@@ -1,9 +1,18 @@
-import { ArgentX } from './wallets/argentx';
+import { WebWallet } from './wallets/argent/webwallet/webwallet';
+import type { ArgentMobileWalletConnectorType } from './wallets/argent/argentMobile/argentMobile';
+import type { WebWalletConnectorType } from './wallets/argent/webwallet/webwallet';
+import './getAvailableWallets';
 import '@dynamic-labs/starknet-core';
-export declare const StarknetWalletConnectors: (props: any) => (typeof ArgentX)[];
-export type { StarknetWalletConnectorType } from './starknetWalletConnector';
-export type { ArgentXWalletConnectorType } from './wallets/argentx';
-export type { BraavosWalletConnectorType } from './wallets/braavos';
-export type { ArgentXMobileWalletConnectorType } from './wallets/argentxMobile';
-export type { ArgentXWebWalletConnectorType } from './wallets/argentxWeb';
+export declare const StarknetWalletConnectors: (props: any) => (import("dist/packages/wallet-connector-core/src").WalletConnectorConstructor | typeof WebWallet)[];
+export type { StarknetWalletConnectorType } from './StarknetWalletConnector';
+export type { ArgentXWalletConnectorType } from './wallets/argent/injected/argentx';
+export type { 
+/** Deprecated. Use ArgentMobileWalletConnectorType */
+ArgentMobileWalletConnectorType as ArgentXMobileWalletConnectorType, };
+export type { ArgentMobileWalletConnectorType };
+export type { 
+/** Deprecated. Use WebWalletConnectorType */
+WebWalletConnectorType as ArgentXWebWalletConnectorType, };
+export type { WebWalletConnectorType };
 export { StarknetWallet, isStarknetWallet } from './wallet';
+export { StarknetWalletConnector } from './StarknetWalletConnector';

package/src/index.js

@@ -1,27 +1,25 @@
 'use client'
 import { assertPackageVersion } from '@dynamic-labs/assert-package-version';
 import { version } from '../package.js';
-import { ArgentX } from './wallets/argentx.js';
-import { Braavos } from './wallets/braavos.js';
-import { ArgentXMobile } from './wallets/argentxMobile.js';
-import { ArgentXWeb } from './wallets/argentxWeb.js';
-import { Bitget } from './wallets/bitget.js';
-import { Okx } from './wallets/okx.js';
-import { MetaMask } from './wallets/metamask.js';
+import { ArgentX } from './wallets/argent/injected/argentx.js';
+import { ArgentMobile } from './wallets/argent/argentMobile/argentMobile.js';
+import { WebWallet } from './wallets/argent/webwallet/webwallet.js';
+import { fetchStarknetInjectedWalletConnectors } from './wallets/injected/fetchStarknetInjectedWalletConnectors.js';
+import './getAvailableWallets.js';
 import '@dynamic-labs/starknet-core';
 export { StarknetWallet } from './wallet/StarknetWallet.js';
 export { isStarknetWallet } from './wallet/isStarknetWallet/isStarknetWallet.js';
+export { StarknetWalletConnector } from './StarknetWalletConnector.js';
 
 /* eslint-disable @typescript-eslint/no-unused-vars */
 assertPackageVersion('@dynamic-labs/starknet', version);
 const StarknetWalletConnectors = (props) => [
+    ...fetchStarknetInjectedWalletConnectors(props),
     ArgentX,
-    Braavos,
-    ArgentXMobile,
-    ArgentXWeb,
-    Okx,
-    Bitget,
-    MetaMask,
+    ArgentMobile,
+    WebWallet,
+    // TODO(starknet-v6): Add these back once they support v6
+    // MetaMask,
 ];
 
 export { StarknetWalletConnectors };

package/src/types.d.ts

@@ -1,11 +1,26 @@
-import type { StarknetWindowObject } from 'get-starknet-core';
-export type StarknetWalletKey = 'braavos' | 'argentX' | 'argentXMobile' | 'argentWebWallet' | 'okxwallet' | 'bitkeep' | 'metamask_snap';
-export type StarknetWindowKey = `starknet_${StarknetWalletKey}` | 'starknet';
-type StarknetWindow = {
-    [key in StarknetWindowKey]: StarknetWindowObject;
-};
-declare global {
-    interface Window extends StarknetWindow {
-    }
-}
-export {};
+import { StarknetWindowObject } from '@starknet-io/types-js';
+import { IChainRpcProviders } from '@dynamic-labs/rpc-providers';
+import { NetworkConfiguration } from '@dynamic-labs/sdk-api-core';
+import { WalletBookSchema, WalletSchema } from '@dynamic-labs/wallet-book';
+import { WalletMetadata } from '@dynamic-labs/wallet-connector-core';
+/** Models the currently active Starknet wallet data */
+export type WalletData = {
+    account: string | undefined;
+    chainId: bigint | undefined;
+};
+/** Options to pass to the prompt call which triggers a connection to a wallet */
+export type PromptOptions = {
+    /** Whether or not a wallet popup is desired */
+    silently: boolean;
+};
+export type PromptResult = {
+    wallet: StarknetWindowObject | undefined;
+    data: WalletData | undefined;
+};
+export type StarknetWalletConnectorProps = {
+    chainRpcProviders: IChainRpcProviders;
+    starknetNetworks: NetworkConfiguration[];
+    walletBook: WalletBookSchema;
+    walletBookWallet: WalletSchema;
+    metadata?: WalletMetadata;
+};

package/src/utils/convertors.cjs

@@ -30,7 +30,7 @@ const defaultTypedData = {
         ],
     },
 };
-const formatTypedDataMessage = (inputMessage, chainId = starknet.constants.NetworkName.SN_MAIN) => {
+const formatTypedDataMessage = (inputMessage, chainId = starknet.constants.StarknetChainId.SN_MAIN) => {
     let nonce, domain;
     try {
         const { nonce: parsedNonce, domain: parsedDomain } = JSON.parse(inputMessage);

package/src/utils/convertors.d.ts

@@ -1,2 +1,2 @@
 import { TypedData, constants } from 'starknet';
-export declare const formatTypedDataMessage: (inputMessage: string, chainId?: constants.NetworkName) => TypedData;
+export declare const formatTypedDataMessage: (inputMessage: string, chainId?: constants.StarknetChainId) => TypedData;

package/src/utils/convertors.js

@@ -26,7 +26,7 @@ const defaultTypedData = {
         ],
     },
 };
-const formatTypedDataMessage = (inputMessage, chainId = constants.NetworkName.SN_MAIN) => {
+const formatTypedDataMessage = (inputMessage, chainId = constants.StarknetChainId.SN_MAIN) => {
     let nonce, domain;
     try {
         const { nonce: parsedNonce, domain: parsedDomain } = JSON.parse(inputMessage);

package/src/utils/starknetSnap.d.ts

@@ -1,8 +1,8 @@
-import { StarknetWindowObject } from 'get-starknet-core';
+import { StarknetWindowObject } from '@starknet-io/types-js';
 import { IEthereum } from '@dynamic-labs/utils';
 /**
  *
  * @param {IEthereum} provider the metamask window provider object
  * @returns {StarknetWindowObject} the metamask provider wrapper formed into starknet window object
  */
-export declare const createMetaMaskProviderWrapper: (provider: IEthereum) => StarknetWindowObject;
+export declare const createMetaMaskProviderWrapper: (provider: IEthereum) => Promise<StarknetWindowObject | undefined>;

package/src/wallet/StarknetWallet.cjs

@@ -24,9 +24,6 @@ class StarknetWallet extends walletConnectorCore.Wallet {
     getProvider() {
         return _tslib.__awaiter(this, void 0, void 0, function* () {
             const provider = yield this._connector.getProvider();
-            if (!provider) {
-                throw new Error('unable to retrieve Starknet provider');
-            }
             utils.wrapMethodWithCallback(provider, 'callContract', (originalCallContract, call, blockIdentifier) => _tslib.__awaiter(this, void 0, void 0, function* () {
                 yield this.sync();
                 return originalCallContract(call, blockIdentifier);

package/src/wallet/StarknetWallet.d.ts

@@ -1,7 +1,7 @@
-import { AccountInterface, ProviderInterface } from 'starknet';
+import { RpcProvider, WalletAccount } from 'starknet';
 import { Wallet } from '@dynamic-labs/wallet-connector-core';
-import StarknetWalletConnector from '../starknetWalletConnector';
+import { StarknetWalletConnector } from '../StarknetWalletConnector';
 export declare class StarknetWallet extends Wallet<StarknetWalletConnector> {
-    getWalletAccount(): Promise<AccountInterface>;
-    getProvider(): Promise<ProviderInterface>;
+    getWalletAccount(): Promise<WalletAccount>;
+    getProvider(): Promise<RpcProvider>;
 }

package/src/wallet/StarknetWallet.js

@@ -20,9 +20,6 @@ class StarknetWallet extends Wallet {
     getProvider() {
         return __awaiter(this, void 0, void 0, function* () {
             const provider = yield this._connector.getProvider();
-            if (!provider) {
-                throw new Error('unable to retrieve Starknet provider');
-            }
             wrapMethodWithCallback(provider, 'callContract', (originalCallContract, call, blockIdentifier) => __awaiter(this, void 0, void 0, function* () {
                 yield this.sync();
                 return originalCallContract(call, blockIdentifier);

package/src/wallets/argent/argentMobile/argentMobile.cjs

@@ -0,0 +1,73 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _tslib = require('../../../../_virtual/_tslib.cjs');
+var starknetkit = require('starknetkit');
+var argentMobile = require('starknetkit/argentMobile');
+var starknet = require('starknet');
+var base = require('../base.cjs');
+
+class ArgentMobile extends base.ArgentBase {
+    constructor(opts) {
+        super('Argent X - Mobile', 'argentXMobile', opts);
+        this.canConnectViaCustodialService = true;
+        this.overrideKey = 'argentxmobile';
+        this.projectId = opts.projectId;
+        this.appName = opts.appName;
+        this.appLogoUrls = opts.appLogoUrl
+            ? [opts.appLogoUrl]
+            : undefined;
+    }
+    isInstalledOnBrowser() {
+        return false;
+    }
+    filter() {
+        if (super.filter()) {
+            return !argentMobile.isInArgentMobileAppBrowser();
+        }
+        return false;
+    }
+    prompt(options) {
+        return _tslib.__awaiter(this, void 0, void 0, function* () {
+            const { connectorData, wallet } = yield starknetkit.connect({
+                connectors: [
+                    new argentMobile.ArgentMobileBaseConnector({
+                        chainId: this.getNetworkName() || starknet.constants.NetworkName.SN_MAIN,
+                        dappName: this.appName,
+                        icons: this.appLogoUrls,
+                        projectId: this.projectId,
+                        rpcUrl: this.getNodeUrl(),
+                        url: window.location.hostname,
+                    }),
+                ],
+                modalMode: options.silently ? 'neverAsk' : 'canAsk',
+            });
+            return {
+                data: {
+                    account: connectorData === null || connectorData === void 0 ? void 0 : connectorData.account,
+                    chainId: connectorData === null || connectorData === void 0 ? void 0 : connectorData.chainId,
+                },
+                wallet: wallet !== null && wallet !== void 0 ? wallet : undefined,
+            };
+        });
+    }
+    getNetworkName() {
+        const [network] = this.starknetNetworks;
+        if (!network) {
+            return undefined;
+        }
+        return this.mapChainIdToNetworkName(network.chainId);
+    }
+    getNodeUrl() {
+        var _a;
+        const [network] = this.starknetNetworks;
+        if (!network) {
+            return undefined;
+        }
+        return ((_a = network.privateCustomerRpcUrls) === null || _a === void 0 ? void 0 : _a[0]) || network.rpcUrls[0];
+    }
+}
+
+exports.ArgentMobile = ArgentMobile;

package/src/wallets/argent/argentMobile/argentMobile.d.ts

@@ -0,0 +1,16 @@
+import { PromptOptions, PromptResult } from '../../../types';
+import { ArgentBase } from '../base';
+export declare class ArgentMobile extends ArgentBase {
+    private projectId;
+    private appName;
+    private appLogoUrls;
+    canConnectViaCustodialService: boolean;
+    overrideKey: string;
+    constructor(opts: any);
+    isInstalledOnBrowser(): boolean;
+    filter(): boolean;
+    prompt(options: PromptOptions): Promise<PromptResult>;
+    private getNetworkName;
+    private getNodeUrl;
+}
+export type ArgentMobileWalletConnectorType = ArgentMobile;

package/src/wallets/argent/argentMobile/argentMobile.js

@@ -0,0 +1,69 @@
+'use client'
+import { __awaiter } from '../../../../_virtual/_tslib.js';
+import { connect } from 'starknetkit';
+import { isInArgentMobileAppBrowser, ArgentMobileBaseConnector } from 'starknetkit/argentMobile';
+import { constants } from 'starknet';
+import { ArgentBase } from '../base.js';
+
+class ArgentMobile extends ArgentBase {
+    constructor(opts) {
+        super('Argent X - Mobile', 'argentXMobile', opts);
+        this.canConnectViaCustodialService = true;
+        this.overrideKey = 'argentxmobile';
+        this.projectId = opts.projectId;
+        this.appName = opts.appName;
+        this.appLogoUrls = opts.appLogoUrl
+            ? [opts.appLogoUrl]
+            : undefined;
+    }
+    isInstalledOnBrowser() {
+        return false;
+    }
+    filter() {
+        if (super.filter()) {
+            return !isInArgentMobileAppBrowser();
+        }
+        return false;
+    }
+    prompt(options) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const { connectorData, wallet } = yield connect({
+                connectors: [
+                    new ArgentMobileBaseConnector({
+                        chainId: this.getNetworkName() || constants.NetworkName.SN_MAIN,
+                        dappName: this.appName,
+                        icons: this.appLogoUrls,
+                        projectId: this.projectId,
+                        rpcUrl: this.getNodeUrl(),
+                        url: window.location.hostname,
+                    }),
+                ],
+                modalMode: options.silently ? 'neverAsk' : 'canAsk',
+            });
+            return {
+                data: {
+                    account: connectorData === null || connectorData === void 0 ? void 0 : connectorData.account,
+                    chainId: connectorData === null || connectorData === void 0 ? void 0 : connectorData.chainId,
+                },
+                wallet: wallet !== null && wallet !== void 0 ? wallet : undefined,
+            };
+        });
+    }
+    getNetworkName() {
+        const [network] = this.starknetNetworks;
+        if (!network) {
+            return undefined;
+        }
+        return this.mapChainIdToNetworkName(network.chainId);
+    }
+    getNodeUrl() {
+        var _a;
+        const [network] = this.starknetNetworks;
+        if (!network) {
+            return undefined;
+        }
+        return ((_a = network.privateCustomerRpcUrls) === null || _a === void 0 ? void 0 : _a[0]) || network.rpcUrls[0];
+    }
+}
+
+export { ArgentMobile };

package/src/wallets/argent/base.cjs

@@ -0,0 +1,50 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _tslib = require('../../../_virtual/_tslib.cjs');
+var starknetkit = require('starknetkit');
+var StarknetWalletConnector = require('../../StarknetWalletConnector.cjs');
+
+class ArgentBase extends StarknetWalletConnector.StarknetWalletConnector {
+    getConnectedAccounts() {
+        return _tslib.__awaiter(this, void 0, void 0, function* () {
+            var _a;
+            if ((_a = this.walletData) === null || _a === void 0 ? void 0 : _a.account) {
+                return [this.walletData.account];
+            }
+            let data;
+            let wallet;
+            this.logger.debug('[getConnectedAccounts] No existing account, attempting to silently connect');
+            try {
+                ({ data, wallet } = yield this.prompt({
+                    silently: true,
+                }));
+            }
+            catch (error) {
+                this.logger.debug(`[getConnectedAccounts] Silent connect errored out: ${error}`);
+                return [];
+            }
+            this.logger.debug(`[getConnectedAccounts] Connect returned account: ${data === null || data === void 0 ? void 0 : data.account}`);
+            if (!(data === null || data === void 0 ? void 0 : data.account) || !wallet) {
+                return [];
+            }
+            this.walletData = data;
+            this.wallet = wallet;
+            this.setupEventListeners();
+            return [data.account];
+        });
+    }
+    endSession() {
+        const _super = Object.create(null, {
+            endSession: { get: () => super.endSession }
+        });
+        return _tslib.__awaiter(this, void 0, void 0, function* () {
+            yield _super.endSession.call(this);
+            yield starknetkit.disconnect();
+        });
+    }
+}
+
+exports.ArgentBase = ArgentBase;

package/src/wallets/argent/base.d.ts

@@ -0,0 +1,5 @@
+import { StarknetWalletConnector } from '../../StarknetWalletConnector';
+export declare abstract class ArgentBase extends StarknetWalletConnector {
+    getConnectedAccounts(): Promise<string[]>;
+    endSession(): Promise<void>;
+}

package/src/wallets/argent/base.js

@@ -0,0 +1,46 @@
+'use client'
+import { __awaiter } from '../../../_virtual/_tslib.js';
+import { disconnect } from 'starknetkit';
+import { StarknetWalletConnector } from '../../StarknetWalletConnector.js';
+
+class ArgentBase extends StarknetWalletConnector {
+    getConnectedAccounts() {
+        return __awaiter(this, void 0, void 0, function* () {
+            var _a;
+            if ((_a = this.walletData) === null || _a === void 0 ? void 0 : _a.account) {
+                return [this.walletData.account];
+            }
+            let data;
+            let wallet;
+            this.logger.debug('[getConnectedAccounts] No existing account, attempting to silently connect');
+            try {
+                ({ data, wallet } = yield this.prompt({
+                    silently: true,
+                }));
+            }
+            catch (error) {
+                this.logger.debug(`[getConnectedAccounts] Silent connect errored out: ${error}`);
+                return [];
+            }
+            this.logger.debug(`[getConnectedAccounts] Connect returned account: ${data === null || data === void 0 ? void 0 : data.account}`);
+            if (!(data === null || data === void 0 ? void 0 : data.account) || !wallet) {
+                return [];
+            }
+            this.walletData = data;
+            this.wallet = wallet;
+            this.setupEventListeners();
+            return [data.account];
+        });
+    }
+    endSession() {
+        const _super = Object.create(null, {
+            endSession: { get: () => super.endSession }
+        });
+        return __awaiter(this, void 0, void 0, function* () {
+            yield _super.endSession.call(this);
+            yield disconnect();
+        });
+    }
+}
+
+export { ArgentBase };

package/src/wallets/argent/injected/argentx.cjs

@@ -0,0 +1,33 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _tslib = require('../../../../_virtual/_tslib.cjs');
+var starknetkit = require('starknetkit');
+var injected = require('starknetkit/injected');
+var base = require('../base.cjs');
+
+class ArgentX extends base.ArgentBase {
+    constructor(opts) {
+        super('Argent X', 'argentX', opts);
+        this.overrideKey = 'argentx';
+    }
+    prompt() {
+        return _tslib.__awaiter(this, void 0, void 0, function* () {
+            const { connectorData, wallet } = yield starknetkit.connect({
+                connectors: [new injected.InjectedConnector({ options: { id: this.id } })],
+                modalMode: 'canAsk',
+            });
+            return {
+                data: {
+                    account: connectorData === null || connectorData === void 0 ? void 0 : connectorData.account,
+                    chainId: connectorData === null || connectorData === void 0 ? void 0 : connectorData.chainId,
+                },
+                wallet: wallet !== null && wallet !== void 0 ? wallet : undefined,
+            };
+        });
+    }
+}
+
+exports.ArgentX = ArgentX;

package/src/wallets/argent/injected/argentx.d.ts

@@ -0,0 +1,8 @@
+import { PromptResult } from '../../../types';
+import { ArgentBase } from '../base';
+export declare class ArgentX extends ArgentBase {
+    overrideKey: string;
+    constructor(opts: any);
+    prompt(): Promise<PromptResult>;
+}
+export type ArgentXWalletConnectorType = ArgentX;

package/src/wallets/argent/injected/argentx.js

@@ -0,0 +1,29 @@
+'use client'
+import { __awaiter } from '../../../../_virtual/_tslib.js';
+import { connect } from 'starknetkit';
+import { InjectedConnector } from 'starknetkit/injected';
+import { ArgentBase } from '../base.js';
+
+class ArgentX extends ArgentBase {
+    constructor(opts) {
+        super('Argent X', 'argentX', opts);
+        this.overrideKey = 'argentx';
+    }
+    prompt() {
+        return __awaiter(this, void 0, void 0, function* () {
+            const { connectorData, wallet } = yield connect({
+                connectors: [new InjectedConnector({ options: { id: this.id } })],
+                modalMode: 'canAsk',
+            });
+            return {
+                data: {
+                    account: connectorData === null || connectorData === void 0 ? void 0 : connectorData.account,
+                    chainId: connectorData === null || connectorData === void 0 ? void 0 : connectorData.chainId,
+                },
+                wallet: wallet !== null && wallet !== void 0 ? wallet : undefined,
+            };
+        });
+    }
+}
+
+export { ArgentX };

package/src/wallets/argent/webwallet/webwallet.cjs

@@ -0,0 +1,37 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _tslib = require('../../../../_virtual/_tslib.cjs');
+var starknetkit = require('starknetkit');
+var webwallet = require('starknetkit/webwallet');
+var base = require('../base.cjs');
+
+class WebWallet extends base.ArgentBase {
+    constructor(opts) {
+        super('Argent X - Web', 'argentWebWallet', opts);
+        this.overrideKey = 'argentxweb';
+        this.canConnectViaCustodialService = true;
+    }
+    isInstalledOnBrowser() {
+        return false;
+    }
+    prompt(options) {
+        return _tslib.__awaiter(this, void 0, void 0, function* () {
+            const { connectorData, wallet } = yield starknetkit.connect({
+                connectors: [new webwallet.WebWalletConnector({ url: 'https://web.argent.xyz' })],
+                modalMode: options.silently ? 'neverAsk' : 'canAsk',
+            });
+            return {
+                data: {
+                    account: connectorData === null || connectorData === void 0 ? void 0 : connectorData.account,
+                    chainId: connectorData === null || connectorData === void 0 ? void 0 : connectorData.chainId,
+                },
+                wallet: wallet !== null && wallet !== void 0 ? wallet : undefined,
+            };
+        });
+    }
+}
+
+exports.WebWallet = WebWallet;

package/src/wallets/argent/webwallet/webwallet.d.ts

@@ -0,0 +1,10 @@
+import { PromptOptions, PromptResult } from '../../../types';
+import { ArgentBase } from '../base';
+export declare class WebWallet extends ArgentBase {
+    overrideKey: string;
+    canConnectViaCustodialService: boolean;
+    constructor(opts: any);
+    isInstalledOnBrowser(): boolean;
+    prompt(options: PromptOptions): Promise<PromptResult>;
+}
+export type WebWalletConnectorType = WebWallet;

package/src/wallets/argent/webwallet/webwallet.js

@@ -0,0 +1,33 @@
+'use client'
+import { __awaiter } from '../../../../_virtual/_tslib.js';
+import { connect } from 'starknetkit';
+import { WebWalletConnector } from 'starknetkit/webwallet';
+import { ArgentBase } from '../base.js';
+
+class WebWallet extends ArgentBase {
+    constructor(opts) {
+        super('Argent X - Web', 'argentWebWallet', opts);
+        this.overrideKey = 'argentxweb';
+        this.canConnectViaCustodialService = true;
+    }
+    isInstalledOnBrowser() {
+        return false;
+    }
+    prompt(options) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const { connectorData, wallet } = yield connect({
+                connectors: [new WebWalletConnector({ url: 'https://web.argent.xyz' })],
+                modalMode: options.silently ? 'neverAsk' : 'canAsk',
+            });
+            return {
+                data: {
+                    account: connectorData === null || connectorData === void 0 ? void 0 : connectorData.account,
+                    chainId: connectorData === null || connectorData === void 0 ? void 0 : connectorData.chainId,
+                },
+                wallet: wallet !== null && wallet !== void 0 ? wallet : undefined,
+            };
+        });
+    }
+}
+
+export { WebWallet };