@lifi/widget 3.0.0-alpha.10 → 3.0.0-alpha.12

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 (667) hide show
  1. package/AppProvider.tsx +4 -8
  2. package/_cjs/AppProvider.js +2 -2
  3. package/_cjs/AppProvider.js.map +1 -1
  4. package/_cjs/components/AmountInput/AmountInput.d.ts +1 -1
  5. package/_cjs/components/AmountInput/AmountInput.js +9 -16
  6. package/_cjs/components/AmountInput/AmountInput.js.map +1 -1
  7. package/_cjs/components/AmountInput/AmountInput.style.d.ts +3 -0
  8. package/_cjs/components/AmountInput/AmountInput.style.js +9 -4
  9. package/_cjs/components/AmountInput/AmountInput.style.js.map +1 -1
  10. package/_cjs/components/AmountInput/AmountInputAdornment.style.d.ts +4 -1
  11. package/_cjs/components/AmountInput/AmountInputAdornment.style.js +7 -2
  12. package/_cjs/components/AmountInput/AmountInputAdornment.style.js.map +1 -1
  13. package/_cjs/components/AmountInput/AmountInputEndAdornment.d.ts +1 -1
  14. package/_cjs/components/AmountInput/AmountInputEndAdornment.js +6 -12
  15. package/_cjs/components/AmountInput/AmountInputEndAdornment.js.map +1 -1
  16. package/_cjs/components/AmountInput/AmountInputStartAdornment.d.ts +1 -1
  17. package/_cjs/components/AmountInput/AmountInputStartAdornment.js +3 -9
  18. package/_cjs/components/AmountInput/AmountInputStartAdornment.js.map +1 -1
  19. package/_cjs/components/AmountInput/PriceFormHelperText.d.ts +9 -0
  20. package/_cjs/components/AmountInput/PriceFormHelperText.js +36 -0
  21. package/_cjs/components/AmountInput/PriceFormHelperText.js.map +1 -0
  22. package/_cjs/components/Card/CardHeader.js +6 -5
  23. package/_cjs/components/Card/CardHeader.js.map +1 -1
  24. package/_cjs/components/Card/CardTitle.js +3 -4
  25. package/_cjs/components/Card/CardTitle.js.map +1 -1
  26. package/_cjs/components/ChainSelect/ChainSelect.d.ts +1 -1
  27. package/_cjs/components/ChainSelect/ChainSelect.js +1 -5
  28. package/_cjs/components/ChainSelect/ChainSelect.js.map +1 -1
  29. package/_cjs/components/ChainSelect/useChainSelect.d.ts +1 -1
  30. package/_cjs/components/ChainSelect/useChainSelect.js +10 -14
  31. package/_cjs/components/ChainSelect/useChainSelect.js.map +1 -1
  32. package/_cjs/components/Header/NavigationTabs.js +4 -6
  33. package/_cjs/components/Header/NavigationTabs.js.map +1 -1
  34. package/_cjs/components/Header/WalletHeader.js +4 -2
  35. package/_cjs/components/Header/WalletHeader.js.map +1 -1
  36. package/_cjs/components/Header/WalletMenu.js +3 -3
  37. package/_cjs/components/Header/WalletMenu.js.map +1 -1
  38. package/_cjs/components/Insurance/InsuranceCard.js +1 -8
  39. package/_cjs/components/Insurance/InsuranceCard.js.map +1 -1
  40. package/_cjs/components/ListItemText.d.ts +1 -1
  41. package/_cjs/components/NFT/NFT.js +13 -14
  42. package/_cjs/components/NFT/NFT.js.map +1 -1
  43. package/_cjs/components/PageContainer.d.ts +9 -0
  44. package/_cjs/components/PageContainer.js +13 -0
  45. package/_cjs/components/PageContainer.js.map +1 -0
  46. package/_cjs/components/ReverseTokensButton/ReverseTokensButton.js +11 -17
  47. package/_cjs/components/ReverseTokensButton/ReverseTokensButton.js.map +1 -1
  48. package/_cjs/components/ReverseTokensButton/ReverseTokensButton.style.js +3 -0
  49. package/_cjs/components/ReverseTokensButton/ReverseTokensButton.style.js.map +1 -1
  50. package/_cjs/components/RouteCard/RouteCard.js +6 -6
  51. package/_cjs/components/RouteCard/RouteCard.js.map +1 -1
  52. package/_cjs/components/RouteCard/RouteCard.style.d.ts +3 -0
  53. package/_cjs/components/RouteCard/RouteCard.style.js +7 -2
  54. package/_cjs/components/RouteCard/RouteCard.style.js.map +1 -1
  55. package/_cjs/components/RouteCard/RouteCardEssentials.js +12 -10
  56. package/_cjs/components/RouteCard/RouteCardEssentials.js.map +1 -1
  57. package/_cjs/components/RouteCard/RouteCardEssentialsExpanded.d.ts +3 -0
  58. package/_cjs/components/RouteCard/RouteCardEssentialsExpanded.js +32 -0
  59. package/_cjs/components/RouteCard/RouteCardEssentialsExpanded.js.map +1 -0
  60. package/_cjs/components/RouteCard/RouteCardSkeleton.js +2 -1
  61. package/_cjs/components/RouteCard/RouteCardSkeleton.js.map +1 -1
  62. package/_cjs/components/RouteCard/types.d.ts +6 -2
  63. package/_cjs/components/Routes/Routes.js +2 -2
  64. package/_cjs/components/Routes/Routes.js.map +1 -1
  65. package/_cjs/components/Routes/RoutesExpanded.js +3 -3
  66. package/_cjs/components/Routes/RoutesExpanded.js.map +1 -1
  67. package/_cjs/components/SelectChainAndToken.js +6 -13
  68. package/_cjs/components/SelectChainAndToken.js.map +1 -1
  69. package/_cjs/components/SelectTokenButton/SelectTokenButton.d.ts +1 -1
  70. package/_cjs/components/SelectTokenButton/SelectTokenButton.js +4 -6
  71. package/_cjs/components/SelectTokenButton/SelectTokenButton.js.map +1 -1
  72. package/_cjs/components/SelectTokenButton/SelectTokenButton.style.js +2 -3
  73. package/_cjs/components/SelectTokenButton/SelectTokenButton.style.js.map +1 -1
  74. package/_cjs/components/SendToWallet/SendToWallet.js +43 -32
  75. package/_cjs/components/SendToWallet/SendToWallet.js.map +1 -1
  76. package/_cjs/components/SendToWallet/SendToWalletButton.js +2 -3
  77. package/_cjs/components/SendToWallet/SendToWalletButton.js.map +1 -1
  78. package/_cjs/components/SmallAvatar.js +4 -4
  79. package/_cjs/components/Step/CircularProgress.js +5 -5
  80. package/_cjs/components/Step/CircularProgress.js.map +1 -1
  81. package/_cjs/components/Step/CircularProgress.style.js +3 -4
  82. package/_cjs/components/Step/CircularProgress.style.js.map +1 -1
  83. package/_cjs/components/Step/DestinationWalletAddress.js +2 -2
  84. package/_cjs/components/Step/DestinationWalletAddress.js.map +1 -1
  85. package/_cjs/components/Step/Step.js +1 -2
  86. package/_cjs/components/Step/Step.js.map +1 -1
  87. package/_cjs/components/Step/StepProcess.js +1 -1
  88. package/_cjs/components/Step/StepProcess.js.map +1 -1
  89. package/_cjs/components/Step/StepProcess.style.d.ts +2 -2
  90. package/_cjs/components/Step/StepTimer.js +9 -8
  91. package/_cjs/components/Step/StepTimer.js.map +1 -1
  92. package/_cjs/components/StepActions/StepActions.js +15 -18
  93. package/_cjs/components/StepActions/StepActions.js.map +1 -1
  94. package/_cjs/components/StepActions/StepActions.style.d.ts +8 -1
  95. package/_cjs/components/StepActions/StepActions.style.js +27 -17
  96. package/_cjs/components/StepActions/StepActions.style.js.map +1 -1
  97. package/_cjs/components/{Step/GasStepProcess.d.ts → StepActions/StepFeeBreakdown.d.ts} +1 -1
  98. package/_cjs/components/StepActions/StepFeeBreakdown.js +45 -0
  99. package/_cjs/components/StepActions/StepFeeBreakdown.js.map +1 -0
  100. package/_cjs/components/StepActions/StepFees.d.ts +6 -0
  101. package/_cjs/components/StepActions/StepFees.js +28 -0
  102. package/_cjs/components/StepActions/StepFees.js.map +1 -0
  103. package/_cjs/components/Tabs/Tabs.style.d.ts +1 -1
  104. package/_cjs/components/Token/Token.d.ts +6 -5
  105. package/_cjs/components/Token/Token.js +31 -15
  106. package/_cjs/components/Token/Token.js.map +1 -1
  107. package/_cjs/components/Token/Token.style.d.ts +1 -4
  108. package/_cjs/components/Token/Token.style.js +6 -21
  109. package/_cjs/components/Token/Token.style.js.map +1 -1
  110. package/_cjs/components/TokenAvatar/TokenAvatar.d.ts +3 -0
  111. package/_cjs/components/TokenAvatar/TokenAvatar.js +7 -3
  112. package/_cjs/components/TokenAvatar/TokenAvatar.js.map +1 -1
  113. package/_cjs/components/TokenAvatar/TokenAvatar.style.js +23 -13
  114. package/_cjs/components/TokenAvatar/TokenAvatar.style.js.map +1 -1
  115. package/_cjs/components/TokenList/TokenList.js +3 -6
  116. package/_cjs/components/TokenList/TokenList.js.map +1 -1
  117. package/_cjs/components/TokenList/TokenList.style.d.ts +2 -2
  118. package/_cjs/components/TokenList/TokenList.style.js +7 -5
  119. package/_cjs/components/TokenList/TokenList.style.js.map +1 -1
  120. package/_cjs/components/TokenList/TokenListItem.js +7 -4
  121. package/_cjs/components/TokenList/TokenListItem.js.map +1 -1
  122. package/_cjs/components/TokenList/TokenNotFound.d.ts +1 -1
  123. package/_cjs/components/TokenList/TokenNotFound.js +2 -5
  124. package/_cjs/components/TokenList/TokenNotFound.js.map +1 -1
  125. package/_cjs/components/TokenList/types.d.ts +3 -3
  126. package/_cjs/components/TokenList/useTokenSelect.d.ts +1 -1
  127. package/_cjs/components/TokenList/useTokenSelect.js +15 -18
  128. package/_cjs/components/TokenList/useTokenSelect.js.map +1 -1
  129. package/_cjs/config/theme.js +2 -9
  130. package/_cjs/config/theme.js.map +1 -1
  131. package/_cjs/config/version.d.ts +1 -1
  132. package/_cjs/config/version.js +1 -1
  133. package/_cjs/hooks/useDebouncedWatch.d.ts +2 -1
  134. package/_cjs/hooks/useDebouncedWatch.js +3 -7
  135. package/_cjs/hooks/useDebouncedWatch.js.map +1 -1
  136. package/_cjs/hooks/useFromTokenSufficiency.js +1 -5
  137. package/_cjs/hooks/useFromTokenSufficiency.js.map +1 -1
  138. package/_cjs/hooks/useGasRefuel.js +2 -10
  139. package/_cjs/hooks/useGasRefuel.js.map +1 -1
  140. package/_cjs/hooks/useRequiredToAddress.js +2 -4
  141. package/_cjs/hooks/useRequiredToAddress.js.map +1 -1
  142. package/_cjs/hooks/useRoutes.d.ts +1 -1
  143. package/_cjs/hooks/useRoutes.js +2 -15
  144. package/_cjs/hooks/useRoutes.js.map +1 -1
  145. package/_cjs/hooks/useTokenAddressBalance.d.ts +1 -1
  146. package/_cjs/hooks/useTokenBalance.d.ts +1 -1
  147. package/_cjs/hooks/useTokenBalances.d.ts +1 -1
  148. package/_cjs/hooks/useTransactionHistory.d.ts +1 -1
  149. package/_cjs/i18n/en.json +8 -5
  150. package/_cjs/index.d.ts +2 -2
  151. package/_cjs/index.js +5 -5
  152. package/_cjs/index.js.map +1 -1
  153. package/_cjs/pages/ActiveTransactionsPage/ActiveTransactionsPage.js +2 -1
  154. package/_cjs/pages/ActiveTransactionsPage/ActiveTransactionsPage.js.map +1 -1
  155. package/_cjs/pages/LanguagesPage/LanguagesPage.js +2 -1
  156. package/_cjs/pages/LanguagesPage/LanguagesPage.js.map +1 -1
  157. package/_cjs/pages/MainPage/MainPage.js +2 -2
  158. package/_cjs/pages/MainPage/MainPage.js.map +1 -1
  159. package/_cjs/pages/MainPage/ReviewButton.js +1 -2
  160. package/_cjs/pages/MainPage/ReviewButton.js.map +1 -1
  161. package/_cjs/pages/RoutesPage/RoutesPage.js +1 -1
  162. package/_cjs/pages/RoutesPage/RoutesPage.js.map +1 -1
  163. package/_cjs/pages/SelectChainPage/SelectChainPage.js +2 -1
  164. package/_cjs/pages/SelectChainPage/SelectChainPage.js.map +1 -1
  165. package/_cjs/pages/SelectChainPage/types.d.ts +1 -1
  166. package/_cjs/pages/SelectEnabledToolsPage/SelectEnabledToolsPage.js +2 -1
  167. package/_cjs/pages/SelectEnabledToolsPage/SelectEnabledToolsPage.js.map +1 -1
  168. package/_cjs/pages/SelectNativeTokenPage/SelectNativeTokenPage.d.ts +1 -1
  169. package/_cjs/pages/SelectNativeTokenPage/SelectNativeTokenPage.js +2 -1
  170. package/_cjs/pages/SelectNativeTokenPage/SelectNativeTokenPage.js.map +1 -1
  171. package/_cjs/pages/SelectTokenPage/SearchTokenInput.js +12 -7
  172. package/_cjs/pages/SelectTokenPage/SearchTokenInput.js.map +1 -1
  173. package/_cjs/pages/SelectTokenPage/SelectTokenPage.d.ts +1 -1
  174. package/_cjs/pages/SelectTokenPage/SelectTokenPage.js +2 -1
  175. package/_cjs/pages/SelectTokenPage/SelectTokenPage.js.map +1 -1
  176. package/_cjs/pages/SelectWalletPage/SelectWalletPage.js +2 -1
  177. package/_cjs/pages/SelectWalletPage/SelectWalletPage.js.map +1 -1
  178. package/_cjs/pages/SettingsPage/ResetSettingsButton.js +1 -1
  179. package/_cjs/pages/SettingsPage/ResetSettingsButton.js.map +1 -1
  180. package/_cjs/pages/SettingsPage/SettingsCard/SettingCard.style.js +1 -1
  181. package/_cjs/pages/SettingsPage/SettingsPage.js +6 -6
  182. package/_cjs/pages/SettingsPage/SettingsPage.js.map +1 -1
  183. package/_cjs/pages/TransactionDetailsPage/TransactionDetailsPage.js +2 -2
  184. package/_cjs/pages/TransactionDetailsPage/TransactionDetailsPage.js.map +1 -1
  185. package/_cjs/pages/TransactionDetailsPage/TransactionDetailsSkeleton.js +6 -14
  186. package/_cjs/pages/TransactionDetailsPage/TransactionDetailsSkeleton.js.map +1 -1
  187. package/_cjs/pages/TransactionHistoryPage/TransactionHistoryItem.js +1 -1
  188. package/_cjs/pages/TransactionHistoryPage/TransactionHistoryItem.js.map +1 -1
  189. package/_cjs/pages/TransactionHistoryPage/TransactionHistoryPage.js +3 -2
  190. package/_cjs/pages/TransactionHistoryPage/TransactionHistoryPage.js.map +1 -1
  191. package/_cjs/pages/TransactionHistoryPage/TransactionHistorySkeleton.d.ts +1 -1
  192. package/_cjs/pages/TransactionHistoryPage/TransactionHistorySkeleton.js +4 -9
  193. package/_cjs/pages/TransactionHistoryPage/TransactionHistorySkeleton.js.map +1 -1
  194. package/_cjs/pages/TransactionPage/StatusBottomSheet.js +10 -11
  195. package/_cjs/pages/TransactionPage/StatusBottomSheet.js.map +1 -1
  196. package/_cjs/pages/TransactionPage/TransactionPage.js +6 -7
  197. package/_cjs/pages/TransactionPage/TransactionPage.js.map +1 -1
  198. package/_cjs/providers/WalletProvider/SDKProviders.js +2 -2
  199. package/_cjs/providers/WalletProvider/SDKProviders.js.map +1 -1
  200. package/_cjs/providers/index.d.ts +0 -1
  201. package/_cjs/providers/index.js +0 -1
  202. package/_cjs/providers/index.js.map +1 -1
  203. package/_cjs/stores/StoreProvider.js +4 -3
  204. package/_cjs/stores/StoreProvider.js.map +1 -1
  205. package/_cjs/stores/chains/ChainOrderStore.js +6 -10
  206. package/_cjs/stores/chains/ChainOrderStore.js.map +1 -1
  207. package/_cjs/stores/form/FormStore.d.ts +6 -0
  208. package/_cjs/stores/form/FormStore.js +39 -0
  209. package/_cjs/stores/form/FormStore.js.map +1 -0
  210. package/_cjs/stores/form/FormUpdater.d.ts +5 -0
  211. package/_cjs/stores/form/FormUpdater.js +61 -0
  212. package/_cjs/stores/form/FormUpdater.js.map +1 -0
  213. package/_cjs/{providers/FormProvider → stores/form}/URLSearchParamsBuilder.js +9 -12
  214. package/_cjs/stores/form/URLSearchParamsBuilder.js.map +1 -0
  215. package/_cjs/stores/form/createFormStore.d.ts +3 -0
  216. package/_cjs/stores/form/createFormStore.js +183 -0
  217. package/_cjs/stores/form/createFormStore.js.map +1 -0
  218. package/_cjs/stores/form/index.d.ts +10 -0
  219. package/_cjs/{providers/FormProvider → stores/form}/index.js +9 -2
  220. package/_cjs/stores/form/index.js.map +1 -0
  221. package/_cjs/stores/form/types.d.ts +94 -0
  222. package/_cjs/stores/form/types.js +9 -0
  223. package/_cjs/stores/form/types.js.map +1 -0
  224. package/_cjs/stores/form/useFieldActions.d.ts +2 -0
  225. package/_cjs/stores/form/useFieldActions.js +19 -0
  226. package/_cjs/stores/form/useFieldActions.js.map +1 -0
  227. package/_cjs/stores/form/useFieldController.d.ts +11 -0
  228. package/_cjs/stores/form/useFieldController.js +24 -0
  229. package/_cjs/stores/form/useFieldController.js.map +1 -0
  230. package/_cjs/stores/form/useFieldValues.d.ts +2 -0
  231. package/_cjs/stores/form/useFieldValues.js +11 -0
  232. package/_cjs/stores/form/useFieldValues.js.map +1 -0
  233. package/_cjs/stores/form/useTouchedFields.d.ts +1 -0
  234. package/_cjs/stores/form/useTouchedFields.js +11 -0
  235. package/_cjs/stores/form/useTouchedFields.js.map +1 -0
  236. package/_cjs/stores/form/useValidation.d.ts +2 -0
  237. package/_cjs/stores/form/useValidation.js +15 -0
  238. package/_cjs/stores/form/useValidation.js.map +1 -0
  239. package/_cjs/stores/form/useValidationActions.d.ts +2 -0
  240. package/_cjs/stores/form/useValidationActions.js +19 -0
  241. package/_cjs/stores/form/useValidationActions.js.map +1 -0
  242. package/_cjs/stores/index.d.ts +1 -0
  243. package/_cjs/stores/index.js +1 -0
  244. package/_cjs/stores/index.js.map +1 -1
  245. package/_cjs/utils/converters.js +12 -6
  246. package/_cjs/utils/converters.js.map +1 -1
  247. package/_cjs/utils/fees.d.ts +9 -0
  248. package/_cjs/{components/RouteCard/utils.js → utils/fees.js} +15 -8
  249. package/_cjs/utils/fees.js.map +1 -0
  250. package/_cjs/utils/index.d.ts +1 -0
  251. package/_cjs/utils/index.js +1 -0
  252. package/_cjs/utils/index.js.map +1 -1
  253. package/_esm/AppProvider.js +3 -3
  254. package/_esm/AppProvider.js.map +1 -1
  255. package/_esm/components/AmountInput/AmountInput.d.ts +1 -1
  256. package/_esm/components/AmountInput/AmountInput.js +11 -18
  257. package/_esm/components/AmountInput/AmountInput.js.map +1 -1
  258. package/_esm/components/AmountInput/AmountInput.style.d.ts +3 -0
  259. package/_esm/components/AmountInput/AmountInput.style.js +9 -4
  260. package/_esm/components/AmountInput/AmountInput.style.js.map +1 -1
  261. package/_esm/components/AmountInput/AmountInputAdornment.style.d.ts +4 -1
  262. package/_esm/components/AmountInput/AmountInputAdornment.style.js +7 -2
  263. package/_esm/components/AmountInput/AmountInputAdornment.style.js.map +1 -1
  264. package/_esm/components/AmountInput/AmountInputEndAdornment.d.ts +1 -1
  265. package/_esm/components/AmountInput/AmountInputEndAdornment.js +8 -14
  266. package/_esm/components/AmountInput/AmountInputEndAdornment.js.map +1 -1
  267. package/_esm/components/AmountInput/AmountInputStartAdornment.d.ts +1 -1
  268. package/_esm/components/AmountInput/AmountInputStartAdornment.js +3 -9
  269. package/_esm/components/AmountInput/AmountInputStartAdornment.js.map +1 -1
  270. package/_esm/components/AmountInput/PriceFormHelperText.d.ts +9 -0
  271. package/_esm/components/AmountInput/PriceFormHelperText.js +31 -0
  272. package/_esm/components/AmountInput/PriceFormHelperText.js.map +1 -0
  273. package/_esm/components/Card/CardHeader.js +6 -5
  274. package/_esm/components/Card/CardHeader.js.map +1 -1
  275. package/_esm/components/Card/CardTitle.js +3 -4
  276. package/_esm/components/Card/CardTitle.js.map +1 -1
  277. package/_esm/components/ChainSelect/ChainSelect.d.ts +1 -1
  278. package/_esm/components/ChainSelect/ChainSelect.js +2 -6
  279. package/_esm/components/ChainSelect/ChainSelect.js.map +1 -1
  280. package/_esm/components/ChainSelect/useChainSelect.d.ts +1 -1
  281. package/_esm/components/ChainSelect/useChainSelect.js +11 -15
  282. package/_esm/components/ChainSelect/useChainSelect.js.map +1 -1
  283. package/_esm/components/Header/NavigationTabs.js +5 -7
  284. package/_esm/components/Header/NavigationTabs.js.map +1 -1
  285. package/_esm/components/Header/WalletHeader.js +4 -2
  286. package/_esm/components/Header/WalletHeader.js.map +1 -1
  287. package/_esm/components/Header/WalletMenu.js +3 -3
  288. package/_esm/components/Header/WalletMenu.js.map +1 -1
  289. package/_esm/components/Insurance/InsuranceCard.js +2 -9
  290. package/_esm/components/Insurance/InsuranceCard.js.map +1 -1
  291. package/_esm/components/ListItemText.d.ts +1 -1
  292. package/_esm/components/NFT/NFT.js +13 -14
  293. package/_esm/components/NFT/NFT.js.map +1 -1
  294. package/_esm/components/PageContainer.d.ts +9 -0
  295. package/_esm/components/PageContainer.js +10 -0
  296. package/_esm/components/PageContainer.js.map +1 -0
  297. package/_esm/components/ReverseTokensButton/ReverseTokensButton.js +11 -17
  298. package/_esm/components/ReverseTokensButton/ReverseTokensButton.js.map +1 -1
  299. package/_esm/components/ReverseTokensButton/ReverseTokensButton.style.js +3 -0
  300. package/_esm/components/ReverseTokensButton/ReverseTokensButton.style.js.map +1 -1
  301. package/_esm/components/RouteCard/RouteCard.js +6 -6
  302. package/_esm/components/RouteCard/RouteCard.js.map +1 -1
  303. package/_esm/components/RouteCard/RouteCard.style.d.ts +3 -0
  304. package/_esm/components/RouteCard/RouteCard.style.js +7 -2
  305. package/_esm/components/RouteCard/RouteCard.style.js.map +1 -1
  306. package/_esm/components/RouteCard/RouteCardEssentials.js +12 -10
  307. package/_esm/components/RouteCard/RouteCardEssentials.js.map +1 -1
  308. package/_esm/components/RouteCard/RouteCardEssentialsExpanded.d.ts +3 -0
  309. package/_esm/components/RouteCard/RouteCardEssentialsExpanded.js +28 -0
  310. package/_esm/components/RouteCard/RouteCardEssentialsExpanded.js.map +1 -0
  311. package/_esm/components/RouteCard/RouteCardSkeleton.js +2 -1
  312. package/_esm/components/RouteCard/RouteCardSkeleton.js.map +1 -1
  313. package/_esm/components/RouteCard/types.d.ts +6 -2
  314. package/_esm/components/Routes/Routes.js +2 -2
  315. package/_esm/components/Routes/Routes.js.map +1 -1
  316. package/_esm/components/Routes/RoutesExpanded.js +4 -4
  317. package/_esm/components/Routes/RoutesExpanded.js.map +1 -1
  318. package/_esm/components/SelectChainAndToken.js +7 -14
  319. package/_esm/components/SelectChainAndToken.js.map +1 -1
  320. package/_esm/components/SelectTokenButton/SelectTokenButton.d.ts +1 -1
  321. package/_esm/components/SelectTokenButton/SelectTokenButton.js +5 -7
  322. package/_esm/components/SelectTokenButton/SelectTokenButton.js.map +1 -1
  323. package/_esm/components/SelectTokenButton/SelectTokenButton.style.js +2 -3
  324. package/_esm/components/SelectTokenButton/SelectTokenButton.style.js.map +1 -1
  325. package/_esm/components/SendToWallet/SendToWallet.js +45 -34
  326. package/_esm/components/SendToWallet/SendToWallet.js.map +1 -1
  327. package/_esm/components/SendToWallet/SendToWalletButton.js +4 -5
  328. package/_esm/components/SendToWallet/SendToWalletButton.js.map +1 -1
  329. package/_esm/components/SmallAvatar.js +4 -4
  330. package/_esm/components/Step/CircularProgress.js +5 -5
  331. package/_esm/components/Step/CircularProgress.js.map +1 -1
  332. package/_esm/components/Step/CircularProgress.style.js +3 -4
  333. package/_esm/components/Step/CircularProgress.style.js.map +1 -1
  334. package/_esm/components/Step/DestinationWalletAddress.js +2 -2
  335. package/_esm/components/Step/DestinationWalletAddress.js.map +1 -1
  336. package/_esm/components/Step/Step.js +1 -2
  337. package/_esm/components/Step/Step.js.map +1 -1
  338. package/_esm/components/Step/StepProcess.js +1 -1
  339. package/_esm/components/Step/StepProcess.js.map +1 -1
  340. package/_esm/components/Step/StepProcess.style.d.ts +2 -2
  341. package/_esm/components/Step/StepTimer.js +9 -8
  342. package/_esm/components/Step/StepTimer.js.map +1 -1
  343. package/_esm/components/StepActions/StepActions.js +16 -19
  344. package/_esm/components/StepActions/StepActions.js.map +1 -1
  345. package/_esm/components/StepActions/StepActions.style.d.ts +8 -1
  346. package/_esm/components/StepActions/StepActions.style.js +27 -17
  347. package/_esm/components/StepActions/StepActions.style.js.map +1 -1
  348. package/_esm/components/{Step/GasStepProcess.d.ts → StepActions/StepFeeBreakdown.d.ts} +1 -1
  349. package/_esm/components/StepActions/StepFeeBreakdown.js +41 -0
  350. package/_esm/components/StepActions/StepFeeBreakdown.js.map +1 -0
  351. package/_esm/components/StepActions/StepFees.d.ts +6 -0
  352. package/_esm/components/StepActions/StepFees.js +24 -0
  353. package/_esm/components/StepActions/StepFees.js.map +1 -0
  354. package/_esm/components/Tabs/Tabs.style.d.ts +1 -1
  355. package/_esm/components/Token/Token.d.ts +6 -5
  356. package/_esm/components/Token/Token.js +31 -16
  357. package/_esm/components/Token/Token.js.map +1 -1
  358. package/_esm/components/Token/Token.style.d.ts +1 -4
  359. package/_esm/components/Token/Token.style.js +6 -21
  360. package/_esm/components/Token/Token.style.js.map +1 -1
  361. package/_esm/components/TokenAvatar/TokenAvatar.d.ts +3 -0
  362. package/_esm/components/TokenAvatar/TokenAvatar.js +5 -2
  363. package/_esm/components/TokenAvatar/TokenAvatar.js.map +1 -1
  364. package/_esm/components/TokenAvatar/TokenAvatar.style.js +23 -13
  365. package/_esm/components/TokenAvatar/TokenAvatar.style.js.map +1 -1
  366. package/_esm/components/TokenList/TokenList.js +3 -6
  367. package/_esm/components/TokenList/TokenList.js.map +1 -1
  368. package/_esm/components/TokenList/TokenList.style.d.ts +2 -2
  369. package/_esm/components/TokenList/TokenList.style.js +7 -5
  370. package/_esm/components/TokenList/TokenList.style.js.map +1 -1
  371. package/_esm/components/TokenList/TokenListItem.js +7 -4
  372. package/_esm/components/TokenList/TokenListItem.js.map +1 -1
  373. package/_esm/components/TokenList/TokenNotFound.d.ts +1 -1
  374. package/_esm/components/TokenList/TokenNotFound.js +2 -5
  375. package/_esm/components/TokenList/TokenNotFound.js.map +1 -1
  376. package/_esm/components/TokenList/types.d.ts +3 -3
  377. package/_esm/components/TokenList/useTokenSelect.d.ts +1 -1
  378. package/_esm/components/TokenList/useTokenSelect.js +15 -18
  379. package/_esm/components/TokenList/useTokenSelect.js.map +1 -1
  380. package/_esm/config/theme.js +2 -9
  381. package/_esm/config/theme.js.map +1 -1
  382. package/_esm/config/version.d.ts +1 -1
  383. package/_esm/config/version.js +1 -1
  384. package/_esm/hooks/useDebouncedWatch.d.ts +2 -1
  385. package/_esm/hooks/useDebouncedWatch.js +3 -7
  386. package/_esm/hooks/useDebouncedWatch.js.map +1 -1
  387. package/_esm/hooks/useFromTokenSufficiency.js +2 -6
  388. package/_esm/hooks/useFromTokenSufficiency.js.map +1 -1
  389. package/_esm/hooks/useGasRefuel.js +2 -10
  390. package/_esm/hooks/useGasRefuel.js.map +1 -1
  391. package/_esm/hooks/useRequiredToAddress.js +3 -5
  392. package/_esm/hooks/useRequiredToAddress.js.map +1 -1
  393. package/_esm/hooks/useRoutes.d.ts +1 -1
  394. package/_esm/hooks/useRoutes.js +4 -17
  395. package/_esm/hooks/useRoutes.js.map +1 -1
  396. package/_esm/hooks/useTokenAddressBalance.d.ts +1 -1
  397. package/_esm/hooks/useTokenBalance.d.ts +1 -1
  398. package/_esm/hooks/useTokenBalances.d.ts +1 -1
  399. package/_esm/hooks/useTransactionHistory.d.ts +1 -1
  400. package/_esm/i18n/en.json +8 -5
  401. package/_esm/index.d.ts +2 -2
  402. package/_esm/index.js +2 -2
  403. package/_esm/index.js.map +1 -1
  404. package/_esm/pages/ActiveTransactionsPage/ActiveTransactionsPage.js +3 -2
  405. package/_esm/pages/ActiveTransactionsPage/ActiveTransactionsPage.js.map +1 -1
  406. package/_esm/pages/LanguagesPage/LanguagesPage.js +3 -2
  407. package/_esm/pages/LanguagesPage/LanguagesPage.js.map +1 -1
  408. package/_esm/pages/MainPage/MainPage.js +2 -2
  409. package/_esm/pages/MainPage/MainPage.js.map +1 -1
  410. package/_esm/pages/MainPage/ReviewButton.js +2 -3
  411. package/_esm/pages/MainPage/ReviewButton.js.map +1 -1
  412. package/_esm/pages/RoutesPage/RoutesPage.js +1 -1
  413. package/_esm/pages/RoutesPage/RoutesPage.js.map +1 -1
  414. package/_esm/pages/SelectChainPage/SelectChainPage.js +3 -2
  415. package/_esm/pages/SelectChainPage/SelectChainPage.js.map +1 -1
  416. package/_esm/pages/SelectChainPage/types.d.ts +1 -1
  417. package/_esm/pages/SelectEnabledToolsPage/SelectEnabledToolsPage.js +3 -2
  418. package/_esm/pages/SelectEnabledToolsPage/SelectEnabledToolsPage.js.map +1 -1
  419. package/_esm/pages/SelectNativeTokenPage/SelectNativeTokenPage.d.ts +1 -1
  420. package/_esm/pages/SelectNativeTokenPage/SelectNativeTokenPage.js +3 -2
  421. package/_esm/pages/SelectNativeTokenPage/SelectNativeTokenPage.js.map +1 -1
  422. package/_esm/pages/SelectTokenPage/SearchTokenInput.js +12 -7
  423. package/_esm/pages/SelectTokenPage/SearchTokenInput.js.map +1 -1
  424. package/_esm/pages/SelectTokenPage/SelectTokenPage.d.ts +1 -1
  425. package/_esm/pages/SelectTokenPage/SelectTokenPage.js +3 -2
  426. package/_esm/pages/SelectTokenPage/SelectTokenPage.js.map +1 -1
  427. package/_esm/pages/SelectWalletPage/SelectWalletPage.js +3 -2
  428. package/_esm/pages/SelectWalletPage/SelectWalletPage.js.map +1 -1
  429. package/_esm/pages/SettingsPage/ResetSettingsButton.js +1 -1
  430. package/_esm/pages/SettingsPage/ResetSettingsButton.js.map +1 -1
  431. package/_esm/pages/SettingsPage/SettingsCard/SettingCard.style.js +1 -1
  432. package/_esm/pages/SettingsPage/SettingsPage.js +6 -6
  433. package/_esm/pages/SettingsPage/SettingsPage.js.map +1 -1
  434. package/_esm/pages/TransactionDetailsPage/TransactionDetailsPage.js +2 -2
  435. package/_esm/pages/TransactionDetailsPage/TransactionDetailsPage.js.map +1 -1
  436. package/_esm/pages/TransactionDetailsPage/TransactionDetailsSkeleton.js +7 -15
  437. package/_esm/pages/TransactionDetailsPage/TransactionDetailsSkeleton.js.map +1 -1
  438. package/_esm/pages/TransactionHistoryPage/TransactionHistoryItem.js +1 -1
  439. package/_esm/pages/TransactionHistoryPage/TransactionHistoryItem.js.map +1 -1
  440. package/_esm/pages/TransactionHistoryPage/TransactionHistoryPage.js +5 -4
  441. package/_esm/pages/TransactionHistoryPage/TransactionHistoryPage.js.map +1 -1
  442. package/_esm/pages/TransactionHistoryPage/TransactionHistorySkeleton.d.ts +1 -1
  443. package/_esm/pages/TransactionHistoryPage/TransactionHistorySkeleton.js +3 -8
  444. package/_esm/pages/TransactionHistoryPage/TransactionHistorySkeleton.js.map +1 -1
  445. package/_esm/pages/TransactionPage/StatusBottomSheet.js +12 -13
  446. package/_esm/pages/TransactionPage/StatusBottomSheet.js.map +1 -1
  447. package/_esm/pages/TransactionPage/TransactionPage.js +8 -9
  448. package/_esm/pages/TransactionPage/TransactionPage.js.map +1 -1
  449. package/_esm/providers/WalletProvider/SDKProviders.js +2 -2
  450. package/_esm/providers/WalletProvider/SDKProviders.js.map +1 -1
  451. package/_esm/providers/index.d.ts +0 -1
  452. package/_esm/providers/index.js +0 -1
  453. package/_esm/providers/index.js.map +1 -1
  454. package/_esm/stores/StoreProvider.js +4 -3
  455. package/_esm/stores/StoreProvider.js.map +1 -1
  456. package/_esm/stores/chains/ChainOrderStore.js +6 -10
  457. package/_esm/stores/chains/ChainOrderStore.js.map +1 -1
  458. package/_esm/stores/form/FormStore.d.ts +6 -0
  459. package/_esm/stores/form/FormStore.js +34 -0
  460. package/_esm/stores/form/FormStore.js.map +1 -0
  461. package/_esm/stores/form/FormUpdater.d.ts +5 -0
  462. package/_esm/stores/form/FormUpdater.js +57 -0
  463. package/_esm/stores/form/FormUpdater.js.map +1 -0
  464. package/_esm/{providers/FormProvider → stores/form}/URLSearchParamsBuilder.js +9 -12
  465. package/_esm/stores/form/URLSearchParamsBuilder.js.map +1 -0
  466. package/_esm/stores/form/createFormStore.d.ts +3 -0
  467. package/_esm/stores/form/createFormStore.js +179 -0
  468. package/_esm/stores/form/createFormStore.js.map +1 -0
  469. package/_esm/stores/form/index.d.ts +10 -0
  470. package/_esm/stores/form/index.js +11 -0
  471. package/_esm/stores/form/index.js.map +1 -0
  472. package/_esm/stores/form/types.d.ts +94 -0
  473. package/_esm/stores/form/types.js +6 -0
  474. package/_esm/stores/form/types.js.map +1 -0
  475. package/_esm/stores/form/useFieldActions.d.ts +2 -0
  476. package/_esm/stores/form/useFieldActions.js +15 -0
  477. package/_esm/stores/form/useFieldActions.js.map +1 -0
  478. package/_esm/stores/form/useFieldController.d.ts +11 -0
  479. package/_esm/stores/form/useFieldController.js +20 -0
  480. package/_esm/stores/form/useFieldController.js.map +1 -0
  481. package/_esm/stores/form/useFieldValues.d.ts +2 -0
  482. package/_esm/stores/form/useFieldValues.js +7 -0
  483. package/_esm/stores/form/useFieldValues.js.map +1 -0
  484. package/_esm/stores/form/useTouchedFields.d.ts +1 -0
  485. package/_esm/stores/form/useTouchedFields.js +7 -0
  486. package/_esm/stores/form/useTouchedFields.js.map +1 -0
  487. package/_esm/stores/form/useValidation.d.ts +2 -0
  488. package/_esm/stores/form/useValidation.js +11 -0
  489. package/_esm/stores/form/useValidation.js.map +1 -0
  490. package/_esm/stores/form/useValidationActions.d.ts +2 -0
  491. package/_esm/stores/form/useValidationActions.js +15 -0
  492. package/_esm/stores/form/useValidationActions.js.map +1 -0
  493. package/_esm/stores/index.d.ts +1 -0
  494. package/_esm/stores/index.js +1 -0
  495. package/_esm/stores/index.js.map +1 -1
  496. package/_esm/utils/converters.js +12 -6
  497. package/_esm/utils/converters.js.map +1 -1
  498. package/_esm/utils/fees.d.ts +9 -0
  499. package/_esm/{components/RouteCard/utils.js → utils/fees.js} +13 -7
  500. package/_esm/utils/fees.js.map +1 -0
  501. package/_esm/utils/index.d.ts +1 -0
  502. package/_esm/utils/index.js +1 -0
  503. package/_esm/utils/index.js.map +1 -1
  504. package/components/AmountInput/AmountInput.style.tsx +10 -4
  505. package/components/AmountInput/AmountInput.tsx +41 -38
  506. package/components/AmountInput/AmountInputAdornment.style.tsx +8 -2
  507. package/components/AmountInput/AmountInputEndAdornment.tsx +14 -21
  508. package/components/AmountInput/AmountInputStartAdornment.tsx +8 -11
  509. package/components/AmountInput/{FormPriceHelperText.tsx → PriceFormHelperText.tsx} +20 -26
  510. package/components/Card/CardHeader.tsx +6 -5
  511. package/components/Card/CardTitle.tsx +3 -4
  512. package/components/ChainSelect/ChainSelect.tsx +4 -7
  513. package/components/ChainSelect/useChainSelect.ts +18 -18
  514. package/components/Header/NavigationTabs.tsx +6 -7
  515. package/components/Header/WalletHeader.tsx +11 -2
  516. package/components/Header/WalletMenu.tsx +5 -3
  517. package/components/Insurance/InsuranceCard.tsx +4 -22
  518. package/components/NFT/NFT.tsx +14 -14
  519. package/components/PageContainer.ts +18 -0
  520. package/components/ReverseTokensButton/ReverseTokensButton.style.tsx +3 -0
  521. package/components/ReverseTokensButton/ReverseTokensButton.tsx +22 -18
  522. package/components/RouteCard/RouteCard.style.ts +8 -2
  523. package/components/RouteCard/RouteCard.tsx +34 -29
  524. package/components/RouteCard/RouteCardEssentials.tsx +37 -88
  525. package/components/RouteCard/RouteCardEssentialsExpanded.tsx +127 -0
  526. package/components/RouteCard/RouteCardSkeleton.tsx +3 -20
  527. package/components/RouteCard/types.ts +7 -2
  528. package/components/Routes/Routes.tsx +2 -2
  529. package/components/Routes/RoutesExpanded.tsx +24 -28
  530. package/components/SelectChainAndToken.tsx +13 -14
  531. package/components/SelectTokenButton/SelectTokenButton.style.tsx +2 -3
  532. package/components/SelectTokenButton/SelectTokenButton.tsx +14 -9
  533. package/components/SendToWallet/SendToWallet.tsx +58 -38
  534. package/components/SendToWallet/SendToWalletButton.tsx +8 -5
  535. package/components/SmallAvatar.tsx +4 -4
  536. package/components/Step/CircularProgress.style.tsx +3 -4
  537. package/components/Step/CircularProgress.tsx +5 -5
  538. package/components/Step/DestinationWalletAddress.tsx +2 -3
  539. package/components/Step/Step.tsx +0 -2
  540. package/components/Step/StepProcess.tsx +2 -3
  541. package/components/Step/StepTimer.tsx +9 -14
  542. package/components/StepActions/StepActions.style.tsx +31 -20
  543. package/components/StepActions/StepActions.tsx +52 -43
  544. package/components/StepActions/StepFeeBreakdown.tsx +107 -0
  545. package/components/StepActions/StepFees.tsx +44 -0
  546. package/components/Token/Token.style.tsx +6 -22
  547. package/components/Token/Token.tsx +136 -66
  548. package/components/TokenAvatar/TokenAvatar.style.tsx +26 -15
  549. package/components/TokenAvatar/TokenAvatar.tsx +25 -12
  550. package/components/TokenList/TokenList.style.tsx +7 -5
  551. package/components/TokenList/TokenList.tsx +3 -6
  552. package/components/TokenList/TokenListItem.tsx +11 -8
  553. package/components/TokenList/TokenNotFound.tsx +3 -6
  554. package/components/TokenList/types.ts +3 -3
  555. package/components/TokenList/useTokenSelect.ts +21 -19
  556. package/config/theme.ts +2 -9
  557. package/config/version.ts +1 -1
  558. package/hooks/useDebouncedWatch.ts +7 -8
  559. package/hooks/useFromTokenSufficiency.ts +6 -6
  560. package/hooks/useGasRefuel.ts +7 -10
  561. package/hooks/useRequiredToAddress.ts +3 -5
  562. package/hooks/useRoutes.ts +14 -17
  563. package/i18n/en.json +8 -5
  564. package/index.ts +2 -2
  565. package/package.json +13 -14
  566. package/pages/ActiveTransactionsPage/ActiveTransactionsPage.tsx +3 -3
  567. package/pages/LanguagesPage/LanguagesPage.tsx +4 -3
  568. package/pages/MainPage/MainPage.tsx +12 -12
  569. package/pages/MainPage/ReviewButton.tsx +6 -3
  570. package/pages/RoutesPage/RoutesPage.tsx +1 -1
  571. package/pages/SelectChainPage/SelectChainPage.tsx +4 -3
  572. package/pages/SelectChainPage/types.ts +1 -1
  573. package/pages/SelectEnabledToolsPage/SelectEnabledToolsPage.tsx +3 -3
  574. package/pages/SelectNativeTokenPage/SelectNativeTokenPage.tsx +5 -4
  575. package/pages/SelectTokenPage/SearchTokenInput.tsx +11 -7
  576. package/pages/SelectTokenPage/SelectTokenPage.tsx +5 -4
  577. package/pages/SelectWalletPage/SelectWalletPage.tsx +3 -3
  578. package/pages/SettingsPage/ResetSettingsButton.tsx +1 -1
  579. package/pages/SettingsPage/SettingsCard/SettingCard.style.tsx +1 -1
  580. package/pages/SettingsPage/SettingsPage.tsx +7 -7
  581. package/pages/TransactionDetailsPage/TransactionDetailsPage.tsx +3 -3
  582. package/pages/TransactionDetailsPage/TransactionDetailsSkeleton.tsx +15 -58
  583. package/pages/TransactionHistoryPage/TransactionHistoryItem.tsx +6 -4
  584. package/pages/TransactionHistoryPage/TransactionHistoryPage.tsx +8 -7
  585. package/pages/TransactionHistoryPage/TransactionHistorySkeleton.tsx +7 -47
  586. package/pages/TransactionPage/StatusBottomSheet.tsx +18 -15
  587. package/pages/TransactionPage/TransactionPage.tsx +13 -10
  588. package/providers/WalletProvider/SDKProviders.tsx +2 -2
  589. package/providers/index.ts +0 -1
  590. package/stores/StoreProvider.tsx +18 -15
  591. package/stores/chains/ChainOrderStore.tsx +9 -10
  592. package/stores/form/FormStore.tsx +59 -0
  593. package/stores/form/FormUpdater.tsx +67 -0
  594. package/{providers/FormProvider → stores/form}/URLSearchParamsBuilder.tsx +11 -14
  595. package/stores/form/createFormStore.ts +230 -0
  596. package/stores/form/index.ts +10 -0
  597. package/stores/form/types.ts +123 -0
  598. package/stores/form/useFieldActions.ts +28 -0
  599. package/stores/form/useFieldController.ts +31 -0
  600. package/stores/form/useFieldValues.ts +12 -0
  601. package/stores/form/useTouchedFields.ts +8 -0
  602. package/stores/form/useValidation.ts +15 -0
  603. package/stores/form/useValidationActions.ts +24 -0
  604. package/stores/index.ts +1 -0
  605. package/utils/converters.ts +12 -6
  606. package/{components/RouteCard/utils.ts → utils/fees.ts} +43 -37
  607. package/utils/index.ts +1 -0
  608. package/_cjs/components/AmountInput/FormPriceHelperText.d.ts +0 -9
  609. package/_cjs/components/AmountInput/FormPriceHelperText.js +0 -38
  610. package/_cjs/components/AmountInput/FormPriceHelperText.js.map +0 -1
  611. package/_cjs/components/RouteCard/utils.d.ts +0 -11
  612. package/_cjs/components/RouteCard/utils.js.map +0 -1
  613. package/_cjs/components/Step/GasStepProcess.js +0 -25
  614. package/_cjs/components/Step/GasStepProcess.js.map +0 -1
  615. package/_cjs/pages/TransactionDetailsPage/TransactionDetailsPage.style.d.ts +0 -4
  616. package/_cjs/pages/TransactionDetailsPage/TransactionDetailsPage.style.js +0 -9
  617. package/_cjs/pages/TransactionDetailsPage/TransactionDetailsPage.style.js.map +0 -1
  618. package/_cjs/pages/TransactionPage/TransactionPage.style.d.ts +0 -4
  619. package/_cjs/pages/TransactionPage/TransactionPage.style.js +0 -9
  620. package/_cjs/pages/TransactionPage/TransactionPage.style.js.map +0 -1
  621. package/_cjs/providers/FormProvider/FormProvider.d.ts +0 -12
  622. package/_cjs/providers/FormProvider/FormProvider.js +0 -40
  623. package/_cjs/providers/FormProvider/FormProvider.js.map +0 -1
  624. package/_cjs/providers/FormProvider/FormUpdater.d.ts +0 -5
  625. package/_cjs/providers/FormProvider/FormUpdater.js +0 -72
  626. package/_cjs/providers/FormProvider/FormUpdater.js.map +0 -1
  627. package/_cjs/providers/FormProvider/URLSearchParamsBuilder.js.map +0 -1
  628. package/_cjs/providers/FormProvider/index.d.ts +0 -3
  629. package/_cjs/providers/FormProvider/index.js.map +0 -1
  630. package/_cjs/providers/FormProvider/types.d.ts +0 -37
  631. package/_cjs/providers/FormProvider/types.js +0 -24
  632. package/_cjs/providers/FormProvider/types.js.map +0 -1
  633. package/_esm/components/AmountInput/FormPriceHelperText.d.ts +0 -9
  634. package/_esm/components/AmountInput/FormPriceHelperText.js +0 -33
  635. package/_esm/components/AmountInput/FormPriceHelperText.js.map +0 -1
  636. package/_esm/components/RouteCard/utils.d.ts +0 -11
  637. package/_esm/components/RouteCard/utils.js.map +0 -1
  638. package/_esm/components/Step/GasStepProcess.js +0 -21
  639. package/_esm/components/Step/GasStepProcess.js.map +0 -1
  640. package/_esm/pages/TransactionDetailsPage/TransactionDetailsPage.style.d.ts +0 -4
  641. package/_esm/pages/TransactionDetailsPage/TransactionDetailsPage.style.js +0 -6
  642. package/_esm/pages/TransactionDetailsPage/TransactionDetailsPage.style.js.map +0 -1
  643. package/_esm/pages/TransactionPage/TransactionPage.style.d.ts +0 -4
  644. package/_esm/pages/TransactionPage/TransactionPage.style.js +0 -6
  645. package/_esm/pages/TransactionPage/TransactionPage.style.js.map +0 -1
  646. package/_esm/providers/FormProvider/FormProvider.d.ts +0 -12
  647. package/_esm/providers/FormProvider/FormProvider.js +0 -36
  648. package/_esm/providers/FormProvider/FormProvider.js.map +0 -1
  649. package/_esm/providers/FormProvider/FormUpdater.d.ts +0 -5
  650. package/_esm/providers/FormProvider/FormUpdater.js +0 -68
  651. package/_esm/providers/FormProvider/FormUpdater.js.map +0 -1
  652. package/_esm/providers/FormProvider/URLSearchParamsBuilder.js.map +0 -1
  653. package/_esm/providers/FormProvider/index.d.ts +0 -3
  654. package/_esm/providers/FormProvider/index.js +0 -4
  655. package/_esm/providers/FormProvider/index.js.map +0 -1
  656. package/_esm/providers/FormProvider/types.d.ts +0 -37
  657. package/_esm/providers/FormProvider/types.js +0 -21
  658. package/_esm/providers/FormProvider/types.js.map +0 -1
  659. package/components/Step/GasStepProcess.tsx +0 -45
  660. package/pages/TransactionDetailsPage/TransactionDetailsPage.style.tsx +0 -6
  661. package/pages/TransactionPage/TransactionPage.style.tsx +0 -6
  662. package/providers/FormProvider/FormProvider.tsx +0 -55
  663. package/providers/FormProvider/FormUpdater.tsx +0 -86
  664. package/providers/FormProvider/index.ts +0 -3
  665. package/providers/FormProvider/types.ts +0 -44
  666. /package/_cjs/{providers/FormProvider → stores/form}/URLSearchParamsBuilder.d.ts +0 -0
  667. /package/_esm/{providers/FormProvider → stores/form}/URLSearchParamsBuilder.d.ts +0 -0
