@broxus/evm-connect 1.7.8 → 1.8.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/EvmProvidersDispatcher/ProviderButton/index.js +11 -2
- package/dist/cjs/tsconfig.cjs.tsbuildinfo +1 -1
- package/dist/cjs/types.d.ts +1 -0
- package/dist/esm/components/EvmProvidersDispatcher/ProviderButton/index.js +12 -3
- package/dist/esm/tsconfig.esm.tsbuildinfo +1 -1
- package/dist/esm/types.d.ts +1 -0
- package/package.json +4 -4
package/dist/cjs/types.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { camelToSnake } from '@broxus/js-utils';
|
|
1
|
+
import { camelToSnake, getUserAgent, isMobile } from '@broxus/js-utils';
|
|
2
2
|
import { TokenIcon } from '@broxus/react-components';
|
|
3
3
|
import { Button, Text } from '@broxus/react-uikit';
|
|
4
4
|
import { reaction } from 'mobx';
|
|
@@ -35,6 +35,15 @@ export const ProviderButton = observer((props) => {
|
|
|
35
35
|
if (hasProvider === undefined) {
|
|
36
36
|
return (React.createElement(Button, { className: "evm-connect-provider-button", disabled: true }, intl.formatMessage(messages.EVM_CONNECT_INITIALIZING_HINT)));
|
|
37
37
|
}
|
|
38
|
+
const ua = getUserAgent();
|
|
39
|
+
const universalLink = providerConfig.info.links?.universalLink;
|
|
40
|
+
if (isMobile(ua) && !hasProvider && universalLink) {
|
|
41
|
+
return (React.createElement(Button, { className: "tvm-connect-provider-button", href: universalLink, rel: "noopener noreferrer" },
|
|
42
|
+
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),
|
|
43
|
+
React.createElement("span", { className: "tvm-connect-provider-title" },
|
|
44
|
+
providerConfig.info.name,
|
|
45
|
+
providerConfig.info.description && (React.createElement(Text, { className: "tvm-connect-provider-subtitle", color: "muted", component: "div", size: "xsmall", wrap: "truncate" }, providerConfig.info.description)))));
|
|
46
|
+
}
|
|
38
47
|
if (!hasProvider) {
|
|
39
48
|
const [platform = 'UNKNOWN', uri] = getEvmProviderPlatformLink({ ...providerConfig.info.links }) ?? [];
|
|
40
49
|
let text;
|
|
@@ -45,7 +54,7 @@ export const ProviderButton = observer((props) => {
|
|
|
45
54
|
}
|
|
46
55
|
catch { }
|
|
47
56
|
return (React.createElement(Button, { className: "evm-connect-provider-button", href: uri, rel: "noopener noreferrer", target: "_blank" },
|
|
48
|
-
React.createElement("span", { className: "evm-connect-provider-icon" }, typeof providerConfig.info.icon === 'string' ? (React.createElement(TokenIcon, { iconUrl: providerConfig.info.icon, size: 28 })) :
|
|
57
|
+
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),
|
|
49
58
|
React.createElement("span", { className: "evm-connect-provider-title" },
|
|
50
59
|
intl.formatMessage(messages.EVM_CONNECT_INSTALL_PROVIDER, {
|
|
51
60
|
providerName: providerConfig.info.name ?? '',
|
|
@@ -55,7 +64,7 @@ export const ProviderButton = observer((props) => {
|
|
|
55
64
|
const isConnected = walletService.isConnected && walletService.providerId === providerConfig.id;
|
|
56
65
|
const isConnecting = walletService.isConnecting && walletProviders.connectingProvider?.id === providerConfig.id;
|
|
57
66
|
return (React.createElement(Button, { className: "evm-connect-provider-button", disabled: isConnected || isConnecting, onClick: onSelect },
|
|
58
|
-
React.createElement("span", { className: "evm-connect-provider-icon" }, typeof providerConfig.info.icon === 'string' ? (React.createElement(TokenIcon, { iconUrl: providerConfig.info.icon, size: 28 })) :
|
|
67
|
+
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),
|
|
59
68
|
React.createElement("span", { className: "evm-connect-provider-title" },
|
|
60
69
|
providerConfig.info.name,
|
|
61
70
|
providerConfig.info.description && (React.createElement(Text, { className: "evm-connect-provider-subtitle", color: "muted", component: "div", size: "xsmall", wrap: "truncate" }, providerConfig.info.description))),
|