@broxus/evm-connect 1.13.6 → 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.
Files changed (110) hide show
  1. package/dist/index.d.mts +453 -0
  2. package/dist/index.d.ts +453 -0
  3. package/dist/index.js +4954 -0
  4. package/dist/index.mjs +4954 -0
  5. package/dist/inheritance.min.css +3 -0
  6. package/dist/react.d.mts +116 -0
  7. package/dist/react.d.ts +116 -0
  8. package/dist/react.js +4860 -0
  9. package/dist/react.mjs +4860 -0
  10. package/dist/sdk.d.mts +346 -0
  11. package/dist/sdk.d.ts +346 -0
  12. package/dist/sdk.js +4860 -0
  13. package/dist/sdk.mjs +4860 -0
  14. package/dist/standalone.min.css +1 -0
  15. package/dist/uikit.min.css +1 -1
  16. package/lib/cjs/_react.js +25 -0
  17. package/lib/cjs/_sdk.js +22 -0
  18. package/lib/cjs/components/{EvmConnectButton/index.js → EvmConnectButton.js} +4 -4
  19. package/lib/cjs/components/{EvmConnectDialog/index.js → EvmConnectDialog.js} +13 -7
  20. package/lib/cjs/components/EvmConnectionRequest.js +80 -0
  21. package/lib/cjs/components/{EvmConnector/index.js → EvmConnector.js} +4 -5
  22. package/lib/cjs/components/{EvmProvidersDispatcher/ProviderButton/index.js → EvmProviderButton.js} +8 -9
  23. package/lib/cjs/components/{EvmProvidersDispatcher/index.js → EvmProvidersDispatcher.js} +24 -16
  24. package/lib/cjs/components/EvmProvidersList.js +49 -0
  25. package/lib/cjs/context/EvmWalletProvidersContext.js +4 -5
  26. package/lib/cjs/context/EvmWalletServiceContext.js +4 -4
  27. package/lib/cjs/hooks/index.js +1 -0
  28. package/lib/cjs/hooks/useContext.js +44 -0
  29. package/lib/cjs/hooks/useRecentConnectionMeta.js +7 -35
  30. package/lib/cjs/intl/index.js +1 -1
  31. package/lib/cjs/services/EvmWalletService.js +1 -1
  32. package/lib/cjs/styles/inheritance.css +71 -0
  33. package/lib/cjs/styles/inheritance.js +4 -0
  34. package/lib/cjs/styles/standalone.css +68 -0
  35. package/lib/cjs/styles/standalone.js +4 -0
  36. package/lib/cjs/styles/style.css +538 -0
  37. package/lib/cjs/styles/uikit.js +3 -0
  38. package/lib/cjs/utils/index.js +2 -1
  39. package/lib/cjs/utils/recent-connection-meta.js +37 -0
  40. package/lib/cjs/utils/{convert-network-to-chain-params.js → to-chain-params.js} +2 -2
  41. package/lib/esm/_react.d.ts +9 -0
  42. package/lib/esm/_react.js +9 -0
  43. package/lib/esm/_sdk.d.ts +6 -0
  44. package/lib/esm/_sdk.js +6 -0
  45. package/lib/esm/components/{EvmConnectButton/index.d.ts → EvmConnectButton.d.ts} +3 -3
  46. package/lib/esm/components/{EvmConnectButton/index.js → EvmConnectButton.js} +4 -4
  47. package/lib/esm/components/{EvmConnectDialog/index.d.ts → EvmConnectDialog.d.ts} +0 -1
  48. package/lib/esm/components/{EvmConnectDialog/index.js → EvmConnectDialog.js} +13 -7
  49. package/lib/esm/components/EvmConnectionRequest.d.ts +4 -0
  50. package/lib/esm/components/EvmConnectionRequest.js +41 -0
  51. package/lib/esm/components/{EvmConnector/index.d.ts → EvmConnector.d.ts} +1 -2
  52. package/lib/esm/components/{EvmConnector/index.js → EvmConnector.js} +4 -5
  53. package/lib/esm/components/EvmProviderButton.d.ts +10 -0
  54. package/lib/esm/components/{EvmProvidersDispatcher/ProviderButton/index.js → EvmProviderButton.js} +7 -8
  55. package/lib/esm/components/{EvmProvidersDispatcher/index.d.ts → EvmProvidersDispatcher.d.ts} +0 -1
  56. package/lib/esm/components/EvmProvidersDispatcher.js +40 -0
  57. package/lib/esm/components/EvmProvidersList.d.ts +4 -0
  58. package/lib/esm/components/EvmProvidersList.js +13 -0
  59. package/lib/esm/connectors/EIP6963Connector.d.ts +1 -2
  60. package/lib/esm/connectors/MetaMask.d.ts +1 -1
  61. package/lib/esm/context/EvmWalletProvidersContext.js +3 -4
  62. package/lib/esm/context/EvmWalletServiceContext.js +2 -2
  63. package/lib/esm/core/EthereumConnector.d.ts +1 -1
  64. package/lib/esm/hooks/index.d.ts +1 -0
  65. package/lib/esm/hooks/index.js +1 -0
  66. package/lib/esm/hooks/useContext.d.ts +2 -0
  67. package/lib/esm/hooks/useContext.js +8 -0
  68. package/lib/esm/hooks/useEIP6963Connections.d.ts +1 -1
  69. package/lib/esm/hooks/useOrderedConnections.d.ts +1 -2
  70. package/lib/esm/hooks/useRecentConnectionMeta.d.ts +1 -9
  71. package/lib/esm/hooks/useRecentConnectionMeta.js +5 -31
  72. package/lib/esm/intl/index.d.ts +115 -0
  73. package/lib/esm/intl/index.js +1 -1
  74. package/lib/esm/services/EvmWalletService.js +2 -2
  75. package/lib/esm/styles/inheritance.css +71 -0
  76. package/lib/esm/styles/inheritance.d.ts +2 -0
  77. package/lib/esm/styles/inheritance.js +2 -0
  78. package/lib/esm/styles/standalone.css +68 -0
  79. package/lib/esm/styles/standalone.d.ts +2 -0
  80. package/lib/esm/styles/standalone.js +2 -0
  81. package/lib/esm/styles/style.css +538 -0
  82. package/lib/esm/styles/uikit.js +1 -0
  83. package/lib/esm/types.d.ts +7 -1
  84. package/lib/esm/utils/index.d.ts +2 -1
  85. package/lib/esm/utils/index.js +2 -1
  86. package/lib/esm/utils/recent-connection-meta.d.ts +4 -0
  87. package/lib/esm/utils/recent-connection-meta.js +32 -0
  88. package/lib/esm/utils/to-chain-params.d.ts +2 -0
  89. package/lib/esm/utils/{convert-network-to-chain-params.js → to-chain-params.js} +1 -1
  90. package/package.json +52 -29
  91. package/dist/index.cjs.js +0 -2
  92. package/dist/index.esm.js +0 -2
  93. package/dist/style.min.css +0 -1
  94. package/lib/cjs/components/EvmConnectDialog/index.css +0 -142
  95. package/lib/cjs/components/EvmConnector/index.css +0 -46
  96. package/lib/cjs/components/EvmProvidersDispatcher/ConnectionRequest/index.css +0 -44
  97. package/lib/cjs/components/EvmProvidersDispatcher/ConnectionRequest/index.js +0 -75
  98. package/lib/cjs/components/EvmProvidersDispatcher/ProviderButton/index.css +0 -54
  99. package/lib/cjs/components/EvmProvidersDispatcher/index.css +0 -13
  100. package/lib/esm/components/EvmConnectDialog/index.css +0 -142
  101. package/lib/esm/components/EvmConnector/index.css +0 -46
  102. package/lib/esm/components/EvmProvidersDispatcher/ConnectionRequest/index.css +0 -44
  103. package/lib/esm/components/EvmProvidersDispatcher/ConnectionRequest/index.d.ts +0 -5
  104. package/lib/esm/components/EvmProvidersDispatcher/ConnectionRequest/index.js +0 -36
  105. package/lib/esm/components/EvmProvidersDispatcher/ProviderButton/index.css +0 -54
  106. package/lib/esm/components/EvmProvidersDispatcher/ProviderButton/index.d.ts +0 -11
  107. package/lib/esm/components/EvmProvidersDispatcher/index.css +0 -13
  108. package/lib/esm/components/EvmProvidersDispatcher/index.js +0 -32
  109. package/lib/esm/utils/convert-network-to-chain-params.d.ts +0 -2
  110. /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}
@@ -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 };
@@ -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 };