@@ -1 +1 @@
1
- {"version":3,"file":"RouteCardSkeleton.js","sourceRoot":"","sources":["../../../components/RouteCard/RouteCardSkeleton.tsx"],"names":[],"mappings":";;;;AACA,4CAA8C;AAC9C,+CAAkD;AAClD,kCAA+B;AAGxB,MAAM,iBAAiB,GAAgD,CAAC,EAC7E,OAAO,EACP,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,UAAU,EAAE,GAAG,IAAA,2BAAe,GAAE,CAAC;IAEzC,MAAM,WAAW,GAAG,CAClB,wBAAC,cAAG,IAAC,IAAI,EAAE,CAAC,aACT,UAAU,KAAK,QAAQ,IAAI,UAAU,KAAK,KAAK,CAAC,CAAC,CAAC,CACjD,uBAAC,cAAG,IAAC,OAAO,EAAC,MAAM,EAAC,UAAU,EAAC,QAAQ,EAAC,EAAE,EAAE,CAAC,YAC3C,uBAAC,mBAAQ,IACP,OAAO,EAAC,aAAa,EACrB,KAAK,EAAE,GAAG,EACV,MAAM,EAAE,EAAE,EACV,EAAE,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;wBACd,YAAY,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC,YAAY,IAAI;qBAC9C,CAAC,GACF,GACE,CACP,CAAC,CAAC,CAAC,IAAI,EACR,wBAAC,cAAG,eACF,wBAAC,cAAG,IAAC,OAAO,EAAC,MAAM,EAAC,UAAU,EAAC,QAAQ,aACrC,uBAAC,cAAG,IAAC,EAAE,EAAE,CAAC,YACR,uBAAC,mBAAQ,IAAC,OAAO,EAAC,UAAU,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,GAClD,EACN,uBAAC,mBAAQ,IAAC,OAAO,EAAC,MAAM,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,IAC9C,EACN,wBAAC,cAAG,IAAC,EAAE,EAAE,CAAC,EAAE,OAAO,EAAC,MAAM,EAAC,UAAU,EAAC,QAAQ,aAC5C,uBAAC,mBAAQ,IAAC,OAAO,EAAC,MAAM,EAAC,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,EAAE,GAAI,EACnD,uBAAC,mBAAQ,IACP,OAAO,EAAC,MAAM,EACd,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,EAAE,EAAE,EAAE,UAAU,EAAE,CAAC,EAAE,GACrB,IACE,IACF,EACN,wBAAC,cAAG,IAAC,EAAE,EAAE,CAAC,EAAE,OAAO,EAAC,MAAM,EAAC,cAAc,EAAC,eAAe,aACvD,uBAAC,mBAAQ,IAAC,OAAO,EAAC,MAAM,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,EAClD,uBAAC,mBAAQ,IAAC,OAAO,EAAC,MAAM,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,EAClD,uBAAC,mBAAQ,IAAC,OAAO,EAAC,MAAM,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,EAClD,uBAAC,mBAAQ,IAAC,OAAO,EAAC,MAAM,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,IAC9C,IACF,CACP,CAAC;IAEF,OAAO,UAAU,KAAK,QAAQ,IAAI,OAAO,KAAK,UAAU,CAAC,CAAC,CAAC,CACzD,WAAW,CACZ,CAAC,CAAC,CAAC,CACF,uBAAC,WAAI,IAAC,QAAQ,WAAK,KAAK,YACrB,WAAW,GACP,CACR,CAAC;AACJ,CAAC,CAAC;AArDW,QAAA,iBAAiB,qBAqD5B"}
1
+ {"version":3,"file":"RouteCardSkeleton.js","sourceRoot":"","sources":["../../../components/RouteCard/RouteCardSkeleton.tsx"],"names":[],"mappings":";;;;AACA,4CAA8C;AAC9C,+CAAkD;AAClD,kCAA+B;AAC/B,oCAAyC;AAGlC,MAAM,iBAAiB,GAAgD,CAAC,EAC7E,OAAO,EACP,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,UAAU,EAAE,GAAG,IAAA,2BAAe,GAAE,CAAC;IAEzC,MAAM,WAAW,GAAG,CAClB,wBAAC,cAAG,IAAC,IAAI,EAAE,CAAC,aACT,UAAU,KAAK,QAAQ,IAAI,UAAU,KAAK,KAAK,CAAC,CAAC,CAAC,CACjD,uBAAC,cAAG,IAAC,OAAO,EAAC,MAAM,EAAC,UAAU,EAAC,QAAQ,EAAC,EAAE,EAAE,CAAC,YAC3C,uBAAC,mBAAQ,IACP,OAAO,EAAC,aAAa,EACrB,KAAK,EAAE,GAAG,EACV,MAAM,EAAE,EAAE,EACV,EAAE,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;wBACd,YAAY,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC,YAAY,IAAI;qBAC9C,CAAC,GACF,GACE,CACP,CAAC,CAAC,CAAC,IAAI,EACR,uBAAC,qBAAa,KAAG,EACjB,wBAAC,cAAG,IAAC,EAAE,EAAE,CAAC,EAAE,OAAO,EAAC,MAAM,EAAC,cAAc,EAAC,eAAe,aACvD,uBAAC,mBAAQ,IAAC,OAAO,EAAC,MAAM,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,EAClD,uBAAC,mBAAQ,IAAC,OAAO,EAAC,MAAM,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,IAC9C,IACF,CACP,CAAC;IAEF,OAAO,UAAU,KAAK,QAAQ,IAAI,OAAO,KAAK,UAAU,CAAC,CAAC,CAAC,CACzD,WAAW,CACZ,CAAC,CAAC,CAAC,CACF,uBAAC,WAAI,IAAC,QAAQ,WAAK,KAAK,YACrB,WAAW,GACP,CACR,CAAC;AACJ,CAAC,CAAC;AAnCW,QAAA,iBAAiB,qBAmC5B"}
@@ -1,4 +1,4 @@
1
- import type { Route } from '@lifi/sdk';
1
+ import type { Route, Token } from '@lifi/sdk';
2
2
  export interface RouteCardProps {
3
3
  route: Route;
4
4
  variant?: 'default' | 'cardless';
@@ -7,8 +7,12 @@ export interface RouteCardProps {
7
7
  }
8
8
  export interface RouteCardEssentialsProps {
9
9
  route: Route;
10
- dense?: boolean;
11
10
  }
12
11
  export interface RouteCardSkeletonProps {
13
12
  variant?: 'default' | 'cardless';
14
13
  }
14
+ export interface FeesBreakdown {
15
+ amount: bigint;
16
+ amountUSD: number;
17
+ token: Token;
18
+ }
@@ -3,11 +3,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.Routes = void 0;
4
4
  const jsx_runtime_1 = require("react/jsx-runtime");
5
5
  const material_1 = require("@mui/material");
6
- const react_hook_form_1 = require("react-hook-form");
7
6
  const react_i18next_1 = require("react-i18next");
8
7
  const react_router_dom_1 = require("react-router-dom");
9
8
  const hooks_1 = require("../../hooks");
10
9
  const providers_1 = require("../../providers");
10
+ const stores_1 = require("../../stores");
11
11
  const utils_1 = require("../../utils");
12
12
  const Card_1 = require("../Card");
13
13
  const ProgressToNextUpdate_1 = require("../ProgressToNextUpdate");
@@ -16,7 +16,7 @@ const Routes = (props) => {
16
16
  const { t } = (0, react_i18next_1.useTranslation)();
17
17
  const navigate = (0, react_router_dom_1.useNavigate)();
18
18
  const { subvariant, useRecommendedRoute } = (0, providers_1.useWidgetConfig)();
19
- const { isValid, isValidating } = (0, react_hook_form_1.useFormState)();
19
+ const { isValid, isValidating } = (0, stores_1.useValidation)();
20
20
  const { routes, isLoading, isFetching, isFetched, dataUpdatedAt, refetchTime, refetch, } = (0, hooks_1.useRoutes)();
21
21
  const currentRoute = routes?.[0];
22
22
  if (!currentRoute && !isLoading && !isFetching && !isFetched) {
@@ -1 +1 @@
1
- {"version":3,"file":"Routes.js","sourceRoot":"","sources":["../../../components/Routes/Routes.tsx"],"names":[],"mappings":";;;;AACA,4CAAsD;AACtD,qDAA+C;AAC/C,iDAA+C;AAC/C,uDAA+C;AAC/C,uCAAwC;AACxC,+CAAkD;AAClD,uCAA+C;AAC/C,kCAA0C;AAC1C,kEAA+D;AAC/D,4CAA+E;AAExE,MAAM,MAAM,GAAuB,CAAC,KAAK,EAAE,EAAE;IAClD,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,MAAM,QAAQ,GAAG,IAAA,8BAAW,GAAE,CAAC;IAC/B,MAAM,EAAE,UAAU,EAAE,mBAAmB,EAAE,GAAG,IAAA,2BAAe,GAAE,CAAC;IAC9D,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,GAAG,IAAA,8BAAY,GAAE,CAAC;IACjD,MAAM,EACJ,MAAM,EACN,SAAS,EACT,UAAU,EACV,SAAS,EACT,aAAa,EACb,WAAW,EACX,OAAO,GACR,GAAG,IAAA,iBAAS,GAAE,CAAC;IAEhB,MAAM,YAAY,GAAG,MAAM,EAAE,CAAC,CAAC,CAAC,CAAC;IAEjC,IAAI,CAAC,YAAY,IAAI,CAAC,SAAS,IAAI,CAAC,UAAU,IAAI,CAAC,SAAS,EAAE,CAAC;QAC7D,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,eAAe,GAAG,GAAG,EAAE;QAC3B,QAAQ,CAAC,wBAAgB,CAAC,MAAM,CAAC,CAAC;IACpC,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,CAAC,YAAY,IAAI,CAAC,SAAS,IAAI,CAAC,UAAU,CAAC;IACjE,MAAM,oBAAoB,GAAG,UAAU,KAAK,QAAQ,IAAI,mBAAmB,CAAC;IAC5E,MAAM,OAAO,GACX,CAAC,oBAAoB,IAAI,CAAC,aAAa,IAAI,CAAC,MAAM,EAAE,MAAM,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC;IAEvE,OAAO,CACL,wBAAC,WAAI,OAAK,KAAK,aACb,uBAAC,gBAAS,cACP,UAAU,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,eAAe,CAAC,GACvD,EACZ,uBAAC,2CAAoB,IACnB,SAAS,EAAE,aAAa,IAAI,IAAI,IAAI,EAAE,CAAC,OAAO,EAAE,EAChD,YAAY,EAAE,WAAW,EACzB,SAAS,EAAE,UAAU,EACrB,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,EAAE,EACxB,EAAE,EAAE;oBACF,QAAQ,EAAE,UAAU;oBACpB,GAAG,EAAE,CAAC;oBACN,KAAK,EAAE,CAAC;iBACT,GACD,EACF,wBAAC,cAAG,IAAC,CAAC,EAAE,CAAC,aACN,SAAS,CAAC,CAAC,CAAC,CACX,uBAAC,6BAAiB,IAAC,OAAO,EAAC,UAAU,GAAG,CACzC,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAClB,uBAAC,6BAAiB,KAAG,CACtB,CAAC,CAAC,CAAC,CACF,uBAAC,qBAAS,IAAC,KAAK,EAAE,YAAY,EAAE,OAAO,EAAC,UAAU,EAAC,MAAM,SAAG,CAC7D,EAED,uBAAC,mBAAQ,IAAC,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,OAAO,EAAE,aAAa,QAAC,YAAY,QAAC,MAAM,kBACpE,uBAAC,cAAG,IAAC,EAAE,EAAE,CAAC,YACR,uBAAC,iBAAM,IACL,OAAO,EAAE,eAAe,EACxB,QAAQ,EAAE,YAAY,IAAI,CAAC,OAAO,EAClC,SAAS,kBAER,CAAC,CAAC,gBAAgB,CAAC,GACb,GACL,GACG,IACP,IACD,CACR,CAAC;AACJ,CAAC,CAAC;AArEW,QAAA,MAAM,UAqEjB"}
1
+ {"version":3,"file":"Routes.js","sourceRoot":"","sources":["../../../components/Routes/Routes.tsx"],"names":[],"mappings":";;;;AACA,4CAAsD;AACtD,iDAA+C;AAC/C,uDAA+C;AAC/C,uCAAwC;AACxC,+CAAkD;AAClD,yCAA6C;AAC7C,uCAA+C;AAC/C,kCAA0C;AAC1C,kEAA+D;AAC/D,4CAA+E;AAExE,MAAM,MAAM,GAAuB,CAAC,KAAK,EAAE,EAAE;IAClD,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,MAAM,QAAQ,GAAG,IAAA,8BAAW,GAAE,CAAC;IAC/B,MAAM,EAAE,UAAU,EAAE,mBAAmB,EAAE,GAAG,IAAA,2BAAe,GAAE,CAAC;IAC9D,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,GAAG,IAAA,sBAAa,GAAE,CAAC;IAClD,MAAM,EACJ,MAAM,EACN,SAAS,EACT,UAAU,EACV,SAAS,EACT,aAAa,EACb,WAAW,EACX,OAAO,GACR,GAAG,IAAA,iBAAS,GAAE,CAAC;IAEhB,MAAM,YAAY,GAAG,MAAM,EAAE,CAAC,CAAC,CAAC,CAAC;IAEjC,IAAI,CAAC,YAAY,IAAI,CAAC,SAAS,IAAI,CAAC,UAAU,IAAI,CAAC,SAAS,EAAE,CAAC;QAC7D,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,eAAe,GAAG,GAAG,EAAE;QAC3B,QAAQ,CAAC,wBAAgB,CAAC,MAAM,CAAC,CAAC;IACpC,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,CAAC,YAAY,IAAI,CAAC,SAAS,IAAI,CAAC,UAAU,CAAC;IACjE,MAAM,oBAAoB,GAAG,UAAU,KAAK,QAAQ,IAAI,mBAAmB,CAAC;IAC5E,MAAM,OAAO,GACX,CAAC,oBAAoB,IAAI,CAAC,aAAa,IAAI,CAAC,MAAM,EAAE,MAAM,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC;IAEvE,OAAO,CACL,wBAAC,WAAI,OAAK,KAAK,aACb,uBAAC,gBAAS,cACP,UAAU,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,eAAe,CAAC,GACvD,EACZ,uBAAC,2CAAoB,IACnB,SAAS,EAAE,aAAa,IAAI,IAAI,IAAI,EAAE,CAAC,OAAO,EAAE,EAChD,YAAY,EAAE,WAAW,EACzB,SAAS,EAAE,UAAU,EACrB,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,EAAE,EACxB,EAAE,EAAE;oBACF,QAAQ,EAAE,UAAU;oBACpB,GAAG,EAAE,CAAC;oBACN,KAAK,EAAE,CAAC;iBACT,GACD,EACF,wBAAC,cAAG,IAAC,CAAC,EAAE,CAAC,aACN,SAAS,CAAC,CAAC,CAAC,CACX,uBAAC,6BAAiB,IAAC,OAAO,EAAC,UAAU,GAAG,CACzC,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAClB,uBAAC,6BAAiB,KAAG,CACtB,CAAC,CAAC,CAAC,CACF,uBAAC,qBAAS,IAAC,KAAK,EAAE,YAAY,EAAE,OAAO,EAAC,UAAU,EAAC,MAAM,SAAG,CAC7D,EAED,uBAAC,mBAAQ,IAAC,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,OAAO,EAAE,aAAa,QAAC,YAAY,QAAC,MAAM,kBACpE,uBAAC,cAAG,IAAC,EAAE,EAAE,CAAC,YACR,uBAAC,iBAAM,IACL,OAAO,EAAE,eAAe,EACxB,QAAQ,EAAE,YAAY,IAAI,CAAC,OAAO,EAClC,SAAS,kBAER,CAAC,CAAC,gBAAgB,CAAC,GACb,GACL,GACG,IACP,IACD,CACR,CAAC;AACJ,CAAC,CAAC;AArEW,QAAA,MAAM,UAqEjB"}
@@ -3,13 +3,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.RoutesExpandedElement = exports.RoutesExpanded = void 0;
4
4
  const jsx_runtime_1 = require("react/jsx-runtime");
5
5
  const material_1 = require("@mui/material");
6
- const react_hook_form_1 = require("react-hook-form");
7
6
  const react_i18next_1 = require("react-i18next");
8
7
  const react_router_dom_1 = require("react-router-dom");
9
8
  const hooks_1 = require("../../hooks");
10
9
  const providers_1 = require("../../providers");
11
10
  const stores_1 = require("../../stores");
12
11
  const utils_1 = require("../../utils");
12
+ const PageContainer_1 = require("../PageContainer");
13
13
  const ProgressToNextUpdate_1 = require("../ProgressToNextUpdate");
14
14
  const RouteCard_1 = require("../RouteCard");
15
15
  const RoutesExpanded_style_1 = require("./RoutesExpanded.style");
@@ -24,7 +24,7 @@ const RoutesExpandedElement = () => {
24
24
  const navigate = (0, react_router_dom_1.useNavigate)();
25
25
  const setExecutableRoute = (0, stores_1.useSetExecutableRoute)();
26
26
  const { subvariant, containerStyle } = (0, providers_1.useWidgetConfig)();
27
- const { isValid, isValidating } = (0, react_hook_form_1.useFormState)();
27
+ const { isValid, isValidating } = (0, stores_1.useValidation)();
28
28
  const { routes, isLoading, isFetching, isFetched, dataUpdatedAt, refetchTime, refetch, } = (0, hooks_1.useRoutes)();
29
29
  const currentRoute = routes?.[0];
30
30
  const handleRouteClick = (route) => {
@@ -39,7 +39,7 @@ const RoutesExpandedElement = () => {
39
39
  const routeNotFound = !currentRoute && !isLoading && !isFetching && expanded;
40
40
  return ((0, jsx_runtime_1.jsx)(material_1.Collapse, { timeout: timeout.enter, in: expanded, orientation: "horizontal", children: (0, jsx_runtime_1.jsx)(material_1.Grow, { timeout: timeout.enter, in: expanded, mountOnEnter: true, unmountOnExit: true, children: (0, jsx_runtime_1.jsx)(RoutesExpanded_style_1.Container, { sx: containerStyle, enableColorScheme: true, children: (0, jsx_runtime_1.jsxs)(RoutesExpanded_style_1.ScrollableContainer, { children: [(0, jsx_runtime_1.jsxs)(RoutesExpanded_style_1.Header, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { fontSize: 18, fontWeight: "700", flex: 1, noWrap: true, children: subvariant === 'nft'
41
41
  ? t('main.fromAmount')
42
- : t('header.youGet') }), (0, jsx_runtime_1.jsx)(ProgressToNextUpdate_1.ProgressToNextUpdate, { updatedAt: dataUpdatedAt || new Date().getTime(), timeToUpdate: refetchTime, isLoading: isFetching, onClick: () => refetch(), sx: { marginRight: -1 } })] }), (0, jsx_runtime_1.jsx)(material_1.Stack, { direction: "column", spacing: 2, flex: 1, paddingX: 3, paddingBottom: 3, children: routeNotFound ? ((0, jsx_runtime_1.jsx)(RouteCard_1.RouteNotFoundCard, {})) : isLoading || (isFetching && !routes?.length) ? (Array.from({ length: 3 }).map((_, index) => ((0, jsx_runtime_1.jsx)(RouteCard_1.RouteCardSkeleton, {}, index)))) : (routes?.map((route, index) => ((0, jsx_runtime_1.jsx)(RouteCard_1.RouteCard, { route: route, onClick: () => handleRouteClick(route), active: index === 0, expanded: routes?.length <= 2 }, route.id)))) })] }) }) }) }));
42
+ : t('header.youGet') }), (0, jsx_runtime_1.jsx)(ProgressToNextUpdate_1.ProgressToNextUpdate, { updatedAt: dataUpdatedAt || new Date().getTime(), timeToUpdate: refetchTime, isLoading: isFetching, onClick: () => refetch(), sx: { marginRight: -1 } })] }), (0, jsx_runtime_1.jsx)(PageContainer_1.PageContainer, { children: (0, jsx_runtime_1.jsx)(material_1.Stack, { direction: "column", spacing: 2, flex: 1, paddingBottom: 3, children: routeNotFound ? ((0, jsx_runtime_1.jsx)(RouteCard_1.RouteNotFoundCard, {})) : isLoading || (isFetching && !routes?.length) ? (Array.from({ length: 3 }).map((_, index) => ((0, jsx_runtime_1.jsx)(RouteCard_1.RouteCardSkeleton, {}, index)))) : (routes?.map((route, index) => ((0, jsx_runtime_1.jsx)(RouteCard_1.RouteCard, { route: route, onClick: () => handleRouteClick(route), active: index === 0, expanded: routes?.length === 1 }, route.id)))) }) })] }) }) }) }));
43
43
  };
