@broxus/evm-connect 1.13.7 → 1.14.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/index.d.mts +453 -0
- package/dist/index.d.ts +453 -0
- package/dist/index.js +4954 -0
- package/dist/index.mjs +4954 -0
- package/dist/inheritance.min.css +3 -0
- package/dist/react.d.mts +116 -0
- package/dist/react.d.ts +116 -0
- package/dist/react.js +4860 -0
- package/dist/react.mjs +4860 -0
- package/dist/sdk.d.mts +346 -0
- package/dist/sdk.d.ts +346 -0
- package/dist/sdk.js +4860 -0
- package/dist/sdk.mjs +4860 -0
- package/dist/standalone.min.css +1 -0
- package/dist/uikit.min.css +1 -1
- package/lib/cjs/_react.js +25 -0
- package/lib/cjs/_sdk.js +22 -0
- package/lib/cjs/components/{EvmConnectButton/index.js → EvmConnectButton.js} +4 -4
- package/lib/cjs/components/{EvmConnectDialog/index.js → EvmConnectDialog.js} +12 -6
- package/lib/cjs/components/EvmConnectionRequest.js +80 -0
- package/lib/cjs/components/{EvmConnector/index.js → EvmConnector.js} +4 -5
- package/lib/cjs/components/{EvmProvidersDispatcher/ProviderButton/index.js → EvmProviderButton.js} +8 -9
- package/lib/cjs/components/{EvmProvidersDispatcher/index.js → EvmProvidersDispatcher.js} +24 -16
- package/lib/cjs/components/EvmProvidersList.js +49 -0
- package/lib/cjs/context/EvmWalletProvidersContext.js +4 -5
- package/lib/cjs/context/EvmWalletServiceContext.js +4 -4
- package/lib/cjs/hooks/index.js +1 -0
- package/lib/cjs/hooks/useContext.js +44 -0
- package/lib/cjs/hooks/useRecentConnectionMeta.js +7 -35
- package/lib/cjs/intl/index.js +1 -1
- package/lib/cjs/services/EvmWalletService.js +1 -1
- package/lib/cjs/styles/inheritance.css +71 -0
- package/lib/cjs/styles/inheritance.js +4 -0
- package/lib/cjs/styles/standalone.css +68 -0
- package/lib/cjs/styles/standalone.js +4 -0
- package/lib/cjs/styles/style.css +538 -0
- package/lib/cjs/styles/uikit.js +3 -0
- package/lib/cjs/utils/index.js +2 -1
- package/lib/cjs/utils/recent-connection-meta.js +37 -0
- package/lib/cjs/utils/{convert-network-to-chain-params.js → to-chain-params.js} +2 -2
- package/lib/esm/_react.d.ts +9 -0
- package/lib/esm/_react.js +9 -0
- package/lib/esm/_sdk.d.ts +6 -0
- package/lib/esm/_sdk.js +6 -0
- package/lib/esm/components/{EvmConnectButton/index.d.ts → EvmConnectButton.d.ts} +3 -3
- package/lib/esm/components/{EvmConnectButton/index.js → EvmConnectButton.js} +4 -4
- package/lib/esm/components/{EvmConnectDialog/index.d.ts → EvmConnectDialog.d.ts} +0 -1
- package/lib/esm/components/{EvmConnectDialog/index.js → EvmConnectDialog.js} +12 -6
- package/lib/esm/components/EvmConnectionRequest.d.ts +4 -0
- package/lib/esm/components/EvmConnectionRequest.js +41 -0
- package/lib/esm/components/{EvmConnector/index.d.ts → EvmConnector.d.ts} +1 -2
- package/lib/esm/components/{EvmConnector/index.js → EvmConnector.js} +4 -5
- package/lib/esm/components/EvmProviderButton.d.ts +10 -0
- package/lib/esm/components/{EvmProvidersDispatcher/ProviderButton/index.js → EvmProviderButton.js} +7 -8
- package/lib/esm/components/{EvmProvidersDispatcher/index.d.ts → EvmProvidersDispatcher.d.ts} +0 -1
- package/lib/esm/components/EvmProvidersDispatcher.js +40 -0
- package/lib/esm/components/EvmProvidersList.d.ts +4 -0
- package/lib/esm/components/EvmProvidersList.js +13 -0
- package/lib/esm/connectors/EIP6963Connector.d.ts +1 -2
- package/lib/esm/connectors/MetaMask.d.ts +1 -1
- package/lib/esm/context/EvmWalletProvidersContext.js +3 -4
- package/lib/esm/context/EvmWalletServiceContext.js +2 -2
- package/lib/esm/core/EthereumConnector.d.ts +1 -1
- package/lib/esm/hooks/index.d.ts +1 -0
- package/lib/esm/hooks/index.js +1 -0
- package/lib/esm/hooks/useContext.d.ts +2 -0
- package/lib/esm/hooks/useContext.js +8 -0
- package/lib/esm/hooks/useEIP6963Connections.d.ts +1 -1
- package/lib/esm/hooks/useOrderedConnections.d.ts +1 -2
- package/lib/esm/hooks/useRecentConnectionMeta.d.ts +1 -9
- package/lib/esm/hooks/useRecentConnectionMeta.js +5 -31
- package/lib/esm/intl/index.d.ts +115 -0
- package/lib/esm/intl/index.js +1 -1
- package/lib/esm/services/EvmWalletService.js +2 -2
- package/lib/esm/styles/inheritance.css +71 -0
- package/lib/esm/styles/inheritance.d.ts +2 -0
- package/lib/esm/styles/inheritance.js +2 -0
- package/lib/esm/styles/standalone.css +68 -0
- package/lib/esm/styles/standalone.d.ts +2 -0
- package/lib/esm/styles/standalone.js +2 -0
- package/lib/esm/styles/style.css +538 -0
- package/lib/esm/styles/uikit.js +1 -0
- package/lib/esm/types.d.ts +7 -1
- package/lib/esm/utils/index.d.ts +2 -1
- package/lib/esm/utils/index.js +2 -1
- package/lib/esm/utils/recent-connection-meta.d.ts +4 -0
- package/lib/esm/utils/recent-connection-meta.js +32 -0
- package/lib/esm/utils/to-chain-params.d.ts +2 -0
- package/lib/esm/utils/{convert-network-to-chain-params.js → to-chain-params.js} +1 -1
- package/package.json +52 -29
- package/dist/index.cjs.js +0 -2
- package/dist/index.esm.js +0 -2
- package/dist/style.min.css +0 -1
- package/lib/cjs/components/EvmConnectDialog/index.css +0 -142
- package/lib/cjs/components/EvmConnector/index.css +0 -46
- package/lib/cjs/components/EvmProvidersDispatcher/ConnectionRequest/index.css +0 -44
- package/lib/cjs/components/EvmProvidersDispatcher/ConnectionRequest/index.js +0 -75
- package/lib/cjs/components/EvmProvidersDispatcher/ProviderButton/index.css +0 -54
- package/lib/cjs/components/EvmProvidersDispatcher/index.css +0 -13
- package/lib/esm/components/EvmConnectDialog/index.css +0 -142
- package/lib/esm/components/EvmConnector/index.css +0 -46
- package/lib/esm/components/EvmProvidersDispatcher/ConnectionRequest/index.css +0 -44
- package/lib/esm/components/EvmProvidersDispatcher/ConnectionRequest/index.d.ts +0 -5
- package/lib/esm/components/EvmProvidersDispatcher/ConnectionRequest/index.js +0 -36
- package/lib/esm/components/EvmProvidersDispatcher/ProviderButton/index.css +0 -54
- package/lib/esm/components/EvmProvidersDispatcher/ProviderButton/index.d.ts +0 -11
- package/lib/esm/components/EvmProvidersDispatcher/index.css +0 -13
- package/lib/esm/components/EvmProvidersDispatcher/index.js +0 -32
- package/lib/esm/utils/convert-network-to-chain-params.d.ts +0 -2
- /package/lib/esm/{uikit.d.ts → styles/uikit.d.ts} +0 -0
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
:root{--evm-connect-color:var(--global-color,#383838);--evm-connect-emphasis-color:var(--global-emphasis-color,#333);--evm-connect-muted-color:var(--global-muted-color,#7698bb);--evm-connect-link-color:var(--global-link-color,#1e87f0);--evm-connect-link-hover-color:var(--global-link-hover-color,#00a6ff);--evm-connect-border:var(--global-border,#93b6d8);--evm-connect-border-radius:var(--global-border-radius,12px);--evm-connect-modal-width:380px;--evm-connect-modal-background:var(--modal-background,#f7f9fb);--evm-connect-modal-border-radius:12px;--evm-connect-modal-box-shadow:0 8px 32px 0 rgba(63,74,111,.12),0 1px 4px 0 rgb(63 74 111/8%);--evm-connect-modal-color:var(--evm-connect-color);--evm-connect-modal-padding-horizontal:24px;--evm-connect-modal-padding-vertical:var(--evm-connect-modal-padding-horizontal);--evm-connect-modal-header-padding-horizontal:0;--evm-connect-modal-header-padding-vertical:var(--evm-connect-modal-padding-vertical);--evm-connect-modal-title-color:var(--evm-connect-emphasis-color);--evm-connect-modal-title-font-size:20px;--evm-connect-modal-title-font-weight:500;--evm-connect-modal-title-line-height:24px;--evm-connect-modal-body-padding-horizontal:0;--evm-connect-modal-body-padding-vertical:var(--evm-connect-modal-padding-vertical);--evm-connect-modal-footer-padding-horizontal:0;--evm-connect-modal-footer-padding-vertical:var(--evm-connect-modal-padding-vertical);--evm-connect-drawer-content-background:var(--drawer-content-background,#f7f9fb);--evm-connect-drawer-content-border-radius:16px;--evm-connect-drawer-content-box-shadow:0 8px 32px 0 rgba(63,74,111,.12),0 1px 4px 0 rgb(63 74 111/8%);--evm-connect-drawer-content-color:var(--evm-connect-color);--evm-connect-drawer-content-padding-horizontal:24px;--evm-connect-drawer-content-padding-vertical:var(--evm-connect-drawer-content-padding-horizontal);--evm-connect-drawer-header-padding-horizontal:0;--evm-connect-drawer-header-padding-vertical:var(--evm-connect-drawer-content-padding-vertical);--evm-connect-drawer-title-color:var(--evm-connect-emphasis-color);--evm-connect-drawer-title-font-size:22px;--evm-connect-drawer-title-font-weight:500;--evm-connect-drawer-title-line-height:26px;--evm-connect-drawer-body-padding-horizontal:0;--evm-connect-drawer-body-padding-vertical:var(--evm-connect-drawer-content-padding-vertical);--evm-connect-drawer-footer-padding-horizontal:0;--evm-connect-drawer-footer-padding-vertical:var(--evm-connect-drawer-content-padding-vertical);--evm-connect-dropdown-trigger-horizontal-padding:8px;--evm-connect-dropdown-trigger-vertical-padding:0;--evm-connect-dropdown-background:var(--dropdown-background,#fff);--evm-connect-dropdown-border-radius:5px;--evm-connect-dropdown-box-shadow:0 8px 32px 0 rgba(63,74,111,.12),0 1px 4px 0 rgb(63 74 111/8%);--evm-connect-dropdown-color:var(--evm-connect-emphasis-color);--evm-connect-dropdown-link-color:var(--evm-connect-muted-color,#0098ea);--evm-connect-dropdown-link-hover-color:var(--evm-connect-color,#00a6ff);--evm-connect-provider-button-background:var(--button-default-background,#e4eaf1);--evm-connect-provider-button-hover-background:var(
|
|
2
|
+
--button-default-hover-background,rgba(0,154,232,.08)
|
|
3
|
+
);--evm-connect-provider-button-hover-color:var(--evm-connect-color);--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(--button-default-hover-border,#07acff);--w3m-z-index:calc(var(--modal-z-index) + 20)!important}[class*=evm-connect-]{--global-scroll-width:initial;--global-color:var(--evm-connect-color);--global-font-family:-apple-system,"BlinkMacSystemFont","Segoe UI","Roboto","Helvetica Neue","Arial","Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--global-emphasis-color:var(--evm-connect-emphasis-color);--global-muted-color:var(--evm-connect-muted-color);--global-link-color:var(--evm-connect-link-color);--global-link-hover-color:var(--evm-connect-link-hover-color);--global-border:var(--evm-connect-border);--global-border-style:solid;--global-border-width:1px;--global-border-radius:var(--evm-connect-border-radius);--global-gutter:20px;--global-medium-gutter:var(--global-gutter);--global-large-gutter:var(--global-gutter);--base-body-color:var(--global-color);--base-body-font-family:var(--global-font-family);--base-link-color:var(--global-link-color);--base-link-hover-color:var(--global-link-hover-color);--base-link-text-decoration:none;--base-link-hover-text-decoration:none;--base-heading-color:var(--global-emphasis-color);--base-heading-font-family:var(--global-font-family);--base-heading-font-weight:600;--base-heading-text-transform:none;--card-body-padding-horizontal:var(--global-gutter);--card-body-padding-vertical:var(--card-body-padding-horizontal);--card-small-body-padding-horizontal:var(--global-gutter);--card-small-body-padding-vertical:var(--card-body-padding-horizontal);--grid-gutter-horizontal:var(--global-gutter);--grid-gutter-vertical:var(--grid-gutter-horizontal);--grid-gutter-horizontal-m:var(--global-medium-gutter);--grid-gutter-vertical-m:var(--grid-gutter-horizontal-m);--grid-gutter-horizontal-l:var(--global-large-gutter);--grid-gutter-vertical-l:var(--grid-gutter-horizontal-l);--description-list-term-color:var(--global-emphasis-color);--drawer-close-position:var(--evm-connect-modal-padding-horizontal);--modal-width:var(--evm-connect-modal-width);--modal-close-padding:0px;--modal-close-position:calc(var(--evm-connect-modal-padding-horizontal) - var(--modal-close-padding));--list-margin-top:var(--global-small-margin);--list-large-margin-top:var(--global-margin);--text-emphasis-color:var(--global-emphasis-color);--text-meta-color:var(--global-muted-color);--text-muted-color:var(--global-muted-color);font-family:var(--base-body-font-family),sans-serif;.uk-link:not(.uk-button),a:not(.uk-button){color:var(--base-link-color);cursor:pointer;text-decoration:var(--base-link-text-decoration)}.uk-link:not(.uk-button):hover,a:not(.uk-button):hover{color:var(--base-link-hover-color);text-decoration:var(--base-link-hover-text-decoration)}a:not(.uk-button):active,a:not(.uk-button):hover{outline:none}dt{font-weight:700}dd{margin-left:0}.uk-h1,.uk-h2,.uk-h3,.uk-h4,.uk-h5,.uk-h6,h1,h2,h3,h4,h5,h6{color:var(--base-heading-color);font-family:var(--base-heading-font-family),system-ui;font-weight:var(--base-heading-font-weight);margin:0 0 var(--base-margin-vertical) 0;text-transform:var(--base-heading-text-transform)}.uk-h1,h1{font-size:var(--base-h1-font-size);line-height:var(--base-h1-line-height)}.uk-h2,h2{font-size:var(--base-h2-font-size);line-height:var(--base-h2-line-height)}.uk-h3,h3{font-size:var(--base-h3-font-size);line-height:var(--base-h3-line-height)}.uk-h4,h4{font-size:var(--base-h4-font-size);line-height:var(--base-h4-line-height)}.uk-h5,h5{font-size:var(--base-h5-font-size);line-height:var(--base-h5-line-height)}.uk-h6,h6{font-size:var(--base-h6-font-size);line-height:var(--base-h6-line-height)}.uk-button{transition:background-color var(--transition-duration) var(--ease-in-out),border-color var(--transition-duration) var(--ease-in-out),color var(--transition-duration) var(--ease-in-out)}.uk-card-default{background:none;border:var(--global-border-width) var(--global-border-style) var(--global-border);border-radius:var(--global-border-radius)}button.uk-icon:not(:disabled){cursor:pointer}.uk-icon::-moz-focus-inner{border:0;padding:0}.uk-icon:not(.uk-preserve) [fill*="#"]:not(.uk-preserve){fill:currentColor}.uk-icon:not(.uk-preserve) [stroke*="#"]:not(.uk-preserve){stroke:currentColor}.uk-icon>*{transform:translate(0)}.uk-dropdown{background:var(--evm-connect-dropdown-background);box-sizing:border-box;color:var(--evm-connect-dropdown-color);min-width:var(--dropdown-min-width);padding:var(--dropdown-padding);position:absolute;z-index:var(--dropdown-z-index)}.uk-dropdown-hidden{display:none}[class*=uk-dropdown-placement-bottom]{&.uk-slide-up-appear.uk-slide-up-appear-active,&.uk-slide-up-enter.uk-slide-up-enter-active{animation-name:uk-slide-up-in}&.uk-slide-up-leave.uk-slide-up-leave-active{animation-name:uk-slide-up-out}}[class*=uk-dropdown-placement-top]{&.uk-slide-up-appear.uk-slide-up-appear-active,&.uk-slide-up-enter.uk-slide-up-enter-active{animation-name:uk-slide-down-in}&.uk-slide-up-leave.uk-slide-up-leave-active{animation-name:uk-slide-down-out}}.uk-copy-wrapper{cursor:pointer;justify-content:center}.uk-copy-wrapper,.uk-explorer-link{align-items:center;display:inline-flex}.uk-explorer-link{column-gap:8px;line-height:normal}.uk-explorer-link a:hover,.uk-explorer-link:hover{text-decoration:none}.uk-explorer-link .uk-copy-wrapper,.uk-explorer-link .uk-wallet-asset{cursor:pointer}.uk-explorer-link .uk-copy-wrapper,.uk-explorer-link .uk-icon-external,.uk-explorer-link .uk-wallet-asset{line-height:0;svg{height:var(--explorer-link-icon-size);width:var(--explorer-link-icon-size)}}.uk-wallet-account .uk-wallet-account-icon{position:relative;width:max-content}.uk-wallet-account .uk-wallet-account-title{color:var(--global-color)}.uk-wallet-account .uk-wallet-account-subtitle{color:var(--global-muted-color);font-size:var(--global-xsmall-font-size);letter-spacing:.6px;line-height:16px;white-space:nowrap}.uk-wallet-account .uk-wallet-account-sub-icon{border-radius:50%;bottom:-2px;display:flex;position:absolute;right:-2px}}.evm-connect-modal>:not([class]){width:100%}.evm-connect-modal .uk-modal-container{background:var(--evm-connect-modal-background);border-radius:var(--evm-connect-modal-border-radius);box-shadow:var(--evm-connect-modal-box-shadow);color:var(--evm-connect-modal-color);padding:var(--evm-connect-modal-padding-vertical) var(--evm-connect-modal-padding-horizontal)}.evm-connect-modal .uk-modal-header{background:none;padding:0 var(--evm-connect-modal-header-padding-horizontal) var(--evm-connect-modal-header-padding-vertical)}.evm-connect-modal .uk-modal-title{color:var(--evm-connect-modal-title-color);font-size:var(--evm-connect-modal-title-font-size);font-weight:var(--evm-connect-modal-title-font-weight);line-height:var(--evm-connect-modal-title-line-height);text-align:center}.evm-connect-modal .uk-modal-body{padding:0 var(--evm-connect-modal-body-padding-horizontal)}.evm-connect-modal .uk-modal-body:last-child{padding-bottom:0}.evm-connect-modal .uk-modal-footer{background:none;padding:var(--evm-connect-modal-footer-padding-vertical) var(--evm-connect-modal-footer-padding-horizontal) 0}.evm-connect-drawer .uk-drawer-content-wrapper{--drawer-height:auto}.evm-connect-drawer .uk-drawer-content{background:var(--evm-connect-drawer-content-background);border-radius:var(--evm-connect-drawer-content-border-radius) var(--evm-connect-drawer-content-border-radius) 0 0;box-shadow:none;color:var(--evm-connect-drawer-content-color);padding:var(--evm-connect-drawer-content-padding-vertical) var(--evm-connect-drawer-content-padding-horizontal)}.evm-connect-drawer .uk-drawer-header{padding:0 var(--evm-connect-drawer-header-padding-horizontal) var(--evm-connect-drawer-header-padding-vertical)}.evm-connect-drawer .uk-drawer-title{color:var(--evm-connect-drawer-title-color);font-size:var(--evm-connect-drawer-title-font-size);font-weight:var(--evm-connect-drawer-title-font-weight);line-height:var(--evm-connect-drawer-title-line-height);text-align:center}.evm-connect-drawer .uk-drawer-body{padding:0 var(--evm-connect-drawer-body-padding-horizontal)}.evm-connect-drawer .uk-drawer-body:last-child{padding-bottom:0}.evm-connect-drawer .uk-drawer-close,.evm-connect-modal .uk-modal-close-default{color:var(--evm-connect-muted-color);padding:var(--modal-close-padding)}.evm-connect-drawer .uk-drawer-close:focus,.evm-connect-drawer .uk-drawer-close:hover,.evm-connect-modal .uk-modal-close-default:focus,.evm-connect-modal .uk-modal-close-default:hover{color:var(--evm-connect-color)}.evm-modal-page{box-sizing:border-box;overflow-y:clip!important;padding-right:var(--global-scroll-width,15px)!important}.evm-modal-page body{overflow:hidden;overflow:clip}.evm-connect-providers-dispatcher{backface-visibility:hidden;display:flex;flex-direction:column;height:inherit;overflow:hidden;transition:height var(--transition-fast-duration) var(--ease-in);width:inherit}.evm-connect-providers-dispatcher .evm-connect-back-button{color:var(--evm-connect-muted-color);left:var(--modal-close-position);line-height:0;padding:var(--modal-close-padding);position:absolute;top:var(--modal-close-position)}.evm-connect-providers-dispatcher .evm-connect-back-button:focus,.evm-connect-providers-dispatcher .evm-connect-back-button:hover{color:var(--evm-connect-color)}.evm-connect-provider-content .evm-connect-provider-content-title{color:var(--evm-connect-color);font-weight:600;margin-bottom:var(--global-small-margin,10px)}.evm-connect-provider-content .evm-connect-providers-list{margin:0}.evm-connect-providers-list .evm-connect-provider-button.uk-button{align-content:center;align-items:center;background-color:var(--evm-connect-provider-button-background);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(--evm-connect-color);display:grid;gap:16px;grid-auto-rows:max-content;grid-template-columns:32px minmax(50%,100%) auto;line-height:normal;min-height:65px;padding:0 20px;position:relative;text-align:left;width:100%}.evm-connect-providers-list .evm-connect-provider-button.uk-button:focus:not(:disabled),.evm-connect-providers-list .evm-connect-provider-button.uk-button:hover:not(:disabled){background-color:var(--evm-connect-provider-button-hover-background);border-color:var(--evm-connect-provider-button-hover-border);color:var(--evm-connect-provider-button-hover-color)}.evm-connect-providers-list .evm-connect-provider-title{color:var(--evm-connect-color);font-size:18px;font-weight:500}.evm-connect-providers-list .evm-connect-provider-subtitle{max-width:100%;opacity:.8}.evm-connect-providers-list .evm-connect-provider-connected,.evm-connect-providers-list .evm-connect-provider-recent{background:var(--evm-connect-modal-background);border-radius:3px;display:inline-block;font-size:9px;justify-self:flex-end;padding:1px 5px;position:absolute;right:8px;text-transform:uppercase;top:12px}.evm-connect-qrcode-wrapper{padding:0 10%}.evm-connect-connector{display:inline-flex;max-width:max-content}.evm-connect-connector .evm-connect-connector-icon{background-color:var(--global-muted-background);border-radius:50%;box-sizing:border-box;height:32px;min-width:32px;width:32px}.evm-connect-connector .evm-connect-connector-suffix{position:relative}.evm-connect-connector .evm-connect-dropdown-trigger{align-items:center;cursor:pointer;display:flex;height:100%;padding:var(--evm-connect-dropdown-trigger-vertical-padding) var(--evm-connect-dropdown-trigger-horizontal-padding)}.evm-connect-dropdown{background:var(--evm-connect-dropdown-background);border-radius:var(--evm-connect-dropdown-border-radius);box-shadow:var(--evm-connect-dropdown-box-shadow);color:var(--evm-connect-dropdown-color)}.evm-connect-dropdown .uk-button.uk-button-link{color:var(--evm-connect-dropdown-link-color)}.evm-connect-dropdown .uk-button.uk-button-link:focus,.evm-connect-dropdown .uk-button.uk-button-link:hover{color:var(--evm-connect-dropdown-link-hover-color);text-decoration:none}
|
package/dist/react.d.mts
ADDED
|
@@ -0,0 +1,116 @@
|
|
|
1
|
+
import { ButtonProps } from '@broxus/react-uikit';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import { EvmNetworkConfig, EvmWalletService, EvmWalletProviderConfig, EthereumConnector, EvmWalletServiceCtorParams, RecentConnectionMeta } from './sdk.mjs';
|
|
4
|
+
export { AddEthereumChainParams, EIP6963Connector, EIP6963ConnectorCtorParams, EIP6963Event, EVM_RECENT_CONNECTION, EthereumConnectionType, EthereumConnectorCtorParams, EthereumConnectorData, EthereumConnectorState, EvmProviderAvailablePlatforms, EvmProviderPlatformLinks, EvmWalletServiceData, EvmWalletServiceState, MetaMask, MetaMaskCtorParams, SupportedProviders, WalletConnect, WalletConnectCtorParams, WalletConnectOptions, WatchAssetParameters, getEvmProviderPlatformLink, getRecentConnectionMeta, isRecentConnectionMeta, parseChainId, storeRecentConnectionMeta, toChainParams } from './sdk.mjs';
|
|
5
|
+
import { EIP6963ProviderDetail } from 'web3';
|
|
6
|
+
import '@broxus/js-core';
|
|
7
|
+
import '@metamask/detect-provider';
|
|
8
|
+
import '@walletconnect/ethereum-provider';
|
|
9
|
+
import 'mobx';
|
|
10
|
+
|
|
11
|
+
interface EvmConnectDialogProps {
|
|
12
|
+
className?: string;
|
|
13
|
+
open?: boolean;
|
|
14
|
+
type?: 'drawer';
|
|
15
|
+
onClose?: VoidFunction;
|
|
16
|
+
}
|
|
17
|
+
declare const EvmConnectDialog: (({ className, open, type, onClose }: EvmConnectDialogProps) => React.JSX.Element) & {
|
|
18
|
+
displayName: string;
|
|
19
|
+
};
|
|
20
|
+
|
|
21
|
+
interface TriggerProps {
|
|
22
|
+
disabled?: boolean;
|
|
23
|
+
connect: VoidFunction;
|
|
24
|
+
}
|
|
25
|
+
interface EvmConnectButtonProps extends ButtonProps {
|
|
26
|
+
className?: string;
|
|
27
|
+
disabled?: boolean;
|
|
28
|
+
network?: EvmNetworkConfig;
|
|
29
|
+
popupClassName?: EvmConnectDialogProps['className'];
|
|
30
|
+
popupType?: EvmConnectDialogProps['type'];
|
|
31
|
+
standalone?: boolean;
|
|
32
|
+
trigger?: (props: TriggerProps) => React.ReactNode;
|
|
33
|
+
onClose?: VoidFunction;
|
|
34
|
+
onConnect?: (walletService?: EvmWalletService) => Promise<void> | void;
|
|
35
|
+
onOpen?: VoidFunction;
|
|
36
|
+
}
|
|
37
|
+
declare const EvmConnectButton: (({ disabled, network, popupClassName, popupType, trigger, onClose, onConnect, onOpen, ...props }: React.PropsWithChildren<EvmConnectButtonProps>) => React.JSX.Element) & {
|
|
38
|
+
displayName: string;
|
|
39
|
+
};
|
|
40
|
+
|
|
41
|
+
interface EvmConnectorProps {
|
|
42
|
+
changeWalletButtonText?: React.ReactNode;
|
|
43
|
+
className?: string;
|
|
44
|
+
connectButtonShape?: ButtonProps['shape'];
|
|
45
|
+
connectButtonText?: React.ReactNode;
|
|
46
|
+
connectButtonTrigger?: (props: {
|
|
47
|
+
disabled?: boolean;
|
|
48
|
+
connect: VoidFunction;
|
|
49
|
+
}) => React.ReactNode;
|
|
50
|
+
connectButtonType?: ButtonProps['type'];
|
|
51
|
+
disconnectButtonText?: React.ReactNode;
|
|
52
|
+
network?: EvmNetworkConfig;
|
|
53
|
+
popupType?: 'drawer';
|
|
54
|
+
suffix?: React.ReactNode;
|
|
55
|
+
showDropMenu?: boolean;
|
|
56
|
+
showSubIcon?: boolean;
|
|
57
|
+
standalone?: boolean;
|
|
58
|
+
warnUnsupportedNetwork?: boolean;
|
|
59
|
+
}
|
|
60
|
+
declare const EvmConnector: ((props: EvmConnectorProps) => React.JSX.Element) & {
|
|
61
|
+
displayName: string;
|
|
62
|
+
};
|
|
63
|
+
|
|
64
|
+
declare const EvmProvidersDispatcher: (() => React.JSX.Element) & {
|
|
65
|
+
displayName: string;
|
|
66
|
+
};
|
|
67
|
+
|
|
68
|
+
interface EvmWalletProvidersContextConsumer {
|
|
69
|
+
agreementsNote?: React.ReactNode | false;
|
|
70
|
+
connect: (providerConfig: EvmWalletProviderConfig) => Promise<void>;
|
|
71
|
+
connectingProvider?: EvmWalletProviderConfig | null;
|
|
72
|
+
error?: Error | null;
|
|
73
|
+
recentMetaStorageKey?: string;
|
|
74
|
+
reset: VoidFunction;
|
|
75
|
+
}
|
|
76
|
+
declare const EvmWalletProvidersContext: React.Context<EvmWalletProvidersContextConsumer | null>;
|
|
77
|
+
declare function useEvmWalletProviders(): EvmWalletProvidersContextConsumer;
|
|
78
|
+
interface EvmWalletProvidersProviderProps {
|
|
79
|
+
agreementsNote?: React.ReactNode;
|
|
80
|
+
network?: EvmNetworkConfig;
|
|
81
|
+
recentMetaStorageKey?: string;
|
|
82
|
+
onConnect?: (connector?: EthereumConnector) => Promise<void> | void;
|
|
83
|
+
}
|
|
84
|
+
declare const EvmWalletProvidersProvider: (({ agreementsNote, children, network, recentMetaStorageKey, onConnect, }: React.PropsWithChildren<EvmWalletProvidersProviderProps>) => React.JSX.Element) & {
|
|
85
|
+
displayName: string;
|
|
86
|
+
};
|
|
87
|
+
|
|
88
|
+
declare const EvmWalletServiceContext: React.Context<EvmWalletService | null>;
|
|
89
|
+
declare function useEvmWalletService(): EvmWalletService;
|
|
90
|
+
interface EvmWalletProviderProps {
|
|
91
|
+
agreementsNote?: React.ReactNode;
|
|
92
|
+
params?: EvmWalletServiceCtorParams;
|
|
93
|
+
recentMetaStorageKey?: string;
|
|
94
|
+
wallet?: EvmWalletService;
|
|
95
|
+
}
|
|
96
|
+
declare function EvmWalletServiceProvider({ agreementsNote, children, params, recentMetaStorageKey, wallet, }: React.PropsWithChildren<EvmWalletProviderProps>): React.JSX.Element;
|
|
97
|
+
|
|
98
|
+
declare function useContext<T>(Context: React.Context<T>): NonNullable<T>;
|
|
99
|
+
|
|
100
|
+
declare const store: {
|
|
101
|
+
readonly subscribe: (callback: () => void) => () => void;
|
|
102
|
+
readonly value: () => EIP6963ProviderDetail<unknown>[];
|
|
103
|
+
};
|
|
104
|
+
declare function useEIP6963Connections(): EIP6963ProviderDetail[];
|
|
105
|
+
|
|
106
|
+
declare function useFilteredConnections(providers: EvmWalletProviderConfig[], ids: string[]): EvmWalletProviderConfig[];
|
|
107
|
+
|
|
108
|
+
declare function useOrderedConnections(providers: Readonly<EvmWalletProviderConfig[]>, recentMeta?: RecentConnectionMeta): EvmWalletProviderConfig[];
|
|
109
|
+
|
|
110
|
+
type UseRecentConnectionMeta = [
|
|
111
|
+
value: RecentConnectionMeta | undefined,
|
|
112
|
+
setValue: (meta: RecentConnectionMeta | undefined) => void
|
|
113
|
+
];
|
|
114
|
+
declare function useRecentConnectionMeta(): UseRecentConnectionMeta;
|
|
115
|
+
|
|
116
|
+
export { EthereumConnector, EvmConnectButton, type EvmConnectButtonProps, EvmConnectDialog, type EvmConnectDialogProps, EvmConnector, type EvmConnectorProps, EvmNetworkConfig, EvmProvidersDispatcher, EvmWalletProviderConfig, EvmWalletProvidersContext, type EvmWalletProvidersContextConsumer, EvmWalletProvidersProvider, EvmWalletService, EvmWalletServiceContext, EvmWalletServiceCtorParams, EvmWalletServiceProvider, RecentConnectionMeta, store, useContext, useEIP6963Connections, useEvmWalletProviders, useEvmWalletService, useFilteredConnections, useOrderedConnections, useRecentConnectionMeta };
|
package/dist/react.d.ts
ADDED
|
@@ -0,0 +1,116 @@
|
|
|
1
|
+
import { ButtonProps } from '@broxus/react-uikit';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import { EvmNetworkConfig, EvmWalletService, EvmWalletProviderConfig, EthereumConnector, EvmWalletServiceCtorParams, RecentConnectionMeta } from './sdk.js';
|
|
4
|
+
export { AddEthereumChainParams, EIP6963Connector, EIP6963ConnectorCtorParams, EIP6963Event, EVM_RECENT_CONNECTION, EthereumConnectionType, EthereumConnectorCtorParams, EthereumConnectorData, EthereumConnectorState, EvmProviderAvailablePlatforms, EvmProviderPlatformLinks, EvmWalletServiceData, EvmWalletServiceState, MetaMask, MetaMaskCtorParams, SupportedProviders, WalletConnect, WalletConnectCtorParams, WalletConnectOptions, WatchAssetParameters, getEvmProviderPlatformLink, getRecentConnectionMeta, isRecentConnectionMeta, parseChainId, storeRecentConnectionMeta, toChainParams } from './sdk.js';
|
|
5
|
+
import { EIP6963ProviderDetail } from 'web3';
|
|
6
|
+
import '@broxus/js-core';
|
|
7
|
+
import '@metamask/detect-provider';
|
|
8
|
+
import '@walletconnect/ethereum-provider';
|
|
9
|
+
import 'mobx';
|
|
10
|
+
|
|
11
|
+
interface EvmConnectDialogProps {
|
|
12
|
+
className?: string;
|
|
13
|
+
open?: boolean;
|
|
14
|
+
type?: 'drawer';
|
|
15
|
+
onClose?: VoidFunction;
|
|
16
|
+
}
|
|
17
|
+
declare const EvmConnectDialog: (({ className, open, type, onClose }: EvmConnectDialogProps) => React.JSX.Element) & {
|
|
18
|
+
displayName: string;
|
|
19
|
+
};
|
|
20
|
+
|
|
21
|
+
interface TriggerProps {
|
|
22
|
+
disabled?: boolean;
|
|
23
|
+
connect: VoidFunction;
|
|
24
|
+
}
|
|
25
|
+
interface EvmConnectButtonProps extends ButtonProps {
|
|
26
|
+
className?: string;
|
|
27
|
+
disabled?: boolean;
|
|
28
|
+
network?: EvmNetworkConfig;
|
|
29
|
+
popupClassName?: EvmConnectDialogProps['className'];
|
|
30
|
+
popupType?: EvmConnectDialogProps['type'];
|
|
31
|
+
standalone?: boolean;
|
|
32
|
+
trigger?: (props: TriggerProps) => React.ReactNode;
|
|
33
|
+
onClose?: VoidFunction;
|
|
34
|
+
onConnect?: (walletService?: EvmWalletService) => Promise<void> | void;
|
|
35
|
+
onOpen?: VoidFunction;
|
|
36
|
+
}
|
|
37
|
+
declare const EvmConnectButton: (({ disabled, network, popupClassName, popupType, trigger, onClose, onConnect, onOpen, ...props }: React.PropsWithChildren<EvmConnectButtonProps>) => React.JSX.Element) & {
|
|
38
|
+
displayName: string;
|
|
39
|
+
};
|
|
40
|
+
|
|
41
|
+
interface EvmConnectorProps {
|
|
42
|
+
changeWalletButtonText?: React.ReactNode;
|
|
43
|
+
className?: string;
|
|
44
|
+
connectButtonShape?: ButtonProps['shape'];
|
|
45
|
+
connectButtonText?: React.ReactNode;
|
|
46
|
+
connectButtonTrigger?: (props: {
|
|
47
|
+
disabled?: boolean;
|
|
48
|
+
connect: VoidFunction;
|
|
49
|
+
}) => React.ReactNode;
|
|
50
|
+
connectButtonType?: ButtonProps['type'];
|
|
51
|
+
disconnectButtonText?: React.ReactNode;
|
|
52
|
+
network?: EvmNetworkConfig;
|
|
53
|
+
popupType?: 'drawer';
|
|
54
|
+
suffix?: React.ReactNode;
|
|
55
|
+
showDropMenu?: boolean;
|
|
56
|
+
showSubIcon?: boolean;
|
|
57
|
+
standalone?: boolean;
|
|
58
|
+
warnUnsupportedNetwork?: boolean;
|
|
59
|
+
}
|
|
60
|
+
declare const EvmConnector: ((props: EvmConnectorProps) => React.JSX.Element) & {
|
|
61
|
+
displayName: string;
|
|
62
|
+
};
|
|
63
|
+
|
|
64
|
+
declare const EvmProvidersDispatcher: (() => React.JSX.Element) & {
|
|
65
|
+
displayName: string;
|
|
66
|
+
};
|
|
67
|
+
|
|
68
|
+
interface EvmWalletProvidersContextConsumer {
|
|
69
|
+
agreementsNote?: React.ReactNode | false;
|
|
70
|
+
connect: (providerConfig: EvmWalletProviderConfig) => Promise<void>;
|
|
71
|
+
connectingProvider?: EvmWalletProviderConfig | null;
|
|
72
|
+
error?: Error | null;
|
|
73
|
+
recentMetaStorageKey?: string;
|
|
74
|
+
reset: VoidFunction;
|
|
75
|
+
}
|
|
76
|
+
declare const EvmWalletProvidersContext: React.Context<EvmWalletProvidersContextConsumer | null>;
|
|
77
|
+
declare function useEvmWalletProviders(): EvmWalletProvidersContextConsumer;
|
|
78
|
+
interface EvmWalletProvidersProviderProps {
|
|
79
|
+
agreementsNote?: React.ReactNode;
|
|
80
|
+
network?: EvmNetworkConfig;
|
|
81
|
+
recentMetaStorageKey?: string;
|
|
82
|
+
onConnect?: (connector?: EthereumConnector) => Promise<void> | void;
|
|
83
|
+
}
|
|
84
|
+
declare const EvmWalletProvidersProvider: (({ agreementsNote, children, network, recentMetaStorageKey, onConnect, }: React.PropsWithChildren<EvmWalletProvidersProviderProps>) => React.JSX.Element) & {
|
|
85
|
+
displayName: string;
|
|
86
|
+
};
|
|
87
|
+
|
|
88
|
+
declare const EvmWalletServiceContext: React.Context<EvmWalletService | null>;
|
|
89
|
+
declare function useEvmWalletService(): EvmWalletService;
|
|
90
|
+
interface EvmWalletProviderProps {
|
|
91
|
+
agreementsNote?: React.ReactNode;
|
|
92
|
+
params?: EvmWalletServiceCtorParams;
|
|
93
|
+
recentMetaStorageKey?: string;
|
|
94
|
+
wallet?: EvmWalletService;
|
|
95
|
+
}
|
|
96
|
+
declare function EvmWalletServiceProvider({ agreementsNote, children, params, recentMetaStorageKey, wallet, }: React.PropsWithChildren<EvmWalletProviderProps>): React.JSX.Element;
|
|
97
|
+
|
|
98
|
+
declare function useContext<T>(Context: React.Context<T>): NonNullable<T>;
|
|
99
|
+
|
|
100
|
+
declare const store: {
|
|
101
|
+
readonly subscribe: (callback: () => void) => () => void;
|
|
102
|
+
readonly value: () => EIP6963ProviderDetail<unknown>[];
|
|
103
|
+
};
|
|
104
|
+
declare function useEIP6963Connections(): EIP6963ProviderDetail[];
|
|
105
|
+
|
|
106
|
+
declare function useFilteredConnections(providers: EvmWalletProviderConfig[], ids: string[]): EvmWalletProviderConfig[];
|
|
107
|
+
|
|
108
|
+
declare function useOrderedConnections(providers: Readonly<EvmWalletProviderConfig[]>, recentMeta?: RecentConnectionMeta): EvmWalletProviderConfig[];
|
|
109
|
+
|
|
110
|
+
type UseRecentConnectionMeta = [
|
|
111
|
+
value: RecentConnectionMeta | undefined,
|
|
112
|
+
setValue: (meta: RecentConnectionMeta | undefined) => void
|
|
113
|
+
];
|
|
114
|
+
declare function useRecentConnectionMeta(): UseRecentConnectionMeta;
|
|
115
|
+
|
|
116
|
+
export { EthereumConnector, EvmConnectButton, type EvmConnectButtonProps, EvmConnectDialog, type EvmConnectDialogProps, EvmConnector, type EvmConnectorProps, EvmNetworkConfig, EvmProvidersDispatcher, EvmWalletProviderConfig, EvmWalletProvidersContext, type EvmWalletProvidersContextConsumer, EvmWalletProvidersProvider, EvmWalletService, EvmWalletServiceContext, EvmWalletServiceCtorParams, EvmWalletServiceProvider, RecentConnectionMeta, store, useContext, useEIP6963Connections, useEvmWalletProviders, useEvmWalletService, useFilteredConnections, useOrderedConnections, useRecentConnectionMeta };
|