@broxus/evm-connect 1.7.8 → 1.8.1

package/dist/cjs/components/EvmProvidersDispatcher/ProviderButton/index.js

@@ -64,6 +64,15 @@ exports.ProviderButton = (0, mobx_react_lite_1.observer)((props) => {
     if (hasProvider === undefined) {
         return (React.createElement(react_uikit_1.Button, { className: "evm-connect-provider-button", disabled: true }, intl.formatMessage(intl_1.default.EVM_CONNECT_INITIALIZING_HINT)));
     }
+    const ua = (0, js_utils_1.getUserAgent)();
+    const universalLink = providerConfig.info.links?.universalLink;
+    if ((0, js_utils_1.isMobile)(ua) && !hasProvider && universalLink) {
+        return (React.createElement(react_uikit_1.Button, { className: "tvm-connect-provider-button", href: universalLink, rel: "noopener noreferrer" },
+            React.createElement("span", { className: "tvm-connect-provider-icon" }, typeof providerConfig.info.icon === 'string' ? (React.createElement(react_components_1.TokenIcon, { iconUrl: providerConfig.info.icon, size: 28 })) : providerConfig.info.icon),
+            React.createElement("span", { className: "tvm-connect-provider-title" },
+                providerConfig.info.name,
+                providerConfig.info.description && (React.createElement(react_uikit_1.Text, { className: "tvm-connect-provider-subtitle", color: "muted", component: "div", size: "xsmall", wrap: "truncate" }, providerConfig.info.description)))));
+    }
     if (!hasProvider) {
         const [platform = 'UNKNOWN', uri] = (0, utils_1.getEvmProviderPlatformLink)({ ...providerConfig.info.links }) ?? [];
         let text;
@@ -74,7 +83,7 @@ exports.ProviderButton = (0, mobx_react_lite_1.observer)((props) => {
         }
         catch { }
         return (React.createElement(react_uikit_1.Button, { className: "evm-connect-provider-button", href: uri, rel: "noopener noreferrer", target: "_blank" },
-            React.createElement("span", { className: "evm-connect-provider-icon" }, typeof providerConfig.info.icon === 'string' ? (React.createElement(react_components_1.TokenIcon, { iconUrl: providerConfig.info.icon, size: 28 })) : (providerConfig.info.icon)),
+            React.createElement("span", { className: "evm-connect-provider-icon" }, typeof providerConfig.info.icon === 'string' ? (React.createElement(react_components_1.TokenIcon, { iconUrl: providerConfig.info.icon, size: 28 })) : providerConfig.info.icon),
             React.createElement("span", { className: "evm-connect-provider-title" },
                 intl.formatMessage(intl_1.default.EVM_CONNECT_INSTALL_PROVIDER, {
                     providerName: providerConfig.info.name ?? '',
@@ -84,7 +93,7 @@ exports.ProviderButton = (0, mobx_react_lite_1.observer)((props) => {
     const isConnected = walletService.isConnected && walletService.providerId === providerConfig.id;
     const isConnecting = walletService.isConnecting && walletProviders.connectingProvider?.id === providerConfig.id;
     return (React.createElement(react_uikit_1.Button, { className: "evm-connect-provider-button", disabled: isConnected || isConnecting, onClick: onSelect },
-        React.createElement("span", { className: "evm-connect-provider-icon" }, typeof providerConfig.info.icon === 'string' ? (React.createElement(react_components_1.TokenIcon, { iconUrl: providerConfig.info.icon, size: 28 })) : (providerConfig.info.icon)),
+        React.createElement("span", { className: "evm-connect-provider-icon" }, typeof providerConfig.info.icon === 'string' ? (React.createElement(react_components_1.TokenIcon, { iconUrl: providerConfig.info.icon, size: 28 })) : providerConfig.info.icon),
         React.createElement("span", { className: "evm-connect-provider-title" },
             providerConfig.info.name,
             providerConfig.info.description && (React.createElement(react_uikit_1.Text, { className: "evm-connect-provider-subtitle", color: "muted", component: "div", size: "xsmall", wrap: "truncate" }, providerConfig.info.description))),

package/dist/cjs/services/EvmWalletService.d.ts

@@ -4,6 +4,7 @@ import Web3 from 'web3';
 import { type EthereumConnector } from '../core';
 import { type AddEthereumChainParams, type EvmNetworkConfig, type EvmWalletProviderConfig, type WatchAssetParameters } from '../types';
 export interface EvmWalletServiceCtorParams {
+    autoInit?: boolean;
     defaultNetworkId?: number;
     /**
      * List of supported networks
@@ -31,6 +32,7 @@ export declare class EvmWalletService extends AbstractStore<EvmWalletServiceData
      * @returns {EthereumConnector|undefined}
      */
     get connector(): EthereumConnector | undefined;
+    init(): Promise<void>;
     /**
      * Manually connect to the wallet
      * @returns {Promise<void>}
@@ -170,7 +172,7 @@ export declare class EvmWalletService extends AbstractStore<EvmWalletServiceData
      * Trying to resolve EVM Wallet connection
      * @protected
      */
-    protected init(): Promise<void>;
+    protected _init(): Promise<void>;
     protected accountDisposer: IReactionDisposer | undefined;
     protected networkDisposer: IReactionDisposer | undefined;
 }

package/dist/cjs/services/EvmWalletService.js

@@ -31,9 +31,12 @@ class EvmWalletService extends js_core_1.AbstractStore {
             providerId: params?.providerId,
         }));
         (0, mobx_1.makeObservable)(this);
-        this.init().catch(reason => {
-            (0, js_utils_1.error)('Wallet init failed with an error', reason);
-        });
+        const autoInit = params?.autoInit ?? true;
+        if (autoInit) {
+            this._init().catch(reason => {
+                (0, js_utils_1.error)('Wallet init failed with an error', reason);
+            });
+        }
     }
     /**
      * Define current provider connector
@@ -42,6 +45,9 @@ class EvmWalletService extends js_core_1.AbstractStore {
     get connector() {
         return this.providers?.find(config => config.id === this.providerId)?.connector;
     }
+    async init() {
+        await this._init();
+    }
     /**
      * Manually connect to the wallet
      * @returns {Promise<void>}
@@ -289,7 +295,7 @@ class EvmWalletService extends js_core_1.AbstractStore {
      * Trying to resolve EVM Wallet connection
      * @protected
      */
-    async init() {
+    async _init() {
         this.accountDisposer = (0, mobx_1.reaction)(() => this.address, async (address, prevAddress) => {
             if (address?.toLowerCase() !== prevAddress?.toLowerCase()) {
                 this.setState('isSyncing', undefined);
@@ -317,6 +323,12 @@ __decorate([
     __metadata("design:type", Object),
     __metadata("design:paramtypes", [])
 ], EvmWalletService.prototype, "connector", null);
+__decorate([
+    mobx_1.action.bound,
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", []),
+    __metadata("design:returntype", Promise)
+], EvmWalletService.prototype, "init", null);
 __decorate([
     mobx_1.action.bound,
     __metadata("design:type", Function),
@@ -458,4 +470,4 @@ __decorate([
     __metadata("design:type", Function),
     __metadata("design:paramtypes", []),
     __metadata("design:returntype", Promise)
-], EvmWalletService.prototype, "init", null);
+], EvmWalletService.prototype, "_init", null);