@relayprotocol/relay-kit-ui 4.0.18 → 5.0.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 (153) hide show
  1. package/_cjs/src/components/common/CustomAddressModal.js +16 -6
  2. package/_cjs/src/components/common/CustomAddressModal.js.map +1 -1
  3. package/_cjs/src/components/common/StepIcon.js +39 -0
  4. package/_cjs/src/components/common/StepIcon.js.map +1 -0
  5. package/_cjs/src/components/common/TransactionModal/DepositAddressModal.js +1 -1
  6. package/_cjs/src/components/common/TransactionModal/DepositAddressModal.js.map +1 -1
  7. package/_cjs/src/components/common/TransactionModal/DepositAddressModalRenderer.js +2 -2
  8. package/_cjs/src/components/common/TransactionModal/DepositAddressModalRenderer.js.map +1 -1
  9. package/_cjs/src/components/common/TransactionModal/TransactionModal.js +3 -3
  10. package/_cjs/src/components/common/TransactionModal/TransactionModal.js.map +1 -1
  11. package/_cjs/src/components/common/TransactionModal/TransactionModalRenderer.js +33 -14
  12. package/_cjs/src/components/common/TransactionModal/TransactionModalRenderer.js.map +1 -1
  13. package/_cjs/src/components/common/TransactionModal/steps/DepositAddressValidatingStep.js +1 -1
  14. package/_cjs/src/components/common/TransactionModal/steps/DepositAddressValidatingStep.js.map +1 -1
  15. package/_cjs/src/components/common/TransactionModal/steps/ErrorStep.js +29 -17
  16. package/_cjs/src/components/common/TransactionModal/steps/ErrorStep.js.map +1 -1
  17. package/_cjs/src/components/common/TransactionModal/steps/SwapConfirmationStep.js +85 -48
  18. package/_cjs/src/components/common/TransactionModal/steps/SwapConfirmationStep.js.map +1 -1
  19. package/_cjs/src/components/common/TransactionModal/steps/SwapSuccessStep.js +100 -42
  20. package/_cjs/src/components/common/TransactionModal/steps/SwapSuccessStep.js.map +1 -1
  21. package/_cjs/src/components/common/TransactionModal/steps/TransactionsByChain.js +48 -34
  22. package/_cjs/src/components/common/TransactionModal/steps/TransactionsByChain.js.map +1 -1
  23. package/_cjs/src/components/primitives/Button.js +3 -3
  24. package/_cjs/src/components/primitives/Button.js.map +1 -1
  25. package/_cjs/src/components/primitives/ChainTokenIcon.js +6 -3
  26. package/_cjs/src/components/primitives/ChainTokenIcon.js.map +1 -1
  27. package/_cjs/src/components/widgets/OnrampWidget/modals/OnrampModal.js +1 -1
  28. package/_cjs/src/components/widgets/OnrampWidget/modals/OnrampModal.js.map +1 -1
  29. package/_cjs/src/components/widgets/SwapWidgetRenderer.js +6 -6
  30. package/_cjs/src/components/widgets/SwapWidgetRenderer.js.map +1 -1
  31. package/_cjs/src/constants/walletCompatibility.js +4 -1
  32. package/_cjs/src/constants/walletCompatibility.js.map +1 -1
  33. package/_cjs/src/icons/ArrowLeftToLine.js +10 -0
  34. package/_cjs/src/icons/ArrowLeftToLine.js.map +1 -0
  35. package/_cjs/src/icons/ArrowRightFromLine.js +10 -0
  36. package/_cjs/src/icons/ArrowRightFromLine.js.map +1 -0
  37. package/_cjs/src/icons/FileSignature.js +10 -0
  38. package/_cjs/src/icons/FileSignature.js.map +1 -0
  39. package/_cjs/src/icons/RelayIcon.js +10 -0
  40. package/_cjs/src/icons/RelayIcon.js.map +1 -0
  41. package/_cjs/src/icons/Shuffle.js +10 -0
  42. package/_cjs/src/icons/Shuffle.js.map +1 -0
  43. package/_cjs/src/icons/index.js +11 -1
  44. package/_cjs/src/icons/index.js.map +1 -1
  45. package/_cjs/src/styles.css +94 -90
  46. package/_cjs/src/utils/localStorage.js +31 -2
  47. package/_cjs/src/utils/localStorage.js.map +1 -1
  48. package/_cjs/src/utils/relayTransaction.js +7 -35
  49. package/_cjs/src/utils/relayTransaction.js.map +1 -1
  50. package/_cjs/src/utils/steps.js +304 -61
  51. package/_cjs/src/utils/steps.js.map +1 -1
  52. package/_cjs/src/version.js +1 -1
  53. package/_cjs/src/version.js.map +1 -1
  54. package/_cjs/tsconfig.build.tsbuildinfo +1 -1
  55. package/_esm/src/components/common/CustomAddressModal.js +19 -7
  56. package/_esm/src/components/common/CustomAddressModal.js.map +1 -1
  57. package/_esm/src/components/common/StepIcon.js +36 -0
  58. package/_esm/src/components/common/StepIcon.js.map +1 -0
  59. package/_esm/src/components/common/TransactionModal/DepositAddressModal.js +1 -1
  60. package/_esm/src/components/common/TransactionModal/DepositAddressModal.js.map +1 -1
  61. package/_esm/src/components/common/TransactionModal/DepositAddressModalRenderer.js +2 -2
  62. package/_esm/src/components/common/TransactionModal/DepositAddressModalRenderer.js.map +1 -1
  63. package/_esm/src/components/common/TransactionModal/TransactionModal.js +3 -3
  64. package/_esm/src/components/common/TransactionModal/TransactionModal.js.map +1 -1
  65. package/_esm/src/components/common/TransactionModal/TransactionModalRenderer.js +38 -15
  66. package/_esm/src/components/common/TransactionModal/TransactionModalRenderer.js.map +1 -1
  67. package/_esm/src/components/common/TransactionModal/steps/DepositAddressValidatingStep.js +1 -3
  68. package/_esm/src/components/common/TransactionModal/steps/DepositAddressValidatingStep.js.map +1 -1
  69. package/_esm/src/components/common/TransactionModal/steps/ErrorStep.js +29 -17
  70. package/_esm/src/components/common/TransactionModal/steps/ErrorStep.js.map +1 -1
  71. package/_esm/src/components/common/TransactionModal/steps/SwapConfirmationStep.js +89 -50
  72. package/_esm/src/components/common/TransactionModal/steps/SwapConfirmationStep.js.map +1 -1
  73. package/_esm/src/components/common/TransactionModal/steps/SwapSuccessStep.js +116 -45
  74. package/_esm/src/components/common/TransactionModal/steps/SwapSuccessStep.js.map +1 -1
  75. package/_esm/src/components/common/TransactionModal/steps/TransactionsByChain.js +53 -37
  76. package/_esm/src/components/common/TransactionModal/steps/TransactionsByChain.js.map +1 -1
  77. package/_esm/src/components/primitives/Button.js +3 -3
  78. package/_esm/src/components/primitives/Button.js.map +1 -1
  79. package/_esm/src/components/primitives/ChainTokenIcon.js +6 -3
  80. package/_esm/src/components/primitives/ChainTokenIcon.js.map +1 -1
  81. package/_esm/src/components/widgets/OnrampWidget/modals/OnrampModal.js +1 -1
  82. package/_esm/src/components/widgets/OnrampWidget/modals/OnrampModal.js.map +1 -1
  83. package/_esm/src/components/widgets/SwapWidgetRenderer.js +6 -6
  84. package/_esm/src/components/widgets/SwapWidgetRenderer.js.map +1 -1
  85. package/_esm/src/constants/walletCompatibility.js +4 -1
  86. package/_esm/src/constants/walletCompatibility.js.map +1 -1
  87. package/_esm/src/icons/ArrowLeftToLine.js +7 -0
  88. package/_esm/src/icons/ArrowLeftToLine.js.map +1 -0
  89. package/_esm/src/icons/ArrowRightFromLine.js +7 -0
  90. package/_esm/src/icons/ArrowRightFromLine.js.map +1 -0
  91. package/_esm/src/icons/FileSignature.js +7 -0
  92. package/_esm/src/icons/FileSignature.js.map +1 -0
  93. package/_esm/src/icons/RelayIcon.js +7 -0
  94. package/_esm/src/icons/RelayIcon.js.map +1 -0
  95. package/_esm/src/icons/Shuffle.js +7 -0
  96. package/_esm/src/icons/Shuffle.js.map +1 -0
  97. package/_esm/src/icons/index.js +5 -0
  98. package/_esm/src/icons/index.js.map +1 -1
  99. package/_esm/src/styles.css +94 -90
  100. package/_esm/src/utils/localStorage.js +44 -2
  101. package/_esm/src/utils/localStorage.js.map +1 -1
  102. package/_esm/src/utils/relayTransaction.js +7 -33
  103. package/_esm/src/utils/relayTransaction.js.map +1 -1
  104. package/_esm/src/utils/steps.js +357 -77
  105. package/_esm/src/utils/steps.js.map +1 -1
  106. package/_esm/src/version.js +1 -1
  107. package/_esm/src/version.js.map +1 -1
  108. package/_esm/tsconfig.build.tsbuildinfo +1 -1
  109. package/_types/src/components/common/CustomAddressModal.d.ts.map +1 -1
  110. package/_types/src/components/common/StepIcon.d.ts +8 -0
  111. package/_types/src/components/common/StepIcon.d.ts.map +1 -0
  112. package/_types/src/components/common/TransactionModal/DepositAddressModalRenderer.d.ts.map +1 -1
  113. package/_types/src/components/common/TransactionModal/TransactionModalRenderer.d.ts +4 -6
  114. package/_types/src/components/common/TransactionModal/TransactionModalRenderer.d.ts.map +1 -1
  115. package/_types/src/components/common/TransactionModal/steps/DepositAddressValidatingStep.d.ts.map +1 -1
  116. package/_types/src/components/common/TransactionModal/steps/ErrorStep.d.ts +5 -0
  117. package/_types/src/components/common/TransactionModal/steps/ErrorStep.d.ts.map +1 -1
  118. package/_types/src/components/common/TransactionModal/steps/SwapConfirmationStep.d.ts +5 -0
  119. package/_types/src/components/common/TransactionModal/steps/SwapConfirmationStep.d.ts.map +1 -1
  120. package/_types/src/components/common/TransactionModal/steps/SwapSuccessStep.d.ts +2 -1
  121. package/_types/src/components/common/TransactionModal/steps/SwapSuccessStep.d.ts.map +1 -1
  122. package/_types/src/components/common/TransactionModal/steps/TransactionsByChain.d.ts +4 -0
  123. package/_types/src/components/common/TransactionModal/steps/TransactionsByChain.d.ts.map +1 -1
  124. package/_types/src/components/primitives/ChainTokenIcon.d.ts +1 -1
  125. package/_types/src/components/primitives/ChainTokenIcon.d.ts.map +1 -1
  126. package/_types/src/components/widgets/OnrampWidget/modals/OnrampModal.d.ts.map +1 -1
  127. package/_types/src/components/widgets/SwapWidgetRenderer.d.ts.map +1 -1
  128. package/_types/src/constants/walletCompatibility.d.ts.map +1 -1
  129. package/_types/src/icons/ArrowLeftToLine.d.ts +9 -0
  130. package/_types/src/icons/ArrowLeftToLine.d.ts.map +1 -0
  131. package/_types/src/icons/ArrowRightFromLine.d.ts +9 -0
  132. package/_types/src/icons/ArrowRightFromLine.d.ts.map +1 -0
  133. package/_types/src/icons/FileSignature.d.ts +9 -0
  134. package/_types/src/icons/FileSignature.d.ts.map +1 -0
  135. package/_types/src/icons/RelayIcon.d.ts +9 -0
  136. package/_types/src/icons/RelayIcon.d.ts.map +1 -0
  137. package/_types/src/icons/Shuffle.d.ts +9 -0
  138. package/_types/src/icons/Shuffle.d.ts.map +1 -0
  139. package/_types/src/icons/index.d.ts +5 -0
  140. package/_types/src/icons/index.d.ts.map +1 -1
  141. package/_types/src/utils/localStorage.d.ts +17 -0
  142. package/_types/src/utils/localStorage.d.ts.map +1 -1
  143. package/_types/src/utils/quote.d.ts +4 -4
  144. package/_types/src/utils/relayTransaction.d.ts +0 -4
  145. package/_types/src/utils/relayTransaction.d.ts.map +1 -1
  146. package/_types/src/utils/steps.d.ts +13 -15
  147. package/_types/src/utils/steps.d.ts.map +1 -1
  148. package/_types/src/version.d.ts +1 -1
  149. package/_types/src/version.d.ts.map +1 -1
  150. package/_types/tsconfig.build.tsbuildinfo +1 -1
  151. package/dist/panda.buildinfo.json +31 -29
  152. package/dist/styles.css +94 -90
  153. package/package.json +4 -4