44
44
  exports.RoutesExpandedElement = RoutesExpandedElement;
45
45
  //# sourceMappingURL=RoutesExpanded.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"RoutesExpanded.js","sourceRoot":"","sources":["../../../components/Routes/RoutesExpanded.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"RoutesExpanded.js","sourceRoot":"","sources":["../../../components/Routes/RoutesExpanded.tsx"],"names":[],"mappings":"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"}
@@ -4,31 +4,24 @@ exports.SelectChainAndToken = void 0;
4
4
  const jsx_runtime_1 = require("react/jsx-runtime");
5
5
  const material_1 = require("@mui/material");
6
6
  const useMediaQuery_1 = require("@mui/material/useMediaQuery");
7
- const react_hook_form_1 = require("react-hook-form");
8
7
  const ReverseTokensButton_1 = require("../components/ReverseTokensButton");
9
8
  const SelectTokenButton_1 = require("../components/SelectTokenButton");
10
9
  const providers_1 = require("../providers");
11
10
  const types_1 = require("../types");
11
+ const form_1 = require("../stores/form");
12
12
  const SelectChainAndToken = (props) => {
13
13
  const prefersNarrowView = (0, useMediaQuery_1.default)((theme) => theme.breakpoints.down('sm'));
14
14
  const { disabledUI, hiddenUI, subvariant } = (0, providers_1.useWidgetConfig)();
15
- const [fromChain, toChain, fromToken, toToken] = (0, react_hook_form_1.useWatch)({
16
- name: [
17
- providers_1.FormKey.FromChain,
18
- providers_1.FormKey.ToChain,
19
- providers_1.FormKey.FromToken,
20
- providers_1.FormKey.ToToken,
21
- ],
22
- });
15
+ const [fromChain, toChain, fromToken, toToken] = (0, form_1.useFieldValues)('fromChain', 'toChain', 'fromToken', 'toToken');
23
16
  const hiddenReverse = subvariant === 'refuel' ||
24
17
  disabledUI?.includes(types_1.DisabledUI.FromToken) ||
25
18
  disabledUI?.includes(types_1.DisabledUI.ToToken) ||
26
19
  hiddenUI?.includes(types_1.HiddenUI.ToToken);
27
20
  const hiddenToToken = subvariant === 'nft' || hiddenUI?.includes(types_1.HiddenUI.ToToken);
28
- const isCompact = fromChain &&
29
- toChain &&
30
- fromToken &&
31
- toToken &&
21
+ const isCompact = !!fromChain &&
22
+ !!toChain &&
23
+ !!fromToken &&
24
+ !!toToken &&
32
25
  !prefersNarrowView &&
33
26
  !hiddenToToken;
34
27
  return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: { display: 'flex', flexDirection: isCompact ? 'row' : 'column' }, ...props, children: [(0, jsx_runtime_1.jsx)(SelectTokenButton_1.SelectTokenButton, { formType: "from", compact: isCompact }), !hiddenToToken ? ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
@@ -1 +1 @@
1
- {"version":3,"file":"SelectChainAndToken.js","sourceRoot":"","sources":["../../components/SelectChainAndToken.tsx"],"names":[],"mappings":";;;;AACA,4CAAoC;AACpC,+DAAwD;AACxD,qDAA2C;AAC3C,2EAAwE;AACxE,uEAAoE;AACpE,4CAAwD;AACxD,oCAAgD;AAEzC,MAAM,mBAAmB,GAAuB,CAAC,KAAK,EAAE,EAAE;IAC/D,MAAM,iBAAiB,GAAG,IAAA,uBAAa,EAAC,CAAC,KAAY,EAAE,EAAE,CACvD,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAC7B,CAAC;IACF,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,IAAA,2BAAe,GAAE,CAAC;IAC/D,MAAM,CAAC,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,CAAC,GAAG,IAAA,0BAAQ,EAAC;QACxD,IAAI,EAAE;YACJ,mBAAO,CAAC,SAAS;YACjB,mBAAO,CAAC,OAAO;YACf,mBAAO,CAAC,SAAS;YACjB,mBAAO,CAAC,OAAO;SAChB;KACF,CAAC,CAAC;IAEH,MAAM,aAAa,GACjB,UAAU,KAAK,QAAQ;QACvB,UAAU,EAAE,QAAQ,CAAC,kBAAU,CAAC,SAAS,CAAC;QAC1C,UAAU,EAAE,QAAQ,CAAC,kBAAU,CAAC,OAAO,CAAC;QACxC,QAAQ,EAAE,QAAQ,CAAC,gBAAQ,CAAC,OAAO,CAAC,CAAC;IAEvC,MAAM,aAAa,GACjB,UAAU,KAAK,KAAK,IAAI,QAAQ,EAAE,QAAQ,CAAC,gBAAQ,CAAC,OAAO,CAAC,CAAC;IAE/D,MAAM,SAAS,GACb,SAAS;QACT,OAAO;QACP,SAAS;QACT,OAAO;QACP,CAAC,iBAAiB;QAClB,CAAC,aAAa,CAAC;IAEjB,OAAO,CACL,wBAAC,cAAG,IACF,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,EAAE,KAChE,KAAK,aAET,uBAAC,qCAAiB,IAAC,QAAQ,EAAC,MAAM,EAAC,OAAO,EAAE,SAAS,GAAI,EACxD,CAAC,aAAa,CAAC,CAAC,CAAC,CAChB,uBAAC,cAAG,IACF,EAAE,EAAE;oBACF,OAAO,EAAE,MAAM;oBACf,cAAc,EAAE,QAAQ;oBACxB,UAAU,EAAE,QAAQ;iBACrB,EACD,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,YAE7B,CAAC,aAAa,CAAC,CAAC,CAAC,CAChB,uBAAC,yCAAmB,IAAC,QAAQ,EAAE,CAAC,SAAS,GAAI,CAC9C,CAAC,CAAC,CAAC,IAAI,GACJ,CACP,CAAC,CAAC,CAAC,IAAI,EACP,CAAC,aAAa,CAAC,CAAC,CAAC,CAChB,uBAAC,qCAAiB,IAAC,QAAQ,EAAC,IAAI,EAAC,OAAO,EAAE,SAAS,GAAI,CACxD,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC,CAAC;AAxDW,QAAA,mBAAmB,uBAwD9B"}
1
+ {"version":3,"file":"SelectChainAndToken.js","sourceRoot":"","sources":["../../components/SelectChainAndToken.tsx"],"names":[],"mappings":";;;;AACA,4CAAoC;AACpC,+DAAwD;AACxD,2EAAwE;AACxE,uEAAoE;AACpE,4CAA+C;AAC/C,oCAAgD;AAChD,yCAAgD;AAEzC,MAAM,mBAAmB,GAAuB,CAAC,KAAK,EAAE,EAAE;IAC/D,MAAM,iBAAiB,GAAG,IAAA,uBAAa,EAAC,CAAC,KAAY,EAAE,EAAE,CACvD,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAC7B,CAAC;IACF,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,IAAA,2BAAe,GAAE,CAAC;IAE/D,MAAM,CAAC,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,CAAC,GAAG,IAAA,qBAAc,EAC7D,WAAW,EACX,SAAS,EACT,WAAW,EACX,SAAS,CACV,CAAC;IAEF,MAAM,aAAa,GACjB,UAAU,KAAK,QAAQ;QACvB,UAAU,EAAE,QAAQ,CAAC,kBAAU,CAAC,SAAS,CAAC;QAC1C,UAAU,EAAE,QAAQ,CAAC,kBAAU,CAAC,OAAO,CAAC;QACxC,QAAQ,EAAE,QAAQ,CAAC,gBAAQ,CAAC,OAAO,CAAC,CAAC;IAEvC,MAAM,aAAa,GACjB,UAAU,KAAK,KAAK,IAAI,QAAQ,EAAE,QAAQ,CAAC,gBAAQ,CAAC,OAAO,CAAC,CAAC;IAE/D,MAAM,SAAS,GACb,CAAC,CAAC,SAAS;QACX,CAAC,CAAC,OAAO;QACT,CAAC,CAAC,SAAS;QACX,CAAC,CAAC,OAAO;QACT,CAAC,iBAAiB;QAClB,CAAC,aAAa,CAAC;IAEjB,OAAO,CACL,wBAAC,cAAG,IACF,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,EAAE,KAChE,KAAK,aAET,uBAAC,qCAAiB,IAAC,QAAQ,EAAC,MAAM,EAAC,OAAO,EAAE,SAAS,GAAI,EACxD,CAAC,aAAa,CAAC,CAAC,CAAC,CAChB,uBAAC,cAAG,IACF,EAAE,EAAE;oBACF,OAAO,EAAE,MAAM;oBACf,cAAc,EAAE,QAAQ;oBACxB,UAAU,EAAE,QAAQ;iBACrB,EACD,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,YAE7B,CAAC,aAAa,CAAC,CAAC,CAAC,CAChB,uBAAC,yCAAmB,IAAC,QAAQ,EAAE,CAAC,SAAS,GAAI,CAC9C,CAAC,CAAC,CAAC,IAAI,GACJ,CACP,CAAC,CAAC,CAAC,IAAI,EACP,CAAC,aAAa,CAAC,CAAC,CAAC,CAChB,uBAAC,qCAAiB,IAAC,QAAQ,EAAC,IAAI,EAAC,OAAO,EAAE,SAAS,GAAI,CACxD,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC,CAAC;AAvDW,QAAA,mBAAmB,uBAuD9B"}
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- import type { FormTypeProps } from '../../providers';
2
+ import type { FormTypeProps } from '../../stores';
3
3
  export declare const SelectTokenButton: React.FC<FormTypeProps & {
4
4
  compact: boolean;
5
5
  }>;
@@ -3,11 +3,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.SelectTokenButton = void 0;
4
4
  const jsx_runtime_1 = require("react/jsx-runtime");
5
5
  const material_1 = require("@mui/material");
6
- const react_hook_form_1 = require("react-hook-form");
7
6
  const react_i18next_1 = require("react-i18next");
8
7
  const react_router_dom_1 = require("react-router-dom");
9
8
  const hooks_1 = require("../../hooks");
10
9
  const providers_1 = require("../../providers");
10
+ const stores_1 = require("../../stores");
11
11
  const utils_1 = require("../../utils");
12
12
  const Card_1 = require("../Card");
13
13
  const TokenAvatar_1 = require("../TokenAvatar");
@@ -17,10 +17,8 @@ const SelectTokenButton = ({ formType, compact }) => {
17
17
  const navigate = (0, react_router_dom_1.useNavigate)();
18
18
  const { disabledUI, subvariant } = (0, providers_1.useWidgetConfig)();
19
19
  const swapOnly = (0, hooks_1.useSwapOnly)();
20
- const tokenKey = providers_1.FormKeyHelper.getTokenKey(formType);
21
- const [chainId, tokenAddress] = (0, react_hook_form_1.useWatch)({
22
- name: [providers_1.FormKeyHelper.getChainKey(formType), tokenKey],
23
- });
20
+ const tokenKey = stores_1.FormKeyHelper.getTokenKey(formType);
21
+ const [chainId, tokenAddress] = (0, stores_1.useFieldValues)(stores_1.FormKeyHelper.getChainKey(formType), tokenKey);
24
22
  const { chain, isLoading: isChainLoading } = (0, hooks_1.useChain)(chainId);
25
23
  const { token, isLoading: isTokenLoading } = (0, hooks_1.useToken)(chainId, tokenAddress);
26
24
  const handleClick = () => {
@@ -40,7 +38,7 @@ const SelectTokenButton = ({ formType, compact }) => {
40
38
  const cardTitle = formType === 'from' && subvariant === 'nft'
41
39
  ? t(`header.payWith`)
42
40
  : t(`main.${formType}`);
43
- return ((0, jsx_runtime_1.jsxs)(Card_1.Card, { flex: 1, onClick: onClick, children: [(0, jsx_runtime_1.jsx)(Card_1.CardTitle, { children: cardTitle }), chainId && tokenAddress && (isChainLoading || isTokenLoading) ? ((0, jsx_runtime_1.jsx)(SelectTokenButton_style_1.SelectTokenCardHeader, { avatar: (0, jsx_runtime_1.jsx)(material_1.Skeleton, { variant: "circular", width: 32, height: 32 }), title: (0, jsx_runtime_1.jsx)(material_1.Skeleton, { variant: "text", width: 64, height: 24 }), subheader: (0, jsx_runtime_1.jsx)(material_1.Skeleton, { variant: "text", width: 64, height: 16 }), compact: compact })) : ((0, jsx_runtime_1.jsx)(SelectTokenButton_style_1.SelectTokenCardHeader, { avatar: isSelected ? ((0, jsx_runtime_1.jsx)(TokenAvatar_1.TokenAvatar, { token: token, chain: chain })) : ((0, jsx_runtime_1.jsx)(TokenAvatar_1.TokenAvatarDefault, {})), title: isSelected ? token.symbol : defaultPlaceholder, subheader: isSelected ? t(`main.onChain`, { chainName: chain.name }) : null, selected: isSelected, compact: compact }))] }));
41
+ return ((0, jsx_runtime_1.jsxs)(Card_1.Card, { flex: 1, onClick: onClick, children: [(0, jsx_runtime_1.jsx)(Card_1.CardTitle, { children: cardTitle }), chainId && tokenAddress && (isChainLoading || isTokenLoading) ? ((0, jsx_runtime_1.jsx)(SelectTokenButton_style_1.SelectTokenCardHeader, { avatar: (0, jsx_runtime_1.jsx)(TokenAvatar_1.TokenAvatarSkeleton, {}), title: (0, jsx_runtime_1.jsx)(material_1.Skeleton, { variant: "text", width: 64, height: 24 }), subheader: (0, jsx_runtime_1.jsx)(material_1.Skeleton, { variant: "text", width: 72, height: 16 }), compact: compact })) : ((0, jsx_runtime_1.jsx)(SelectTokenButton_style_1.SelectTokenCardHeader, { avatar: isSelected ? ((0, jsx_runtime_1.jsx)(TokenAvatar_1.TokenAvatar, { token: token, chain: chain })) : ((0, jsx_runtime_1.jsx)(TokenAvatar_1.TokenAvatarDefault, {})), title: isSelected ? token.symbol : defaultPlaceholder, subheader: isSelected ? t(`main.onChain`, { chainName: chain.name }) : null, selected: isSelected, compact: compact }))] }));
44
42
  };
45
43
  exports.SelectTokenButton = SelectTokenButton;
46
44
  //# sourceMappingURL=SelectTokenButton.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"SelectTokenButton.js","sourceRoot":"","sources":["../../../components/SelectTokenButton/SelectTokenButton.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"SelectTokenButton.js","sourceRoot":"","sources":["../../../components/SelectTokenButton/SelectTokenButton.tsx"],"names":[],"mappings":"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"}
@@ -7,7 +7,7 @@ const Card_1 = require("../Card");
7
7
  exports.SelectTokenCardHeader = (0, styles_1.styled)(Card_1.CardHeader, {
8
8
  shouldForwardProp: (prop) => !['selected', 'compact'].includes(prop),
9
9
  })(({ theme, selected, compact }) => ({
10
- height: 64,
10
+ padding: theme.spacing(2),
11
11
  [`.${CardHeader_1.cardHeaderClasses.title}`]: {
12
12
  color: selected
13
13
  ? theme.palette.text.primary
@@ -16,8 +16,7 @@ exports.SelectTokenCardHeader = (0, styles_1.styled)(Card_1.CardHeader, {
16
16
  whiteSpace: 'nowrap',
17
17
  overflow: 'hidden',
18
18
  width: compact ? 92 : 256,
19
- fontWeight: selected ? 500 : 400,
20
- fontSize: compact && !selected ? '1rem' : '1.125rem',
19
+ fontSize: compact && !selected ? 16 : 18,
21
20
  [theme.breakpoints.down(392)]: {
22
21
  width: compact ? 92 : 224,
23
22
  },
@@ -1 +1 @@
1
- {"version":3,"file":"SelectTokenButton.style.js","sourceRoot":"","sources":["../../../components/SelectTokenButton/SelectTokenButton.style.tsx"],"names":[],"mappings":";;;AAAA,yDAA6D;AAC7D,iDAA8C;AAC9C,kCAAqC;AAExB,QAAA,qBAAqB,GAAG,IAAA,eAAM,EAAC,iBAAU,EAAE;IACtD,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAC1B,CAAC,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,IAAc,CAAC;CACpD,CAAC,CACA,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC;IACjC,MAAM,EAAE,EAAE;IACV,CAAC,IAAI,8BAAiB,CAAC,KAAK,EAAE,CAAC,EAAE;QAC/B,KAAK,EAAE,QAAQ;YACb,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;YAC5B,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS;QAChC,YAAY,EAAE,UAAU;QACxB,UAAU,EAAE,QAAQ;QACpB,QAAQ,EAAE,QAAQ;QAClB,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG;QACzB,UAAU,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG;QAChC,QAAQ,EAAE,OAAO,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU;QACpD,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE;YAC7B,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG;SAC1B;KACF;IACD,CAAC,IAAI,8BAAiB,CAAC,SAAS,EAAE,CAAC,EAAE;QACnC,YAAY,EAAE,UAAU;QACxB,UAAU,EAAE,QAAQ;QACpB,QAAQ,EAAE,QAAQ;QAClB,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG;QACzB,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE;YAC7B,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG;SAC1B;KACF;CACF,CAAC,CACH,CAAC"}
1
+ {"version":3,"file":"SelectTokenButton.style.js","sourceRoot":"","sources":["../../../components/SelectTokenButton/SelectTokenButton.style.tsx"],"names":[],"mappings":";;;AAAA,yDAA6D;AAC7D,iDAA8C;AAC9C,kCAAqC;AAExB,QAAA,qBAAqB,GAAG,IAAA,eAAM,EAAC,iBAAU,EAAE;IACtD,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAC1B,CAAC,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,IAAc,CAAC;CACpD,CAAC,CACA,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC;IACjC,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IACzB,CAAC,IAAI,8BAAiB,CAAC,KAAK,EAAE,CAAC,EAAE;QAC/B,KAAK,EAAE,QAAQ;YACb,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;YAC5B,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS;QAChC,YAAY,EAAE,UAAU;QACxB,UAAU,EAAE,QAAQ;QACpB,QAAQ,EAAE,QAAQ;QAClB,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG;QACzB,QAAQ,EAAE,OAAO,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE;QACxC,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE;YAC7B,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG;SAC1B;KACF;IACD,CAAC,IAAI,8BAAiB,CAAC,SAAS,EAAE,CAAC,EAAE;QACnC,YAAY,EAAE,UAAU;QACxB,UAAU,EAAE,QAAQ;QACpB,QAAQ,EAAE,QAAQ;QAClB,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG;QACzB,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE;YAC7B,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG;SAC1B;KACF;CACF,CAAC,CACH,CAAC"}
@@ -5,7 +5,6 @@ const jsx_runtime_1 = require("react/jsx-runtime");
5
5
  const material_1 = require("@mui/material");
6
6
  const core_1 = require("@wagmi/core");
7
7
  const react_1 = require("react");
8
- const react_hook_form_1 = require("react-hook-form");
9
8
  const react_i18next_1 = require("react-i18next");
10
9
  const viem_1 = require("viem");
11
10
  const ens_1 = require("viem/ens");
@@ -19,7 +18,11 @@ const Card_1 = require("../Card");
19
18
  const SendToWallet_style_1 = require("./SendToWallet.style");
20
19
  exports.SendToWallet = (0, react_1.forwardRef)((props, ref) => {
21
20
  const { t } = (0, react_i18next_1.useTranslation)();
22
- const { trigger, getValues, setValue, clearErrors } = (0, react_hook_form_1.useFormContext)();
21
+ const { getFieldValues } = (0, stores_1.useFieldActions)();
22
+ const { name, value, onChange, onBlur } = (0, stores_1.useFieldController)({
23
+ name: 'toAddress',
24
+ });
25
+ const { addFieldValidation, triggerFieldValidation, clearErrors } = (0, stores_1.useValidationActions)();
23
26
  const { account } = (0, hooks_1.useAccount)();
24
27
  const config = (0, wagmi_1.useConfig)();
25
28
  const { disabledUI, hiddenUI, toAddress } = (0, providers_1.useWidgetConfig)();
@@ -34,50 +37,58 @@ exports.SendToWallet = (0, react_1.forwardRef)((props, ref) => {
34
37
  showDestinationWallet &&
35
38
  toAddress &&
36
39
  !hiddenToAddress) || requiredToAddress;
37
- const { field: { onChange, onBlur, name, value }, } = (0, react_hook_form_1.useController)({
38
- name: providers_1.FormKey.ToAddress,
39
- rules: {
40
- required: requiredToAddress && t('error.title.walletAddressRequired'),
41
- onChange: (e) => {
42
- setValue(providers_1.FormKey.ToAddress, e.target.value.trim());
43
- },
44
- validate: async (value) => {
45
- try {
46
- if (!value || (0, viem_1.isAddress)(value) || (0, utils_1.isSVMAddress)(value)) {
47
- return true;
48
- }
49
- const address = await (0, core_1.getEnsAddress)(config, {
50
- chainId: getValues(providers_1.FormKey.ToChain),
51
- name: (0, ens_1.normalize)(value),
52
- });
53
- return Boolean(address);
54
- }
55
- catch (error) {
40
+ (0, react_1.useEffect)(() => {
41
+ addFieldValidation('toAddress', async (value) => {
42
+ try {
43
+ if (!value && requiredToAddress) {
56
44
  return t('error.title.walletEnsAddressInvalid');
57
45
  }
58
- },
59
- onBlur: () => trigger(providers_1.FormKey.ToAddress),
60
- },
61
- });
46
+ if (!value || (0, viem_1.isAddress)(value) || (0, utils_1.isSVMAddress)(value)) {
47
+ return true;
48
+ }
49
+ const address = await (0, core_1.getEnsAddress)(config, {
50
+ chainId: getFieldValues('toChain')[0],
51
+ name: (0, ens_1.normalize)(value),
52
+ });
53
+ return Boolean(address);
54
+ }
55
+ catch (error) {
56
+ return t('error.title.walletEnsAddressInvalid');
57
+ }
58
+ });
59
+ }, [addFieldValidation, requiredToAddress, getFieldValues, t, config]);
60
+ const handlerInputChange = (e) => {
61
+ onChange(e.target.value.trim());
62
+ };
63
+ const handlerInputBlur = () => {
64
+ onBlur();
65
+ triggerFieldValidation('toAddress');
66
+ };
62
67
  (0, react_1.useEffect)(() => {
63
- const value = getValues(providers_1.FormKey.ToAddress);
68
+ const value = getFieldValues('toAddress');
64
69
  if (value) {
65
- trigger(providers_1.FormKey.ToAddress);
70
+ triggerFieldValidation('toAddress');
66
71
  // Trigger validation if we change requiredToAddress in the runtime
67
72
  }
68
73
  else if (requiredToAddressRef.current !== requiredToAddress) {
69
74
  requiredToAddressRef.current = requiredToAddress;
70
- trigger(providers_1.FormKey.ToAddress).then(() => clearErrors(providers_1.FormKey.ToAddress));
75
+ triggerFieldValidation('toAddress').then(() => clearErrors('toAddress'));
71
76
  }
72
- }, [account.chainId, clearErrors, getValues, requiredToAddress, trigger]);
77
+ }, [
78
+ account.chainId,
79
+ clearErrors,
80
+ getFieldValues,
81
+ requiredToAddress,
82
+ triggerFieldValidation,
83
+ ]);
73
84
  if (hiddenToAddress && !requiredToAddress) {
74
85
  return null;
75
86
  }
76
- return ((0, jsx_runtime_1.jsx)(material_1.Collapse, { timeout: showInstantly ? 0 : 225, in: showSendToWallet || showInstantly, mountOnEnter: true, unmountOnExit: true, children: (0, jsx_runtime_1.jsxs)(Card_1.Card, { ...props, ref: ref, children: [(0, jsx_runtime_1.jsx)(Card_1.CardTitle, { required: requiredToAddress, children: t('main.sendToWallet') }), (0, jsx_runtime_1.jsxs)(SendToWallet_style_1.FormControl, { fullWidth: true, sx: { paddingTop: '6px', paddingBottom: '5px' }, children: [(0, jsx_runtime_1.jsx)(SendToWallet_style_1.Input, { size: "small", autoComplete: "off", autoCorrect: "off", autoCapitalize: "off", spellCheck: "false", onChange: onChange, onBlur: onBlur, name: name, value: value, placeholder: t('main.walletAddressOrEns'), disabled: Boolean(toAddress && disabledToAddress) }), (0, jsx_runtime_1.jsx)(exports.SendToWalletFormHelperText, {})] })] }) }));
87
+ return ((0, jsx_runtime_1.jsx)(material_1.Collapse, { timeout: showInstantly ? 0 : 225, in: showSendToWallet || showInstantly, mountOnEnter: true, unmountOnExit: true, children: (0, jsx_runtime_1.jsxs)(Card_1.Card, { ...props, ref: ref, children: [(0, jsx_runtime_1.jsx)(Card_1.CardTitle, { required: requiredToAddress, children: t('main.sendToWallet') }), (0, jsx_runtime_1.jsxs)(SendToWallet_style_1.FormControl, { fullWidth: true, sx: { paddingTop: '6px', paddingBottom: '5px' }, children: [(0, jsx_runtime_1.jsx)(SendToWallet_style_1.Input, { size: "small", autoComplete: "off", autoCorrect: "off", autoCapitalize: "off", spellCheck: "false", onChange: handlerInputChange, onBlur: handlerInputBlur, name: name, value: value, placeholder: t('main.walletAddressOrEns'), disabled: Boolean(toAddress && disabledToAddress) }), (0, jsx_runtime_1.jsx)(exports.SendToWalletFormHelperText, {})] })] }) }));
77
88
  });
78
89
  const SendToWalletFormHelperText = () => {
79
- const { errors } = (0, react_hook_form_1.useFormState)();
80
- return ((0, jsx_runtime_1.jsx)(material_1.FormHelperText, { error: !!errors.toAddress, children: errors.toAddress?.message }));
90
+ const { errors } = (0, stores_1.useValidation)();
91
+ return ((0, jsx_runtime_1.jsx)(material_1.FormHelperText, { error: !!errors.toAddress, children: errors.toAddress }));
81
92
  };
82
93
  exports.SendToWalletFormHelperText = SendToWalletFormHelperText;
83
94
  //# sourceMappingURL=SendToWallet.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"SendToWallet.js","sourceRoot":"","sources":["../../../components/SendToWallet/SendToWallet.tsx"],"names":[],"mappings":";;;;AACA,4CAAyD;AACzD,sCAA4C;AAC5C,iCAAsD;AACtD,qDAA8E;AAC9E,iDAA+C;AAC/C,+BAAiC;AACjC,kCAAqC;AACrC,iCAAkC;AAClC,uCAA+D;AAC/D,+CAA2D;AAC3D,yCAAiE;AACjE,uCAAmD;AACnD,uCAA2C;AAC3C,kCAA0C;AAC1C,6DAA0D;AAE7C,QAAA,YAAY,GAAuB,IAAA,kBAAU,EAAC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACxE,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,IAAA,gCAAc,GAAE,CAAC;IACvE,MAAM,EAAE,OAAO,EAAE,GAAG,IAAA,kBAAU,GAAE,CAAC;IACjC,MAAM,MAAM,GAAG,IAAA,iBAAS,GAAE,CAAC;IAC3B,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAA,2BAAe,GAAE,CAAC;IAC9D,MAAM,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,GAAG,IAAA,6BAAoB,GAAE,CAAC;IAC3E,MAAM,EAAE,qBAAqB,EAAE,GAAG,IAAA,oBAAW,EAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC;IAEzE,MAAM,eAAe,GAAG,QAAQ,EAAE,QAAQ,CAAC,gBAAQ,CAAC,SAAS,CAAC,CAAC;IAC/D,MAAM,iBAAiB,GAAG,UAAU,EAAE,QAAQ,CAAC,kBAAU,CAAC,SAAS,CAAC,CAAC;IACrE,MAAM,iBAAiB,GAAG,IAAA,4BAAoB,GAAE,CAAC;IACjD,MAAM,oBAAoB,GAAG,IAAA,cAAM,EAAC,iBAAiB,CAAC,CAAC;IAEvD,uFAAuF;IACvF,MAAM,aAAa,GACjB,OAAO,CACL,CAAC,qBAAqB;QACpB,qBAAqB;QACrB,SAAS;QACT,CAAC,eAAe,CACnB,IAAI,iBAAiB,CAAC;IAEzB,MAAM,EACJ,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GACzC,GAAG,IAAA,+BAAa,EAAC;QAChB,IAAI,EAAE,mBAAO,CAAC,SAAS;QACvB,KAAK,EAAE;YACL,QAAQ,EACN,iBAAiB,IAAK,CAAC,CAAC,mCAAmC,CAAY;YACzE,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;gBACd,QAAQ,CAAC,mBAAO,CAAC,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC;YACrD,CAAC;YACD,QAAQ,EAAE,KAAK,EAAE,KAAa,EAAE,EAAE;gBAChC,IAAI,CAAC;oBACH,IAAI,CAAC,KAAK,IAAI,IAAA,gBAAS,EAAC,KAAK,CAAC,IAAI,IAAA,oBAAY,EAAC,KAAK,CAAC,EAAE,CAAC;wBACtD,OAAO,IAAI,CAAC;oBACd,CAAC;oBACD,MAAM,OAAO,GAAG,MAAM,IAAA,oBAAa,EAAC,MAAM,EAAE;wBAC1C,OAAO,EAAE,SAAS,CAAC,mBAAO,CAAC,OAAO,CAAC;wBACnC,IAAI,EAAE,IAAA,eAAS,EAAC,KAAK,CAAC;qBACvB,CAAC,CAAC;oBACH,OAAO,OAAO,CAAC,OAAO,CAAC,CAAC;gBAC1B,CAAC;gBAAC,OAAO,KAAK,EAAE,CAAC;oBACf,OAAO,CAAC,CAAC,qCAAqC,CAAW,CAAC;gBAC5D,CAAC;YACH,CAAC;YACD,MAAM,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,mBAAO,CAAC,SAAS,CAAC;SACzC;KACF,CAAC,CAAC;IAEH,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,KAAK,GAAG,SAAS,CAAC,mBAAO,CAAC,SAAS,CAAC,CAAC;QAC3C,IAAI,KAAK,EAAE,CAAC;YACV,OAAO,CAAC,mBAAO,CAAC,SAAS,CAAC,CAAC;YAC3B,mEAAmE;QACrE,CAAC;aAAM,IAAI,oBAAoB,CAAC,OAAO,KAAK,iBAAiB,EAAE,CAAC;YAC9D,oBAAoB,CAAC,OAAO,GAAG,iBAAiB,CAAC;YACjD,OAAO,CAAC,mBAAO,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC,mBAAO,CAAC,SAAS,CAAC,CAAC,CAAC;QACxE,CAAC;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,iBAAiB,EAAE,OAAO,CAAC,CAAC,CAAC;IAE1E,IAAI,eAAe,IAAI,CAAC,iBAAiB,EAAE,CAAC;QAC1C,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,uBAAC,mBAAQ,IACP,OAAO,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,EAChC,EAAE,EAAE,gBAAgB,IAAI,aAAa,EACrC,YAAY,QACZ,aAAa,kBAEb,wBAAC,WAAI,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,aACvB,uBAAC,gBAAS,IAAC,QAAQ,EAAE,iBAAiB,YACnC,CAAC,CAAC,mBAAmB,CAAC,GACb,EACZ,wBAAC,gCAAW,IAAC,SAAS,QAAC,EAAE,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,aACpE,uBAAC,0BAAK,IACJ,IAAI,EAAC,OAAO,EACZ,YAAY,EAAC,KAAK,EAClB,WAAW,EAAC,KAAK,EACjB,cAAc,EAAC,KAAK,EACpB,UAAU,EAAC,OAAO,EAClB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,CAAC,CAAC,yBAAyB,CAAW,EACnD,QAAQ,EAAE,OAAO,CAAC,SAAS,IAAI,iBAAiB,CAAC,GACjD,EACF,uBAAC,kCAA0B,KAAG,IAClB,IACT,GACE,CACZ,CAAC;AACJ,CAAC,CAAC,CAAC;AAEI,MAAM,0BAA0B,GAAa,GAAG,EAAE;IACvD,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,8BAAY,GAAE,CAAC;IAElC,OAAO,CACL,uBAAC,yBAAc,IAAC,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,SAAS,YACtC,MAAM,CAAC,SAAS,EAAE,OAAiB,GACrB,CAClB,CAAC;AACJ,CAAC,CAAC;AARW,QAAA,0BAA0B,8BAQrC"}
1
+ {"version":3,"file":"SendToWallet.js","sourceRoot":"","sources":["../../../components/SendToWallet/SendToWallet.tsx"],"names":[],"mappings":";;;;AACA,4CAAyD;AACzD,sCAA4C;AAE5C,iCAAsD;AACtD,iDAA+C;AAC/C,+BAAiC;AACjC,kCAAqC;AACrC,iCAAkC;AAClC,uCAA+D;AAC/D,+CAAkD;AAClD,yCAOsB;AACtB,uCAAmD;AACnD,uCAA2C;AAC3C,kCAA0C;AAC1C,6DAA0D;AAE7C,QAAA,YAAY,GAAuB,IAAA,kBAAU,EAAC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACxE,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,MAAM,EAAE,cAAc,EAAE,GAAG,IAAA,wBAAe,GAAE,CAAC;IAC7C,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,IAAA,2BAAkB,EAAC;QAC3D,IAAI,EAAE,WAAW;KAClB,CAAC,CAAC;IACH,MAAM,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,WAAW,EAAE,GAC/D,IAAA,6BAAoB,GAAE,CAAC;IACzB,MAAM,EAAE,OAAO,EAAE,GAAG,IAAA,kBAAU,GAAE,CAAC;IACjC,MAAM,MAAM,GAAG,IAAA,iBAAS,GAAE,CAAC;IAC3B,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAA,2BAAe,GAAE,CAAC;IAC9D,MAAM,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,GAAG,IAAA,6BAAoB,GAAE,CAAC;IAC3E,MAAM,EAAE,qBAAqB,EAAE,GAAG,IAAA,oBAAW,EAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC;IAEzE,MAAM,eAAe,GAAG,QAAQ,EAAE,QAAQ,CAAC,gBAAQ,CAAC,SAAS,CAAC,CAAC;IAC/D,MAAM,iBAAiB,GAAG,UAAU,EAAE,QAAQ,CAAC,kBAAU,CAAC,SAAS,CAAC,CAAC;IACrE,MAAM,iBAAiB,GAAG,IAAA,4BAAoB,GAAE,CAAC;IACjD,MAAM,oBAAoB,GAAG,IAAA,cAAM,EAAC,iBAAiB,CAAC,CAAC;IAEvD,uFAAuF;IACvF,MAAM,aAAa,GACjB,OAAO,CACL,CAAC,qBAAqB;QACpB,qBAAqB;QACrB,SAAS;QACT,CAAC,eAAe,CACnB,IAAI,iBAAiB,CAAC;IAEzB,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,kBAAkB,CAAC,WAAW,EAAE,KAAK,EAAE,KAAa,EAAE,EAAE;YACtD,IAAI,CAAC;gBACH,IAAI,CAAC,KAAK,IAAI,iBAAiB,EAAE,CAAC;oBAChC,OAAO,CAAC,CAAC,qCAAqC,CAAC,CAAC;gBAClD,CAAC;gBAED,IAAI,CAAC,KAAK,IAAI,IAAA,gBAAS,EAAC,KAAK,CAAC,IAAI,IAAA,oBAAY,EAAC,KAAK,CAAC,EAAE,CAAC;oBACtD,OAAO,IAAI,CAAC;gBACd,CAAC;gBACD,MAAM,OAAO,GAAG,MAAM,IAAA,oBAAa,EAAC,MAAM,EAAE;oBAC1C,OAAO,EAAE,cAAc,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;oBACrC,IAAI,EAAE,IAAA,eAAS,EAAC,KAAK,CAAC;iBACvB,CAAC,CAAC;gBACH,OAAO,OAAO,CAAC,OAAO,CAAC,CAAC;YAC1B,CAAC;YAAC,OAAO,KAAK,EAAE,CAAC;gBACf,OAAO,CAAC,CAAC,qCAAqC,CAAW,CAAC;YAC5D,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,kBAAkB,EAAE,iBAAiB,EAAE,cAAc,EAAE,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC;IAEvE,MAAM,kBAAkB,GAAG,CAAC,CAAc,EAAE,EAAE;QAC5C,QAAQ,CAAE,CAAC,CAAC,MAA2B,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC;IACxD,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC5B,MAAM,EAAE,CAAC;QACT,sBAAsB,CAAC,WAAW,CAAC,CAAC;IACtC,CAAC,CAAC;IAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,KAAK,GAAG,cAAc,CAAC,WAAW,CAAC,CAAC;QAC1C,IAAI,KAAK,EAAE,CAAC;YACV,sBAAsB,CAAC,WAAW,CAAC,CAAC;YACpC,mEAAmE;QACrE,CAAC;aAAM,IAAI,oBAAoB,CAAC,OAAO,KAAK,iBAAiB,EAAE,CAAC;YAC9D,oBAAoB,CAAC,OAAO,GAAG,iBAAiB,CAAC;YACjD,sBAAsB,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC,CAAC;QAC3E,CAAC;IACH,CAAC,EAAE;QACD,OAAO,CAAC,OAAO;QACf,WAAW;QACX,cAAc;QACd,iBAAiB;QACjB,sBAAsB;KACvB,CAAC,CAAC;IAEH,IAAI,eAAe,IAAI,CAAC,iBAAiB,EAAE,CAAC;QAC1C,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,uBAAC,mBAAQ,IACP,OAAO,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,EAChC,EAAE,EAAE,gBAAgB,IAAI,aAAa,EACrC,YAAY,QACZ,aAAa,kBAEb,wBAAC,WAAI,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,aACvB,uBAAC,gBAAS,IAAC,QAAQ,EAAE,iBAAiB,YACnC,CAAC,CAAC,mBAAmB,CAAC,GACb,EACZ,wBAAC,gCAAW,IAAC,SAAS,QAAC,EAAE,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,aACpE,uBAAC,0BAAK,IACJ,IAAI,EAAC,OAAO,EACZ,YAAY,EAAC,KAAK,EAClB,WAAW,EAAC,KAAK,EACjB,cAAc,EAAC,KAAK,EACpB,UAAU,EAAC,OAAO,EAClB,QAAQ,EAAE,kBAAkB,EAC5B,MAAM,EAAE,gBAAgB,EACxB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,CAAC,CAAC,yBAAyB,CAAW,EACnD,QAAQ,EAAE,OAAO,CAAC,SAAS,IAAI,iBAAiB,CAAC,GACjD,EACF,uBAAC,kCAA0B,KAAG,IAClB,IACT,GACE,CACZ,CAAC;AACJ,CAAC,CAAC,CAAC;AAEI,MAAM,0BAA0B,GAAa,GAAG,EAAE;IACvD,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,sBAAa,GAAE,CAAC;IAEnC,OAAO,CACL,uBAAC,yBAAc,IAAC,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,SAAS,YACtC,MAAM,CAAC,SAAmB,GACZ,CAClB,CAAC;AACJ,CAAC,CAAC;AARW,QAAA,0BAA0B,8BAQrC"}
@@ -5,7 +5,6 @@ const jsx_runtime_1 = require("react/jsx-runtime");
5
5
  const Wallet_1 = require("@mui/icons-material/Wallet");
6
6
  const Button_1 = require("@mui/material/Button");
7
7
  const Tooltip_1 = require("@mui/material/Tooltip");
8
- const react_hook_form_1 = require("react-hook-form");
9
8
  const react_i18next_1 = require("react-i18next");
10
9
  const hooks_1 = require("../../hooks");
11
10
  const providers_1 = require("../../providers");
@@ -13,7 +12,7 @@ const stores_1 = require("../../stores");
13
12
  const types_1 = require("../../types");
14
13
  const SendToWalletButton = () => {
15
14
  const { t } = (0, react_i18next_1.useTranslation)();
16
- const { setValue } = (0, react_hook_form_1.useFormContext)();
15
+ const { setFieldValue } = (0, stores_1.useFieldActions)();
17
16
  const emitter = (0, hooks_1.useWidgetEvents)();
18
17
  const { disabledUI, hiddenUI } = (0, providers_1.useWidgetConfig)();
19
18
  const { showSendToWallet, toggleSendToWallet } = (0, stores_1.useSendToWalletStore)();
@@ -26,7 +25,7 @@ const SendToWalletButton = () => {
26
25
  }
27
26
  const handleClick = () => {
28
27
  if (showSendToWallet && !disabledUI?.includes(types_1.DisabledUI.ToAddress)) {
29
- setValue(providers_1.FormKey.ToAddress, '', { shouldTouch: true });
28
+ setFieldValue('toAddress', '', { isTouched: true });
30
29
  }
31
30
  toggleSendToWallet();
32
31
  emitter.emit(types_1.WidgetEvent.SendToWalletToggled, stores_1.useSendToWalletStore.getState().showSendToWallet);
@@ -1 +1 @@
1
- {"version":3,"file":"SendToWalletButton.js","sourceRoot":"","sources":["../../../components/SendToWallet/SendToWalletButton.tsx"],"names":[],"mappings":";;;;AAAA,uDAAoD;AACpD,iDAA0C;AAC1C,mDAA4C;AAC5C,qDAAiD;AACjD,iDAA+C;AAC/C,uCAAoE;AACpE,+CAA2D;AAC3D,yCAAiE;AACjE,uCAAgE;AAEzD,MAAM,kBAAkB,GAAa,GAAG,EAAE;IAC/C,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,gCAAc,GAAE,CAAC;IACtC,MAAM,OAAO,GAAG,IAAA,uBAAe,GAAE,CAAC;IAClC,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,IAAA,2BAAe,GAAE,CAAC;IACnD,MAAM,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,GAAG,IAAA,6BAAoB,GAAE,CAAC;IACxE,MAAM,EAAE,qBAAqB,EAAE,GAAG,IAAA,oBAAW,EAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC;IAEzE,MAAM,iBAAiB,GAAG,IAAA,4BAAoB,GAAE,CAAC;IAEjD,IACE,CAAC,qBAAqB;QACtB,QAAQ,EAAE,QAAQ,CAAC,gBAAQ,CAAC,SAAS,CAAC;QACtC,iBAAiB,EACjB,CAAC;QACD,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,gBAAgB,IAAI,CAAC,UAAU,EAAE,QAAQ,CAAC,kBAAU,CAAC,SAAS,CAAC,EAAE,CAAC;YACpE,QAAQ,CAAC,mBAAO,CAAC,SAAS,EAAE,EAAE,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC,CAAC;QACzD,CAAC;QACD,kBAAkB,EAAE,CAAC;QACrB,OAAO,CAAC,IAAI,CACV,mBAAW,CAAC,mBAAmB,EAC/B,6BAAoB,CAAC,QAAQ,EAAE,CAAC,gBAAgB,CACjD,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,CACL,uBAAC,iBAAO,IACN,KAAK,EAAE,CAAC,CAAC,mBAAmB,CAAC,EAC7B,SAAS,EAAC,YAAY,EACtB,UAAU,EAAE,GAAG,EACf,KAAK,kBAEL,uBAAC,gBAAM,IACL,OAAO,EAAE,gBAAgB,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,EAChD,OAAO,EAAE,WAAW,EACpB,EAAE,EAAE;gBACF,QAAQ,EAAE,EAAE;gBACZ,UAAU,EAAE,CAAC;aACd,YAED,uBAAC,gBAAU,KAAG,GACP,GACD,CACX,CAAC;AACJ,CAAC,CAAC;AAhDW,QAAA,kBAAkB,sBAgD7B"}
1
+ {"version":3,"file":"SendToWalletButton.js","sourceRoot":"","sources":["../../../components/SendToWallet/SendToWalletButton.tsx"],"names":[],"mappings":";;;;AAAA,uDAAoD;AACpD,iDAA0C;AAC1C,mDAA4C;AAC5C,iDAA+C;AAC/C,uCAAoE;AACpE,+CAAkD;AAClD,yCAIsB;AACtB,uCAAgE;AAEzD,MAAM,kBAAkB,GAAa,GAAG,EAAE;IAC/C,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,MAAM,EAAE,aAAa,EAAE,GAAG,IAAA,wBAAe,GAAE,CAAC;IAC5C,MAAM,OAAO,GAAG,IAAA,uBAAe,GAAE,CAAC;IAClC,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,IAAA,2BAAe,GAAE,CAAC;IACnD,MAAM,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,GAAG,IAAA,6BAAoB,GAAE,CAAC;IACxE,MAAM,EAAE,qBAAqB,EAAE,GAAG,IAAA,oBAAW,EAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC;IAEzE,MAAM,iBAAiB,GAAG,IAAA,4BAAoB,GAAE,CAAC;IAEjD,IACE,CAAC,qBAAqB;QACtB,QAAQ,EAAE,QAAQ,CAAC,gBAAQ,CAAC,SAAS,CAAC;QACtC,iBAAiB,EACjB,CAAC;QACD,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,gBAAgB,IAAI,CAAC,UAAU,EAAE,QAAQ,CAAC,kBAAU,CAAC,SAAS,CAAC,EAAE,CAAC;YACpE,aAAa,CAAC,WAAW,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;QACtD,CAAC;QACD,kBAAkB,EAAE,CAAC;QACrB,OAAO,CAAC,IAAI,CACV,mBAAW,CAAC,mBAAmB,EAC/B,6BAAoB,CAAC,QAAQ,EAAE,CAAC,gBAAgB,CACjD,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,CACL,uBAAC,iBAAO,IACN,KAAK,EAAE,CAAC,CAAC,mBAAmB,CAAC,EAC7B,SAAS,EAAC,YAAY,EACtB,UAAU,EAAE,GAAG,EACf,KAAK,kBAEL,uBAAC,gBAAM,IACL,OAAO,EAAE,gBAAgB,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,EAChD,OAAO,EAAE,WAAW,EACpB,EAAE,EAAE;gBACF,QAAQ,EAAE,EAAE;gBACZ,UAAU,EAAE,CAAC;aACd,YAED,uBAAC,gBAAU,KAAG,GACP,GACD,CACX,CAAC;AACJ,CAAC,CAAC;AAhDW,QAAA,kBAAkB,sBAgD7B"}
@@ -6,14 +6,14 @@ const material_1 = require("@mui/material");
6
6
  const styles_1 = require("@mui/material/styles");
7
7
  exports.SmallAvatar = (0, styles_1.styled)(material_1.Avatar)(({ theme }) => ({
8
8
  background: theme.palette.background.paper,
9
- width: 16,
10
- height: 16,
9
+ width: 20,
10
+ height: 20,
11
11
  border: `2px solid ${theme.palette.background.paper}`,
12
12
  }));
13
13
  exports.SmallAvatarSkeletonBase = (0, styles_1.styled)(material_1.Skeleton)(({ theme }) => ({
14
14
  border: `2px solid ${theme.palette.background.paper}`,
15
- width: 16,
16
- height: 16,
15
+ width: 20,
16
+ height: 20,
17
17
  }));
18
18
  exports.SmallAvatarSkeletonContainer = (0, styles_1.styled)(material_1.Box)(({ theme }) => ({
19
19
  background: theme.palette.background.paper,
@@ -9,20 +9,20 @@ const WarningRounded_1 = require("@mui/icons-material/WarningRounded");
9
9
  const styles_1 = require("@mui/material/styles");
10
10
  const CircularProgress_style_1 = require("./CircularProgress.style");
11
11
  function CircularProgress({ process }) {
12
- return ((0, jsx_runtime_1.jsxs)(CircularProgress_style_1.CircularIcon, { status: process.status, substatus: process.substatus, children: [process.status === 'STARTED' || process.status === 'PENDING' ? ((0, jsx_runtime_1.jsx)(CircularProgress_style_1.CircularProgressPending, { size: 32, thickness: 3 })) : null, process.status === 'ACTION_REQUIRED' ? ((0, jsx_runtime_1.jsx)(InfoRounded_1.default, { color: "info", sx: {
12
+ return ((0, jsx_runtime_1.jsxs)(CircularProgress_style_1.CircularIcon, { status: process.status, substatus: process.substatus, children: [process.status === 'STARTED' || process.status === 'PENDING' ? ((0, jsx_runtime_1.jsx)(CircularProgress_style_1.CircularProgressPending, { size: 40 })) : null, process.status === 'ACTION_REQUIRED' ? ((0, jsx_runtime_1.jsx)(InfoRounded_1.default, { color: "info", sx: {
13
13
  position: 'absolute',
14
- fontSize: '1rem',
14
+ fontSize: '1.5rem',
15
15
  } })) : null, process.status === 'DONE' &&
16
16
  (process.substatus === 'PARTIAL' || process.substatus === 'REFUNDED') ? ((0, jsx_runtime_1.jsx)(WarningRounded_1.default, { sx: (theme) => ({
17
17
  position: 'absolute',
18
- fontSize: '1rem',
18
+ fontSize: '1.5rem',
19
19
  color: (0, styles_1.darken)(theme.palette.warning.main, 0.32),
20
20
  }) })) : process.status === 'DONE' ? ((0, jsx_runtime_1.jsx)(Done_1.default, { color: "success", sx: {
21
21
  position: 'absolute',
22
- fontSize: '1rem',
22
+ fontSize: '1.5rem',
23
23
  } })) : null, process.status === 'FAILED' ? ((0, jsx_runtime_1.jsx)(ErrorRounded_1.default, { color: "error", sx: {
24
24
  position: 'absolute',
25
- fontSize: '1rem',
25
+ fontSize: '1.5rem',
26
26
  } })) : null] }));
27
27
  }
28
28
  exports.CircularProgress = CircularProgress;
@@ -1 +1 @@
1
- {"version":3,"file":"CircularProgress.js","sourceRoot":"","sources":["../../../components/Step/CircularProgress.tsx"],"names":[],"mappings":";;;;AACA,mDAAgD;AAChD,mEAAgE;AAChE,iEAA8D;AAC9D,uEAAoE;AACpE,iDAA8C;AAC9C,qEAGkC;AAElC,SAAgB,gBAAgB,CAAC,EAAE,OAAO,EAAwB;IAChE,OAAO,CACL,wBAAC,qCAAY,IAAC,MAAM,EAAE,OAAO,CAAC,MAAM,EAAE,SAAS,EAAE,OAAO,CAAC,SAAS,aAC/D,OAAO,CAAC,MAAM,KAAK,SAAS,IAAI,OAAO,CAAC,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,CAC9D,uBAAC,gDAAuB,IAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAE,CAAC,GAAI,CACpD,CAAC,CAAC,CAAC,IAAI,EACP,OAAO,CAAC,MAAM,KAAK,iBAAiB,CAAC,CAAC,CAAC,CACtC,uBAAC,qBAAe,IACd,KAAK,EAAC,MAAM,EACZ,EAAE,EAAE;oBACF,QAAQ,EAAE,UAAU;oBACpB,QAAQ,EAAE,MAAM;iBACjB,GACD,CACH,CAAC,CAAC,CAAC,IAAI,EACP,OAAO,CAAC,MAAM,KAAK,MAAM;gBAC1B,CAAC,OAAO,CAAC,SAAS,KAAK,SAAS,IAAI,OAAO,CAAC,SAAS,KAAK,UAAU,CAAC,CAAC,CAAC,CAAC,CACtE,uBAAC,wBAAkB,IACjB,EAAE,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;oBACd,QAAQ,EAAE,UAAU;oBACpB,QAAQ,EAAE,MAAM;oBAChB,KAAK,EAAE,IAAA,eAAM,EAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC;iBAChD,CAAC,GACF,CACH,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,KAAK,MAAM,CAAC,CAAC,CAAC,CAC9B,uBAAC,cAAQ,IACP,KAAK,EAAC,SAAS,EACf,EAAE,EAAE;oBACF,QAAQ,EAAE,UAAU;oBACpB,QAAQ,EAAE,MAAM;iBACjB,GACD,CACH,CAAC,CAAC,CAAC,IAAI,EACP,OAAO,CAAC,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC7B,uBAAC,sBAAgB,IACf,KAAK,EAAC,OAAO,EACb,EAAE,EAAE;oBACF,QAAQ,EAAE,UAAU;oBACpB,QAAQ,EAAE,MAAM;iBACjB,GACD,CACH,CAAC,CAAC,CAAC,IAAI,IACK,CAChB,CAAC;AACJ,CAAC;AA5CD,4CA4CC"}
1
+ {"version":3,"file":"CircularProgress.js","sourceRoot":"","sources":["../../../components/Step/CircularProgress.tsx"],"names":[],"mappings":";;;;AACA,mDAAgD;AAChD,mEAAgE;AAChE,iEAA8D;AAC9D,uEAAoE;AACpE,iDAA8C;AAC9C,qEAGkC;AAElC,SAAgB,gBAAgB,CAAC,EAAE,OAAO,EAAwB;IAChE,OAAO,CACL,wBAAC,qCAAY,IAAC,MAAM,EAAE,OAAO,CAAC,MAAM,EAAE,SAAS,EAAE,OAAO,CAAC,SAAS,aAC/D,OAAO,CAAC,MAAM,KAAK,SAAS,IAAI,OAAO,CAAC,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,CAC9D,uBAAC,gDAAuB,IAAC,IAAI,EAAE,EAAE,GAAI,CACtC,CAAC,CAAC,CAAC,IAAI,EACP,OAAO,CAAC,MAAM,KAAK,iBAAiB,CAAC,CAAC,CAAC,CACtC,uBAAC,qBAAe,IACd,KAAK,EAAC,MAAM,EACZ,EAAE,EAAE;oBACF,QAAQ,EAAE,UAAU;oBACpB,QAAQ,EAAE,QAAQ;iBACnB,GACD,CACH,CAAC,CAAC,CAAC,IAAI,EACP,OAAO,CAAC,MAAM,KAAK,MAAM;gBAC1B,CAAC,OAAO,CAAC,SAAS,KAAK,SAAS,IAAI,OAAO,CAAC,SAAS,KAAK,UAAU,CAAC,CAAC,CAAC,CAAC,CACtE,uBAAC,wBAAkB,IACjB,EAAE,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;oBACd,QAAQ,EAAE,UAAU;oBACpB,QAAQ,EAAE,QAAQ;oBAClB,KAAK,EAAE,IAAA,eAAM,EAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC;iBAChD,CAAC,GACF,CACH,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,KAAK,MAAM,CAAC,CAAC,CAAC,CAC9B,uBAAC,cAAQ,IACP,KAAK,EAAC,SAAS,EACf,EAAE,EAAE;oBACF,QAAQ,EAAE,UAAU;oBACpB,QAAQ,EAAE,QAAQ;iBACnB,GACD,CACH,CAAC,CAAC,CAAC,IAAI,EACP,OAAO,CAAC,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC7B,uBAAC,sBAAgB,IACf,KAAK,EAAC,OAAO,EACb,EAAE,EAAE;oBACF,QAAQ,EAAE,UAAU;oBACpB,QAAQ,EAAE,QAAQ;iBACnB,GACD,CACH,CAAC,CAAC,CAAC,IAAI,IACK,CAChB,CAAC;AACJ,CAAC;AA5CD,4CA4CC"}
@@ -28,13 +28,13 @@ exports.CircularIcon = (0, styles_1.styled)(material_1.Box, {
28
28
  borderStyle: 'solid',
29
29
  borderColor: getStatusColor(theme, status, substatus),
30
30
  borderWidth: !['ACTION_REQUIRED', 'DONE', 'FAILED'].includes(status)
31
- ? 2
31
+ ? 3
32
32
  : 0,
33
33
  display: 'grid',
34
34
  position: 'relative',
35
35
  placeItems: 'center',
36
- width: 32,
37
- height: 32,
36
+ width: 40,
37
+ height: 40,
38
38
  borderRadius: '50%',
39
39
  }));
40
40
  const circleAnimation = (0, styles_1.keyframes) `
@@ -59,7 +59,6 @@ exports.CircularProgressPending = (0, styles_1.styled)(material_1.CircularProgre
59
59
  : theme.palette.primary.light};
60
60
  animation-duration: 3s;
61
61
  position: absolute;
62
- left: -2px;
63
62
  .${CircularProgress_1.circularProgressClasses.circle} {
64
63
  animation-duration: 2s;
65
64
  animation-timing-function: linear;
@@ -1 +1 @@
1
- {"version":3,"file":"CircularProgress.style.js","sourceRoot":"","sources":["../../../components/Step/CircularProgress.style.tsx"],"names":[],"mappings":";;;AAEA,4CAA6E;AAC7E,qEAAyE;AACzE,iDAAgE;AAEhE,MAAM,cAAc,GAAG,CACrB,KAAY,EACZ,MAAc,EACd,SAAqB,EACrB,EAAE;IACF,QAAQ,MAAM,EAAE,CAAC;QACf,KAAK,iBAAiB;YACpB,OAAO,IAAA,cAAK,EAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;QAC9C,KAAK,MAAM;YACT,IAAI,SAAS,KAAK,SAAS,IAAI,SAAS,KAAK,UAAU,EAAE,CAAC;gBACxD,OAAO,IAAA,cAAK,EAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;YACjD,CAAC;YACD,OAAO,IAAA,cAAK,EAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;QACjD,KAAK,QAAQ;YACX,OAAO,IAAA,cAAK,EAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;QAC/C;YACE,OAAO,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;IAC1E,CAAC;AACH,CAAC,CAAC;AAEW,QAAA,YAAY,GAAG,IAAA,eAAM,EAAC,cAAG,EAAE;IACtC,iBAAiB,EAAE,CAAC,IAAY,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC;CAC7E,CAAC,CACA,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CAAC;IACjC,eAAe,EAAE,CAAC,iBAAiB,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC;QACrE,CAAC,CAAC,cAAc,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,CAAC;QAC1C,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK;IAClC,WAAW,EAAE,OAAO;IACpB,WAAW,EAAE,cAAc,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,CAAC;IACrD,WAAW,EAAE,CAAC,CAAC,iBAAiB,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC;QAClE,CAAC,CAAC,CAAC;QACH,CAAC,CAAC,CAAC;IACL,OAAO,EAAE,MAAM;IACf,QAAQ,EAAE,UAAU;IACpB,UAAU,EAAE,QAAQ;IACpB,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,YAAY,EAAE,KAAK;CACpB,CAAC,CACH,CAAC;AAEF,MAAM,eAAe,GAAG,IAAA,kBAAS,EAAA;;;;;;;;;;;;;CAahC,CAAC;AAEF,0FAA0F;AAC1F,kFAAkF;AACrE,QAAA,uBAAuB,GAAG,IAAA,eAAM,EAAC,2BAAmB,CAAC,CAAA;WACvD,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CACrB,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,OAAO;IAC5B,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;IAC5B,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK;;;;KAI9B,0CAAuB,CAAC,MAAM;;;sBAGb,eAAe;;;;;;CAMpC,CAAC"}
1
+ {"version":3,"file":"CircularProgress.style.js","sourceRoot":"","sources":["../../../components/Step/CircularProgress.style.tsx"],"names":[],"mappings":";;;AAEA,4CAA6E;AAC7E,qEAAyE;AACzE,iDAAgE;AAEhE,MAAM,cAAc,GAAG,CACrB,KAAY,EACZ,MAAc,EACd,SAAqB,EACrB,EAAE;IACF,QAAQ,MAAM,EAAE,CAAC;QACf,KAAK,iBAAiB;YACpB,OAAO,IAAA,cAAK,EAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;QAC9C,KAAK,MAAM;YACT,IAAI,SAAS,KAAK,SAAS,IAAI,SAAS,KAAK,UAAU,EAAE,CAAC;gBACxD,OAAO,IAAA,cAAK,EAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;YACjD,CAAC;YACD,OAAO,IAAA,cAAK,EAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;QACjD,KAAK,QAAQ;YACX,OAAO,IAAA,cAAK,EAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;QAC/C;YACE,OAAO,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;IAC1E,CAAC;AACH,CAAC,CAAC;AAEW,QAAA,YAAY,GAAG,IAAA,eAAM,EAAC,cAAG,EAAE;IACtC,iBAAiB,EAAE,CAAC,IAAY,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC;CAC7E,CAAC,CACA,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CAAC;IACjC,eAAe,EAAE,CAAC,iBAAiB,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC;QACrE,CAAC,CAAC,cAAc,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,CAAC;QAC1C,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK;IAClC,WAAW,EAAE,OAAO;IACpB,WAAW,EAAE,cAAc,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,CAAC;IACrD,WAAW,EAAE,CAAC,CAAC,iBAAiB,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC;QAClE,CAAC,CAAC,CAAC;QACH,CAAC,CAAC,CAAC;IACL,OAAO,EAAE,MAAM;IACf,QAAQ,EAAE,UAAU;IACpB,UAAU,EAAE,QAAQ;IACpB,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,YAAY,EAAE,KAAK;CACpB,CAAC,CACH,CAAC;AAEF,MAAM,eAAe,GAAG,IAAA,kBAAS,EAAA;;;;;;;;;;;;;CAahC,CAAC;AAEF,0FAA0F;AAC1F,kFAAkF;AACrE,QAAA,uBAAuB,GAAG,IAAA,eAAM,EAAC,2BAAmB,CAAC,CAAA;WACvD,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CACrB,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,OAAO;IAC5B,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;IAC5B,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK;;;KAG9B,0CAAuB,CAAC,MAAM;;;sBAGb,eAAe;;;;;;CAMpC,CAAC"}
@@ -16,14 +16,14 @@ const DestinationWalletAddress = ({ step, toAddress, toAddressLink }) => {
16
16
  alignItems: 'center',
17
17
  }, children: [(0, jsx_runtime_1.jsx)(CircularProgress_style_1.CircularIcon, { status: isDone ? 'DONE' : 'NOT_STARTED', children: (0, jsx_runtime_1.jsx)(Wallet_1.default, { color: isDone ? 'success' : 'inherit', sx: {
18
18
  position: 'absolute',
19
- fontSize: '1rem',
19
+ fontSize: '1.25rem',
20
20
  } }) }), (0, jsx_runtime_1.jsx)(material_1.Typography, { mx: 2, flex: 1, fontSize: 14, fontWeight: 400, children: isDone
21
21
  ? t('main.sentToAddress', {
22
22
  address: toAddress,
23
23
  })
24
24
  : t('main.sendToAddress', {
25
25
  address: toAddress,
26
- }) }), (0, jsx_runtime_1.jsx)(StepProcess_style_1.LinkButton, { size: "small", edge: "end", LinkComponent: material_1.Link, href: toAddressLink, target: "_blank", rel: "nofollow noreferrer", children: (0, jsx_runtime_1.jsx)(LinkRounded_1.default, {}) })] }) }));
26
+ }) }), (0, jsx_runtime_1.jsx)(StepProcess_style_1.LinkButton, { size: "medium", LinkComponent: material_1.Link, href: toAddressLink, target: "_blank", rel: "nofollow noreferrer", children: (0, jsx_runtime_1.jsx)(LinkRounded_1.default, {}) })] }) }));
27
27
  };
28
28
  exports.DestinationWalletAddress = DestinationWalletAddress;
29
29
  //# sourceMappingURL=DestinationWalletAddress.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"DestinationWalletAddress.js","sourceRoot":"","sources":["../../../components/Step/DestinationWalletAddress.tsx"],"names":[],"mappings":";;;;AACA,iEAA8D;AAC9D,uDAAoD;AACpD,4CAAsD;AACtD,iDAA+C;AAC/C,qEAAwD;AACxD,2DAAiD;AAE1C,MAAM,wBAAwB,GAIhC,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,aAAa,EAAE,EAAE,EAAE;IAC1C,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,EAAE,MAAM,KAAK,MAAM,CAAC;IACjD,OAAO,CACL,uBAAC,cAAG,IAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,YACf,wBAAC,cAAG,IACF,EAAE,EAAE;gBACF,OAAO,EAAE,MAAM;gBACf,UAAU,EAAE,QAAQ;aACrB,aAED,uBAAC,qCAAY,IAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,aAAa,YACnD,uBAAC,gBAAU,IACT,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EACrC,EAAE,EAAE;4BACF,QAAQ,EAAE,UAAU;4BACpB,QAAQ,EAAE,MAAM;yBACjB,GACD,GACW,EACf,uBAAC,qBAAU,IAAC,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,GAAG,YACtD,MAAM;wBACL,CAAC,CAAC,CAAC,CAAC,oBAAoB,EAAE;4BACtB,OAAO,EAAE,SAAS;yBACnB,CAAC;wBACJ,CAAC,CAAC,CAAC,CAAC,oBAAoB,EAAE;4BACtB,OAAO,EAAE,SAAS;yBACnB,CAAC,GACK,EACb,uBAAC,8BAAU,IACT,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,KAAK,EACV,aAAa,EAAE,eAAI,EACnB,IAAI,EAAE,aAAa,EACnB,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,YAEzB,uBAAC,qBAAe,KAAG,GACR,IACT,GACF,CACP,CAAC;AACJ,CAAC,CAAC;AA9CW,QAAA,wBAAwB,4BA8CnC"}
1
+ {"version":3,"file":"DestinationWalletAddress.js","sourceRoot":"","sources":["../../../components/Step/DestinationWalletAddress.tsx"],"names":[],"mappings":";;;;AACA,iEAA8D;AAC9D,uDAAoD;AACpD,4CAAsD;AACtD,iDAA+C;AAC/C,qEAAwD;AACxD,2DAAiD;AAE1C,MAAM,wBAAwB,GAIhC,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,aAAa,EAAE,EAAE,EAAE;IAC1C,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,EAAE,MAAM,KAAK,MAAM,CAAC;IACjD,OAAO,CACL,uBAAC,cAAG,IAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,YACf,wBAAC,cAAG,IACF,EAAE,EAAE;gBACF,OAAO,EAAE,MAAM;gBACf,UAAU,EAAE,QAAQ;aACrB,aAED,uBAAC,qCAAY,IAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,aAAa,YACnD,uBAAC,gBAAU,IACT,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EACrC,EAAE,EAAE;4BACF,QAAQ,EAAE,UAAU;4BACpB,QAAQ,EAAE,SAAS;yBACpB,GACD,GACW,EACf,uBAAC,qBAAU,IAAC,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,GAAG,YACtD,MAAM;wBACL,CAAC,CAAC,CAAC,CAAC,oBAAoB,EAAE;4BACtB,OAAO,EAAE,SAAS;yBACnB,CAAC;wBACJ,CAAC,CAAC,CAAC,CAAC,oBAAoB,EAAE;4BACtB,OAAO,EAAE,SAAS;yBACnB,CAAC,GACK,EACb,uBAAC,8BAAU,IACT,IAAI,EAAC,QAAQ,EACb,aAAa,EAAE,eAAI,EACnB,IAAI,EAAE,aAAa,EACnB,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,YAEzB,uBAAC,qBAAe,KAAG,GACR,IACT,GACF,CACP,CAAC;AACJ,CAAC,CAAC;AA7CW,QAAA,wBAAwB,4BA6CnC"}
@@ -11,7 +11,6 @@ const hooks_1 = require("../../hooks");
11
11
  const providers_1 = require("../../providers");
12
12
  const utils_1 = require("../../utils");
13
13
  const DestinationWalletAddress_1 = require("./DestinationWalletAddress");
14
- const GasStepProcess_1 = require("./GasStepProcess");
15
14
  const StepProcess_1 = require("./StepProcess");
16
15
  const StepTimer_1 = require("./StepTimer");
17
16
  const Step = ({ step, fromToken, toToken, toAddress }) => {
@@ -51,7 +50,7 @@ const Step = ({ step, fromToken, toToken, toAddress }) => {
51
50
  return ((0, jsx_runtime_1.jsxs)(Card_1.Card, { variant: stepHasError ? 'error' : 'default', children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
52
51
  display: 'flex',
53
52
  flex: 1,
54
- }, children: [(0, jsx_runtime_1.jsx)(Card_1.CardTitle, { flex: 1, children: getCardTitle() }), (0, jsx_runtime_1.jsx)(Card_1.CardTitle, { sx: { fontWeight: 500 }, children: (0, jsx_runtime_1.jsx)(StepTimer_1.StepTimer, { step: step }) })] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { py: 1, children: [fromToken ? (0, jsx_runtime_1.jsx)(Token_1.Token, { token: fromToken, px: 2, py: 1 }) : null, (0, jsx_runtime_1.jsx)(StepActions_1.StepActions, { step: step, px: 2, py: 1, dense: true }), step.execution?.process.map((process, index) => ((0, jsx_runtime_1.jsx)(StepProcess_1.StepProcess, { step: step, process: process }, index))), (0, jsx_runtime_1.jsx)(GasStepProcess_1.GasStepProcess, { step: step }), formattedToAddress && toAddressLink ? ((0, jsx_runtime_1.jsx)(DestinationWalletAddress_1.DestinationWalletAddress, { step: step, toAddress: formattedToAddress, toAddressLink: toAddressLink })) : null, toToken ? (0, jsx_runtime_1.jsx)(Token_1.Token, { token: toToken, px: 2, py: 1 }) : null] })] }));
53
+ }, children: [(0, jsx_runtime_1.jsx)(Card_1.CardTitle, { flex: 1, children: getCardTitle() }), (0, jsx_runtime_1.jsx)(Card_1.CardTitle, { sx: { fontWeight: 500 }, children: (0, jsx_runtime_1.jsx)(StepTimer_1.StepTimer, { step: step }) })] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { py: 1, children: [fromToken ? (0, jsx_runtime_1.jsx)(Token_1.Token, { token: fromToken, px: 2, py: 1 }) : null, (0, jsx_runtime_1.jsx)(StepActions_1.StepActions, { step: step, px: 2, py: 1, dense: true }), step.execution?.process.map((process, index) => ((0, jsx_runtime_1.jsx)(StepProcess_1.StepProcess, { step: step, process: process }, index))), formattedToAddress && toAddressLink ? ((0, jsx_runtime_1.jsx)(DestinationWalletAddress_1.DestinationWalletAddress, { step: step, toAddress: formattedToAddress, toAddressLink: toAddressLink })) : null, toToken ? (0, jsx_runtime_1.jsx)(Token_1.Token, { token: toToken, px: 2, py: 1 }) : null] })] }));
55
54
  };
56
55
  exports.Step = Step;
57
56
  //# sourceMappingURL=Step.js.map