@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,68 @@
1
+ :root {
2
+ --evm-connect-color: #383838;
3
+ --evm-connect-emphasis-color: #333;
4
+ --evm-connect-muted-color: #7698bb;
5
+ --evm-connect-link-color: #1e87f0;
6
+ --evm-connect-link-hover-color: #00a6ff;
7
+ --evm-connect-border: #adc5e3;
8
+ --evm-connect-border-radius: 12px;
9
+
10
+ /* Modal */
11
+ --evm-connect-modal-width: 380px;
12
+ --evm-connect-modal-background: #f7f9fb;
13
+ --evm-connect-modal-border-radius: 12px;
14
+ --evm-connect-modal-box-shadow: 0 8px 32px 0 rgb(63 74 111 / 12%), 0 1px 4px 0 rgb(63 74 111 / 8%);
15
+ --evm-connect-modal-color: var(--evm-connect-color);
16
+ --evm-connect-modal-padding-horizontal: 24px;
17
+ --evm-connect-modal-padding-vertical: var(--evm-connect-modal-padding-horizontal);
18
+ --evm-connect-modal-header-padding-horizontal: 0;
19
+ --evm-connect-modal-header-padding-vertical: var(--evm-connect-modal-padding-vertical);
20
+ --evm-connect-modal-title-color: var(--evm-connect-emphasis-color);
21
+ --evm-connect-modal-title-font-size: 20px;
22
+ --evm-connect-modal-title-font-weight: 500;
23
+ --evm-connect-modal-title-line-height: 24px;
24
+ --evm-connect-modal-body-padding-horizontal: 0;
25
+ --evm-connect-modal-body-padding-vertical: var(--evm-connect-modal-padding-vertical);
26
+ --evm-connect-modal-footer-padding-horizontal: 0;
27
+ --evm-connect-modal-footer-padding-vertical: var(--evm-connect-modal-padding-vertical);
28
+
29
+ /* Drawer */
30
+ --evm-connect-drawer-content-background: #f7f9fb;
31
+ --evm-connect-drawer-content-border-radius: 16px;
32
+ --evm-connect-drawer-content-box-shadow: 0 8px 32px 0 rgb(63 74 111 / 12%), 0 1px 4px 0 rgb(63 74 111 / 8%);
33
+ --evm-connect-drawer-content-color: var(--evm-connect-color);
34
+ --evm-connect-drawer-content-padding-horizontal: 24px;
35
+ --evm-connect-drawer-content-padding-vertical: var(--evm-connect-drawer-content-padding-horizontal);
36
+ --evm-connect-drawer-header-padding-horizontal: 0;
37
+ --evm-connect-drawer-header-padding-vertical: var(--evm-connect-drawer-content-padding-vertical);
38
+ --evm-connect-drawer-title-color: var(--evm-connect-emphasis-color);
39
+ --evm-connect-drawer-title-font-size: 22px;
40
+ --evm-connect-drawer-title-font-weight: 500;
41
+ --evm-connect-drawer-title-line-height: 26px;
42
+ --evm-connect-drawer-body-padding-horizontal: 0;
43
+ --evm-connect-drawer-body-padding-vertical: var(--evm-connect-drawer-content-padding-vertical);
44
+ --evm-connect-drawer-footer-padding-horizontal: 0;
45
+ --evm-connect-drawer-footer-padding-vertical: var(--evm-connect-drawer-content-padding-vertical);
46
+
47
+ /* Connector */
48
+ --evm-connect-dropdown-trigger-horizontal-padding: 8px;
49
+ --evm-connect-dropdown-trigger-vertical-padding: 0;
50
+ --evm-connect-dropdown-background: #fff;
51
+ --evm-connect-dropdown-border-radius: 5px;
52
+ --evm-connect-dropdown-box-shadow: 0 8px 32px 0 rgb(63 74 111 / 12%), 0 1px 4px 0 rgb(63 74 111 / 8%);
53
+ --evm-connect-dropdown-color: var(--evm-connect-emphasis-color);
54
+ --evm-connect-dropdown-link-color: #0098ea;
55
+ --evm-connect-dropdown-link-hover-color: #00a6ff;
56
+
57
+ /* Providers list */
58
+ --evm-connect-provider-button-background: #e4eaf1;
59
+ --evm-connect-provider-button-hover-background: rgb(0 154.494955 232.2106 / 8%);
60
+ --evm-connect-provider-button-hover-color: var(--evm-connect-color);
61
+ --evm-connect-provider-button-border-width: 2px;
62
+ --evm-connect-provider-button-border-style: solid;
63
+ --evm-connect-provider-button-border: transparent;
64
+ --evm-connect-provider-button-hover-border: #07acff;
65
+
66
+ /* WalletConnect */
67
+ --w3m-z-index: calc(var(--modal-z-index) + 20) !important;
68
+ }
@@ -0,0 +1,4 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ require("./standalone.css");
4
+ require("./style.css");
@@ -0,0 +1,538 @@
1
+ [class*='evm-connect-'] {
2
+ --global-scroll-width: initial;
3
+
4
+ /* Globals */
5
+ --global-color: var(--evm-connect-color);
6
+ --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';
7
+ --global-emphasis-color: var(--evm-connect-emphasis-color);
8
+ --global-muted-color: var(--evm-connect-muted-color);
9
+ --global-link-color: var(--evm-connect-link-color);
10
+ --global-link-hover-color: var(--evm-connect-link-hover-color);
11
+ --global-border: var(--evm-connect-border);
12
+ --global-border-style: solid;
13
+ --global-border-width: 1px;
14
+ --global-border-radius: var(--evm-connect-border-radius);
15
+ --global-gutter: 20px;
16
+ --global-medium-gutter: var(--global-gutter);
17
+ --global-large-gutter: var(--global-gutter);
18
+
19
+ /* Base */
20
+ --base-body-color: var(--global-color);
21
+ --base-body-font-family: var(--global-font-family);
22
+ --base-link-color: var(--global-link-color);
23
+ --base-link-hover-color: var(--global-link-hover-color);
24
+ --base-link-text-decoration: none;
25
+ --base-link-hover-text-decoration: none;
26
+ --base-heading-color: var(--global-emphasis-color);
27
+ --base-heading-font-family: var(--global-font-family);
28
+ --base-heading-font-weight: 600;
29
+ --base-heading-text-transform: none;
30
+
31
+ /* Card */
32
+ --card-body-padding-horizontal: var(--global-gutter);
33
+ --card-body-padding-vertical: var(--card-body-padding-horizontal);
34
+ --card-small-body-padding-horizontal: var(--global-gutter);
35
+ --card-small-body-padding-vertical: var(--card-body-padding-horizontal);
36
+
37
+ /* Grid */
38
+ --grid-gutter-horizontal: var(--global-gutter);
39
+ --grid-gutter-vertical: var(--grid-gutter-horizontal);
40
+ --grid-gutter-horizontal-m: var(--global-medium-gutter);
41
+ --grid-gutter-vertical-m: var(--grid-gutter-horizontal-m);
42
+ --grid-gutter-horizontal-l: var(--global-large-gutter);
43
+ --grid-gutter-vertical-l: var(--grid-gutter-horizontal-l);
44
+
45
+ /* Description list */
46
+ --description-list-term-color: var(--global-emphasis-color);
47
+
48
+ /* Drawer */
49
+ --drawer-close-position: var(--evm-connect-modal-padding-horizontal);
50
+
51
+ /* Modal */
52
+ --modal-width: var(--evm-connect-modal-width);
53
+ --modal-close-padding: 0px;
54
+ --modal-close-position: calc(var(--evm-connect-modal-padding-horizontal) - var(--modal-close-padding));
55
+
56
+ /* List */
57
+ --list-margin-top: var(--global-small-margin);
58
+ --list-large-margin-top: var(--global-margin);
59
+
60
+ /* Text */
61
+ --text-emphasis-color: var(--global-emphasis-color);
62
+ --text-meta-color: var(--global-muted-color);
63
+ --text-muted-color: var(--global-muted-color);
64
+
65
+ font-family: var(--base-body-font-family), sans-serif;
66
+
67
+ /* Component: Base */
68
+ a:not(.uk-button),
69
+ .uk-link:not(.uk-button) {
70
+ color: var(--base-link-color);
71
+ cursor: pointer;
72
+ text-decoration: var(--base-link-text-decoration);
73
+ }
74
+
75
+ a:not(.uk-button):hover,
76
+ .uk-link:not(.uk-button):hover {
77
+ color: var(--base-link-hover-color);
78
+ text-decoration: var(--base-link-hover-text-decoration);
79
+ }
80
+
81
+ a:not(.uk-button):active,
82
+ a:not(.uk-button):hover {
83
+ outline: none;
84
+ }
85
+
86
+ dt { font-weight: bold; }
87
+ dd { margin-left: 0; }
88
+
89
+ h1, .uk-h1,
90
+ h2, .uk-h2,
91
+ h3, .uk-h3,
92
+ h4, .uk-h4,
93
+ h5, .uk-h5,
94
+ h6, .uk-h6 {
95
+ color: var(--base-heading-color);
96
+ font-family: var(--base-heading-font-family), system-ui;
97
+ font-weight: var(--base-heading-font-weight);
98
+ margin: 0 0 var(--base-margin-vertical) 0;
99
+ text-transform: var(--base-heading-text-transform);
100
+ }
101
+
102
+ h1, .uk-h1 {
103
+ font-size: var(--base-h1-font-size);
104
+ line-height: var(--base-h1-line-height);
105
+ }
106
+
107
+ h2, .uk-h2 {
108
+ font-size: var(--base-h2-font-size);
109
+ line-height: var(--base-h2-line-height);
110
+ }
111
+
112
+ h3, .uk-h3 {
113
+ font-size: var(--base-h3-font-size);
114
+ line-height: var(--base-h3-line-height);
115
+ }
116
+
117
+ h4, .uk-h4 {
118
+ font-size: var(--base-h4-font-size);
119
+ line-height: var(--base-h4-line-height);
120
+ }
121
+
122
+ h5, .uk-h5 {
123
+ font-size: var(--base-h5-font-size);
124
+ line-height: var(--base-h5-line-height);
125
+ }
126
+
127
+ h6, .uk-h6 {
128
+ font-size: var(--base-h6-font-size);
129
+ line-height: var(--base-h6-line-height);
130
+ }
131
+
132
+ /* Component: Button */
133
+ .uk-button {
134
+ transition: background-color var(--transition-duration) var(--ease-in-out),
135
+ border-color var(--transition-duration) var(--ease-in-out),
136
+ color var(--transition-duration) var(--ease-in-out);
137
+ }
138
+
139
+ /* Component: Card */
140
+ .uk-card-default {
141
+ background: none;
142
+ border: var(--global-border-width) var(--global-border-style) var(--global-border);
143
+ border-radius: var(--global-border-radius);
144
+ }
145
+
146
+ /* Component: Icon */
147
+ button.uk-icon:not(:disabled) {
148
+ cursor: pointer;
149
+ }
150
+
151
+ .uk-icon::-moz-focus-inner {
152
+ border: 0;
153
+ padding: 0;
154
+ }
155
+
156
+ .uk-icon:not(.uk-preserve) [fill*='#']:not(.uk-preserve) {
157
+ fill: currentColor;
158
+ }
159
+
160
+ .uk-icon:not(.uk-preserve) [stroke*='#']:not(.uk-preserve) {
161
+ stroke: currentColor;
162
+ }
163
+
164
+ .uk-icon > * {
165
+ transform: translate(0, 0);
166
+ }
167
+
168
+ /* Component: Dropdown */
169
+ .uk-dropdown {
170
+ background: var(--evm-connect-dropdown-background);
171
+ box-sizing: border-box;
172
+ color: var(--evm-connect-dropdown-color);
173
+ min-width: var(--dropdown-min-width);
174
+ padding: var(--dropdown-padding);
175
+ position: absolute;
176
+ z-index: var(--dropdown-z-index);
177
+ }
178
+
179
+ .uk-dropdown-hidden {
180
+ display: none;
181
+ }
182
+
183
+ [class*='uk-dropdown-placement-bottom'] {
184
+ &.uk-slide-up-enter.uk-slide-up-enter-active,
185
+ &.uk-slide-up-appear.uk-slide-up-appear-active {
186
+ animation-name: uk-slide-up-in;
187
+ }
188
+
189
+ &.uk-slide-up-leave.uk-slide-up-leave-active {
190
+ animation-name: uk-slide-up-out;
191
+ }
192
+ }
193
+
194
+ [class*='uk-dropdown-placement-top'] {
195
+ &.uk-slide-up-enter.uk-slide-up-enter-active,
196
+ &.uk-slide-up-appear.uk-slide-up-appear-active {
197
+ animation-name: uk-slide-down-in;
198
+ }
199
+
200
+ &.uk-slide-up-leave.uk-slide-up-leave-active {
201
+ animation-name: uk-slide-down-out;
202
+ }
203
+ }
204
+
205
+ /* Design system overrides */
206
+ .uk-copy-wrapper {
207
+ align-items: center;
208
+ cursor: pointer;
209
+ display: inline-flex;
210
+ justify-content: center;
211
+ }
212
+
213
+ .uk-explorer-link {
214
+ align-items: center;
215
+ column-gap: 8px;
216
+ display: inline-flex;
217
+ line-height: normal;
218
+ }
219
+
220
+ .uk-explorer-link:hover,
221
+ .uk-explorer-link a:hover {
222
+ text-decoration: none;
223
+ }
224
+
225
+ .uk-explorer-link .uk-copy-wrapper,
226
+ .uk-explorer-link .uk-wallet-asset {
227
+ cursor: pointer;
228
+ }
229
+
230
+ .uk-explorer-link .uk-icon-external,
231
+ .uk-explorer-link .uk-copy-wrapper,
232
+ .uk-explorer-link .uk-wallet-asset {
233
+ line-height: 0;
234
+
235
+ svg {
236
+ height: var(--explorer-link-icon-size);
237
+ width: var(--explorer-link-icon-size);
238
+ }
239
+ }
240
+
241
+ .uk-wallet-account .uk-wallet-account-icon {
242
+ position: relative;
243
+ width: max-content;
244
+ }
245
+
246
+ .uk-wallet-account .uk-wallet-account-title {
247
+ color: var(--global-color);
248
+ }
249
+
250
+ .uk-wallet-account .uk-wallet-account-subtitle {
251
+ color: var(--global-muted-color);
252
+ font-size: var(--global-xsmall-font-size);
253
+ letter-spacing: 0.6px;
254
+ line-height: 16px;
255
+ white-space: nowrap;
256
+ }
257
+
258
+ .uk-wallet-account .uk-wallet-account-sub-icon {
259
+ border-radius: 50%;
260
+ bottom: -2px;
261
+ display: flex;
262
+ position: absolute;
263
+ right: -2px;
264
+ }
265
+
266
+ }
267
+
268
+ /*
269
+ ========================================================================
270
+ Modal
271
+ ========================================================================
272
+ */
273
+
274
+ .evm-connect-modal > *:not([class]) {
275
+ width: 100%;
276
+ }
277
+
278
+ .evm-connect-modal .uk-modal-container {
279
+ background: var(--evm-connect-modal-background);
280
+ border-radius: var(--evm-connect-modal-border-radius);
281
+ box-shadow: var(--evm-connect-modal-box-shadow);
282
+ color: var(--evm-connect-modal-color);
283
+ padding: var(--evm-connect-modal-padding-vertical) var(--evm-connect-modal-padding-horizontal);
284
+ }
285
+
286
+ .evm-connect-modal .uk-modal-header {
287
+ background: none;
288
+ padding: 0 var(--evm-connect-modal-header-padding-horizontal) var(--evm-connect-modal-header-padding-vertical);
289
+ }
290
+
291
+ .evm-connect-modal .uk-modal-title {
292
+ color: var(--evm-connect-modal-title-color);
293
+ font-size: var(--evm-connect-modal-title-font-size);
294
+ font-weight: var(--evm-connect-modal-title-font-weight);
295
+ line-height: var(--evm-connect-modal-title-line-height);
296
+ text-align: center;
297
+ }
298
+
299
+ .evm-connect-modal .uk-modal-body {
300
+ padding: 0 var(--evm-connect-modal-body-padding-horizontal);
301
+ }
302
+
303
+ .evm-connect-modal .uk-modal-body:last-child {
304
+ padding-bottom: 0;
305
+ }
306
+
307
+ .evm-connect-modal .uk-modal-footer {
308
+ background: none;
309
+ padding: var(--evm-connect-modal-footer-padding-vertical) var(--evm-connect-modal-footer-padding-horizontal) 0;
310
+ }
311
+
312
+ /*
313
+ ========================================================================
314
+ Drawer
315
+ ========================================================================
316
+ */
317
+
318
+ .evm-connect-drawer .uk-drawer-content-wrapper {
319
+ --drawer-height: auto;
320
+ }
321
+
322
+ .evm-connect-drawer .uk-drawer-content {
323
+ background: var(--evm-connect-drawer-content-background);
324
+ border-radius: var(--evm-connect-drawer-content-border-radius) var(--evm-connect-drawer-content-border-radius) 0 0;
325
+ box-shadow: none;
326
+ color: var(--evm-connect-drawer-content-color);
327
+ padding: var(--evm-connect-drawer-content-padding-vertical) var(--evm-connect-drawer-content-padding-horizontal);
328
+ }
329
+
330
+ .evm-connect-drawer .uk-drawer-header {
331
+ padding: 0 var(--evm-connect-drawer-header-padding-horizontal) var(--evm-connect-drawer-header-padding-vertical);
332
+ }
333
+
334
+ .evm-connect-drawer .uk-drawer-title {
335
+ color: var(--evm-connect-drawer-title-color);
336
+ font-size: var(--evm-connect-drawer-title-font-size);
337
+ font-weight: var(--evm-connect-drawer-title-font-weight);
338
+ line-height: var(--evm-connect-drawer-title-line-height);
339
+ text-align: center;
340
+ }
341
+
342
+ .evm-connect-drawer .uk-drawer-body {
343
+ padding: 0 var(--evm-connect-drawer-body-padding-horizontal);
344
+ }
345
+
346
+ .evm-connect-drawer .uk-drawer-body:last-child {
347
+ padding-bottom: 0;
348
+ }
349
+
350
+ /* Modal & Drawer close button */
351
+ .evm-connect-modal .uk-modal-close-default,
352
+ .evm-connect-drawer .uk-drawer-close {
353
+ color: var(--evm-connect-muted-color);
354
+ padding: var(--modal-close-padding);
355
+ }
356
+
357
+ .evm-connect-modal .uk-modal-close-default:hover,
358
+ .evm-connect-modal .uk-modal-close-default:focus,
359
+ .evm-connect-drawer .uk-drawer-close:hover,
360
+ .evm-connect-drawer .uk-drawer-close:focus {
361
+ color: var(--evm-connect-color);
362
+ }
363
+
364
+ /*
365
+ ========================================================================
366
+ Modal page
367
+ ========================================================================
368
+ */
369
+
370
+ .evm-modal-page {
371
+ box-sizing: border-box;
372
+ overflow-y: clip !important;
373
+ padding-right: var(--global-scroll-width, 15px) !important;
374
+ }
375
+
376
+ .evm-modal-page body {
377
+ overflow: hidden;
378
+ overflow: clip;
379
+ }
380
+
381
+ /*
382
+ ========================================================================
383
+ Providers dispatcher
384
+ ========================================================================
385
+ */
386
+
387
+ .evm-connect-providers-dispatcher {
388
+ backface-visibility: hidden;
389
+ display: flex;
390
+ flex-direction: column;
391
+ height: inherit;
392
+ overflow: hidden;
393
+ transition: height var(--transition-fast-duration) var(--ease-in);
394
+ width: inherit;
395
+ }
396
+
397
+ /* Modal & Drawer back button */
398
+ .evm-connect-providers-dispatcher .evm-connect-back-button {
399
+ color: var(--evm-connect-muted-color);
400
+ left: var(--modal-close-position);
401
+ line-height: 0;
402
+ padding: var(--modal-close-padding);
403
+ position: absolute;
404
+ top: var(--modal-close-position);
405
+ }
406
+
407
+ .evm-connect-providers-dispatcher .evm-connect-back-button:hover,
408
+ .evm-connect-providers-dispatcher .evm-connect-back-button:focus {
409
+ color: var(--evm-connect-color);
410
+ }
411
+
412
+ .evm-connect-provider-content .evm-connect-provider-content-title {
413
+ color: var(--evm-connect-color);
414
+ font-weight: 600;
415
+ margin-bottom: var(--global-small-margin, 10px);
416
+ }
417
+
418
+ /*
419
+ ========================================================================
420
+ Providers list
421
+ ========================================================================
422
+ */
423
+
424
+ .evm-connect-provider-content .evm-connect-providers-list {
425
+ margin: 0;
426
+ }
427
+
428
+ .evm-connect-providers-list .evm-connect-provider-button.uk-button {
429
+ align-content: center;
430
+ align-items: center;
431
+ background-color: var(--evm-connect-provider-button-background);
432
+ border: var(--evm-connect-provider-button-border-width) var(--evm-connect-provider-button-border-style) var(--evm-connect-provider-button-border);
433
+ border-radius: 8px;
434
+ box-sizing: border-box;
435
+ color: var(--evm-connect-color);
436
+ display: grid;
437
+ gap: 16px;
438
+ grid-auto-rows: max-content;
439
+ grid-template-columns: 32px minmax(50%, 100%) auto;
440
+ line-height: normal;
441
+ min-height: 65px;
442
+ padding: 0 20px;
443
+ position: relative;
444
+ text-align: left;
445
+ width: 100%;
446
+ }
447
+
448
+ .evm-connect-providers-list .evm-connect-provider-button.uk-button:hover:not(:disabled),
449
+ .evm-connect-providers-list .evm-connect-provider-button.uk-button:focus:not(:disabled) {
450
+ background-color: var(--evm-connect-provider-button-hover-background);
451
+ border-color: var(--evm-connect-provider-button-hover-border);
452
+ color: var(--evm-connect-provider-button-hover-color);
453
+ }
454
+
455
+ .evm-connect-providers-list .evm-connect-provider-title {
456
+ color: var(--evm-connect-color);
457
+ font-size: 18px;
458
+ font-weight: 500;
459
+ }
460
+
461
+ .evm-connect-providers-list .evm-connect-provider-subtitle {
462
+ max-width: 100%;
463
+ opacity: 0.8;
464
+ }
465
+
466
+ .evm-connect-providers-list .evm-connect-provider-connected,
467
+ .evm-connect-providers-list .evm-connect-provider-recent {
468
+ background: var(--evm-connect-modal-background);
469
+ border-radius: 3px;
470
+ display: inline-block;
471
+ font-size: 9px;
472
+ justify-self: flex-end;
473
+ padding: 1px 5px;
474
+ position: absolute;
475
+ right: 8px;
476
+ text-transform: uppercase;
477
+ top: 12px;
478
+ }
479
+
480
+ /*
481
+ ========================================================================
482
+ QR Code
483
+ ========================================================================
484
+ */
485
+
486
+ .evm-connect-qrcode-wrapper {
487
+ padding: 0 10%;
488
+ }
489
+
490
+ /*
491
+ ========================================================================
492
+ Connector
493
+ ========================================================================
494
+ */
495
+
496
+ .evm-connect-connector {
497
+ display: inline-flex;
498
+ max-width: max-content;
499
+ }
500
+
501
+ .evm-connect-connector .evm-connect-connector-icon {
502
+ background-color: var(--global-muted-background);
503
+ border-radius: 50%;
504
+ box-sizing: border-box;
505
+ height: 32px;
506
+ min-width: 32px;
507
+ width: 32px;
508
+ }
509
+
510
+ .evm-connect-connector .evm-connect-connector-suffix {
511
+ position: relative;
512
+ }
513
+
514
+ .evm-connect-connector .evm-connect-dropdown-trigger {
515
+ align-items: center;
516
+ cursor: pointer;
517
+ display: flex;
518
+ height: 100%;
519
+ padding: var(--evm-connect-dropdown-trigger-vertical-padding) var(--evm-connect-dropdown-trigger-horizontal-padding);
520
+ }
521
+
522
+ /* Dropdown */
523
+ .evm-connect-dropdown {
524
+ background: var(--evm-connect-dropdown-background);
525
+ border-radius: var(--evm-connect-dropdown-border-radius);
526
+ box-shadow: var(--evm-connect-dropdown-box-shadow);
527
+ color: var(--evm-connect-dropdown-color);
528
+ }
529
+
530
+ .evm-connect-dropdown .uk-button.uk-button-link {
531
+ color: var(--evm-connect-dropdown-link-color);
532
+ }
533
+
534
+ .evm-connect-dropdown .uk-button.uk-button-link:hover,
535
+ .evm-connect-dropdown .uk-button.uk-button-link:focus {
536
+ color: var(--evm-connect-dropdown-link-hover-color);
537
+ text-decoration: none;
538
+ }
@@ -0,0 +1,3 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ require("./uikit.scss");
@@ -14,6 +14,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
14
  for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