@@ -8,11 +8,11 @@
8
8
 
9
9
  @keyframes pulse-shadow {
10
10
  0% {
11
- box-shadow: 0 0 0 0px currentColor;
11
+ box-shadow: 0 0 0 0px var(--relay-colors-primary4);
12
12
  }
13
13
 
14
14
  100% {
15
- box-shadow: 0 0 0 6px currentColor;
15
+ box-shadow: 0 0 0 6px var(--relay-colors-primary4);
16
16
  }
17
17
  }
18
18
 
@@ -1172,6 +1172,10 @@
1172
1172
  color: #30A46C;
1173
1173
  }
1174
1174
 
1175
+ .relay-text_\#9CA3AF:not(#\#):not(#\#):not(#\#):not(#\#) {
1176
+ color: #9CA3AF;
1177
+ }
1178
+
1175
1179
  .relay-gap_6px:not(#\#):not(#\#):not(#\#):not(#\#) {
1176
1180
  gap: 6px;
1177
1181
  }
@@ -1180,6 +1184,10 @@
1180
1184
  cursor: pointer;
1181
1185
  }
1182
1186
 
1187
+ .relay-px_8px:not(#\#):not(#\#):not(#\#):not(#\#) {
1188
+ padding-inline: 8px;
1189
+ }
1190
+
1183
1191
  .relay-text_transparent:not(#\#):not(#\#):not(#\#):not(#\#) {
1184
1192
  color: transparent;
1185
1193
  }
