@reown/appkit-react-native 0.0.0-fix-improvements-20250827190629 → 0.0.0-fix-ui-changes-20250828183750

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 (285) hide show
  1. package/lib/commonjs/modal/w3m-modal/index.js +1 -6
  2. package/lib/commonjs/modal/w3m-modal/index.js.map +1 -1
  3. package/lib/commonjs/modal/w3m-router/index.js +7 -1
  4. package/lib/commonjs/modal/w3m-router/index.js.map +1 -1
  5. package/lib/commonjs/partials/w3m-account-activity/index.js +4 -3
  6. package/lib/commonjs/partials/w3m-account-activity/index.js.map +1 -1
  7. package/lib/commonjs/partials/w3m-account-activity/styles.js +4 -1
  8. package/lib/commonjs/partials/w3m-account-activity/styles.js.map +1 -1
  9. package/lib/commonjs/partials/w3m-account-tokens/index.js +2 -1
  10. package/lib/commonjs/partials/w3m-account-tokens/index.js.map +1 -1
  11. package/lib/commonjs/partials/w3m-all-wallets-list/components/Loading.js +7 -71
  12. package/lib/commonjs/partials/w3m-all-wallets-list/components/Loading.js.map +1 -1
  13. package/lib/commonjs/partials/w3m-all-wallets-list/components/WalletItem.js +2 -2
  14. package/lib/commonjs/partials/w3m-all-wallets-list/components/WalletItem.js.map +1 -1
  15. package/lib/commonjs/partials/w3m-all-wallets-list/components/WalletList.js +85 -0
  16. package/lib/commonjs/partials/w3m-all-wallets-list/components/WalletList.js.map +1 -0
  17. package/lib/commonjs/partials/w3m-all-wallets-list/index.js +7 -42
  18. package/lib/commonjs/partials/w3m-all-wallets-list/index.js.map +1 -1
  19. package/lib/commonjs/partials/w3m-all-wallets-list/styles.js +7 -4
  20. package/lib/commonjs/partials/w3m-all-wallets-list/styles.js.map +1 -1
  21. package/lib/commonjs/partials/w3m-all-wallets-search/index.js +7 -39
  22. package/lib/commonjs/partials/w3m-all-wallets-search/index.js.map +1 -1
  23. package/lib/commonjs/partials/w3m-connecting-mobile/index.js +3 -1
  24. package/lib/commonjs/partials/w3m-connecting-mobile/index.js.map +1 -1
  25. package/lib/commonjs/partials/w3m-connecting-qrcode/index.js +0 -1
  26. package/lib/commonjs/partials/w3m-connecting-qrcode/index.js.map +1 -1
  27. package/lib/commonjs/partials/w3m-connecting-web/index.js +3 -1
  28. package/lib/commonjs/partials/w3m-connecting-web/index.js.map +1 -1
  29. package/lib/commonjs/partials/w3m-selector-modal/index.js +2 -29
  30. package/lib/commonjs/partials/w3m-selector-modal/index.js.map +1 -1
  31. package/lib/commonjs/partials/w3m-selector-modal/styles.js +2 -3
  32. package/lib/commonjs/partials/w3m-selector-modal/styles.js.map +1 -1
  33. package/lib/commonjs/views/w3m-account-default-view/index.js +12 -2
  34. package/lib/commonjs/views/w3m-account-default-view/index.js.map +1 -1
  35. package/lib/commonjs/views/w3m-account-view/index.js +3 -2
  36. package/lib/commonjs/views/w3m-account-view/index.js.map +1 -1
  37. package/lib/commonjs/views/w3m-all-wallets-view/index.js +2 -19
  38. package/lib/commonjs/views/w3m-all-wallets-view/index.js.map +1 -1
  39. package/lib/commonjs/views/w3m-connect-socials-view/index.js +9 -1
  40. package/lib/commonjs/views/w3m-connect-socials-view/index.js.map +1 -1
  41. package/lib/commonjs/views/w3m-connect-view/index.js +10 -3
  42. package/lib/commonjs/views/w3m-connect-view/index.js.map +1 -1
  43. package/lib/commonjs/views/w3m-connecting-external-view/index.js +3 -1
  44. package/lib/commonjs/views/w3m-connecting-external-view/index.js.map +1 -1
  45. package/lib/commonjs/views/w3m-get-wallet-view/index.js +10 -2
  46. package/lib/commonjs/views/w3m-get-wallet-view/index.js.map +1 -1
  47. package/lib/commonjs/views/w3m-networks-view/index.js +33 -26
  48. package/lib/commonjs/views/w3m-networks-view/index.js.map +1 -1
  49. package/lib/commonjs/views/w3m-onramp-checkout-view/index.js +160 -152
  50. package/lib/commonjs/views/w3m-onramp-checkout-view/index.js.map +1 -1
  51. package/lib/commonjs/views/w3m-onramp-loading-view/index.js +3 -1
  52. package/lib/commonjs/views/w3m-onramp-loading-view/index.js.map +1 -1
  53. package/lib/commonjs/views/w3m-onramp-view/components/LoadingView.js +2 -1
  54. package/lib/commonjs/views/w3m-onramp-view/components/LoadingView.js.map +1 -1
  55. package/lib/commonjs/views/w3m-onramp-view/components/SelectPaymentModal.js +13 -51
  56. package/lib/commonjs/views/w3m-onramp-view/components/SelectPaymentModal.js.map +1 -1
  57. package/lib/commonjs/views/w3m-onramp-view/index.js +18 -16
  58. package/lib/commonjs/views/w3m-onramp-view/index.js.map +1 -1
  59. package/lib/commonjs/views/w3m-swap-preview-view/index.js +9 -1
  60. package/lib/commonjs/views/w3m-swap-preview-view/index.js.map +1 -1
  61. package/lib/commonjs/views/w3m-swap-view/components/select-token-modal/index.js +155 -0
  62. package/lib/commonjs/views/w3m-swap-view/components/select-token-modal/index.js.map +1 -0
  63. package/lib/commonjs/views/w3m-swap-view/components/{select-token-view → select-token-modal}/styles.js +4 -2
  64. package/lib/commonjs/views/w3m-swap-view/components/select-token-modal/styles.js.map +1 -0
  65. package/lib/commonjs/views/w3m-swap-view/components/select-token-modal/utils.js.map +1 -0
  66. package/lib/commonjs/views/w3m-swap-view/index.js +13 -16
  67. package/lib/commonjs/views/w3m-swap-view/index.js.map +1 -1
  68. package/lib/commonjs/views/w3m-swap-view/styles.js +1 -7
  69. package/lib/commonjs/views/w3m-swap-view/styles.js.map +1 -1
  70. package/lib/commonjs/views/w3m-wallet-compatible-networks-view/index.js +11 -2
  71. package/lib/commonjs/views/w3m-wallet-compatible-networks-view/index.js.map +1 -1
  72. package/lib/commonjs/views/w3m-wallet-receive-view/index.js +8 -1
  73. package/lib/commonjs/views/w3m-wallet-receive-view/index.js.map +1 -1
  74. package/lib/commonjs/views/w3m-wallet-send-preview-view/index.js +8 -1
  75. package/lib/commonjs/views/w3m-wallet-send-preview-view/index.js.map +1 -1
  76. package/lib/commonjs/views/w3m-wallet-send-select-token-view/index.js +6 -17
  77. package/lib/commonjs/views/w3m-wallet-send-select-token-view/index.js.map +1 -1
  78. package/lib/commonjs/views/w3m-wallet-send-select-token-view/styles.js +1 -2
  79. package/lib/commonjs/views/w3m-wallet-send-select-token-view/styles.js.map +1 -1
  80. package/lib/commonjs/views/w3m-wallet-send-view/index.js +10 -6
  81. package/lib/commonjs/views/w3m-wallet-send-view/index.js.map +1 -1
  82. package/lib/commonjs/views/w3m-wallet-send-view/styles.js +1 -2
  83. package/lib/commonjs/views/w3m-wallet-send-view/styles.js.map +1 -1
  84. package/lib/commonjs/views/w3m-what-is-a-network-view/index.js +10 -2
  85. package/lib/commonjs/views/w3m-what-is-a-network-view/index.js.map +1 -1
  86. package/lib/commonjs/views/w3m-what-is-a-wallet-view/index.js +11 -2
  87. package/lib/commonjs/views/w3m-what-is-a-wallet-view/index.js.map +1 -1
  88. package/lib/module/modal/w3m-modal/index.js +2 -7
  89. package/lib/module/modal/w3m-modal/index.js.map +1 -1
  90. package/lib/module/modal/w3m-router/index.js +7 -1
  91. package/lib/module/modal/w3m-router/index.js.map +1 -1
  92. package/lib/module/partials/w3m-account-activity/index.js +5 -4
  93. package/lib/module/partials/w3m-account-activity/index.js.map +1 -1
  94. package/lib/module/partials/w3m-account-activity/styles.js +4 -1
  95. package/lib/module/partials/w3m-account-activity/styles.js.map +1 -1
  96. package/lib/module/partials/w3m-account-tokens/index.js +3 -2
  97. package/lib/module/partials/w3m-account-tokens/index.js.map +1 -1
  98. package/lib/module/partials/w3m-all-wallets-list/components/Loading.js +8 -72
  99. package/lib/module/partials/w3m-all-wallets-list/components/Loading.js.map +1 -1
  100. package/lib/module/partials/w3m-all-wallets-list/components/WalletItem.js +2 -2
  101. package/lib/module/partials/w3m-all-wallets-list/components/WalletItem.js.map +1 -1
  102. package/lib/module/partials/w3m-all-wallets-list/components/WalletList.js +81 -0
  103. package/lib/module/partials/w3m-all-wallets-list/components/WalletList.js.map +1 -0
  104. package/lib/module/partials/w3m-all-wallets-list/index.js +7 -42
  105. package/lib/module/partials/w3m-all-wallets-list/index.js.map +1 -1
  106. package/lib/module/partials/w3m-all-wallets-list/styles.js +7 -4
  107. package/lib/module/partials/w3m-all-wallets-list/styles.js.map +1 -1
  108. package/lib/module/partials/w3m-all-wallets-search/index.js +8 -40
  109. package/lib/module/partials/w3m-all-wallets-search/index.js.map +1 -1
  110. package/lib/module/partials/w3m-connecting-mobile/index.js +4 -2
  111. package/lib/module/partials/w3m-connecting-mobile/index.js.map +1 -1
  112. package/lib/module/partials/w3m-connecting-qrcode/index.js +0 -1
  113. package/lib/module/partials/w3m-connecting-qrcode/index.js.map +1 -1
  114. package/lib/module/partials/w3m-connecting-web/index.js +4 -2
  115. package/lib/module/partials/w3m-connecting-web/index.js.map +1 -1
  116. package/lib/module/partials/w3m-selector-modal/index.js +3 -30
  117. package/lib/module/partials/w3m-selector-modal/index.js.map +1 -1
  118. package/lib/module/partials/w3m-selector-modal/styles.js +2 -3
  119. package/lib/module/partials/w3m-selector-modal/styles.js.map +1 -1
  120. package/lib/module/views/w3m-account-default-view/index.js +12 -3
  121. package/lib/module/views/w3m-account-default-view/index.js.map +1 -1
  122. package/lib/module/views/w3m-account-view/index.js +3 -2
  123. package/lib/module/views/w3m-account-view/index.js.map +1 -1
  124. package/lib/module/views/w3m-all-wallets-view/index.js +3 -20
  125. package/lib/module/views/w3m-all-wallets-view/index.js.map +1 -1
  126. package/lib/module/views/w3m-connect-socials-view/index.js +9 -1
  127. package/lib/module/views/w3m-connect-socials-view/index.js.map +1 -1
  128. package/lib/module/views/w3m-connect-view/index.js +11 -4
  129. package/lib/module/views/w3m-connect-view/index.js.map +1 -1
  130. package/lib/module/views/w3m-connecting-external-view/index.js +4 -2
  131. package/lib/module/views/w3m-connecting-external-view/index.js.map +1 -1
  132. package/lib/module/views/w3m-get-wallet-view/index.js +11 -3
  133. package/lib/module/views/w3m-get-wallet-view/index.js.map +1 -1
  134. package/lib/module/views/w3m-networks-view/index.js +35 -28
  135. package/lib/module/views/w3m-networks-view/index.js.map +1 -1
  136. package/lib/module/views/w3m-onramp-checkout-view/index.js +162 -154
  137. package/lib/module/views/w3m-onramp-checkout-view/index.js.map +1 -1
  138. package/lib/module/views/w3m-onramp-loading-view/index.js +4 -2
  139. package/lib/module/views/w3m-onramp-loading-view/index.js.map +1 -1
  140. package/lib/module/views/w3m-onramp-view/components/LoadingView.js +3 -2
  141. package/lib/module/views/w3m-onramp-view/components/LoadingView.js.map +1 -1
  142. package/lib/module/views/w3m-onramp-view/components/SelectPaymentModal.js +15 -53
  143. package/lib/module/views/w3m-onramp-view/components/SelectPaymentModal.js.map +1 -1
  144. package/lib/module/views/w3m-onramp-view/index.js +18 -16
  145. package/lib/module/views/w3m-onramp-view/index.js.map +1 -1
  146. package/lib/module/views/w3m-swap-preview-view/index.js +9 -1
  147. package/lib/module/views/w3m-swap-preview-view/index.js.map +1 -1
  148. package/lib/module/views/w3m-swap-view/components/select-token-modal/index.js +150 -0
  149. package/lib/module/views/w3m-swap-view/components/select-token-modal/index.js.map +1 -0
  150. package/lib/module/views/w3m-swap-view/components/{select-token-view → select-token-modal}/styles.js +4 -2
  151. package/lib/module/views/w3m-swap-view/components/select-token-modal/styles.js.map +1 -0
  152. package/lib/module/views/w3m-swap-view/components/select-token-modal/utils.js.map +1 -0
  153. package/lib/module/views/w3m-swap-view/index.js +14 -17
  154. package/lib/module/views/w3m-swap-view/index.js.map +1 -1
  155. package/lib/module/views/w3m-swap-view/styles.js +1 -7
  156. package/lib/module/views/w3m-swap-view/styles.js.map +1 -1
  157. package/lib/module/views/w3m-wallet-compatible-networks-view/index.js +11 -2
  158. package/lib/module/views/w3m-wallet-compatible-networks-view/index.js.map +1 -1
  159. package/lib/module/views/w3m-wallet-receive-view/index.js +9 -2
  160. package/lib/module/views/w3m-wallet-receive-view/index.js.map +1 -1
  161. package/lib/module/views/w3m-wallet-send-preview-view/index.js +8 -1
  162. package/lib/module/views/w3m-wallet-send-preview-view/index.js.map +1 -1
  163. package/lib/module/views/w3m-wallet-send-select-token-view/index.js +6 -17
  164. package/lib/module/views/w3m-wallet-send-select-token-view/index.js.map +1 -1
  165. package/lib/module/views/w3m-wallet-send-select-token-view/styles.js +1 -2
  166. package/lib/module/views/w3m-wallet-send-select-token-view/styles.js.map +1 -1
  167. package/lib/module/views/w3m-wallet-send-view/index.js +10 -6
  168. package/lib/module/views/w3m-wallet-send-view/index.js.map +1 -1
  169. package/lib/module/views/w3m-wallet-send-view/styles.js +1 -2
  170. package/lib/module/views/w3m-wallet-send-view/styles.js.map +1 -1
  171. package/lib/module/views/w3m-what-is-a-network-view/index.js +11 -3
  172. package/lib/module/views/w3m-what-is-a-network-view/index.js.map +1 -1
  173. package/lib/module/views/w3m-what-is-a-wallet-view/index.js +11 -2
  174. package/lib/module/views/w3m-what-is-a-wallet-view/index.js.map +1 -1
  175. package/lib/typescript/modal/w3m-modal/index.d.ts.map +1 -1
  176. package/lib/typescript/modal/w3m-router/index.d.ts.map +1 -1
  177. package/lib/typescript/partials/w3m-account-activity/index.d.ts.map +1 -1
  178. package/lib/typescript/partials/w3m-account-activity/styles.d.ts +3 -0
  179. package/lib/typescript/partials/w3m-account-activity/styles.d.ts.map +1 -1
  180. package/lib/typescript/partials/w3m-account-tokens/index.d.ts.map +1 -1
  181. package/lib/typescript/partials/w3m-all-wallets-list/components/Loading.d.ts +2 -4
  182. package/lib/typescript/partials/w3m-all-wallets-list/components/Loading.d.ts.map +1 -1
  183. package/lib/typescript/partials/w3m-all-wallets-list/components/WalletList.d.ts +12 -0
  184. package/lib/typescript/partials/w3m-all-wallets-list/components/WalletList.d.ts.map +1 -0
  185. package/lib/typescript/partials/w3m-all-wallets-list/index.d.ts +1 -3
  186. package/lib/typescript/partials/w3m-all-wallets-list/index.d.ts.map +1 -1
  187. package/lib/typescript/partials/w3m-all-wallets-list/styles.d.ts +6 -3
  188. package/lib/typescript/partials/w3m-all-wallets-list/styles.d.ts.map +1 -1
  189. package/lib/typescript/partials/w3m-all-wallets-search/index.d.ts +1 -4
  190. package/lib/typescript/partials/w3m-all-wallets-search/index.d.ts.map +1 -1
  191. package/lib/typescript/partials/w3m-connecting-mobile/index.d.ts.map +1 -1
  192. package/lib/typescript/partials/w3m-connecting-qrcode/index.d.ts.map +1 -1
  193. package/lib/typescript/partials/w3m-connecting-web/index.d.ts.map +1 -1
  194. package/lib/typescript/partials/w3m-selector-modal/index.d.ts.map +1 -1
  195. package/lib/typescript/partials/w3m-selector-modal/styles.d.ts +1 -2
  196. package/lib/typescript/partials/w3m-selector-modal/styles.d.ts.map +1 -1
  197. package/lib/typescript/views/w3m-account-default-view/index.d.ts.map +1 -1
  198. package/lib/typescript/views/w3m-all-wallets-view/index.d.ts.map +1 -1
  199. package/lib/typescript/views/w3m-connect-socials-view/index.d.ts.map +1 -1
  200. package/lib/typescript/views/w3m-connect-view/index.d.ts.map +1 -1
  201. package/lib/typescript/views/w3m-connecting-external-view/index.d.ts.map +1 -1
  202. package/lib/typescript/views/w3m-get-wallet-view/index.d.ts.map +1 -1
  203. package/lib/typescript/views/w3m-networks-view/index.d.ts.map +1 -1
  204. package/lib/typescript/views/w3m-onramp-checkout-view/index.d.ts.map +1 -1
  205. package/lib/typescript/views/w3m-onramp-loading-view/index.d.ts.map +1 -1
  206. package/lib/typescript/views/w3m-onramp-view/components/SelectPaymentModal.d.ts.map +1 -1
  207. package/lib/typescript/views/w3m-swap-preview-view/index.d.ts.map +1 -1
  208. package/lib/typescript/views/w3m-swap-view/components/{select-token-view → select-token-modal}/index.d.ts +2 -1
  209. package/lib/typescript/views/w3m-swap-view/components/select-token-modal/index.d.ts.map +1 -0
  210. package/lib/typescript/views/w3m-swap-view/components/{select-token-view → select-token-modal}/styles.d.ts +4 -2
  211. package/lib/typescript/views/w3m-swap-view/components/{select-token-view → select-token-modal}/styles.d.ts.map +1 -1
  212. package/lib/typescript/views/w3m-swap-view/components/select-token-modal/utils.d.ts.map +1 -0
  213. package/lib/typescript/views/w3m-swap-view/index.d.ts.map +1 -1
  214. package/lib/typescript/views/w3m-swap-view/styles.d.ts +0 -6
  215. package/lib/typescript/views/w3m-swap-view/styles.d.ts.map +1 -1
  216. package/lib/typescript/views/w3m-wallet-compatible-networks-view/index.d.ts.map +1 -1
  217. package/lib/typescript/views/w3m-wallet-receive-view/index.d.ts.map +1 -1
  218. package/lib/typescript/views/w3m-wallet-send-preview-view/index.d.ts.map +1 -1
  219. package/lib/typescript/views/w3m-wallet-send-select-token-view/index.d.ts.map +1 -1
  220. package/lib/typescript/views/w3m-wallet-send-select-token-view/styles.d.ts +0 -1
  221. package/lib/typescript/views/w3m-wallet-send-select-token-view/styles.d.ts.map +1 -1
  222. package/lib/typescript/views/w3m-wallet-send-view/index.d.ts.map +1 -1
  223. package/lib/typescript/views/w3m-wallet-send-view/styles.d.ts +1 -2
  224. package/lib/typescript/views/w3m-wallet-send-view/styles.d.ts.map +1 -1
  225. package/lib/typescript/views/w3m-what-is-a-network-view/index.d.ts.map +1 -1
  226. package/lib/typescript/views/w3m-what-is-a-wallet-view/index.d.ts.map +1 -1
  227. package/package.json +5 -5
  228. package/src/modal/w3m-modal/index.tsx +2 -3
  229. package/src/modal/w3m-router/index.tsx +3 -1
  230. package/src/partials/w3m-account-activity/index.tsx +5 -5
  231. package/src/partials/w3m-account-activity/styles.ts +4 -1
  232. package/src/partials/w3m-account-tokens/index.tsx +9 -3
  233. package/src/partials/w3m-all-wallets-list/components/Loading.tsx +4 -33
  234. package/src/partials/w3m-all-wallets-list/components/WalletItem.tsx +1 -1
  235. package/src/partials/w3m-all-wallets-list/components/WalletList.tsx +92 -0
  236. package/src/partials/w3m-all-wallets-list/index.tsx +7 -42
  237. package/src/partials/w3m-all-wallets-list/styles.ts +7 -4
  238. package/src/partials/w3m-all-wallets-search/index.tsx +6 -47
  239. package/src/partials/w3m-connecting-mobile/index.tsx +3 -4
  240. package/src/partials/w3m-connecting-qrcode/index.tsx +0 -1
  241. package/src/partials/w3m-connecting-web/index.tsx +3 -4
  242. package/src/partials/w3m-selector-modal/index.tsx +3 -30
  243. package/src/partials/w3m-selector-modal/styles.ts +2 -3
  244. package/src/views/w3m-account-default-view/index.tsx +7 -4
  245. package/src/views/w3m-account-view/index.tsx +3 -3
  246. package/src/views/w3m-all-wallets-view/index.tsx +2 -29
  247. package/src/views/w3m-connect-socials-view/index.tsx +4 -2
  248. package/src/views/w3m-connect-view/index.tsx +6 -5
  249. package/src/views/w3m-connecting-external-view/index.tsx +3 -4
  250. package/src/views/w3m-get-wallet-view/index.tsx +10 -4
  251. package/src/views/w3m-networks-view/index.tsx +29 -26
  252. package/src/views/w3m-onramp-checkout-view/index.tsx +147 -143
  253. package/src/views/w3m-onramp-loading-view/index.tsx +8 -4
  254. package/src/views/w3m-onramp-view/components/LoadingView.tsx +3 -3
  255. package/src/views/w3m-onramp-view/components/SelectPaymentModal.tsx +11 -46
  256. package/src/views/w3m-onramp-view/index.tsx +20 -20
  257. package/src/views/w3m-swap-preview-view/index.tsx +4 -2
  258. package/src/views/w3m-swap-view/components/select-token-modal/index.tsx +182 -0
  259. package/src/views/w3m-swap-view/components/{select-token-view → select-token-modal}/styles.ts +4 -2
  260. package/src/views/w3m-swap-view/index.tsx +14 -8
  261. package/src/views/w3m-swap-view/styles.ts +2 -7
  262. package/src/views/w3m-wallet-compatible-networks-view/index.tsx +11 -3
  263. package/src/views/w3m-wallet-receive-view/index.tsx +4 -3
  264. package/src/views/w3m-wallet-send-preview-view/index.tsx +4 -2
  265. package/src/views/w3m-wallet-send-select-token-view/index.tsx +6 -18
  266. package/src/views/w3m-wallet-send-select-token-view/styles.ts +1 -2
  267. package/src/views/w3m-wallet-send-view/index.tsx +6 -4
  268. package/src/views/w3m-wallet-send-view/styles.ts +1 -2
  269. package/src/views/w3m-what-is-a-network-view/index.tsx +5 -4
  270. package/src/views/w3m-what-is-a-wallet-view/index.tsx +11 -3
  271. package/lib/commonjs/views/w3m-swap-view/components/select-token-view/index.js +0 -145
  272. package/lib/commonjs/views/w3m-swap-view/components/select-token-view/index.js.map +0 -1
  273. package/lib/commonjs/views/w3m-swap-view/components/select-token-view/styles.js.map +0 -1
  274. package/lib/commonjs/views/w3m-swap-view/components/select-token-view/utils.js.map +0 -1
  275. package/lib/module/views/w3m-swap-view/components/select-token-view/index.js +0 -140
  276. package/lib/module/views/w3m-swap-view/components/select-token-view/index.js.map +0 -1
  277. package/lib/module/views/w3m-swap-view/components/select-token-view/styles.js.map +0 -1
  278. package/lib/module/views/w3m-swap-view/components/select-token-view/utils.js.map +0 -1
  279. package/lib/typescript/views/w3m-swap-view/components/select-token-view/index.d.ts.map +0 -1
  280. package/lib/typescript/views/w3m-swap-view/components/select-token-view/utils.d.ts.map +0 -1
  281. package/src/views/w3m-swap-view/components/select-token-view/index.tsx +0 -176
  282. /package/lib/commonjs/views/w3m-swap-view/components/{select-token-view → select-token-modal}/utils.js +0 -0
  283. /package/lib/module/views/w3m-swap-view/components/{select-token-view → select-token-modal}/utils.js +0 -0
  284. /package/lib/typescript/views/w3m-swap-view/components/{select-token-view → select-token-modal}/utils.d.ts +0 -0
  285. /package/src/views/w3m-swap-view/components/{select-token-view → select-token-modal}/utils.ts +0 -0
