@broxus/evm-connect 1.14.6 → 1.15.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 +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.js +1059 -1153
- package/dist/index.mjs +1059 -1153
- package/dist/inheritance.min.css +1 -3
- package/dist/react.d.mts +346 -9
- package/dist/react.d.ts +346 -9
- package/dist/sdk.d.mts +54 -54
- package/dist/sdk.d.ts +54 -54
- package/dist/standalone.min.css +1 -1
- package/dist/uikit.min.css +1 -1
- package/lib/cjs/styles/inheritance.css +2 -0
- package/lib/cjs/styles/standalone.css +2 -0
- package/lib/cjs/styles/uikit.css +24 -0
- package/lib/esm/context/EvmWalletServiceContext.d.ts +1 -1
- package/lib/esm/styles/inheritance.css +2 -0
- package/lib/esm/styles/standalone.css +2 -0
- package/lib/esm/styles/uikit.css +24 -0
- package/package.json +18 -12
- package/lib/cjs/styles/inheritance.js +0 -4
- package/lib/cjs/styles/standalone.js +0 -4
- package/lib/cjs/styles/uikit.js +0 -3
- package/lib/esm/styles/inheritance.d.ts +0 -2
- package/lib/esm/styles/inheritance.js +0 -2
- package/lib/esm/styles/standalone.d.ts +0 -2
- package/lib/esm/styles/standalone.js +0 -2
- package/lib/esm/styles/uikit.d.ts +0 -1
- package/lib/esm/styles/uikit.js +0 -1
package/dist/inheritance.min.css
CHANGED
|
@@ -1,3 +1 @@
|
|
|
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);min-width:fit-content!important}.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}
|
|
1
|
+
[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;a:not(.uk-button),.uk-link:not(.uk-button){color:var(--base-link-color);cursor:pointer;text-decoration:var(--base-link-text-decoration)}a:not(.uk-button):hover,.uk-link: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}h1,.uk-h1,h2,.uk-h2,h3,.uk-h3,h4,.uk-h4,h5,.uk-h5,h6,.uk-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)}h1,.uk-h1{font-size:var(--base-h1-font-size);line-height:var(--base-h1-line-height)}h2,.uk-h2{font-size:var(--base-h2-font-size);line-height:var(--base-h2-line-height)}h3,.uk-h3{font-size:var(--base-h3-font-size);line-height:var(--base-h3-line-height)}h4,.uk-h4{font-size:var(--base-h4-font-size);line-height:var(--base-h4-line-height)}h5,.uk-h5{font-size:var(--base-h5-font-size);line-height:var(--base-h5-line-height)}h6,.uk-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-enter.uk-slide-up-enter-active,&.uk-slide-up-appear.uk-slide-up-appear-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-enter.uk-slide-up-enter-active,&.uk-slide-up-appear.uk-slide-up-appear-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{align-items:center;cursor:pointer;display:inline-flex;justify-content:center}.uk-explorer-link{align-items:center;column-gap:8px;display:inline-flex;line-height:normal}.uk-explorer-link:hover,.uk-explorer-link a:hover{text-decoration:none}.uk-explorer-link .uk-copy-wrapper,.uk-explorer-link .uk-wallet-asset{cursor:pointer}.uk-explorer-link .uk-icon-external,.uk-explorer-link .uk-copy-wrapper,.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-modal .uk-modal-close-default,.evm-connect-drawer .uk-drawer-close{color:var(--evm-connect-muted-color);padding:var(--modal-close-padding)}.evm-connect-modal .uk-modal-close-default:hover,.evm-connect-modal .uk-modal-close-default:focus,.evm-connect-drawer .uk-drawer-close:hover,.evm-connect-drawer .uk-drawer-close:focus{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:hover,.evm-connect-providers-dispatcher .evm-connect-back-button:focus{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:hover:not(:disabled),.evm-connect-providers-list .evm-connect-provider-button.uk-button:focus: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);min-width:fit-content!important}.evm-connect-dropdown .uk-button.uk-button-link{color:var(--evm-connect-dropdown-link-color)}.evm-connect-dropdown .uk-button.uk-button-link:hover,.evm-connect-dropdown .uk-button.uk-button-link:focus{color:var(--evm-connect-dropdown-link-hover-color);text-decoration:none}: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 rgb(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 rgb(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 rgb(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( --button-default-hover-background, rgb(0 154.494955 232.2106 / 8%) );--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}
|
package/dist/react.d.mts
CHANGED
|
@@ -1,12 +1,10 @@
|
|
|
1
1
|
import { ButtonProps } from '@broxus/react-uikit';
|
|
2
2
|
import * as React from 'react';
|
|
3
|
-
import {
|
|
4
|
-
|
|
5
|
-
import { EIP6963ProviderDetail } from 'web3';
|
|
6
|
-
import '@
|
|
7
|
-
import '@
|
|
8
|
-
import '@walletconnect/ethereum-provider';
|
|
9
|
-
import 'mobx';
|
|
3
|
+
import { NetworkConfigBase, AbstractStore, NativeCurrency } from '@broxus/js-core';
|
|
4
|
+
import { IReactionDisposer } from 'mobx';
|
|
5
|
+
import Web3, { Web3APISpec, Web3EthExecutionAPI, EIP1193Provider, Web3BaseProvider, MetaMaskProvider, ProviderRpcError, EthExecutionAPI, EIP6963ProviderInfo, ProviderConnectInfo, EIP6963ProviderDetail } from 'web3';
|
|
6
|
+
import detectEthereumProvider from '@metamask/detect-provider';
|
|
7
|
+
import EthereumProvider, { EthereumProviderOptions } from '@walletconnect/ethereum-provider';
|
|
10
8
|
|
|
11
9
|
interface EvmConnectDialogProps {
|
|
12
10
|
className?: string;
|
|
@@ -18,6 +16,281 @@ declare const EvmConnectDialog: (({ className, open, type, onClose }: EvmConnect
|
|
|
18
16
|
displayName: string;
|
|
19
17
|
};
|
|
20
18
|
|
|
19
|
+
type EvmBasedNetwork = 'evm';
|
|
20
|
+
interface EvmNetworkConfig extends NetworkConfigBase<string> {
|
|
21
|
+
transactionType?: string | string[];
|
|
22
|
+
type: EvmBasedNetwork;
|
|
23
|
+
}
|
|
24
|
+
type SupportedProviders<API extends Web3APISpec = Web3EthExecutionAPI> = EIP1193Provider<API> | Web3BaseProvider<API> | MetaMaskProvider<API>;
|
|
25
|
+
declare enum EthereumConnectionType {
|
|
26
|
+
INJECTED = "INJECTED",
|
|
27
|
+
COINBASE_WALLET = "COINBASE_WALLET",
|
|
28
|
+
WALLET_CONNECT_V2 = "WALLET_CONNECT_V2",
|
|
29
|
+
EIP_6963_INJECTED = "EIP_6963_INJECTED"
|
|
30
|
+
}
|
|
31
|
+
declare enum EIP6963Event {
|
|
32
|
+
REQUEST_PROVIDER = "eip6963:requestProvider",
|
|
33
|
+
ANNOUNCE_PROVIDER = "eip6963:announceProvider"
|
|
34
|
+
}
|
|
35
|
+
interface WatchAssetParameters {
|
|
36
|
+
address: string;
|
|
37
|
+
decimals: number;
|
|
38
|
+
image?: string;
|
|
39
|
+
symbol: string;
|
|
40
|
+
}
|
|
41
|
+
interface AddEthereumChainParams {
|
|
42
|
+
blockExplorerUrls?: string[];
|
|
43
|
+
chainId: number;
|
|
44
|
+
chainName: string;
|
|
45
|
+
iconUrls?: string[];
|
|
46
|
+
nativeCurrency: {
|
|
47
|
+
decimals: 18;
|
|
48
|
+
name: string;
|
|
49
|
+
symbol: string;
|
|
50
|
+
};
|
|
51
|
+
rpcUrls: string[];
|
|
52
|
+
}
|
|
53
|
+
interface RecentConnectionMeta {
|
|
54
|
+
chainId?: string;
|
|
55
|
+
disconnected?: boolean;
|
|
56
|
+
providerId: string;
|
|
57
|
+
type?: EthereumConnectionType;
|
|
58
|
+
}
|
|
59
|
+
type EvmProviderAvailablePlatforms = 'ios' | 'android' | 'chromeExtension' | 'firefoxExtension';
|
|
60
|
+
type EvmProviderPlatformLinks = Partial<Record<EvmProviderAvailablePlatforms, string>>;
|
|
61
|
+
interface EvmWalletProviderConfig {
|
|
62
|
+
connector: EthereumConnector;
|
|
63
|
+
id: string;
|
|
64
|
+
info: {
|
|
65
|
+
description?: string;
|
|
66
|
+
icon?: string;
|
|
67
|
+
links?: EvmProviderPlatformLinks & {
|
|
68
|
+
homepage?: string;
|
|
69
|
+
universalLink?: string;
|
|
70
|
+
};
|
|
71
|
+
name: string;
|
|
72
|
+
rdns?: string;
|
|
73
|
+
};
|
|
74
|
+
isRecent?: boolean;
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
interface EthereumConnectorCtorParams {
|
|
78
|
+
onDisconnect?: (err: ProviderRpcError) => Promise<void> | void;
|
|
79
|
+
}
|
|
80
|
+
interface EthereumConnectorData {
|
|
81
|
+
accounts?: string[];
|
|
82
|
+
chainId?: number;
|
|
83
|
+
}
|
|
84
|
+
interface EthereumConnectorState {
|
|
85
|
+
isConnecting?: boolean;
|
|
86
|
+
isDisconnecting?: boolean;
|
|
87
|
+
isInitialized?: boolean;
|
|
88
|
+
isInitializing?: boolean;
|
|
89
|
+
}
|
|
90
|
+
declare abstract class EthereumConnector extends AbstractStore<EthereumConnectorData, EthereumConnectorState> {
|
|
91
|
+
protected readonly params?: Readonly<EthereumConnectorCtorParams> | undefined;
|
|
92
|
+
readonly type?: EthereumConnectionType;
|
|
93
|
+
/**
|
|
94
|
+
* An
|
|
95
|
+
* EIP-1193 ({@link https://github.com/ethereum/EIPs/blob/master/EIPS/eip-1193.md}) and
|
|
96
|
+
* EIP-1102 ({@link https://github.com/ethereum/EIPs/blob/master/EIPS/eip-1102.md}) compliant provider.
|
|
97
|
+
* May also comply with EIP-3085 ({@link https://github.com/ethereum/EIPs/blob/master/EIPS/eip-3085.md}).
|
|
98
|
+
* This property must be defined while the connector is active.
|
|
99
|
+
*/
|
|
100
|
+
provider?: SupportedProviders<EthExecutionAPI>;
|
|
101
|
+
protected constructor(params?: Readonly<EthereumConnectorCtorParams> | undefined);
|
|
102
|
+
abstract connect(...args: unknown[]): Promise<void>;
|
|
103
|
+
abstract disconnect(...args: unknown[]): Promise<void>;
|
|
104
|
+
addNetwork(chainParams: AddEthereumChainParams): Promise<void>;
|
|
105
|
+
switchNetwork(chainIdOrParams: number | AddEthereumChainParams): Promise<void>;
|
|
106
|
+
watchAsset(params: WatchAssetParameters): Promise<true>;
|
|
107
|
+
get accounts(): EthereumConnectorData['accounts'];
|
|
108
|
+
get chainId(): EthereumConnectorData['chainId'];
|
|
109
|
+
get isConnecting(): EthereumConnectorState['isConnecting'];
|
|
110
|
+
get isDisconnecting(): EthereumConnectorState['isDisconnecting'];
|
|
111
|
+
get isInitialized(): EthereumConnectorState['isInitialized'];
|
|
112
|
+
get isInitializing(): EthereumConnectorState['isInitializing'];
|
|
113
|
+
protected handleAccountsChanged(accounts: string[]): void;
|
|
114
|
+
protected handleChainChanged(chainId: string): void;
|
|
115
|
+
protected handleDisconnect(err: ProviderRpcError): void;
|
|
116
|
+
}
|
|
117
|
+
|
|
118
|
+
interface EvmWalletServiceCtorParams {
|
|
119
|
+
autoInit?: boolean;
|
|
120
|
+
defaultNetworkId?: number;
|
|
121
|
+
/**
|
|
122
|
+
* List of supported networks
|
|
123
|
+
*/
|
|
124
|
+
networks?: Readonly<EvmNetworkConfig[]>;
|
|
125
|
+
providerId?: string;
|
|
126
|
+
/**
|
|
127
|
+
* List of supported Providers
|
|
128
|
+
*/
|
|
129
|
+
providers?: Readonly<EvmWalletProviderConfig[]>;
|
|
130
|
+
}
|
|
131
|
+
interface EvmWalletServiceData {
|
|
132
|
+
balance?: string;
|
|
133
|
+
networks: Readonly<EvmNetworkConfig[]>;
|
|
134
|
+
}
|
|
135
|
+
interface EvmWalletServiceState {
|
|
136
|
+
isSyncing?: boolean;
|
|
137
|
+
providerId?: string;
|
|
138
|
+
}
|
|
139
|
+
declare class EvmWalletService extends AbstractStore<EvmWalletServiceData, EvmWalletServiceState> {
|
|
140
|
+
protected readonly params?: Readonly<EvmWalletServiceCtorParams> | undefined;
|
|
141
|
+
readonly name = "EvmWalletService";
|
|
142
|
+
constructor(params?: Readonly<EvmWalletServiceCtorParams> | undefined);
|
|
143
|
+
/**
|
|
144
|
+
* Define current provider connector
|
|
145
|
+
* @returns {EthereumConnector|undefined}
|
|
146
|
+
*/
|
|
147
|
+
get connector(): EthereumConnector | undefined;
|
|
148
|
+
init(): Promise<void>;
|
|
149
|
+
/**
|
|
150
|
+
* Manually connect to the wallet
|
|
151
|
+
* @returns {Promise<void>}
|
|
152
|
+
*/
|
|
153
|
+
connect(networkIdOParams?: number | AddEthereumChainParams): Promise<void>;
|
|
154
|
+
/**
|
|
155
|
+
* Manually disconnect from the wallet
|
|
156
|
+
* @param {boolean} force
|
|
157
|
+
* @returns {Promise<void>}
|
|
158
|
+
*/
|
|
159
|
+
disconnect(force?: boolean): Promise<void>;
|
|
160
|
+
/**
|
|
161
|
+
* Add network to the current connected wallet
|
|
162
|
+
* @param {AddEthereumChainParams} chainParams
|
|
163
|
+
* @returns {Promise<void>}
|
|
164
|
+
*/
|
|
165
|
+
addNetwork(chainParams: AddEthereumChainParams): Promise<void>;
|
|
166
|
+
/**
|
|
167
|
+
* Switch network or add a new one if not exists in the current connected wallet
|
|
168
|
+
* @param {number|AddEthereumChainParams} chainIdOrParams
|
|
169
|
+
* @returns {Promise<void>}
|
|
170
|
+
*/
|
|
171
|
+
switchNetwork(chainIdOrParams: number | AddEthereumChainParams): Promise<void>;
|
|
172
|
+
/**
|
|
173
|
+
* Request to the wallet for watch asset
|
|
174
|
+
* @param {WatchAssetParameters} params
|
|
175
|
+
* @returns {Promise<true | undefined>}
|
|
176
|
+
*/
|
|
177
|
+
watchAsset(params: WatchAssetParameters): Promise<true | undefined>;
|
|
178
|
+
/**
|
|
179
|
+
* An independent RPC connection that allows you to receive data from the blockchain without being
|
|
180
|
+
* able to send transactions.
|
|
181
|
+
*
|
|
182
|
+
* This connection does not require connection permissions and wrapped on `Web3` interface.
|
|
183
|
+
* @returns {Web3|undefined}
|
|
184
|
+
*/
|
|
185
|
+
get connection(): Web3 | undefined;
|
|
186
|
+
/**
|
|
187
|
+
* Returns current Web3 Instance
|
|
188
|
+
*/
|
|
189
|
+
get provider(): Web3 | undefined;
|
|
190
|
+
/**
|
|
191
|
+
* Returns computed wallet balance value
|
|
192
|
+
* @returns {EvmWalletServiceData["balance"]}
|
|
193
|
+
*/
|
|
194
|
+
get balance(): EvmWalletServiceData['balance'];
|
|
195
|
+
/**
|
|
196
|
+
* List of the supported networks
|
|
197
|
+
* @returns {EvmWalletServiceData["networks"]}
|
|
198
|
+
*/
|
|
199
|
+
get networks(): EvmWalletServiceData['networks'];
|
|
200
|
+
/**
|
|
201
|
+
* Returns `true` if wallet contract is updating
|
|
202
|
+
* @returns {EvmWalletServiceState["isSyncing"]}
|
|
203
|
+
*/
|
|
204
|
+
get isSyncing(): EvmWalletServiceState['isSyncing'];
|
|
205
|
+
/**
|
|
206
|
+
A unique identifier of the connected wallet (provider)
|
|
207
|
+
* @returns {EvmWalletServiceState["providerId"]}
|
|
208
|
+
*/
|
|
209
|
+
get providerId(): EvmWalletServiceState['providerId'];
|
|
210
|
+
/**
|
|
211
|
+
* Returns computed wallet address value
|
|
212
|
+
* @returns {string|undefined}
|
|
213
|
+
*/
|
|
214
|
+
get address(): string | undefined;
|
|
215
|
+
/**
|
|
216
|
+
* Returns wallet native currency
|
|
217
|
+
* @returns {Readonly<NativeCurrency<string>>}
|
|
218
|
+
*/
|
|
219
|
+
get currency(): Readonly<NativeCurrency<string>>;
|
|
220
|
+
/**
|
|
221
|
+
* Returns `true` if provider is available.
|
|
222
|
+
* That means extension is installed and activated, else `false`
|
|
223
|
+
* @returns {boolean}
|
|
224
|
+
*/
|
|
225
|
+
get hasProvider(): boolean;
|
|
226
|
+
/**
|
|
227
|
+
* Returns `true` if wallet is connected
|
|
228
|
+
* @returns {boolean}
|
|
229
|
+
*/
|
|
230
|
+
get isConnected(): boolean;
|
|
231
|
+
/**
|
|
232
|
+
* Returns `true` if wallet is initialized and connected
|
|
233
|
+
* @returns {boolean}
|
|
234
|
+
*/
|
|
235
|
+
get isReady(): boolean;
|
|
236
|
+
/**
|
|
237
|
+
* Checks network support
|
|
238
|
+
* @returns {boolean}
|
|
239
|
+
*/
|
|
240
|
+
get isUnsupportedNetwork(): boolean;
|
|
241
|
+
/**
|
|
242
|
+
* Returns current network config
|
|
243
|
+
* @returns {Readonly<EvmNetworkConfig|undefined>}
|
|
244
|
+
*/
|
|
245
|
+
get network(): Readonly<EvmNetworkConfig | undefined>;
|
|
246
|
+
/**
|
|
247
|
+
Returns details about current connected provider
|
|
248
|
+
* @returns {EvmWalletProviderConfig["info"]|undefined}
|
|
249
|
+
*/
|
|
250
|
+
get providerInfo(): EvmWalletProviderConfig['info'] | undefined;
|
|
251
|
+
/**
|
|
252
|
+
* The list of the supported providers
|
|
253
|
+
* @returns {Readonly<EvmWalletProviderConfig[]|undefined>}
|
|
254
|
+
*/
|
|
255
|
+
get providers(): Readonly<EvmWalletProviderConfig[]>;
|
|
256
|
+
/**
|
|
257
|
+
* Returns current network chain id
|
|
258
|
+
* @returns {EthereumConnector["chainId"]}
|
|
259
|
+
*/
|
|
260
|
+
get chainId(): EthereumConnector['chainId'];
|
|
261
|
+
/**
|
|
262
|
+
* Returns `true` if wallet is connecting
|
|
263
|
+
* @returns {EthereumConnector["isConnecting"]}
|
|
264
|
+
*/
|
|
265
|
+
get isConnecting(): EthereumConnector['isConnecting'];
|
|
266
|
+
/**
|
|
267
|
+
* Returns `true` if wallet is disconnecting
|
|
268
|
+
* @returns {EthereumConnector["isDisconnecting"]}
|
|
269
|
+
*/
|
|
270
|
+
get isDisconnecting(): EthereumConnector['isDisconnecting'];
|
|
271
|
+
/**
|
|
272
|
+
* Returns `true` if wallet is initialized
|
|
273
|
+
* @returns {EthereumConnector["isInitialized"]}
|
|
274
|
+
*/
|
|
275
|
+
get isInitialized(): EthereumConnector['isInitialized'];
|
|
276
|
+
/**
|
|
277
|
+
* Returns `true` if wallet is initializing
|
|
278
|
+
* @returns {EthereumConnector["isInitializing"]}
|
|
279
|
+
*/
|
|
280
|
+
get isInitializing(): EthereumConnector['isInitializing'];
|
|
281
|
+
/**
|
|
282
|
+
* Sync account balance
|
|
283
|
+
*/
|
|
284
|
+
protected syncBalance(): Promise<void>;
|
|
285
|
+
/**
|
|
286
|
+
* Trying to resolve EVM Wallet connection
|
|
287
|
+
* @protected
|
|
288
|
+
*/
|
|
289
|
+
protected _init(): Promise<void>;
|
|
290
|
+
protected accountDisposer: IReactionDisposer | undefined;
|
|
291
|
+
protected networkDisposer: IReactionDisposer | undefined;
|
|
292
|
+
}
|
|
293
|
+
|
|
21
294
|
interface TriggerProps {
|
|
22
295
|
connect: VoidFunction;
|
|
23
296
|
disabled?: boolean;
|
|
@@ -65,6 +338,60 @@ declare const EvmProvidersDispatcher: (() => React.JSX.Element) & {
|
|
|
65
338
|
displayName: string;
|
|
66
339
|
};
|
|
67
340
|
|
|
341
|
+
interface EIP6963ConnectorCtorParams extends EthereumConnectorCtorParams {
|
|
342
|
+
info: EIP6963ProviderInfo;
|
|
343
|
+
provider: Readonly<SupportedProviders<EthExecutionAPI>>;
|
|
344
|
+
}
|
|
345
|
+
declare class EIP6963Connector extends EthereumConnector {
|
|
346
|
+
protected readonly params: Readonly<EIP6963ConnectorCtorParams>;
|
|
347
|
+
readonly type = EthereumConnectionType.EIP_6963_INJECTED;
|
|
348
|
+
constructor(params: Readonly<EIP6963ConnectorCtorParams>);
|
|
349
|
+
connect(chainIdOrParams?: number | AddEthereumChainParams): Promise<void>;
|
|
350
|
+
disconnect(): Promise<void>;
|
|
351
|
+
protected init(): Promise<void>;
|
|
352
|
+
protected handleConnect({ chainId }: ProviderConnectInfo): void;
|
|
353
|
+
}
|
|
354
|
+
|
|
355
|
+
interface MetaMaskEthereumProvider extends MetaMaskProvider<EthExecutionAPI> {
|
|
356
|
+
get accounts(): string[];
|
|
357
|
+
get chainId(): string;
|
|
358
|
+
isConnected?: () => boolean;
|
|
359
|
+
providers?: MetaMaskEthereumProvider[];
|
|
360
|
+
}
|
|
361
|
+
interface MetaMaskCtorParams extends EthereumConnectorCtorParams {
|
|
362
|
+
options?: Parameters<typeof detectEthereumProvider>[0];
|
|
363
|
+
}
|
|
364
|
+
declare class MetaMask extends EthereumConnector {
|
|
365
|
+
protected readonly params?: Readonly<MetaMaskCtorParams> | undefined;
|
|
366
|
+
readonly type = EthereumConnectionType.INJECTED;
|
|
367
|
+
provider?: MetaMaskEthereumProvider;
|
|
368
|
+
constructor(params?: Readonly<MetaMaskCtorParams> | undefined);
|
|
369
|
+
connect(chainIdOrParams?: number | AddEthereumChainParams): Promise<void>;
|
|
370
|
+
disconnect(): Promise<void>;
|
|
371
|
+
protected init(): Promise<void>;
|
|
372
|
+
protected handleConnect({ chainId }: ProviderConnectInfo): void;
|
|
373
|
+
}
|
|
374
|
+
|
|
375
|
+
interface WalletConnectOptions extends Omit<EthereumProviderOptions, 'rpcMap'> {
|
|
376
|
+
rpcMap?: Record<number, string | string[]>;
|
|
377
|
+
}
|
|
378
|
+
interface WalletConnectCtorParams extends EthereumConnectorCtorParams {
|
|
379
|
+
options: WalletConnectOptions;
|
|
380
|
+
}
|
|
381
|
+
declare class WalletConnect extends EthereumConnector {
|
|
382
|
+
protected readonly params: Readonly<WalletConnectCtorParams>;
|
|
383
|
+
readonly type = EthereumConnectionType.WALLET_CONNECT_V2;
|
|
384
|
+
provider?: EthereumProvider;
|
|
385
|
+
protected readonly options: WalletConnectOptions;
|
|
386
|
+
constructor(params: Readonly<WalletConnectCtorParams>);
|
|
387
|
+
connect(chainIdOrParams?: number | AddEthereumChainParams): Promise<void>;
|
|
388
|
+
disconnect(): Promise<void>;
|
|
389
|
+
protected init(): Promise<void>;
|
|
390
|
+
protected createProvider(): Promise<EthereumProvider>;
|
|
391
|
+
}
|
|
392
|
+
|
|
393
|
+
declare const EVM_RECENT_CONNECTION = "EVM_RECENT_CONNECTION";
|
|
394
|
+
|
|
68
395
|
interface EvmWalletProvidersContextConsumer {
|
|
69
396
|
agreementsNote?: React.ReactNode | false;
|
|
70
397
|
connect: (providerConfig: EvmWalletProviderConfig) => Promise<void>;
|
|
@@ -93,7 +420,7 @@ interface EvmWalletProviderProps {
|
|
|
93
420
|
recentMetaStorageKey?: string;
|
|
94
421
|
wallet?: EvmWalletService;
|
|
95
422
|
}
|
|
96
|
-
declare function EvmWalletServiceProvider({ agreementsNote, children, params, recentMetaStorageKey, wallet, }: React.PropsWithChildren<EvmWalletProviderProps>): React.
|
|
423
|
+
declare function EvmWalletServiceProvider({ agreementsNote, children, params, recentMetaStorageKey, wallet, }: React.PropsWithChildren<EvmWalletProviderProps>): React.ReactElement;
|
|
97
424
|
|
|
98
425
|
declare function useContext<T>(Context: React.Context<T>): NonNullable<T>;
|
|
99
426
|
|
|
@@ -113,4 +440,14 @@ type UseRecentConnectionMeta = [
|
|
|
113
440
|
];
|
|
114
441
|
declare function useRecentConnectionMeta(): UseRecentConnectionMeta;
|
|
115
442
|
|
|
116
|
-
|
|
443
|
+
declare function getEvmProviderPlatformLink(links: EvmProviderPlatformLinks): [EvmProviderAvailablePlatforms, string | undefined] | undefined;
|
|
444
|
+
|
|
445
|
+
declare function parseChainId(chainId: string | number): number;
|
|
446
|
+
|
|
447
|
+
declare function isRecentConnectionMeta(value: any): value is RecentConnectionMeta;
|
|
448
|
+
declare function storeRecentConnectionMeta(meta: RecentConnectionMeta | undefined, storageKey?: string): void;
|
|
449
|
+
declare function getRecentConnectionMeta(storageKey?: string): RecentConnectionMeta | undefined;
|
|
450
|
+
|
|
451
|
+
declare function toChainParams(network: EvmNetworkConfig): AddEthereumChainParams;
|
|
452
|
+
|
|
453
|
+
export { type AddEthereumChainParams, EIP6963Connector, type EIP6963ConnectorCtorParams, EIP6963Event, EVM_RECENT_CONNECTION, EthereumConnectionType, EthereumConnector, type EthereumConnectorCtorParams, type EthereumConnectorData, type EthereumConnectorState, EvmConnectButton, type EvmConnectButtonProps, EvmConnectDialog, type EvmConnectDialogProps, EvmConnector, type EvmConnectorProps, type EvmNetworkConfig, type EvmProviderAvailablePlatforms, type EvmProviderPlatformLinks, EvmProvidersDispatcher, type EvmWalletProviderConfig, EvmWalletProvidersContext, type EvmWalletProvidersContextConsumer, EvmWalletProvidersProvider, EvmWalletService, EvmWalletServiceContext, type EvmWalletServiceCtorParams, type EvmWalletServiceData, EvmWalletServiceProvider, type EvmWalletServiceState, MetaMask, type MetaMaskCtorParams, type RecentConnectionMeta, type SupportedProviders, WalletConnect, type WalletConnectCtorParams, type WalletConnectOptions, type WatchAssetParameters, getEvmProviderPlatformLink, getRecentConnectionMeta, isRecentConnectionMeta, parseChainId, store, storeRecentConnectionMeta, toChainParams, useContext, useEIP6963Connections, useEvmWalletProviders, useEvmWalletService, useFilteredConnections, useOrderedConnections, useRecentConnectionMeta };
|