@@ -1312,6 +1320,26 @@
1312
1320
  text-align: right;
1313
1321
  }
1314
1322
 
1323
+ .relay-fill_currentColor:not(#\#):not(#\#):not(#\#):not(#\#) {
1324
+ fill: currentColor;
1325
+ }
1326
+
1327
+ .relay-rounded_100px:not(#\#):not(#\#):not(#\#):not(#\#) {
1328
+ border-radius: 100px;
1329
+ }
1330
+
1331
+ .relay-p_8px:not(#\#):not(#\#):not(#\#):not(#\#) {
1332
+ padding: 8px;
1333
+ }
1334
+
1335
+ .relay-w_32px:not(#\#):not(#\#):not(#\#):not(#\#) {
1336
+ width: 32px;
1337
+ }
1338
+
1339
+ .relay-h_32px:not(#\#):not(#\#):not(#\#):not(#\#) {
1340
+ height: 32px;
1341
+ }
1342
+
1315
1343
  .relay-z_1000:not(#\#):not(#\#):not(#\#):not(#\#) {
1316
1344
  z-index: 1000;
1317
1345
  }
@@ -1414,8 +1442,8 @@
1414
1442
  color: var(--relay-colors-primary-button-color);
1415
1443
  }
1416
1444
 
1417
- .relay-text_secondary-button-color:not(#\#):not(#\#):not(#\#):not(#\#) {
1418
- color: var(--relay-colors-secondary-button-color);
1445
+ .relay-text_primary12:not(#\#):not(#\#):not(#\#):not(#\#) {
1446
+ color: var(--relay-colors-primary12);
1419
1447
  }
1420
1448
 
1421
1449
  .relay-text_text-default:not(#\#):not(#\#):not(#\#):not(#\#) {
@@ -1594,10 +1622,6 @@
1594
1622
  background: var(--relay-colors-primary3);
1595
1623
  }
1596
1624
 
1597
- .relay-text_primary12:not(#\#):not(#\#):not(#\#):not(#\#) {
1598
- color: var(--relay-colors-primary12);
1599
- }
1600
-
1601
1625
  .relay-rounded_25:not(#\#):not(#\#):not(#\#):not(#\#) {
1602
1626
  border-radius: 25px;
1603
1627
  }
@@ -1908,10 +1932,6 @@
1908
1932
  --borderColor: var(--relay-colors-gray5);
1909
1933
  }
