@broxus/evm-connect 1.14.2 → 1.14.4

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.
Files changed (48) hide show
  1. package/dist/index.d.mts +7 -7
  2. package/dist/index.d.ts +7 -7
  3. package/dist/index.js +3548 -3417
  4. package/dist/index.mjs +3548 -3417
  5. package/dist/inheritance.min.css +1 -1
  6. package/dist/react.d.mts +3 -3
  7. package/dist/react.d.ts +3 -3
  8. package/dist/react.js +3541 -3410
  9. package/dist/react.mjs +3541 -3410
  10. package/dist/sdk.d.mts +4 -4
  11. package/dist/sdk.d.ts +4 -4
  12. package/dist/sdk.js +3541 -3410
  13. package/dist/sdk.mjs +3541 -3410
  14. package/dist/standalone.min.css +1 -1
  15. package/dist/uikit.min.css +1 -1
  16. package/lib/cjs/_react.js +2 -2
  17. package/lib/cjs/_sdk.js +2 -2
  18. package/lib/cjs/components/EvmConnectDialog.js +2 -3
  19. package/lib/cjs/components/EvmConnectionRequest.js +1 -1
  20. package/lib/cjs/components/EvmConnector.js +4 -4
  21. package/lib/cjs/components/EvmProviderButton.js +2 -2
  22. package/lib/cjs/context/EvmWalletProvidersContext.js +1 -2
  23. package/lib/cjs/index.js +2 -2
  24. package/lib/cjs/intl/index.js +1 -1
  25. package/lib/cjs/styles/style.css +1 -0
  26. package/lib/cjs/utils/get-evm-provider-platform-link.js +1 -1
  27. package/lib/esm/_react.d.ts +2 -2
  28. package/lib/esm/_react.js +2 -2
  29. package/lib/esm/_sdk.d.ts +2 -2
  30. package/lib/esm/_sdk.js +2 -2
  31. package/lib/esm/components/EvmConnectButton.d.ts +1 -1
  32. package/lib/esm/components/EvmConnectDialog.js +3 -4
  33. package/lib/esm/components/EvmConnectionRequest.js +1 -1
  34. package/lib/esm/components/EvmConnector.d.ts +2 -2
  35. package/lib/esm/components/EvmConnector.js +4 -4
  36. package/lib/esm/components/EvmProviderButton.js +2 -2
  37. package/lib/esm/connectors/EIP6963Connector.d.ts +2 -2
  38. package/lib/esm/connectors/MetaMask.d.ts +3 -3
  39. package/lib/esm/connectors/WalletConnect.d.ts +1 -1
  40. package/lib/esm/context/EvmWalletProvidersContext.js +1 -2
  41. package/lib/esm/context/EvmWalletServiceContext.d.ts +1 -1
  42. package/lib/esm/index.d.ts +2 -2
  43. package/lib/esm/index.js +2 -2
  44. package/lib/esm/intl/index.js +1 -1
  45. package/lib/esm/services/EvmWalletService.d.ts +1 -1
  46. package/lib/esm/styles/style.css +1 -0
  47. package/lib/esm/utils/get-evm-provider-platform-link.js +1 -1
  48. 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, suffix, showDropMenu = true, showSubIcon = true, standalone = walletService.providers?.length === 1, warnUnsupportedNetwork = true, } = props;
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'], overlayClassName: "evm-connect-dropdown", overlay: (React.createElement(react_uikit_1.List, { className: "uk-margin-remove", size: "large" },
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-ignore
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);
@@ -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-keys */
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.',
@@ -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
  }
@@ -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
@@ -1,6 +1,6 @@
1
1
  export * from './connectors';
2
+ export * from './constants';
2
3
  export * from './core';
3
4
  export * from './services';
4
- export * from './utils';
5
- export * from './constants';
6
5
  export * from './types';
6
+ export * from './utils';
package/lib/esm/_sdk.js CHANGED
@@ -1,6 +1,6 @@
1
1
  export * from './connectors';
2
+ export * from './constants';
2
3
  export * from './core';
3
4
  export * from './services';
4
- export * from './utils';
5
- export * from './constants';
6
5
  export * from './types';
6
+ export * from './utils';
@@ -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, Text, addModalMode, removeModalMode } from '@broxus/react-uikit';
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, title: intl.formatMessage(messages.EVM_CONNECT_DISPATCHER_POPUP_TITLE), visible: open, style: {
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", { src: walletProviders.connectingProvider.info.icon, alt: walletProviders.connectingProvider.info.name, height: 60, width: 60 }))),
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, suffix, showDropMenu = true, showSubIcon = true, standalone = walletService.providers?.length === 1, warnUnsupportedNetwork = true, } = props;
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'], overlayClassName: "evm-connect-dropdown", overlay: (React.createElement(List, { className: "uk-margin-remove", size: "large" },
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-ignore
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 { EthereumConnector, type EthereumConnectorCtorParams } from '../core';
3
- import { type AddEthereumChainParams, EthereumConnectionType, type SupportedProviders } from '../types';
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 { EthereumConnector, type EthereumConnectorCtorParams } from '../core';
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 { EthereumConnector, type EthereumConnectorCtorParams } from '../core';
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 { EvmWalletService, type EvmWalletServiceCtorParams } from '../services';
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 {
@@ -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';
@@ -1,5 +1,5 @@
1
1
  import { defineMessages } from 'react-intl';
2
- /* eslint-disable sort-keys */
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.',
@@ -1,4 +1,4 @@
1
- import { AbstractStore, type NativeCurrency } from '@broxus/js-core';
1
+ import { type NativeCurrency, AbstractStore } from '@broxus/js-core';
2
2
  import { type IReactionDisposer } from 'mobx';
3
3
  import Web3 from 'web3';
4
4
  import { type EthereumConnector } from '../core';
@@ -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.2",
3
+ "version": "1.14.4",
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.34.2",
101
- "@broxus/js-utils": "^1.5.0",
102
- "@broxus/react-components": "^0.24.2",
103
- "@broxus/react-uikit": "^0.20.1",
98
+ "@broxus/js-core": "^0.35.0",
99
+ "@broxus/js-utils": "^1.5.1",
100
+ "@broxus/react-components": "^0.24.4",
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.2",
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": "89cce0e5f639e0386746bf0461ea2b821d4f876c"
120
+ "gitHead": "817227a889f4f3b7b21f62d7a5c67b4f53639dbe"
123
121
  }