15
  };
16
16
  Object.defineProperty(exports, "__esModule", { value: true });
17
- __exportStar(require("../utils/convert-network-to-chain-params"), exports);
18
17
  __exportStar(require("../utils/get-evm-provider-platform-link"), exports);
19
18
  __exportStar(require("../utils/parse-chain-id"), exports);
19
+ __exportStar(require("../utils/recent-connection-meta"), exports);
20
+ __exportStar(require("../utils/to-chain-params"), exports);
@@ -0,0 +1,37 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.isRecentConnectionMeta = isRecentConnectionMeta;
4
+ exports.storeRecentConnectionMeta = storeRecentConnectionMeta;
5
+ exports.getRecentConnectionMeta = getRecentConnectionMeta;
6
+ const js_utils_1 = require("@broxus/js-utils");
7
+ const constants_1 = require("../constants");
8
+ const types_1 = require("../types");
9
+ function isRecentConnectionMeta(value) {
10
+ const meta = { providerId: value.providerId, type: value.type };
11
+ return Boolean(meta.type && types_1.EthereumConnectionType[meta.type] && !!meta.providerId);
12
+ }
13
+ function storeRecentConnectionMeta(meta, storageKey = constants_1.EVM_RECENT_CONNECTION) {
14
+ if (!meta) {
15
+ js_utils_1.storage.remove(storageKey);
16
+ return;
17
+ }
18
+ (0, js_utils_1.debug)('Store EVM recent connection', meta);
19
+ js_utils_1.storage.set(storageKey, JSON.stringify(meta));
20
+ }
21
+ function getRecentConnectionMeta(storageKey = constants_1.EVM_RECENT_CONNECTION) {
22
+ const value = js_utils_1.storage.get(storageKey);
23
+ if (!value) {
24
+ return undefined;
25
+ }
26
+ try {
27
+ const json = JSON.parse(value);
28
+ if (isRecentConnectionMeta(json)) {
29
+ return json;
30
+ }
31
+ }
32
+ catch (e) {
33
+ (0, js_utils_1.debug)(e);
34
+ }
35
+ storeRecentConnectionMeta(undefined, storageKey);
36
+ return undefined;
37
+ }
@@ -1,7 +1,7 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.convertNetworkToChainParams = convertNetworkToChainParams;
4
- function convertNetworkToChainParams(network) {
3
+ exports.toChainParams = toChainParams;
4
+ function toChainParams(network) {
5
5
  return {
6
6
  blockExplorerUrls: [network.explorer.baseUrl],
7
7
  chainId: Number(network.chainId),
@@ -0,0 +1,9 @@
1
+ export * from './components';
2
+ export * from './connectors';
3
+ export * from './context';
4
+ export * from './core';
5
+ export * from './hooks';
6
+ export * from './services';
7
+ export * from './utils';
8
+ export * from './constants';
9
+ export * from './types';
@@ -0,0 +1,9 @@
1
+ export * from './components';
2
+ export * from './connectors';
3
+ export * from './context';
4
+ export * from './core';
5
+ export * from './hooks';
6
+ export * from './services';
7
+ export * from './utils';
8
+ export * from './constants';
9
+ export * from './types';
@@ -0,0 +1,6 @@
1
+ export * from './connectors';
2
+ export * from './core';
3
+ export * from './services';
4
+ export * from './utils';
5
+ export * from './constants';
6
+ export * from './types';