1910
1934
 
1911
- .relay-rounded_100px:not(#\#):not(#\#):not(#\#):not(#\#) {
1912
- border-radius: 100px;
1913
- }
1914
-
1915
1935
  .relay-text_primary11:not(#\#):not(#\#):not(#\#):not(#\#) {
1916
1936
  color: var(--relay-colors-primary11);
1917
1937
  }
@@ -2140,10 +2160,6 @@
2140
2160
  fill: var(--relay-colors-gray9);
2141
2161
  }
2142
2162
 
2143
- .relay-px_4:not(#\#):not(#\#):not(#\#):not(#\#) {
2144
- padding-inline: var(--relay-spacing-4);
2145
- }
2146
-
2147
2163
  .relay-fill_button-disabled-color:not(#\#):not(#\#):not(#\#):not(#\#) {
2148
2164
  fill: var(--relay-colors-button-disabled-color);
2149
2165
  }
@@ -2156,36 +2172,36 @@
2156
2172
  color: var(--relay-colors-red9);
2157
2173
  }
2158
2174
 
2159
- .relay-text_primary6:not(#\#):not(#\#):not(#\#):not(#\#) {
2160
- color: var(--relay-colors-primary6);
2175
+ .relay-text_gray:not(#\#):not(#\#):not(#\#):not(#\#) {
2176
+ color: gray;
2161
2177
  }
2162
2178
 
2163
2179
  .relay-text_green11:not(#\#):not(#\#):not(#\#):not(#\#) {
2164
2180
  color: var(--relay-colors-green11);
2165
2181
  }
2166
2182
 
2167
- .relay-animation_pulse-shadow_1s_infinite:not(#\#):not(#\#):not(#\#):not(#\#) {
2168
- animation: pulse-shadow 1s infinite;
2183
+ .relay-animation_pulse-shadow_1s_infinite_alternate-reverse:not(#\#):not(#\#):not(#\#):not(#\#) {
2184
+ animation: pulse-shadow 1s infinite alternate-reverse;
2169
2185
  }
2170
2186
 
2171
2187
  .relay-animation_none:not(#\#):not(#\#):not(#\#):not(#\#) {
2172
2188
  animation: none;
2173
2189
  }
2174
2190
 
2175
- .relay-p_0_12px:not(#\#):not(#\#):not(#\#):not(#\#) {
2176
- padding: 0 12px;
2191
+ .relay-h_30:not(#\#):not(#\#):not(#\#):not(#\#) {
2192
+ height: 30px;
2177
2193
  }
2178
2194
 
2179
- .relay-rounded_100:not(#\#):not(#\#):not(#\#):not(#\#) {
2180
- border-radius: 100px;
2195
+ .relay-w_30:not(#\#):not(#\#):not(#\#):not(#\#) {
2196
+ width: 30px;
2181
2197
  }
2182
2198
 
2183
- .relay-opacity_1:not(#\#):not(#\#):not(#\#):not(#\#) {
2184
- opacity: 1;
2199
+ .relay-p_0_12px:not(#\#):not(#\#):not(#\#):not(#\#) {
2200
+ padding: 0 12px;
2185
2201
  }
2186
2202
 
2187
- .relay-opacity_0\.6:not(#\#):not(#\#):not(#\#):not(#\#) {
2188
- opacity: 0.6;
2203
+ .relay-text_slate10:not(#\#):not(#\#):not(#\#):not(#\#) {
2204
+ color: slate10;
2189
2205
  }
2190
2206
 
2191
2207
  .relay-h_80:not(#\#):not(#\#):not(#\#):not(#\#) {
@@ -2200,44 +2216,24 @@
2200
2216
  border-radius: 999999px;
2201
2217
  }
2202
2218
 
2203
- .relay-w_80:not(#\#):not(#\#):not(#\#):not(#\#) {
2204
- width: 80px;
2219
+ .relay---borderColor_white:not(#\#):not(#\#):not(#\#):not(#\#) {
2220
+ --borderColor: white;
2205
2221
  }
2206
2222
 
2207
- .relay---borderColor_colors\.green10:not(#\#):not(#\#):not(#\#):not(#\#) {
2208
- --borderColor: var(--relay-colors-green10);
2209
- }
2210
-
2211
- .relay-border_6px_solid_var\(--borderColor\):not(#\#):not(#\#):not(#\#):not(#\#) {
2212
- border: 6px solid var(--borderColor);
2213
- }
2214
-
2215
- .relay-w_50:not(#\#):not(#\#):not(#\#):not(#\#) {
2216
- width: 50px;
2217
- }
2218
-
2219
- .relay-text_primary-color:not(#\#):not(#\#):not(#\#):not(#\#) {
2220
- color: var(--relay-colors-primary-color);
2223
+ .relay-border_2px_solid_var\(--borderColor\):not(#\#):not(#\#):not(#\#):not(#\#) {
2224
+ border: 2px solid var(--borderColor);
2221
2225
  }
2222
2226
 
2223
- .relay-border_3px_solid_var\(--borderColor\):not(#\#):not(#\#):not(#\#):not(#\#) {
2224
- border: 3px solid var(--borderColor);
2227
+ .relay---borderColor_colors\.slate\.5:not(#\#):not(#\#):not(#\#):not(#\#) {
2228
+ --borderColor: var(--relay-colors-slate-5);
2225
2229
  }
2226
2230
 
2227
2231
  .relay-bg_primary2:not(#\#):not(#\#):not(#\#):not(#\#) {
2228
2232
  background: var(--relay-colors-primary2);
2229
2233
  }
2230
2234
 
2231
- .relay-w_29:not(#\#):not(#\#):not(#\#):not(#\#) {
2232
- width: 29px;
2233
- }
2234
-
2235
- .relay-h_27:not(#\#):not(#\#):not(#\#):not(#\#) {
2236
- height: 27px;
2237
- }
2238
-
2239
- .relay-text_gray:not(#\#):not(#\#):not(#\#):not(#\#) {
2240
- color: gray;
2235
+ .relay-my_12px:not(#\#):not(#\#):not(#\#):not(#\#) {
2236
+ margin-block: 12px;
2241
2237
  }
2242
2238
 
2243
2239
  .relay-bg_gray5:not(#\#):not(#\#):not(#\#):not(#\#) {
@@ -2312,6 +2308,10 @@
2312
2308
  height: calc(100% - 24px);
2313
2309
  }
2314
2310
 
2311
+ .relay-px_4:not(#\#):not(#\#):not(#\#):not(#\#) {
2312
+ padding-inline: var(--relay-spacing-4);
2313
+ }
2314
+
2315
2315
  .relay-indent_-36px:not(#\#):not(#\#):not(#\#):not(#\#) {
2316
2316
  text-indent: -36px;
2317
2317
  }
@@ -2340,14 +2340,22 @@
2340
2340
  border-radius: 100%;
2341
2341
  }
2342
2342
 
2343
- .relay-border_2px_solid_var\(--borderColor\):not(#\#):not(#\#):not(#\#):not(#\#) {
2344
- border: 2px solid var(--borderColor);
2345
- }
2346
-
2347
2343
  .relay-filter_grayscale\(1\):not(#\#):not(#\#):not(#\#):not(#\#) {
2348
2344
  filter: grayscale(1);
2349
2345
  }
2350
2346
 
2347
+ .relay-w_80:not(#\#):not(#\#):not(#\#):not(#\#) {
2348
+ width: 80px;
2349
+ }
2350
+
2351
+ .relay---borderColor_colors\.green10:not(#\#):not(#\#):not(#\#):not(#\#) {
2352
+ --borderColor: var(--relay-colors-green10);
2353
+ }
2354
+
2355
+ .relay-border_6px_solid_var\(--borderColor\):not(#\#):not(#\#):not(#\#):not(#\#) {
2356
+ border: 6px solid var(--borderColor);
2357
+ }
2358
+
2351
2359
  .relay-bg_transparent:not(#\#):not(#\#):not(#\#):not(#\#) {
2352
2360
  background-color: transparent;
2353
2361
  }
@@ -2476,8 +2484,8 @@
2476
2484
  background-color: var(--relay-colors-primary-button-background);
2477
2485
  }
2478
2486
 
2479
- .relay-bg_secondary-button-background:not(#\#):not(#\#):not(#\#):not(#\#) {
2480
- background-color: var(--relay-colors-secondary-button-background);
2487
+ .relay-bg_primary4:not(#\#):not(#\#):not(#\#):not(#\#) {
2488
+ background-color: var(--relay-colors-primary4);
2481
2489
  }
2482
2490
 
2483
2491
  .relay-bg_widget-background:not(#\#):not(#\#):not(#\#):not(#\#) {
@@ -2504,10 +2512,6 @@
2504
2512
  line-height: 12px;
2505
2513
  }
2506
2514
 
2507
- .relay-bg_primary4:not(#\#):not(#\#):not(#\#):not(#\#) {
2508
- background-color: var(--relay-colors-primary4);
2509
- }
2510
-
2511
2515
  .relay-bg_modal-background:not(#\#):not(#\#):not(#\#):not(#\#) {
2512
2516
  background-color: var(--relay-colors-modal-background);
2513
2517
  }
@@ -2884,6 +2888,10 @@
2884
2888
  margin-right: $2;
2885
2889
  }
2886
2890
 
2891
+ .relay-mb_16px:not(#\#):not(#\#):not(#\#):not(#\#) {
2892
+ margin-bottom: 16px;
2893
+ }
2894
+
2887
2895
  .relay-bg_primary6:not(#\#):not(#\#):not(#\#):not(#\#) {
2888
2896
  background-color: var(--relay-colors-primary6);
2889
2897
  }
@@ -2892,36 +2900,16 @@
2892
2900
  background-color: var(--relay-colors-green3);
2893
2901
  }
2894
2902
 
2895
- .relay-animation-direction_alternate-reverse:not(#\#):not(#\#):not(#\#):not(#\#) {
2896
- animation-direction: alternate-reverse;
2897
- }
2898
-
2899
- .relay-fs_10px:not(#\#):not(#\#):not(#\#):not(#\#) {
2900
- font-size: 10px;
2901
- }
2902
-
2903
2903
  .relay-pl_12px:not(#\#):not(#\#):not(#\#):not(#\#) {
2904
2904
  padding-left: 12px;
2905
2905
  }
2906
2906
 
2907
- .relay-bg_primary3:not(#\#):not(#\#):not(#\#):not(#\#) {
2908
- background-color: var(--relay-colors-primary3);
2909
- }
2910
-
2911
- .relay-bg_green2:not(#\#):not(#\#):not(#\#):not(#\#) {
2912
- background-color: var(--relay-colors-green2);
2913
- }
2914
-
2915
- .relay-right_-40:not(#\#):not(#\#):not(#\#):not(#\#) {
2916
- right: -40px;
2917
- }
2918
-
2919
- .relay-bottom_-12:not(#\#):not(#\#):not(#\#):not(#\#) {
2920
- bottom: -12px;
2907
+ .relay-bg_green9:not(#\#):not(#\#):not(#\#):not(#\#) {
2908
+ background-color: var(--relay-colors-green9);
2921
2909
  }
2922
2910
 
2923
- .relay-mb_20:not(#\#):not(#\#):not(#\#):not(#\#) {
2924
- margin-bottom: 20px;
2911
+ .relay-ml_-8px:not(#\#):not(#\#):not(#\#):not(#\#) {
2912
+ margin-left: -8px;
2925
2913
  }
2926
2914
 
2927
2915
  .relay-justify-items_space-between:not(#\#):not(#\#):not(#\#):not(#\#) {
@@ -2988,6 +2976,10 @@
2988
2976
  margin-bottom: 6px;
2989
2977
  }
2990
2978
 
2979
+ .relay-bg_green2:not(#\#):not(#\#):not(#\#):not(#\#) {
2980
+ background-color: var(--relay-colors-green2);
2981
+ }
2982
+
2991
2983
  .placeholder\:relay-text_gray12:not(#\#):not(#\#):not(#\#):not(#\#)::placeholder,.placeholder\:relay-text_gray12[data-placeholder]:not(#\#):not(#\#):not(#\#):not(#\#) {
2992
2984
  color: var(--relay-colors-gray12);
2993
2985
  }
@@ -3056,6 +3048,18 @@
3056
3048
  color: var(--relay-colors-gray10);
3057
3049
  }
3058
3050
 
3051
+ .\[\&_\>_\*\]\:relay-text_primary11:not(#\#):not(#\#):not(#\#):not(#\#) > * {
3052
+ color: var(--relay-colors-primary11);
3053
+ }
3054
+
3055
+ .\[\&_\>_\*\]\:relay-text_gray9:not(#\#):not(#\#):not(#\#):not(#\#) > * {
3056
+ color: var(--relay-colors-gray9);
3057
+ }
3058
+
3059
+ .\[\&_\>_\*\]\:relay-text_green11:not(#\#):not(#\#):not(#\#):not(#\#) > *,.\[\&_\.green-time\]\:relay-text_green11:not(#\#):not(#\#):not(#\#):not(#\#) .green-time {
3060
+ color: var(--relay-colors-green11);
3061
+ }
3062
+
3059
3063
  .before\:relay-pos_absolute:not(#\#):not(#\#):not(#\#):not(#\#)::before {
3060
3064
  position: absolute;
3061
3065
  }
@@ -1,18 +1,26 @@
1
1
  import { RELAY_UI_KIT_KEY, DEFAULT_CACHE_TTL_MINUTES } from '../constants/cache.js';
2
2
  export function getRelayUiKitData() {
3
3
  if (typeof window === 'undefined')
4
- return { acceptedUnverifiedTokens: [], genericCache: {} };
4
+ return {
5
+ acceptedUnverifiedTokens: [],
6
+ recentCustomAddresses: [],
7
+ genericCache: {}
8
+ };
5
9
  let data = {
6
10
  acceptedUnverifiedTokens: [],
11
+ recentCustomAddresses: [],
7
12
  genericCache: {}
8
13
  };
9
14
  try {
10
15
  const localStorageData = localStorage.getItem(RELAY_UI_KIT_KEY);
11
16
  data = localStorageData ? JSON.parse(localStorageData) : data;
12
- // Ensure genericCache exists if loaded data doesn't have it
17
+ // Ensure genericCache and recentCustomAddresses exist if loaded data doesn't have them
13
18
  if (!data.genericCache) {
14
19
  data.genericCache = {};
15
20
  }
21
+ if (!data.recentCustomAddresses) {
22
+ data.recentCustomAddresses = [];
23
+ }
16
24
  }
17
25
  catch (e) {
18
26
  console.warn('Failed to get RelayKitUIData', e);
@@ -90,4 +98,38 @@ export const alreadyAcceptedToken = (token) => {
90
98
  // Ensure acceptedUnverifiedTokens exists before accessing includes
91
99
  return relayUiKitData.acceptedUnverifiedTokens?.includes(tokenKey) ?? false;
92
100
  };
101
+ /**
102
+ * Add a custom address to the saved list if it doesn't already exist
103
+ * Keeps a maximum of 3 addresses, removing the oldest when limit is exceeded
104
+ * @param address - The address to save
105
+ */
106
+ export function addCustomAddress(address) {
107
+ const data = getRelayUiKitData();
108
+ const recentCustomAddresses = data.recentCustomAddresses || [];
109
+ // Remove address if it already exists to avoid duplicates
110
+ const filteredAddresses = recentCustomAddresses.filter((addr) => addr !== address);
111
+ // Add the new address to the end
112
+ const updatedAddresses = [...filteredAddresses, address];
113
+ // Keep only the last 3 addresses (most recent)
114
+ const limitedAddresses = updatedAddresses.slice(-3);
115
+ setRelayUiKitData({ recentCustomAddresses: limitedAddresses });
116
+ }
117
+ /**
118
+ * Get all saved custom addresses
119
+ * @returns Array of custom addresses
120
+ */
121
+ export function getCustomAddresses() {
122
+ const data = getRelayUiKitData();
123
+ return data.recentCustomAddresses || [];
124
+ }
125
+ /**
126
+ * Remove a custom address from the saved list
127
+ * @param address - The address to remove
128
+ */
129
+ export function removeCustomAddress(address) {
130
+ const data = getRelayUiKitData();
131
+ const recentCustomAddresses = data.recentCustomAddresses || [];
132
+ const updatedAddresses = recentCustomAddresses.filter((addr) => addr !== address);
133
+ setRelayUiKitData({ recentCustomAddresses: updatedAddresses });
134
+ }
93
135
  //# sourceMappingURL=localStorage.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"localStorage.js","sourceRoot":"","sources":["../../../src/utils/localStorage.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"localStorage.js","sourceRoot":"","sources":["../../../src/utils/localStorage.ts"],"names":[],"mappings":"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"}
@@ -12,9 +12,7 @@ export const extractToChain = (transaction, client) => {
12
12
  export const calculateFillTime = (transaction) => {
13
13
  let fillTime = '-';
14
14
  let seconds = 0;
15
- if (transaction?.status !== 'pending' &&
16
- transaction?.status !== 'waiting' &&
17
- transaction?.status !== 'delayed') {
15
+ if (transaction?.status !== 'pending' && transaction?.status !== 'waiting') {
18
16
  const inTxTimestamps = transaction?.data?.inTxs?.map((tx) => tx.timestamp) ?? null;
19
17
  const txStartTimestamp = inTxTimestamps ? Math.min(...inTxTimestamps) : null;
20
18
  const outTxTimestamps = transaction?.data?.outTxs
@@ -25,42 +23,18 @@ export const calculateFillTime = (transaction) => {
25
23
  : null;
26
24
  if (txStartTimestamp && txEndTimestamp) {
27
25
  seconds = txEndTimestamp - txStartTimestamp;
28
- if (seconds > 60) {
29
- fillTime = `${relativeTime(txEndTimestamp * 1000, txStartTimestamp * 1000, true)}`;
26
+ // Guard against negative time (invalid timestamps or timing issues)
27
+ if (seconds < 0) {
28
+ fillTime = '-';
29
+ seconds = 0;
30
30
  }
31
- else {
32
- fillTime = `${seconds}s`;
33
- }
34
- }
35
- }
36
- return { fillTime, seconds };
37
- };
38
- export const calculateExecutionTime = (startTime, transaction) => {
39
- let fillTime = '-';
40
- let seconds = 0;
41
- if (transaction?.status !== 'pending' &&
42
- transaction?.status !== 'waiting' &&
43
- transaction?.status !== 'delayed') {
44
- const inTxTimestamps = transaction?.data?.inTxs?.map((tx) => tx.timestamp) ?? null;
45
- const outTxTimestamps = transaction?.data?.outTxs
46
- ?.filter((tx) => tx.timestamp)
47
- ?.map((tx) => tx.timestamp) ?? null;
48
- const txEndTimestamp = outTxTimestamps && outTxTimestamps.length > 0
49
- ? Math.max(...outTxTimestamps)
50
- : null;
51
- if (startTime && txEndTimestamp) {
52
- seconds = txEndTimestamp - startTime;
53
- if (seconds > 60) {
54
- fillTime = `${relativeTime(txEndTimestamp * 1000, startTime * 1000, true)}`;
31
+ else if (seconds > 60) {
32
+ fillTime = `${relativeTime(txEndTimestamp * 1000, txStartTimestamp * 1000, true)}`;
55
33
  }
56
34
  else {
57
35
  fillTime = `${seconds}s`;
58
36
  }
59
37
  }
60
- else if (!txEndTimestamp && inTxTimestamps && inTxTimestamps.length > 0) {
61
- fillTime = '-';
62
- seconds = 0;
63
- }
64
38
  }
65
39
  return { fillTime, seconds };
66
40
  };
@@ -1 +1 @@
1
- {"version":3,"file":"relayTransaction.js","sourceRoot":"","sources":["../../../src/utils/relayTransaction.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,WAAW,EAAE,MAAM,0BAA0B,CAAA;AACpE,OAAO,EAAyB,MAAM,mBAAmB,CAAA;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAExC,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAC9B,WAAqC,EACrC,MAA2B,EAC3B,EAAE;IACF,MAAM,OAAO,GAAG,WAAW,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,OAAO,CAAA;IACtD,OAAO,MAAM,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,OAAO,CAAC,CAAA;AAC7D,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,cAAc,GAAG,CAC5B,WAAqC,EACrC,MAA2B,EAC3B,EAAE;IACF,MAAM,OAAO,GAAG,WAAW,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,OAAO,CAAA;IACvD,OAAO,MAAM,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,OAAO,CAAC,CAAA;AAC7D,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,WAAqC,EAAE,EAAE;IACzE,IAAI,QAAQ,GAAG,GAAG,CAAA;IAClB,IAAI,OAAO,GAAG,CAAC,CAAA;IACf,IACE,WAAW,EAAE,MAAM,KAAK,SAAS;QACjC,WAAW,EAAE,MAAM,KAAK,SAAS;QACjC,WAAW,EAAE,MAAM,KAAK,SAAS,EACjC,CAAC;QACD,MAAM,cAAc,GAClB,WAAW,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,SAAmB,CAAC,IAAI,IAAI,CAAA;QACvE,MAAM,gBAAgB,GAAG,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA;QAC5E,MAAM,eAAe,GACnB,WAAW,EAAE,IAAI,EAAE,MAAM;YACvB,EAAE,MAAM,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,SAAS,CAAC;YAC9B,EAAE,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,SAAmB,CAAC,IAAI,IAAI,CAAA;QAEjD,MAAM,cAAc,GAClB,eAAe,IAAI,eAAe,CAAC,MAAM,GAAG,CAAC;YAC3C,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,eAAe,CAAC;YAC9B,CAAC,CAAC,IAAI,CAAA;QAEV,IAAI,gBAAgB,IAAI,cAAc,EAAE,CAAC;YACvC,OAAO,GAAG,cAAc,GAAG,gBAAgB,CAAA;YAC3C,IAAI,OAAO,GAAG,EAAE,EAAE,CAAC;gBACjB,QAAQ,GAAG,GAAG,YAAY,CACxB,cAAc,GAAG,IAAI,EACrB,gBAAgB,GAAG,IAAI,EACvB,IAAI,CACL,EAAE,CAAA;YACL,CAAC;iBAAM,CAAC;gBACN,QAAQ,GAAG,GAAG,OAAO,GAAG,CAAA;YAC1B,CAAC;QACH,CAAC;IACH,CAAC;IACD,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAA;AAC9B,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,sBAAsB,GAAG,CACpC,SAAiB,EACjB,WAAqC,EACrC,EAAE;IACF,IAAI,QAAQ,GAAG,GAAG,CAAA;IAClB,IAAI,OAAO,GAAG,CAAC,CAAA;IACf,IACE,WAAW,EAAE,MAAM,KAAK,SAAS;QACjC,WAAW,EAAE,MAAM,KAAK,SAAS;QACjC,WAAW,EAAE,MAAM,KAAK,SAAS,EACjC,CAAC;QACD,MAAM,cAAc,GAClB,WAAW,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,SAAmB,CAAC,IAAI,IAAI,CAAA;QACvE,MAAM,eAAe,GACnB,WAAW,EAAE,IAAI,EAAE,MAAM;YACvB,EAAE,MAAM,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,SAAS,CAAC;YAC9B,EAAE,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,SAAmB,CAAC,IAAI,IAAI,CAAA;QAEjD,MAAM,cAAc,GAClB,eAAe,IAAI,eAAe,CAAC,MAAM,GAAG,CAAC;YAC3C,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,eAAe,CAAC;YAC9B,CAAC,CAAC,IAAI,CAAA;QAEV,IAAI,SAAS,IAAI,cAAc,EAAE,CAAC;YAChC,OAAO,GAAG,cAAc,GAAG,SAAS,CAAA;YACpC,IAAI,OAAO,GAAG,EAAE,EAAE,CAAC;gBACjB,QAAQ,GAAG,GAAG,YAAY,CACxB,cAAc,GAAG,IAAI,EACrB,SAAS,GAAG,IAAI,EAChB,IAAI,CACL,EAAE,CAAA;YACL,CAAC;iBAAM,CAAC;gBACN,QAAQ,GAAG,GAAG,OAAO,GAAG,CAAA;YAC1B,CAAC;QACH,CAAC;aAAM,IAAI,CAAC,cAAc,IAAI,cAAc,IAAI,cAAc,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YAC1E,QAAQ,GAAG,GAAG,CAAA;YACd,OAAO,GAAG,CAAC,CAAA;QACb,CAAC;IACH,CAAC;IACD,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAA;AAC9B,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,KAA+B,EAAE,EAAE;IACzE,IAAI,CAAC,KAAK,EAAE,MAAM;QAAE,OAAO,IAAI,CAAA;IAE/B,2CAA2C;IAC3C,OAAO,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,EAAE,SAAS,IAAI,IAAI,CAAA;AAChE,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,QAAQ,EAAE,UAAU;IACpB,OAAO,EAAE,SAAS;IAClB,QAAQ,EAAE,UAAU;CACrB,CAAA"}
1
+ {"version":3,"file":"relayTransaction.js","sourceRoot":"","sources":["../../../src/utils/relayTransaction.ts"],"names":[],"mappings":"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"}