@broxus/evm-connect 1.13.7 → 1.14.0

package/lib/esm/components/EvmProvidersDispatcher/ConnectionRequest/index.js

@@ -1,36 +0,0 @@
-import { Icon } from '@broxus/react-components';
-import { Button, Grid, Text } from '@broxus/react-uikit';
-import classNames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import * as React from 'react';
-import { useIntl } from 'react-intl';
-import { useEvmWalletProviders } from '../../../context';
-import messages from '../../../intl';
-import './index.css';
-export const ConnectionRequest = observer(() => {
-    const intl = useIntl();
-    const walletProviders = useEvmWalletProviders();
-    const tryAgain = async () => {
-        if (walletProviders.connectingProvider) {
-            await walletProviders.connect(walletProviders.connectingProvider);
-        }
-    };
-    return (React.createElement("div", { className: "evm-connect-connection-request" },
-        React.createElement(Button, { className: "evm-connect-connection-request-back-button uk-position-top-left", type: "text", onClick: walletProviders.reset },
-            React.createElement(Icon, { icon: "arrowLeft", ratio: 0.9 })),
-        React.createElement(Grid, { childWidth: 1, gap: "collapse" },
-            walletProviders.connectingProvider?.info.icon && (React.createElement(Text, { align: "center", className: classNames('uk-margin-top', {
-                    'uk-margin-bottom': walletProviders.connectingProvider?.info.description,
-                    'uk-margin-medium-bottom': !walletProviders.connectingProvider?.info.description,
-                }) },
-                React.createElement("img", { src: walletProviders.connectingProvider.info.icon, alt: walletProviders.connectingProvider.info.name, height: 60, width: 60 }))),
-            walletProviders.connectingProvider?.info.description && (React.createElement(Text, { align: "center", className: "uk-margin-medium-bottom", component: "div", kind: "meta" }, walletProviders.connectingProvider.info.description)),
-            !walletProviders.error ? (React.createElement(Text, { align: "center" },
-                React.createElement("h4", { className: "evm-connect-connection-request-title" }, intl.formatMessage(messages.EVM_CONNECT_DISPATCHER_POPUP_REQUEST_TITLE, {
-                    title: walletProviders.connectingProvider?.info.name ?? 'wallet',
-                })),
-                React.createElement("div", null, intl.formatMessage(messages.EVM_CONNECT_DISPATCHER_POPUP_REQUEST_NOTE)))) : (React.createElement(Text, { align: "center" },
-                React.createElement("h4", { className: "evm-connect-connection-request-title uk-text-danger" }, intl.formatMessage(messages.EVM_CONNECT_DISPATCHER_POPUP_REQUEST_FAILED_TITLE)),
-                React.createElement("div", { className: "uk-margin-small-bottom" }, walletProviders.error.message ? (React.createElement(Text, { color: "danger" }, walletProviders.error.message)) : (intl.formatMessage(messages.EVM_CONNECT_DISPATCHER_POPUP_REQUEST_FAILED_NOTE))),
-                React.createElement(Button, { className: "evm-connect-connection-request-button", type: "default", onClick: tryAgain }, intl.formatMessage(messages.EVM_CONNECT_DISPATCHER_POPUP_REQUEST_TRY_AGAIN_BTN_TEXT)))))));
-});

package/lib/esm/components/EvmProvidersDispatcher/ProviderButton/index.css

