@broxus/evm-connect 1.14.2 → 1.14.3
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/index.d.mts +7 -7
- package/dist/index.d.ts +7 -7
- package/dist/index.js +3548 -3417
- package/dist/index.mjs +3548 -3417
- package/dist/inheritance.min.css +1 -1
- package/dist/react.d.mts +3 -3
- package/dist/react.d.ts +3 -3
- package/dist/react.js +3541 -3410
- package/dist/react.mjs +3541 -3410
- package/dist/sdk.d.mts +4 -4
- package/dist/sdk.d.ts +4 -4
- package/dist/sdk.js +3541 -3410
- package/dist/sdk.mjs +3541 -3410
- package/dist/standalone.min.css +1 -1
- package/dist/uikit.min.css +1 -1
- package/lib/cjs/_react.js +2 -2
- package/lib/cjs/_sdk.js +2 -2
- package/lib/cjs/components/EvmConnectDialog.js +2 -3
- package/lib/cjs/components/EvmConnectionRequest.js +1 -1
- package/lib/cjs/components/EvmConnector.js +4 -4
- package/lib/cjs/components/EvmProviderButton.js +2 -2
- package/lib/cjs/context/EvmWalletProvidersContext.js +1 -2
- package/lib/cjs/index.js +2 -2
- package/lib/cjs/intl/index.js +1 -1
- package/lib/cjs/styles/style.css +1 -0
- package/lib/cjs/utils/get-evm-provider-platform-link.js +1 -1
- package/lib/esm/_react.d.ts +2 -2
- package/lib/esm/_react.js +2 -2
- package/lib/esm/_sdk.d.ts +2 -2
- package/lib/esm/_sdk.js +2 -2
- package/lib/esm/components/EvmConnectButton.d.ts +1 -1
- package/lib/esm/components/EvmConnectDialog.js +3 -4
- package/lib/esm/components/EvmConnectionRequest.js +1 -1
- package/lib/esm/components/EvmConnector.d.ts +2 -2
- package/lib/esm/components/EvmConnector.js +4 -4
- package/lib/esm/components/EvmProviderButton.js +2 -2
- package/lib/esm/connectors/EIP6963Connector.d.ts +2 -2
- package/lib/esm/connectors/MetaMask.d.ts +3 -3
- package/lib/esm/connectors/WalletConnect.d.ts +1 -1
- package/lib/esm/context/EvmWalletProvidersContext.js +1 -2
- package/lib/esm/context/EvmWalletServiceContext.d.ts +1 -1
- package/lib/esm/index.d.ts +2 -2
- package/lib/esm/index.js +2 -2
- package/lib/esm/intl/index.js +1 -1
- package/lib/esm/services/EvmWalletService.d.ts +1 -1
- package/lib/esm/styles/style.css +1 -0
- package/lib/esm/utils/get-evm-provider-platform-link.js +1 -1
- package/package.json +8 -10
|
@@ -53,7 +53,7 @@ exports.EvmConnector = (0, mobx_react_lite_1.observer)((props) => {
|
|
|
53
53
|
const walletService = (0, context_1.useEvmWalletService)();
|
|
54
54
|
const [recentMeta, setRecentMeta] = (0, hooks_1.useRecentConnectionMeta)();
|
|
55
55
|
const drop = React.useRef(null);
|
|
56
|
-
const { changeWalletButtonText = intl.formatMessage(intl_1.default.EVM_CONNECT_CHANGE_WALLET_BTN_TEXT), className, connectButtonShape, connectButtonText = intl.formatMessage(intl_1.default.EVM_CONNECT_CONNECT_BTN_TEXT), connectButtonTrigger, connectButtonType, disconnectButtonText = intl.formatMessage(intl_1.default.EVM_CONNECT_DISCONNECT_BTN_TEXT), network = walletService.network, popupType,
|
|
56
|
+
const { changeWalletButtonText = intl.formatMessage(intl_1.default.EVM_CONNECT_CHANGE_WALLET_BTN_TEXT), className, connectButtonShape, connectButtonText = intl.formatMessage(intl_1.default.EVM_CONNECT_CONNECT_BTN_TEXT), connectButtonTrigger, connectButtonType, disconnectButtonText = intl.formatMessage(intl_1.default.EVM_CONNECT_DISCONNECT_BTN_TEXT), network = walletService.network, popupType, showDropMenu = true, showSubIcon = true, standalone = walletService.providers?.length === 1, suffix, warnUnsupportedNetwork = true, } = props;
|
|
57
57
|
const changeWallet = () => {
|
|
58
58
|
drop.current?.close();
|
|
59
59
|
};
|
|
@@ -96,17 +96,17 @@ exports.EvmConnector = (0, mobx_react_lite_1.observer)((props) => {
|
|
|
96
96
|
React.createElement(react_components_1.WalletAccount, { address: walletService.address?.toString(), icon: networkIcon, subIcon: !isDisconnected && showSubIcon ? providerIcon : undefined, subTitle: subTitle, title: isDisconnected
|
|
97
97
|
? networkName ?? intl.formatMessage(intl_1.default.EVM_CONNECT_CONNECTOR_BLOCKCHAIN_NAME)
|
|
98
98
|
: (React.createElement(react_components_1.ExplorerAccountLink, { address: walletService.address?.toString(), baseUrl: network?.explorer.baseUrl || walletService.network?.explorer.baseUrl, copyable: true,
|
|
99
|
-
/* eslint-disable-next-line max-len */
|
|
99
|
+
/* eslint-disable-next-line @stylistic/max-len */
|
|
100
100
|
subPath: network?.explorer.accountsSubPath || walletService.network?.explorer.accountsSubPath, tooltip: intl.formatMessage(intl_1.default.EVM_CONNECT_CONNECTOR_EXPLORER_HINT, {
|
|
101
101
|
explorerTitle: network?.explorer.title || walletService.network?.explorer.title || '',
|
|
102
102
|
}) })) })),
|
|
103
103
|
React.createElement(react_uikit_1.Flex, { alignItems: "center", className: "evm-connect-connector-suffix" },
|
|
104
104
|
suffix,
|
|
105
|
-
!isDisconnected && showDropMenu && (React.createElement(react_uikit_1.Dropdown, { ref: drop, action: ['click'], hideAction: ['click'],
|
|
105
|
+
!isDisconnected && showDropMenu && (React.createElement(react_uikit_1.Dropdown, { ref: drop, action: ['click'], hideAction: ['click'], overlay: (React.createElement(react_uikit_1.List, { className: "uk-margin-remove", size: "large" },
|
|
106
106
|
!standalone && (React.createElement(react_uikit_1.List.Item, { key: "connect-wallet" },
|
|
107
107
|
React.createElement(EvmConnectButton_1.EvmConnectButton, { className: "evm-connect-change-wallet", network: network, popupType: popupType, type: "link", onOpen: changeWallet }, changeWalletButtonText))),
|
|
108
108
|
React.createElement(react_uikit_1.List.Item, null,
|
|
109
|
-
React.createElement(react_uikit_1.Button, { "aria-disabled": walletService.isDisconnecting, className: "evm-connect-logout", disabled: walletService.isDisconnecting, type: "link", onClick: disconnect }, disconnectButtonText)))), placement: "bottom-right" },
|
|
109
|
+
React.createElement(react_uikit_1.Button, { "aria-disabled": walletService.isDisconnecting, className: "evm-connect-logout", disabled: walletService.isDisconnecting, type: "link", onClick: disconnect }, disconnectButtonText)))), overlayClassName: "evm-connect-dropdown", placement: "bottom-right" },
|
|
110
110
|
React.createElement(react_components_1.Icon, { className: "evm-connect-dropdown-trigger", icon: "ellipsisVertical", ratio: 0.8 }))),
|
|
111
111
|
isDisconnected && (React.createElement(EvmConnectButton_1.EvmConnectButton, { key: "connect", network: network, popupType: popupType, shape: connectButtonShape, standalone: standalone, trigger: connectButtonTrigger, type: connectButtonType }, connectButtonText)))));
|
|
112
112
|
});
|
|
@@ -64,7 +64,7 @@ exports.EvmProviderButton = (0, mobx_react_lite_1.observer)(({ providerConfig, o
|
|
|
64
64
|
onSelectProvider?.(providerConfig);
|
|
65
65
|
}
|
|
66
66
|
};
|
|
67
|
-
// eslint-disable-next-line max-len
|
|
67
|
+
// eslint-disable-next-line @stylistic/max-len
|
|
68
68
|
const isInitializing = providerConfig.connector.isInitializing === undefined || providerConfig.connector.isInitializing;
|
|
69
69
|
React.useEffect(() => (0, mobx_1.reaction)(() => providerConfig.connector, connector => {
|
|
70
70
|
if (connector.type !== types_1.EthereumConnectionType.WALLET_CONNECT_V2) {
|
|
@@ -102,7 +102,7 @@ exports.EvmProviderButton = (0, mobx_react_lite_1.observer)(({ providerConfig, o
|
|
|
102
102
|
let text;
|
|
103
103
|
try {
|
|
104
104
|
text = intl.formatMessage(
|
|
105
|
-
// @ts-
|
|
105
|
+
// @ts-expect-error Element implicitly has an any type because...
|
|
106
106
|
intl_1.default[`EVM_CONNECT_INSTALL_${(0, js_utils_1.camelToSnake)(platform)}_PLATFORM`.toUpperCase()]);
|
|
107
107
|
}
|
|
108
108
|
catch { }
|
|
@@ -56,9 +56,8 @@ exports.EvmWalletProvidersProvider = (0, mobx_react_lite_1.observer)(({ agreemen
|
|
|
56
56
|
setConnectingProvider(providerConfig);
|
|
57
57
|
const prevConnector = walletService.connector;
|
|
58
58
|
const recentMeta = (0, utils_1.getRecentConnectionMeta)(recentMetaStorageKey);
|
|
59
|
-
// eslint-disable-next-line no-nested-ternary
|
|
60
59
|
const networkParams = network ?? (recentMeta?.chainId
|
|
61
|
-
? walletService.networks.find(_network => _network.chainId === recentMeta.chainId) ?? 1
|
|
60
|
+
? (walletService.networks.find(_network => _network.chainId === recentMeta.chainId) ?? 1)
|
|
62
61
|
: 1);
|
|
63
62
|
(0, js_utils_1.debug)(`Try to activate ${providerConfig.info.name} connection with chain`, typeof networkParams === 'number' ? networkParams : networkParams?.chainId);
|
|
64
63
|
await providerConfig.connector?.connect(typeof networkParams === 'number'
|
package/lib/cjs/index.js
CHANGED
|
@@ -16,10 +16,10 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
|
16
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
17
|
__exportStar(require("./components"), exports);
|
|
18
18
|
__exportStar(require("./connectors"), exports);
|
|
19
|
+
__exportStar(require("./constants"), exports);
|
|
19
20
|
__exportStar(require("./context"), exports);
|
|
20
21
|
__exportStar(require("./core"), exports);
|
|
21
22
|
__exportStar(require("./hooks"), exports);
|
|
22
23
|
__exportStar(require("./services"), exports);
|
|
23
|
-
__exportStar(require("./utils"), exports);
|
|
24
|
-
__exportStar(require("./constants"), exports);
|
|
25
24
|
__exportStar(require("./types"), exports);
|
|
25
|
+
__exportStar(require("./utils"), exports);
|
package/lib/cjs/intl/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
const react_intl_1 = require("react-intl");
|
|
4
|
-
/* eslint-disable sort-
|
|
4
|
+
/* eslint-disable perfectionist/sort-objects */
|
|
5
5
|
exports.default = (0, react_intl_1.defineMessages)({
|
|
6
6
|
EVM_CONNECT_AGREEMENTS_NOTE: {
|
|
7
7
|
defaultMessage: 'By connecting a wallet, you agree to Terms of Service and consent to its Privacy Policy.',
|
package/lib/cjs/styles/style.css
CHANGED
|
@@ -525,6 +525,7 @@
|
|
|
525
525
|
border-radius: var(--evm-connect-dropdown-border-radius);
|
|
526
526
|
box-shadow: var(--evm-connect-dropdown-box-shadow);
|
|
527
527
|
color: var(--evm-connect-dropdown-color);
|
|
528
|
+
min-width: fit-content !important;
|
|
528
529
|
}
|
|
529
530
|
|
|
530
531
|
.evm-connect-dropdown .uk-button.uk-button-link {
|
|
@@ -5,9 +5,9 @@ const js_utils_1 = require("@broxus/js-utils");
|
|
|
5
5
|
function getEvmProviderPlatformLink(links) {
|
|
6
6
|
const [platform] = Array.from(new Map([
|
|
7
7
|
['android', (0, js_utils_1.isMobile)((0, js_utils_1.getUserAgent)()) && (0, js_utils_1.isAndroid)((0, js_utils_1.getUserAgent)())],
|
|
8
|
-
['ios', (0, js_utils_1.isMobile)((0, js_utils_1.getUserAgent)()) && (0, js_utils_1.isIos)((0, js_utils_1.getUserAgent)())],
|
|
9
8
|
['chromeExtension', (0, js_utils_1.isBrowser)() && (0, js_utils_1.isChrome)((0, js_utils_1.getUserAgent)())],
|
|
10
9
|
['firefoxExtension', (0, js_utils_1.isBrowser)() && (0, js_utils_1.isFirefox)((0, js_utils_1.getUserAgent)())],
|
|
10
|
+
['ios', (0, js_utils_1.isMobile)((0, js_utils_1.getUserAgent)()) && (0, js_utils_1.isIos)((0, js_utils_1.getUserAgent)())],
|
|
11
11
|
])).find(([, enabled]) => enabled) ?? [];
|
|
12
12
|
return platform ? [platform, links[platform]] : undefined;
|
|
13
13
|
}
|
package/lib/esm/_react.d.ts
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
export * from './components';
|
|
2
2
|
export * from './connectors';
|
|
3
|
+
export * from './constants';
|
|
3
4
|
export * from './context';
|
|
4
5
|
export * from './core';
|
|
5
6
|
export * from './hooks';
|
|
6
7
|
export * from './services';
|
|
7
|
-
export * from './utils';
|
|
8
|
-
export * from './constants';
|
|
9
8
|
export * from './types';
|
|
9
|
+
export * from './utils';
|
package/lib/esm/_react.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
export * from './components';
|
|
2
2
|
export * from './connectors';
|
|
3
|
+
export * from './constants';
|
|
3
4
|
export * from './context';
|
|
4
5
|
export * from './core';
|
|
5
6
|
export * from './hooks';
|
|
6
7
|
export * from './services';
|
|
7
|
-
export * from './utils';
|
|
8
|
-
export * from './constants';
|
|
9
8
|
export * from './types';
|
|
9
|
+
export * from './utils';
|
package/lib/esm/_sdk.d.ts
CHANGED
package/lib/esm/_sdk.js
CHANGED
|
@@ -4,8 +4,8 @@ import { type EvmConnectDialogProps } from '../components/EvmConnectDialog';
|
|
|
4
4
|
import { type EvmWalletService } from '../services';
|
|
5
5
|
import { type EvmNetworkConfig } from '../types';
|
|
6
6
|
interface TriggerProps {
|
|
7
|
-
disabled?: boolean;
|
|
8
7
|
connect: VoidFunction;
|
|
8
|
+
disabled?: boolean;
|
|
9
9
|
}
|
|
10
10
|
export interface EvmConnectButtonProps extends ButtonProps {
|
|
11
11
|
className?: string;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { getScrollWidth } from '@broxus/js-utils';
|
|
2
2
|
import { Close } from '@broxus/react-components';
|
|
3
|
-
import { Component, Drawer, Modal,
|
|
3
|
+
import { addModalMode, Component, Drawer, Modal, removeModalMode, Text } from '@broxus/react-uikit';
|
|
4
4
|
import classNames from 'classnames';
|
|
5
5
|
import { observer } from 'mobx-react-lite';
|
|
6
6
|
import * as React from 'react';
|
|
@@ -26,7 +26,6 @@ export const EvmConnectDialog = observer(({ className, open, type, onClose }) =>
|
|
|
26
26
|
return (React.createElement(Drawer, { className: className, destroyOnHidden: true, keyboard: !walletProviders.connectingProvider, maskClosable: !walletProviders.connectingProvider, motion: {
|
|
27
27
|
motionLeave: true,
|
|
28
28
|
removeOnLeave: true,
|
|
29
|
-
// eslint-disable-next-line sort-keys
|
|
30
29
|
onLeaveEnd: onClosed,
|
|
31
30
|
}, open: open, placement: "bottom", push: false, rootClassName: "evm-connect-drawer", style: {
|
|
32
31
|
// @ts-ignore
|
|
@@ -39,9 +38,9 @@ export const EvmConnectDialog = observer(({ className, open, type, onClose }) =>
|
|
|
39
38
|
React.createElement(EvmProvidersDispatcher, null)),
|
|
40
39
|
walletProviders.agreementsNote !== false && (React.createElement(Text, { align: "center", className: "uk-drawer-footer uk-margin-top", component: "footer", kind: "meta" }, walletProviders.agreementsNote || intl.formatMessage(messages.EVM_CONNECT_AGREEMENTS_NOTE)))));
|
|
41
40
|
}
|
|
42
|
-
return (React.createElement(Modal, { centered: true, className: classNames('evm-connect-modal', className), closeIcon: React.createElement(Close, { kind: "modal", ratio: 0.9, onClick: onClose }), destroyOnHidden: true, footer: walletProviders.agreementsNote !== false && (React.createElement(Text, { align: "center", component: "div", kind: "meta" }, walletProviders.agreementsNote || intl.formatMessage(messages.EVM_CONNECT_AGREEMENTS_NOTE))), keyboard: !walletProviders.connectingProvider, maskClosable: !walletProviders.connectingProvider,
|
|
41
|
+
return (React.createElement(Modal, { centered: true, className: classNames('evm-connect-modal', className), closeIcon: React.createElement(Close, { kind: "modal", ratio: 0.9, onClick: onClose }), destroyOnHidden: true, footer: walletProviders.agreementsNote !== false && (React.createElement(Text, { align: "center", component: "div", kind: "meta" }, walletProviders.agreementsNote || intl.formatMessage(messages.EVM_CONNECT_AGREEMENTS_NOTE))), keyboard: !walletProviders.connectingProvider, maskClosable: !walletProviders.connectingProvider, style: {
|
|
43
42
|
// @ts-ignore
|
|
44
43
|
'--global-scroll-width': `${getScrollWidth()}px`,
|
|
45
|
-
}, onClose: onClose, onClosed: onClosed },
|
|
44
|
+
}, title: intl.formatMessage(messages.EVM_CONNECT_DISPATCHER_POPUP_TITLE), visible: open, onClose: onClose, onClosed: onClosed },
|
|
46
45
|
React.createElement(EvmProvidersDispatcher, null)));
|
|
47
46
|
});
|
|
@@ -27,7 +27,7 @@ export const EvmConnectionRequest = observer(() => {
|
|
|
27
27
|
'uk-margin-bottom': walletProviders.connectingProvider?.info.description,
|
|
28
28
|
'uk-margin-medium-bottom': !walletProviders.connectingProvider?.info.description,
|
|
29
29
|
}), component: "div" },
|
|
30
|
-
React.createElement("img", {
|
|
30
|
+
React.createElement("img", { alt: walletProviders.connectingProvider.info.name, height: 60, src: walletProviders.connectingProvider.info.icon, width: 60 }))),
|
|
31
31
|
walletProviders.connectingProvider?.info.description && (React.createElement(Text, { align: "center", className: "uk-margin-medium-bottom", component: "div", kind: "meta" }, walletProviders.connectingProvider.info.description)),
|
|
32
32
|
!walletProviders.error ? (React.createElement("div", { className: "uk-text-center" },
|
|
33
33
|
React.createElement(Text, { className: "evm-connect-connection-request-title", component: "h4" }, intl.formatMessage(messages.EVM_CONNECT_DISPATCHER_POPUP_REQUEST_TITLE, {
|
|
@@ -7,17 +7,17 @@ export interface EvmConnectorProps {
|
|
|
7
7
|
connectButtonShape?: ButtonProps['shape'];
|
|
8
8
|
connectButtonText?: React.ReactNode;
|
|
9
9
|
connectButtonTrigger?: (props: {
|
|
10
|
-
disabled?: boolean;
|
|
11
10
|
connect: VoidFunction;
|
|
11
|
+
disabled?: boolean;
|
|
12
12
|
}) => React.ReactNode;
|
|
13
13
|
connectButtonType?: ButtonProps['type'];
|
|
14
14
|
disconnectButtonText?: React.ReactNode;
|
|
15
15
|
network?: EvmNetworkConfig;
|
|
16
16
|
popupType?: 'drawer';
|
|
17
|
-
suffix?: React.ReactNode;
|
|
18
17
|
showDropMenu?: boolean;
|
|
19
18
|
showSubIcon?: boolean;
|
|
20
19
|
standalone?: boolean;
|
|
20
|
+
suffix?: React.ReactNode;
|
|
21
21
|
warnUnsupportedNetwork?: boolean;
|
|
22
22
|
}
|
|
23
23
|
export declare const EvmConnector: ((props: EvmConnectorProps) => React.JSX.Element) & {
|
|
@@ -14,7 +14,7 @@ export const EvmConnector = observer((props) => {
|
|
|
14
14
|
const walletService = useEvmWalletService();
|
|
15
15
|
const [recentMeta, setRecentMeta] = useRecentConnectionMeta();
|
|
16
16
|
const drop = React.useRef(null);
|
|
17
|
-
const { changeWalletButtonText = intl.formatMessage(messages.EVM_CONNECT_CHANGE_WALLET_BTN_TEXT), className, connectButtonShape, connectButtonText = intl.formatMessage(messages.EVM_CONNECT_CONNECT_BTN_TEXT), connectButtonTrigger, connectButtonType, disconnectButtonText = intl.formatMessage(messages.EVM_CONNECT_DISCONNECT_BTN_TEXT), network = walletService.network, popupType,
|
|
17
|
+
const { changeWalletButtonText = intl.formatMessage(messages.EVM_CONNECT_CHANGE_WALLET_BTN_TEXT), className, connectButtonShape, connectButtonText = intl.formatMessage(messages.EVM_CONNECT_CONNECT_BTN_TEXT), connectButtonTrigger, connectButtonType, disconnectButtonText = intl.formatMessage(messages.EVM_CONNECT_DISCONNECT_BTN_TEXT), network = walletService.network, popupType, showDropMenu = true, showSubIcon = true, standalone = walletService.providers?.length === 1, suffix, warnUnsupportedNetwork = true, } = props;
|
|
18
18
|
const changeWallet = () => {
|
|
19
19
|
drop.current?.close();
|
|
20
20
|
};
|
|
@@ -57,17 +57,17 @@ export const EvmConnector = observer((props) => {
|
|
|
57
57
|
React.createElement(WalletAccount, { address: walletService.address?.toString(), icon: networkIcon, subIcon: !isDisconnected && showSubIcon ? providerIcon : undefined, subTitle: subTitle, title: isDisconnected
|
|
58
58
|
? networkName ?? intl.formatMessage(messages.EVM_CONNECT_CONNECTOR_BLOCKCHAIN_NAME)
|
|
59
59
|
: (React.createElement(ExplorerAccountLink, { address: walletService.address?.toString(), baseUrl: network?.explorer.baseUrl || walletService.network?.explorer.baseUrl, copyable: true,
|
|
60
|
-
/* eslint-disable-next-line max-len */
|
|
60
|
+
/* eslint-disable-next-line @stylistic/max-len */
|
|
61
61
|
subPath: network?.explorer.accountsSubPath || walletService.network?.explorer.accountsSubPath, tooltip: intl.formatMessage(messages.EVM_CONNECT_CONNECTOR_EXPLORER_HINT, {
|
|
62
62
|
explorerTitle: network?.explorer.title || walletService.network?.explorer.title || '',
|
|
63
63
|
}) })) })),
|
|
64
64
|
React.createElement(Flex, { alignItems: "center", className: "evm-connect-connector-suffix" },
|
|
65
65
|
suffix,
|
|
66
|
-
!isDisconnected && showDropMenu && (React.createElement(Dropdown, { ref: drop, action: ['click'], hideAction: ['click'],
|
|
66
|
+
!isDisconnected && showDropMenu && (React.createElement(Dropdown, { ref: drop, action: ['click'], hideAction: ['click'], overlay: (React.createElement(List, { className: "uk-margin-remove", size: "large" },
|
|
67
67
|
!standalone && (React.createElement(List.Item, { key: "connect-wallet" },
|
|
68
68
|
React.createElement(EvmConnectButton, { className: "evm-connect-change-wallet", network: network, popupType: popupType, type: "link", onOpen: changeWallet }, changeWalletButtonText))),
|
|
69
69
|
React.createElement(List.Item, null,
|
|
70
|
-
React.createElement(Button, { "aria-disabled": walletService.isDisconnecting, className: "evm-connect-logout", disabled: walletService.isDisconnecting, type: "link", onClick: disconnect }, disconnectButtonText)))), placement: "bottom-right" },
|
|
70
|
+
React.createElement(Button, { "aria-disabled": walletService.isDisconnecting, className: "evm-connect-logout", disabled: walletService.isDisconnecting, type: "link", onClick: disconnect }, disconnectButtonText)))), overlayClassName: "evm-connect-dropdown", placement: "bottom-right" },
|
|
71
71
|
React.createElement(Icon, { className: "evm-connect-dropdown-trigger", icon: "ellipsisVertical", ratio: 0.8 }))),
|
|
72
72
|
isDisconnected && (React.createElement(EvmConnectButton, { key: "connect", network: network, popupType: popupType, shape: connectButtonShape, standalone: standalone, trigger: connectButtonTrigger, type: connectButtonType }, connectButtonText)))));
|
|
73
73
|
});
|
|
@@ -25,7 +25,7 @@ export const EvmProviderButton = observer(({ providerConfig, onSelect: onSelectP
|
|
|
25
25
|
onSelectProvider?.(providerConfig);
|
|
26
26
|
}
|
|
27
27
|
};
|
|
28
|
-
// eslint-disable-next-line max-len
|
|
28
|
+
// eslint-disable-next-line @stylistic/max-len
|
|
29
29
|
const isInitializing = providerConfig.connector.isInitializing === undefined || providerConfig.connector.isInitializing;
|
|
30
30
|
React.useEffect(() => reaction(() => providerConfig.connector, connector => {
|
|
31
31
|
if (connector.type !== EthereumConnectionType.WALLET_CONNECT_V2) {
|
|
@@ -63,7 +63,7 @@ export const EvmProviderButton = observer(({ providerConfig, onSelect: onSelectP
|
|
|
63
63
|
let text;
|
|
64
64
|
try {
|
|
65
65
|
text = intl.formatMessage(
|
|
66
|
-
// @ts-
|
|
66
|
+
// @ts-expect-error Element implicitly has an any type because...
|
|
67
67
|
messages[`EVM_CONNECT_INSTALL_${camelToSnake(platform)}_PLATFORM`.toUpperCase()]);
|
|
68
68
|
}
|
|
69
69
|
catch { }
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { type EIP6963ProviderInfo, type EthExecutionAPI, type ProviderConnectInfo } from 'web3';
|
|
2
|
-
import {
|
|
3
|
-
import { type AddEthereumChainParams,
|
|
2
|
+
import { type EthereumConnectorCtorParams, EthereumConnector } from '../core';
|
|
3
|
+
import { type AddEthereumChainParams, type SupportedProviders, EthereumConnectionType } from '../types';
|
|
4
4
|
export interface EIP6963ConnectorCtorParams extends EthereumConnectorCtorParams {
|
|
5
5
|
info: EIP6963ProviderInfo;
|
|
6
6
|
provider: Readonly<SupportedProviders<EthExecutionAPI>>;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import detectEthereumProvider from '@metamask/detect-provider';
|
|
2
2
|
import { type EthExecutionAPI, type MetaMaskProvider, type ProviderConnectInfo } from 'web3';
|
|
3
|
-
import {
|
|
3
|
+
import { type EthereumConnectorCtorParams, EthereumConnector } from '../core';
|
|
4
4
|
import { type AddEthereumChainParams, EthereumConnectionType } from '../types';
|
|
5
5
|
interface MetaMaskEthereumProvider extends MetaMaskProvider<EthExecutionAPI> {
|
|
6
|
-
isConnected?: () => boolean;
|
|
7
|
-
providers?: MetaMaskEthereumProvider[];
|
|
8
6
|
get accounts(): string[];
|
|
9
7
|
get chainId(): string;
|
|
8
|
+
isConnected?: () => boolean;
|
|
9
|
+
providers?: MetaMaskEthereumProvider[];
|
|
10
10
|
}
|
|
11
11
|
export interface MetaMaskCtorParams extends EthereumConnectorCtorParams {
|
|
12
12
|
options?: Parameters<typeof detectEthereumProvider>[0];
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import EthereumProvider, { type EthereumProviderOptions } from '@walletconnect/ethereum-provider';
|
|
2
|
-
import {
|
|
2
|
+
import { type EthereumConnectorCtorParams, EthereumConnector } from '../core';
|
|
3
3
|
import { type AddEthereumChainParams, EthereumConnectionType } from '../types';
|
|
4
4
|
export interface WalletConnectOptions extends Omit<EthereumProviderOptions, 'rpcMap'> {
|
|
5
5
|
rpcMap?: Record<number, string | string[]>;
|
|
@@ -19,9 +19,8 @@ export const EvmWalletProvidersProvider = observer(({ agreementsNote, children,
|
|
|
19
19
|
setConnectingProvider(providerConfig);
|
|
20
20
|
const prevConnector = walletService.connector;
|
|
21
21
|
const recentMeta = getRecentConnectionMeta(recentMetaStorageKey);
|
|
22
|
-
// eslint-disable-next-line no-nested-ternary
|
|
23
22
|
const networkParams = network ?? (recentMeta?.chainId
|
|
24
|
-
? walletService.networks.find(_network => _network.chainId === recentMeta.chainId) ?? 1
|
|
23
|
+
? (walletService.networks.find(_network => _network.chainId === recentMeta.chainId) ?? 1)
|
|
25
24
|
: 1);
|
|
26
25
|
debug(`Try to activate ${providerConfig.info.name} connection with chain`, typeof networkParams === 'number' ? networkParams : networkParams?.chainId);
|
|
27
26
|
await providerConfig.connector?.connect(typeof networkParams === 'number'
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import { type EvmWalletServiceCtorParams, EvmWalletService } from '../services';
|
|
3
3
|
export declare const EvmWalletServiceContext: React.Context<EvmWalletService | null>;
|
|
4
4
|
export declare function useEvmWalletService(): EvmWalletService;
|
|
5
5
|
interface EvmWalletProviderProps {
|
package/lib/esm/index.d.ts
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
export * from './components';
|
|
2
2
|
export * from './connectors';
|
|
3
|
+
export * from './constants';
|
|
3
4
|
export * from './context';
|
|
4
5
|
export * from './core';
|
|
5
6
|
export * from './hooks';
|
|
6
7
|
export * from './services';
|
|
7
|
-
export * from './utils';
|
|
8
|
-
export * from './constants';
|
|
9
8
|
export * from './types';
|
|
9
|
+
export * from './utils';
|
package/lib/esm/index.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
export * from './components';
|
|
2
2
|
export * from './connectors';
|
|
3
|
+
export * from './constants';
|
|
3
4
|
export * from './context';
|
|
4
5
|
export * from './core';
|
|
5
6
|
export * from './hooks';
|
|
6
7
|
export * from './services';
|
|
7
|
-
export * from './utils';
|
|
8
|
-
export * from './constants';
|
|
9
8
|
export * from './types';
|
|
9
|
+
export * from './utils';
|
package/lib/esm/intl/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineMessages } from 'react-intl';
|
|
2
|
-
/* eslint-disable sort-
|
|
2
|
+
/* eslint-disable perfectionist/sort-objects */
|
|
3
3
|
export default defineMessages({
|
|
4
4
|
EVM_CONNECT_AGREEMENTS_NOTE: {
|
|
5
5
|
defaultMessage: 'By connecting a wallet, you agree to Terms of Service and consent to its Privacy Policy.',
|
package/lib/esm/styles/style.css
CHANGED
|
@@ -525,6 +525,7 @@
|
|
|
525
525
|
border-radius: var(--evm-connect-dropdown-border-radius);
|
|
526
526
|
box-shadow: var(--evm-connect-dropdown-box-shadow);
|
|
527
527
|
color: var(--evm-connect-dropdown-color);
|
|
528
|
+
min-width: fit-content !important;
|
|
528
529
|
}
|
|
529
530
|
|
|
530
531
|
.evm-connect-dropdown .uk-button.uk-button-link {
|
|
@@ -2,9 +2,9 @@ import { getUserAgent, isAndroid, isBrowser, isChrome, isFirefox, isIos, isMobil
|
|
|
2
2
|
export function getEvmProviderPlatformLink(links) {
|
|
3
3
|
const [platform] = Array.from(new Map([
|
|
4
4
|
['android', isMobile(getUserAgent()) && isAndroid(getUserAgent())],
|
|
5
|
-
['ios', isMobile(getUserAgent()) && isIos(getUserAgent())],
|
|
6
5
|
['chromeExtension', isBrowser() && isChrome(getUserAgent())],
|
|
7
6
|
['firefoxExtension', isBrowser() && isFirefox(getUserAgent())],
|
|
7
|
+
['ios', isMobile(getUserAgent()) && isIos(getUserAgent())],
|
|
8
8
|
])).find(([, enabled]) => enabled) ?? [];
|
|
9
9
|
return platform ? [platform, links[platform]] : undefined;
|
|
10
10
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@broxus/evm-connect",
|
|
3
|
-
"version": "1.14.
|
|
3
|
+
"version": "1.14.3",
|
|
4
4
|
"description": "Ethereum wallets connector.",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"keywords": [
|
|
@@ -51,9 +51,7 @@
|
|
|
51
51
|
},
|
|
52
52
|
"files": [
|
|
53
53
|
"dist",
|
|
54
|
-
"lib"
|
|
55
|
-
"LICENSE",
|
|
56
|
-
"README.md"
|
|
54
|
+
"lib"
|
|
57
55
|
],
|
|
58
56
|
"main": "./dist/index.js",
|
|
59
57
|
"module": "./dist/index.mjs",
|
|
@@ -97,15 +95,15 @@
|
|
|
97
95
|
"prepare": "npx yarn cleanup && cross-env NODE_ENV=production npx yarn build"
|
|
98
96
|
},
|
|
99
97
|
"dependencies": {
|
|
100
|
-
"@broxus/js-core": "^0.
|
|
101
|
-
"@broxus/js-utils": "^1.5.
|
|
102
|
-
"@broxus/react-components": "^0.24.
|
|
103
|
-
"@broxus/react-uikit": "^0.
|
|
98
|
+
"@broxus/js-core": "^0.35.0",
|
|
99
|
+
"@broxus/js-utils": "^1.5.1",
|
|
100
|
+
"@broxus/react-components": "^0.24.3",
|
|
101
|
+
"@broxus/react-uikit": "^0.21.0",
|
|
104
102
|
"classnames": "^2.5.1"
|
|
105
103
|
},
|
|
106
104
|
"optionalDependencies": {
|
|
107
105
|
"@metamask/detect-provider": "^2.0.0",
|
|
108
|
-
"@walletconnect/ethereum-provider": "^2.20.
|
|
106
|
+
"@walletconnect/ethereum-provider": "^2.20.0",
|
|
109
107
|
"mobx": "^6.9.0",
|
|
110
108
|
"mobx-react-lite": "^4.1.0",
|
|
111
109
|
"react-intl": "^7.1.0",
|
|
@@ -119,5 +117,5 @@
|
|
|
119
117
|
"react-intl": "^6.0.0 || ^7.0.0",
|
|
120
118
|
"web3": "^4.0.0"
|
|
121
119
|
},
|
|
122
|
-
"gitHead": "
|
|
120
|
+
"gitHead": "fa7a48a57ed1ad72d4d2dea298cf15a00cf56753"
|
|
123
121
|
}
|