@@ -1,145 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.SwapSelectTokenView = SwapSelectTokenView;
7
- var _react = require("react");
8
- var _valtio = require("valtio");
9
- var _reactNative = require("react-native");
10
- var _appkitUiReactNative = require("@reown/appkit-ui-react-native");
11
- var _appkitCoreReactNative = require("@reown/appkit-core-react-native");
12
- var _w3mPlaceholder = require("../../../../partials/w3m-placeholder");
13
- var _styles = _interopRequireDefault(require("./styles"));
14
- var _utils = require("./utils");
15
- var _jsxRuntime = require("react/jsx-runtime");
16
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
17
- function SwapSelectTokenView({
18
- onClose,
19
- type,
20
- style
21
- }) {
22
- const {
23
- padding
24
- } = (0, _appkitUiReactNative.useCustomDimensions)();
25
- const Theme = (0, _appkitUiReactNative.useTheme)();
26
- const {
27
- activeNetwork
28
- } = (0, _valtio.useSnapshot)(_appkitCoreReactNative.ConnectionsController.state);
29
- const {
30
- networkImages
31
- } = (0, _valtio.useSnapshot)(_appkitCoreReactNative.AssetController.state);
32
- const {
33
- sourceToken,
34
- suggestedTokens,
35
- myTokensWithBalance
36
- } = (0, _valtio.useSnapshot)(_appkitCoreReactNative.SwapController.state);
37
- const networkImage = _appkitCoreReactNative.AssetUtil.getNetworkImage(activeNetwork, networkImages);
38
- const [tokenSearch, setTokenSearch] = (0, _react.useState)('');
39
- const isSourceToken = type === 'sourceToken';
40
- const [filteredTokens, setFilteredTokens] = (0, _react.useState)((0, _utils.createSections)(isSourceToken, tokenSearch, myTokensWithBalance));
41
- const suggestedList = suggestedTokens?.filter(token => token.address !== _appkitCoreReactNative.SwapController.state.sourceToken?.address).slice(0, 8);
42
- const onSearchChange = value => {
43
- setTokenSearch(value);
44
- setFilteredTokens((0, _utils.createSections)(isSourceToken, value, myTokensWithBalance));
45
- };
46
- const onTokenPress = token => {
47
- if (isSourceToken) {
48
- _appkitCoreReactNative.SwapController.setSourceToken(token);
49
- } else {
50
- _appkitCoreReactNative.SwapController.setToToken(token);
51
- if (_appkitCoreReactNative.SwapController.state.sourceToken && _appkitCoreReactNative.SwapController.state.sourceTokenAmount) {
52
- _appkitCoreReactNative.SwapController.swapTokens();
53
- }
54
- }
55
- onClose();
56
- };
57
- return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.FlexView, {
58
- padding: ['xl', '0', '0', '0'],
59
- style: [_styles.default.container, {
60
- paddingHorizontal: padding,
61
- backgroundColor: Theme['bg-100']
62
- }, style],
63
- children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.FlexView, {
64
- flexDirection: "row",
65
- justifyContent: "space-between",
66
- alignItems: "center",
67
- padding: ['0', 'm', 'm', 'm'],
68
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.IconLink, {
69
- icon: "chevronLeft",
70
- size: "md",
71
- onPress: onClose
72
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Text, {
73
- variant: "paragraph-600",
74
- children: "Select token"
75
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
76
- style: _styles.default.iconPlaceholder
77
- })]
78
- }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.FlexView, {
79
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.InputText, {
80
- value: tokenSearch,
81
- icon: "search",
82
- placeholder: "Search token",
83
- onChangeText: onSearchChange,
84
- clearButtonMode: "while-editing",
85
- style: _styles.default.input
86
- }), !isSourceToken && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
87
- horizontal: true,
88
- showsHorizontalScrollIndicator: false,
89
- bounces: false,
90
- fadingEdgeLength: 20,
91
- style: _styles.default.suggestedList,
92
- contentContainerStyle: _styles.default.suggestedListContent,
93
- children: suggestedList?.map((token, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.TokenButton, {
94
- text: token.symbol,
95
- imageUrl: token.logoUri,
96
- onPress: () => onTokenPress(token),
97
- style: index !== suggestedList.length - 1 ? _styles.default.suggestedToken : undefined
98
- }, token.name))
99
- })]
100
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Separator, {
101
- style: _styles.default.suggestedSeparator,
102
- color: "gray-glass-020"
103
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.SectionList, {
104
- sections: filteredTokens,
105
- bounces: false,
106
- fadingEdgeLength: 20,
107
- contentContainerStyle: _styles.default.tokenList,
108
- renderSectionHeader: ({
109
- section: {
110
- title
111
- }
112
- }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Text, {
113
- variant: "paragraph-500",
114
- color: "fg-200",
115
- style: [{
116
- backgroundColor: Theme['bg-100']
117
- }, _styles.default.title],
118
- children: title
119
- }),
120
- ListEmptyComponent: /*#__PURE__*/(0, _jsxRuntime.jsx)(_w3mPlaceholder.Placeholder, {
121
- icon: "coinPlaceholder",
122
- title: "No tokens found",
123
- description: "Your tokens will appear here"
124
- }),
125
- getItemLayout: (_, index) => ({
126
- length: _appkitUiReactNative.ListTokenTotalHeight,
127
- offset: _appkitUiReactNative.ListTokenTotalHeight * index,
128
- index
129
- }),
130
- renderItem: ({
131
- item
132
- }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.ListToken, {
133
- name: item.name,
134
- imageSrc: item.logoUri,
135
- networkSrc: networkImage,
136
- value: item.value,
137
- amount: item.quantity.numeric,
138
- currency: item.symbol,
139
- onPress: () => onTokenPress(item),
140
- disabled: item.address === sourceToken?.address
141
- }, item.name)
142
- })]
143
- });
144
- }
145
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["_react","require","_valtio","_reactNative","_appkitUiReactNative","_appkitCoreReactNative","_w3mPlaceholder","_styles","_interopRequireDefault","_utils","_jsxRuntime","e","__esModule","default","SwapSelectTokenView","onClose","type","style","padding","useCustomDimensions","Theme","useTheme","activeNetwork","useSnapshot","ConnectionsController","state","networkImages","AssetController","sourceToken","suggestedTokens","myTokensWithBalance","SwapController","networkImage","AssetUtil","getNetworkImage","tokenSearch","setTokenSearch","useState","isSourceToken","filteredTokens","setFilteredTokens","createSections","suggestedList","filter","token","address","slice","onSearchChange","value","onTokenPress","setSourceToken","setToToken","sourceTokenAmount","swapTokens","jsxs","FlexView","styles","container","paddingHorizontal","backgroundColor","children","flexDirection","justifyContent","alignItems","jsx","IconLink","icon","size","onPress","Text","variant","View","iconPlaceholder","InputText","placeholder","onChangeText","clearButtonMode","input","ScrollView","horizontal","showsHorizontalScrollIndicator","bounces","fadingEdgeLength","contentContainerStyle","suggestedListContent","map","index","TokenButton","text","symbol","imageUrl","logoUri","length","suggestedToken","undefined","name","Separator","suggestedSeparator","color","SectionList","sections","tokenList","renderSectionHeader","section","title","ListEmptyComponent","Placeholder","description","getItemLayout","_","ListTokenTotalHeight","offset","renderItem","item","ListToken","imageSrc","networkSrc","amount","quantity","numeric","currency","disabled"],"sourceRoot":"../../../../../../src","sources":["views/w3m-swap-view/components/select-token-view/index.tsx"],"mappings":"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","ignoreList":[]}
@@ -1 +0,0 @@
1
- {"version":3,"names":["_reactNative","require","_appkitUiReactNative","_default","exports","default","StyleSheet","create","container","borderRadius","BorderRadius","l","borderWidth","hairlineWidth","borderBottomLeftRadius","borderBottomRightRadius","overflow","marginTop","title","paddingTop","Spacing","tokenList","paddingHorizontal","m","input","marginHorizontal","xs","suggestedList","suggestedListContent","s","suggestedToken","marginRight","suggestedSeparator","marginVertical","iconPlaceholder","height","width"],"sourceRoot":"../../../../../../src","sources":["views/w3m-swap-view/components/select-token-view/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,oBAAA,GAAAD,OAAA;AAAsE,IAAAE,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEvDC,uBAAU,CAACC,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,YAAY,EAAEC,iCAAY,CAACC,CAAC;IAC5BC,WAAW,EAAEN,uBAAU,CAACO,aAAa;IACrCC,sBAAsB,EAAE,CAAC;IACzBC,uBAAuB,EAAE,CAAC;IAC1BC,QAAQ,EAAE,QAAQ;IAClBC,SAAS,EAAE;EACb,CAAC;EACDC,KAAK,EAAE;IACLC,UAAU,EAAEC,4BAAO,CAAC,KAAK;EAC3B,CAAC;EACDC,SAAS,EAAE;IACTC,iBAAiB,EAAEF,4BAAO,CAACG;EAC7B,CAAC;EACDC,KAAK,EAAE;IACLC,gBAAgB,EAAEL,4BAAO,CAACM;EAC5B,CAAC;EACDC,aAAa,EAAE;IACbV,SAAS,EAAEG,4BAAO,CAACM;EACrB,CAAC;EACDE,oBAAoB,EAAE;IACpBN,iBAAiB,EAAEF,4BAAO,CAACS;EAC7B,CAAC;EACDC,cAAc,EAAE;IACdC,WAAW,EAAEX,4BAAO,CAACS;EACvB,CAAC;EACDG,kBAAkB,EAAE;IAClBC,cAAc,EAAEb,4BAAO,CAACS;EAC1B,CAAC;EACDK,eAAe,EAAE;IACfC,MAAM,EAAE,EAAE;IACVC,KAAK,EAAE;EACT;AACF,CAAC,CAAC","ignoreList":[]}
@@ -1 +0,0 @@
1
- {"version":3,"names":["_appkitCoreReactNative","require","filterTokens","tokens","searchValue","filter","token","name","toLowerCase","includes","symbol","createSections","isSourceToken","balances","myTokensFiltered","popularFiltered","SwapController","getFilteredPopularTokens","sections","length","push","title","data"],"sourceRoot":"../../../../../../src","sources":["views/w3m-swap-view/components/select-token-view/utils.ts"],"mappings":";;;;;;;AACA,IAAAA,sBAAA,GAAAC,OAAA;AAEO,SAASC,YAAYA,CAACC,MAA+B,EAAEC,WAAoB,EAAE;EAClF,IAAI,CAACD,MAAM,EAAE;IACX,OAAO,EAAE;EACX;EAEA,IAAI,CAACC,WAAW,EAAE;IAChB,OAAOD,MAAM;EACf;EAEA,OAAOA,MAAM,CAACE,MAAM,CAClBC,KAAK,IACHA,KAAK,CAACC,IAAI,EAAEC,WAAW,CAAC,CAAC,CAACC,QAAQ,CAACL,WAAW,CAACI,WAAW,CAAC,CAAC,CAAC,IAC7DF,KAAK,CAACI,MAAM,CAACF,WAAW,CAAC,CAAC,CAACC,QAAQ,CAACL,WAAW,CAACI,WAAW,CAAC,CAAC,CACjE,CAAC;AACH;AAEO,SAASG,cAAcA,CAC5BC,aAAsB,EACtBR,WAAmB,EACnBS,QAAiC,EACjC;EACA,MAAMC,gBAAgB,GAAGZ,YAAY,CAACW,QAAQ,IAAI,EAAE,EAAET,WAAW,CAAC;EAClE,MAAMW,eAAe,GAAGH,aAAa,GACjC,EAAE,GACFV,YAAY,CAACc,qCAAc,CAACC,wBAAwB,CAACJ,QAAQ,CAAC,EAAET,WAAW,CAAC;EAEhF,MAAMc,QAAQ,GAAG,EAAE;EACnB,IAAIJ,gBAAgB,CAACK,MAAM,GAAG,CAAC,EAAE;IAC/BD,QAAQ,CAACE,IAAI,CAAC;MAAEC,KAAK,EAAE,aAAa;MAAEC,IAAI,EAAER;IAAiB,CAAC,CAAC;EACjE;EACA,IAAIC,eAAe,CAACI,MAAM,GAAG,CAAC,EAAE;IAC9BD,QAAQ,CAACE,IAAI,CAAC;MAAEC,KAAK,EAAE,gBAAgB;MAAEC,IAAI,EAAEP;IAAgB,CAAC,CAAC;EACnE;EAEA,OAAOG,QAAQ;AACjB","ignoreList":[]}
@@ -1,140 +0,0 @@
1
- "use strict";
2
-
3
- import { useState } from 'react';
4
- import { useSnapshot } from 'valtio';
5
- import { ScrollView, SectionList, View } from 'react-native';
6
- import { FlexView, IconLink, InputText, ListToken, ListTokenTotalHeight, Separator, Text, TokenButton, useTheme, useCustomDimensions } from '@reown/appkit-ui-react-native';
7
- import { AssetController, AssetUtil, ConnectionsController, SwapController } from '@reown/appkit-core-react-native';
8
- import { Placeholder } from '../../../../partials/w3m-placeholder';
9
- import styles from './styles';
10
- import { createSections } from './utils';
11
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
12
- export function SwapSelectTokenView({
13
- onClose,
14
- type,
15
- style
16
- }) {
17
- const {
18
- padding
19
- } = useCustomDimensions();
20
- const Theme = useTheme();
21
- const {
22
- activeNetwork
23
- } = useSnapshot(ConnectionsController.state);
24
- const {
25
- networkImages
26
- } = useSnapshot(AssetController.state);
27
- const {
28
- sourceToken,
29
- suggestedTokens,
30
- myTokensWithBalance
31
- } = useSnapshot(SwapController.state);
32
- const networkImage = AssetUtil.getNetworkImage(activeNetwork, networkImages);
33
- const [tokenSearch, setTokenSearch] = useState('');
34
- const isSourceToken = type === 'sourceToken';
35
- const [filteredTokens, setFilteredTokens] = useState(createSections(isSourceToken, tokenSearch, myTokensWithBalance));
36
- const suggestedList = suggestedTokens?.filter(token => token.address !== SwapController.state.sourceToken?.address).slice(0, 8);
37
- const onSearchChange = value => {
38
- setTokenSearch(value);
39
- setFilteredTokens(createSections(isSourceToken, value, myTokensWithBalance));
40
- };
41
- const onTokenPress = token => {
42
- if (isSourceToken) {
43
- SwapController.setSourceToken(token);
44
- } else {
45
- SwapController.setToToken(token);
46
- if (SwapController.state.sourceToken && SwapController.state.sourceTokenAmount) {
47
- SwapController.swapTokens();
48
- }
49
- }
50
- onClose();
51
- };
52
- return /*#__PURE__*/_jsxs(FlexView, {
53
- padding: ['xl', '0', '0', '0'],
54
- style: [styles.container, {
55
- paddingHorizontal: padding,
56
- backgroundColor: Theme['bg-100']
57
- }, style],
58
- children: [/*#__PURE__*/_jsxs(FlexView, {
59
- flexDirection: "row",
60
- justifyContent: "space-between",
61
- alignItems: "center",
62
- padding: ['0', 'm', 'm', 'm'],
63
- children: [/*#__PURE__*/_jsx(IconLink, {
64
- icon: "chevronLeft",
65
- size: "md",
66
- onPress: onClose
67
- }), /*#__PURE__*/_jsx(Text, {
68
- variant: "paragraph-600",
69
- children: "Select token"
70
- }), /*#__PURE__*/_jsx(View, {
71
- style: styles.iconPlaceholder
72
- })]
73
- }), /*#__PURE__*/_jsxs(FlexView, {
74
- children: [/*#__PURE__*/_jsx(InputText, {
75
- value: tokenSearch,
76
- icon: "search",
77
- placeholder: "Search token",
78
- onChangeText: onSearchChange,
79
- clearButtonMode: "while-editing",
80
- style: styles.input
81
- }), !isSourceToken && /*#__PURE__*/_jsx(ScrollView, {
82
- horizontal: true,
83
- showsHorizontalScrollIndicator: false,
84
- bounces: false,
85
- fadingEdgeLength: 20,
86
- style: styles.suggestedList,
87
- contentContainerStyle: styles.suggestedListContent,
88
- children: suggestedList?.map((token, index) => /*#__PURE__*/_jsx(TokenButton, {
89
- text: token.symbol,
90
- imageUrl: token.logoUri,
91
- onPress: () => onTokenPress(token),
92
- style: index !== suggestedList.length - 1 ? styles.suggestedToken : undefined
93
- }, token.name))
94
- })]
95
- }), /*#__PURE__*/_jsx(Separator, {
96
- style: styles.suggestedSeparator,
97
- color: "gray-glass-020"
98
- }), /*#__PURE__*/_jsx(SectionList, {
99
- sections: filteredTokens,
100
- bounces: false,
101
- fadingEdgeLength: 20,
102
- contentContainerStyle: styles.tokenList,
103
- renderSectionHeader: ({
104
- section: {
105
- title
106
- }
107
- }) => /*#__PURE__*/_jsx(Text, {
108
- variant: "paragraph-500",
109
- color: "fg-200",
110
- style: [{
111
- backgroundColor: Theme['bg-100']
112
- }, styles.title],
113
- children: title
114
- }),
115
- ListEmptyComponent: /*#__PURE__*/_jsx(Placeholder, {
116
- icon: "coinPlaceholder",
117
- title: "No tokens found",
118
- description: "Your tokens will appear here"
119
- }),
120
- getItemLayout: (_, index) => ({
121
- length: ListTokenTotalHeight,
122
- offset: ListTokenTotalHeight * index,
123
- index
124
- }),
125
- renderItem: ({
126
- item
127
- }) => /*#__PURE__*/_jsx(ListToken, {
128
- name: item.name,
129
- imageSrc: item.logoUri,
130
- networkSrc: networkImage,
131
- value: item.value,
132
- amount: item.quantity.numeric,
133
- currency: item.symbol,
134
- onPress: () => onTokenPress(item),
135
- disabled: item.address === sourceToken?.address
136
- }, item.name)
137
- })]
138
- });
139
- }
140
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["useState","useSnapshot","ScrollView","SectionList","View","FlexView","IconLink","InputText","ListToken","ListTokenTotalHeight","Separator","Text","TokenButton","useTheme","useCustomDimensions","AssetController","AssetUtil","ConnectionsController","SwapController","Placeholder","styles","createSections","jsx","_jsx","jsxs","_jsxs","SwapSelectTokenView","onClose","type","style","padding","Theme","activeNetwork","state","networkImages","sourceToken","suggestedTokens","myTokensWithBalance","networkImage","getNetworkImage","tokenSearch","setTokenSearch","isSourceToken","filteredTokens","setFilteredTokens","suggestedList","filter","token","address","slice","onSearchChange","value","onTokenPress","setSourceToken","setToToken","sourceTokenAmount","swapTokens","container","paddingHorizontal","backgroundColor","children","flexDirection","justifyContent","alignItems","icon","size","onPress","variant","iconPlaceholder","placeholder","onChangeText","clearButtonMode","input","horizontal","showsHorizontalScrollIndicator","bounces","fadingEdgeLength","contentContainerStyle","suggestedListContent","map","index","text","symbol","imageUrl","logoUri","length","suggestedToken","undefined","name","suggestedSeparator","color","sections","tokenList","renderSectionHeader","section","title","ListEmptyComponent","description","getItemLayout","_","offset","renderItem","item","imageSrc","networkSrc","amount","quantity","numeric","currency","disabled"],"sourceRoot":"../../../../../../src","sources":["views/w3m-swap-view/components/select-token-view/index.tsx"],"mappings":"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","ignoreList":[]}
@@ -1 +0,0 @@
1
- {"version":3,"names":["StyleSheet","BorderRadius","Spacing","create","container","borderRadius","l","borderWidth","hairlineWidth","borderBottomLeftRadius","borderBottomRightRadius","overflow","marginTop","title","paddingTop","tokenList","paddingHorizontal","m","input","marginHorizontal","xs","suggestedList","suggestedListContent","s","suggestedToken","marginRight","suggestedSeparator","marginVertical","iconPlaceholder","height","width"],"sourceRoot":"../../../../../../src","sources":["views/w3m-swap-view/components/select-token-view/styles.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,YAAY,EAAEC,OAAO,QAAQ,+BAA+B;AAErE,eAAeF,UAAU,CAACG,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,YAAY,EAAEJ,YAAY,CAACK,CAAC;IAC5BC,WAAW,EAAEP,UAAU,CAACQ,aAAa;IACrCC,sBAAsB,EAAE,CAAC;IACzBC,uBAAuB,EAAE,CAAC;IAC1BC,QAAQ,EAAE,QAAQ;IAClBC,SAAS,EAAE;EACb,CAAC;EACDC,KAAK,EAAE;IACLC,UAAU,EAAEZ,OAAO,CAAC,KAAK;EAC3B,CAAC;EACDa,SAAS,EAAE;IACTC,iBAAiB,EAAEd,OAAO,CAACe;EAC7B,CAAC;EACDC,KAAK,EAAE;IACLC,gBAAgB,EAAEjB,OAAO,CAACkB;EAC5B,CAAC;EACDC,aAAa,EAAE;IACbT,SAAS,EAAEV,OAAO,CAACkB;EACrB,CAAC;EACDE,oBAAoB,EAAE;IACpBN,iBAAiB,EAAEd,OAAO,CAACqB;EAC7B,CAAC;EACDC,cAAc,EAAE;IACdC,WAAW,EAAEvB,OAAO,CAACqB;EACvB,CAAC;EACDG,kBAAkB,EAAE;IAClBC,cAAc,EAAEzB,OAAO,CAACqB;EAC1B,CAAC;EACDK,eAAe,EAAE;IACfC,MAAM,EAAE,EAAE;IACVC,KAAK,EAAE;EACT;AACF,CAAC,CAAC","ignoreList":[]}
@@ -1 +0,0 @@
1
- {"version":3,"names":["SwapController","filterTokens","tokens","searchValue","filter","token","name","toLowerCase","includes","symbol","createSections","isSourceToken","balances","myTokensFiltered","popularFiltered","getFilteredPopularTokens","sections","length","push","title","data"],"sourceRoot":"../../../../../../src","sources":["views/w3m-swap-view/components/select-token-view/utils.ts"],"mappings":";;AACA,SAASA,cAAc,QAAQ,iCAAiC;AAEhE,OAAO,SAASC,YAAYA,CAACC,MAA+B,EAAEC,WAAoB,EAAE;EAClF,IAAI,CAACD,MAAM,EAAE;IACX,OAAO,EAAE;EACX;EAEA,IAAI,CAACC,WAAW,EAAE;IAChB,OAAOD,MAAM;EACf;EAEA,OAAOA,MAAM,CAACE,MAAM,CAClBC,KAAK,IACHA,KAAK,CAACC,IAAI,EAAEC,WAAW,CAAC,CAAC,CAACC,QAAQ,CAACL,WAAW,CAACI,WAAW,CAAC,CAAC,CAAC,IAC7DF,KAAK,CAACI,MAAM,CAACF,WAAW,CAAC,CAAC,CAACC,QAAQ,CAACL,WAAW,CAACI,WAAW,CAAC,CAAC,CACjE,CAAC;AACH;AAEA,OAAO,SAASG,cAAcA,CAC5BC,aAAsB,EACtBR,WAAmB,EACnBS,QAAiC,EACjC;EACA,MAAMC,gBAAgB,GAAGZ,YAAY,CAACW,QAAQ,IAAI,EAAE,EAAET,WAAW,CAAC;EAClE,MAAMW,eAAe,GAAGH,aAAa,GACjC,EAAE,GACFV,YAAY,CAACD,cAAc,CAACe,wBAAwB,CAACH,QAAQ,CAAC,EAAET,WAAW,CAAC;EAEhF,MAAMa,QAAQ,GAAG,EAAE;EACnB,IAAIH,gBAAgB,CAACI,MAAM,GAAG,CAAC,EAAE;IAC/BD,QAAQ,CAACE,IAAI,CAAC;MAAEC,KAAK,EAAE,aAAa;MAAEC,IAAI,EAAEP;IAAiB,CAAC,CAAC;EACjE;EACA,IAAIC,eAAe,CAACG,MAAM,GAAG,CAAC,EAAE;IAC9BD,QAAQ,CAACE,IAAI,CAAC;MAAEC,KAAK,EAAE,gBAAgB;MAAEC,IAAI,EAAEN;IAAgB,CAAC,CAAC;EACnE;EAEA,OAAOE,QAAQ;AACjB","ignoreList":[]}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/views/w3m-swap-view/components/select-token-view/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAKL,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAsBtB,OAAO,EAAE,KAAK,eAAe,EAA6B,MAAM,mCAAmC,CAAC;AAMpG,UAAU,KAAK;IACb,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,mBAAmB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,KAAK,2CAoIlE"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../../src/views/w3m-swap-view/components/select-token-view/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AAG9E,wBAAgB,YAAY,CAAC,MAAM,CAAC,EAAE,oBAAoB,EAAE,EAAE,WAAW,CAAC,EAAE,MAAM,0BAcjF;AAED,wBAAgB,cAAc,CAC5B,aAAa,EAAE,OAAO,EACtB,WAAW,EAAE,MAAM,EACnB,QAAQ,CAAC,EAAE,oBAAoB,EAAE;;;IAgBlC"}
@@ -1,176 +0,0 @@
1
- import { useState } from 'react';
2
- import { useSnapshot } from 'valtio';
3
- import {
4
- ScrollView,
5
- SectionList,
6
- View,
7
- type SectionListData,
8
- type StyleProp,
9
- type ViewStyle
10
- } from 'react-native';
11
- import {
12
- FlexView,
13
- IconLink,
14
- InputText,
15
- ListToken,
16
- ListTokenTotalHeight,
17
- Separator,
18
- Text,
19
- TokenButton,
20
- useTheme,
21
- useCustomDimensions
22
- } from '@reown/appkit-ui-react-native';
23
-
24
- import {
25
- AssetController,
26
- AssetUtil,
27
- ConnectionsController,
28
- SwapController,
29
- type SwapControllerState
30
- } from '@reown/appkit-core-react-native';
31
-
32
- import { type SwapInputTarget, type SwapTokenWithBalance } from '@reown/appkit-common-react-native';
33
-
34
- import { Placeholder } from '../../../../partials/w3m-placeholder';
35
- import styles from './styles';
36
- import { createSections } from './utils';
37
-
38
- interface Props {
39
- onClose: () => void;
40
- type?: SwapInputTarget;
41
- style?: StyleProp<ViewStyle>;
42
- }
43
-
44
- export function SwapSelectTokenView({ onClose, type, style }: Props) {
45
- const { padding } = useCustomDimensions();
46
- const Theme = useTheme();
47
- const { activeNetwork } = useSnapshot(ConnectionsController.state);
48
- const { networkImages } = useSnapshot(AssetController.state);
49
- const { sourceToken, suggestedTokens, myTokensWithBalance } = useSnapshot(
50
- SwapController.state
51
- ) as SwapControllerState;
52
-
53
- const networkImage = AssetUtil.getNetworkImage(activeNetwork, networkImages);
54
- const [tokenSearch, setTokenSearch] = useState<string>('');
55
- const isSourceToken = type === 'sourceToken';
56
-
57
- const [filteredTokens, setFilteredTokens] = useState(
58
- createSections(isSourceToken, tokenSearch, myTokensWithBalance)
59
- );
60
- const suggestedList = suggestedTokens
61
- ?.filter(token => token.address !== SwapController.state.sourceToken?.address)
62
- .slice(0, 8);
63
-
64
- const onSearchChange = (value: string) => {
65
- setTokenSearch(value);
66
- setFilteredTokens(createSections(isSourceToken, value, myTokensWithBalance));
67
- };
68
-
69
- const onTokenPress = (token: SwapTokenWithBalance) => {
70
- if (isSourceToken) {
71
- SwapController.setSourceToken(token);
72
- } else {
73
- SwapController.setToToken(token);
74
- if (SwapController.state.sourceToken && SwapController.state.sourceTokenAmount) {
75
- SwapController.swapTokens();
76
- }
77
- }
78
- onClose();
79
- };
80
-
81
- return (
82
- <FlexView
83
- padding={['xl', '0', '0', '0']}
84
- style={[
85
- styles.container,
86
- {
87
- paddingHorizontal: padding,
88
- backgroundColor: Theme['bg-100']
89
- },
90
- style
91
- ]}
92
- >
93
- <FlexView
94
- flexDirection="row"
95
- justifyContent="space-between"
96
- alignItems="center"
97
- padding={['0', 'm', 'm', 'm']}
98
- >
99
- <IconLink icon="chevronLeft" size="md" onPress={onClose} />
100
- <Text variant="paragraph-600">Select token</Text>
101
- <View style={styles.iconPlaceholder} />
102
- </FlexView>
103
- <FlexView>
104
- <InputText
105
- value={tokenSearch}
106
- icon="search"
107
- placeholder="Search token"
108
- onChangeText={onSearchChange}
109
- clearButtonMode="while-editing"
110
- style={styles.input}
111
- />
112
- {!isSourceToken && (
113
- <ScrollView
114
- horizontal
115
- showsHorizontalScrollIndicator={false}
116
- bounces={false}
117
- fadingEdgeLength={20}
118
- style={styles.suggestedList}
119
- contentContainerStyle={styles.suggestedListContent}
120
- >
121
- {suggestedList?.map((token, index) => (
122
- <TokenButton
123
- key={token.name}
124
- text={token.symbol}
125
- imageUrl={token.logoUri}
126
- onPress={() => onTokenPress(token)}
127
- style={index !== suggestedList.length - 1 ? styles.suggestedToken : undefined}
128
- />
129
- ))}
130
- </ScrollView>
131
- )}
132
- </FlexView>
133
- <Separator style={styles.suggestedSeparator} color="gray-glass-020" />
134
- <SectionList
135
- sections={filteredTokens as SectionListData<SwapTokenWithBalance>[]}
136
- bounces={false}
137
- fadingEdgeLength={20}
138
- contentContainerStyle={styles.tokenList}
139
- renderSectionHeader={({ section: { title } }) => (
140
- <Text
141
- variant="paragraph-500"
142
- color="fg-200"
143
- style={[{ backgroundColor: Theme['bg-100'] }, styles.title]}
144
- >
145
- {title}
146
- </Text>
147
- )}
148
- ListEmptyComponent={
149
- <Placeholder
150
- icon="coinPlaceholder"
151
- title="No tokens found"
152
- description="Your tokens will appear here"
153
- />
154
- }
155
- getItemLayout={(_, index) => ({
156
- length: ListTokenTotalHeight,
157
- offset: ListTokenTotalHeight * index,
158
- index
159
- })}
160
- renderItem={({ item }) => (
161
- <ListToken
162
- key={item.name}
163
- name={item.name}
164
- imageSrc={item.logoUri}
165
- networkSrc={networkImage}
166
- value={item.value}
167
- amount={item.quantity.numeric}
168
- currency={item.symbol}
169
- onPress={() => onTokenPress(item)}
170
- disabled={item.address === sourceToken?.address}
171
- />
172
- )}
173
- />
174
- </FlexView>
175
- );
176
- }