@@ -1,54 +0,0 @@
-.evm-connect-providers-dispatcher .evm-connect-providers-list .evm-connect-provider-button {
-    align-content: center;
-    align-items: center;
-    background-color: rgb(0 0 0 / 8%);
-    border: var(--evm-connect-provider-button-border-width) var(--evm-connect-provider-button-border-style) var(--evm-connect-provider-button-border);
-    border-radius: 8px;
-    box-sizing: border-box;
-    color: var(--base-body-color, #383838);
-    display: grid;
-    gap: 16px;
-    grid-auto-rows: max-content;
-    grid-template-columns: 30px minmax(50%, 100%) auto;
-    line-height: normal;
-    min-height: 65px;
-    padding: 0 20px;
-    text-align: left;
-    width: 100%;
-}
-
-.evm-connect-providers-dispatcher .evm-connect-providers-list .evm-connect-provider-button:hover:not(:disabled),
-.evm-connect-providers-dispatcher .evm-connect-providers-list .evm-connect-provider-button:focus:not(:disabled) {
-    background-color: rgb(0 0 0 / 12%);
-    border-color: var(--evm-connect-provider-button-hover-border);
-    color: var(--base-body-color, #383838);
-}
-
-.evm-connect-providers-list .evm-connect-provider-title {
-    color: var(--base-body-color, #383838);
-    font-size: 18px;
-    font-weight: 500;
-}
-
-.evm-connect-providers-list .evm-connect-provider-subtitle {
-    max-width: 100%;
-    opacity: 0.8;
-}
-
-.evm-connect-providers-list .evm-connect-provider-connected,
-.evm-connect-providers-list .evm-connect-provider-recent {
-    background: var(--evm-connect-modal-content-background);
-    border-radius: 3px;
-    color: var(--global-muted-color, #383838);
-    display: inline-block;
-    font-size: 12px;
-    justify-self: flex-end;
-    padding: 1px 5px;
-}
-
-:root {
-    --evm-connect-provider-button-border-width: 2px;
-    --evm-connect-provider-button-border-style: solid;
-    --evm-connect-provider-button-border: transparent;
-    --evm-connect-provider-button-hover-border: var(--global-primary-border, transparent);
-}

package/lib/esm/components/EvmProvidersDispatcher/ProviderButton/index.d.ts

@@ -1,11 +0,0 @@
-import * as React from 'react';
-import { type EvmWalletProviderConfig } from '../../../types';
-import './index.css';
-interface ProviderButtonProps {
-    providerConfig: EvmWalletProviderConfig;
-    onSelect?: (providerConfig: EvmWalletProviderConfig) => Promise<void> | void;
-}
-export declare const ProviderButton: (({ providerConfig, onSelect: onSelectProvider }: ProviderButtonProps) => React.JSX.Element) & {
-    displayName: string;
-};
-export {};

package/lib/esm/components/EvmProvidersDispatcher/index.css

@@ -1,13 +0,0 @@
-.evm-connect-providers-dispatcher {
-    backface-visibility: hidden;
-    display: flex;
-    flex-direction: column;
-    height: inherit;
-    overflow: hidden;
-    transition: height var(--transition-fast-duration, '100ms') var(--ease-in);
-    width: inherit;
-}
-
-.evm-connect-providers-list {
-    margin: 0;
-}

package/lib/esm/components/EvmProvidersDispatcher/index.js

@@ -1,32 +0,0 @@
-import { List } from '@broxus/react-uikit';
-import { observer } from 'mobx-react-lite';
-import * as React from 'react';
-import { useIntl } from 'react-intl';
-import { ConnectionRequest } from '../../components/EvmProvidersDispatcher/ConnectionRequest';
-import { ProviderButton } from '../../components/EvmProvidersDispatcher/ProviderButton';
-import { useEvmWalletProviders, useEvmWalletService } from '../../context';
-import { useOrderedConnections, useRecentConnectionMeta } from '../../hooks';
-import messages from '../../intl';
-import './index.css';
-export const EvmProvidersDispatcher = observer(() => {
-    const intl = useIntl();
-    const walletService = useEvmWalletService();
-    const walletProviders = useEvmWalletProviders();
-    const [recentMeta] = useRecentConnectionMeta();
-    const orderedProviders = useOrderedConnections(walletService.providers ?? [], recentMeta);
-    const dispatcher = React.useRef(null);
-    const content = React.useRef(null);
-    React.useLayoutEffect(() => {
-        if (dispatcher.current) {
-            const height = content.current?.clientHeight;
-            dispatcher.current.style.height = height ? `${height}px` : '';
-        }
-    }, [walletProviders.connectingProvider, walletProviders.error]);
-    if (walletService.providers.length === 0) {
-        return (React.createElement("div", { ref: dispatcher, className: "tvm-connect-providers-dispatcher" },
-            React.createElement("div", { className: "uk-padding-large" }, intl.formatMessage(messages.EVM_CONNECT_DISPATCHER_POPUP_NO_PROVIDERS_HINT))));
-    }
-    return (React.createElement("div", { ref: dispatcher, className: "evm-connect-providers-dispatcher" },
-        React.createElement("div", { ref: content }, walletProviders.connectingProvider ? (React.createElement(ConnectionRequest, null)) : (React.createElement(List, { className: "evm-connect-providers-list" }, orderedProviders.map(providerConfig => (React.createElement(List.Item, { key: providerConfig.id },
-            React.createElement(ProviderButton, { providerConfig: providerConfig })))))))));
-});

package/lib/esm/utils/convert-network-to-chain-params.d.ts

@@ -1,2 +0,0 @@
-import { type AddEthereumChainParams, type EvmNetworkConfig } from '../types';
-export declare function convertNetworkToChainParams(network: EvmNetworkConfig): AddEthereumChainParams;