@broxus/evm-connect 1.7.8 → 1.8.1

package/dist/cjs/types.d.ts

@@ -45,6 +45,7 @@ export interface EvmWalletProviderConfig {
         icon?: string;
         links?: EvmProviderPlatformLinks & {
             homepage?: string;
+            universalLink?: string;
         };
         name: string;
         rdns?: string;

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

@@ -1,4 +1,4 @@
-import { camelToSnake } from '@broxus/js-utils';
+import { camelToSnake, getUserAgent, isMobile } from '@broxus/js-utils';
 import { TokenIcon } from '@broxus/react-components';
 import { Button, Text } from '@broxus/react-uikit';
 import { reaction } from 'mobx';
@@ -35,6 +35,15 @@ export const ProviderButton = observer((props) => {
     if (hasProvider === undefined) {
         return (React.createElement(Button, { className: "evm-connect-provider-button", disabled: true }, intl.formatMessage(messages.EVM_CONNECT_INITIALIZING_HINT)));
     }
+    const ua = getUserAgent();
+    const universalLink = providerConfig.info.links?.universalLink;
+    if (isMobile(ua) && !hasProvider && universalLink) {
+        return (React.createElement(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(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(Text, { className: "tvm-connect-provider-subtitle", color: "muted", component: "div", size: "xsmall", wrap: "truncate" }, providerConfig.info.description)))));
+    }
     if (!hasProvider) {
         const [platform = 'UNKNOWN', uri] = getEvmProviderPlatformLink({ ...providerConfig.info.links }) ?? [];
         let text;
@@ -45,7 +54,7 @@ export const ProviderButton = observer((props) => {
         }
         catch { }
         return (React.createElement(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(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(TokenIcon, { iconUrl: providerConfig.info.icon, size: 28 })) : providerConfig.info.icon),
             React.createElement("span", { className: "evm-connect-provider-title" },
                 intl.formatMessage(messages.EVM_CONNECT_INSTALL_PROVIDER, {
                     providerName: providerConfig.info.name ?? '',
@@ -55,7 +64,7 @@ export const ProviderButton = observer((props) => {
     const isConnected = walletService.isConnected && walletService.providerId === providerConfig.id;
     const isConnecting = walletService.isConnecting && walletProviders.connectingProvider?.id === providerConfig.id;
     return (React.createElement(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(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(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(Text, { className: "evm-connect-provider-subtitle", color: "muted", component: "div", size: "xsmall", wrap: "truncate" }, providerConfig.info.description))),

package/dist/esm/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/esm/services/EvmWalletService.js

@@ -25,9 +25,12 @@ export class EvmWalletService extends AbstractStore {
             providerId: params?.providerId,
         }));
         makeObservable(this);
-        this.init().catch(reason => {
-            error('Wallet init failed with an error', reason);
-        });
+        const autoInit = params?.autoInit ?? true;
+        if (autoInit) {
+            this._init().catch(reason => {
+                error('Wallet init failed with an error', reason);
+            });
+        }
     }
     /**
      * Define current provider connector
@@ -36,6 +39,9 @@ export class EvmWalletService extends 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>}
@@ -283,7 +289,7 @@ export class EvmWalletService extends AbstractStore {
      * Trying to resolve EVM Wallet connection
      * @protected
      */
-    async init() {
+    async _init() {
         this.accountDisposer = reaction(() => this.address, async (address, prevAddress) => {
             if (address?.toLowerCase() !== prevAddress?.toLowerCase()) {
                 this.setState('isSyncing', undefined);
@@ -310,6 +316,12 @@ __decorate([
     __metadata("design:type", Object),
     __metadata("design:paramtypes", [])
 ], EvmWalletService.prototype, "connector", null);
+__decorate([
+    action.bound,
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", []),
+    __metadata("design:returntype", Promise)
+], EvmWalletService.prototype, "init", null);
 __decorate([
     action.bound,
     __metadata("design:type", Function),
@@ -451,4 +463,4 @@ __decorate([
     __metadata("design:type", Function),
     __metadata("design:paramtypes", []),
     __metadata("design:returntype", Promise)
-], EvmWalletService.prototype, "init", null);
+], EvmWalletService.prototype, "_init", null);