@reown/appkit-ui-react-native 2.0.0-alpha.2 → 2.0.0-alpha.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (153) hide show
  1. package/lib/commonjs/assets/svg/Reown.js +47 -0
  2. package/lib/commonjs/assets/svg/Reown.js.map +1 -0
  3. package/lib/commonjs/components/wui-card/styles.js +1 -0
  4. package/lib/commonjs/components/wui-card/styles.js.map +1 -1
  5. package/lib/commonjs/components/wui-icon/index.js +2 -0
  6. package/lib/commonjs/components/wui-icon/index.js.map +1 -1
  7. package/lib/commonjs/components/wui-modal/index.js +138 -0
  8. package/lib/commonjs/components/wui-modal/index.js.map +1 -0
  9. package/lib/commonjs/components/wui-modal/styles.js +31 -0
  10. package/lib/commonjs/components/wui-modal/styles.js.map +1 -0
  11. package/lib/commonjs/composites/wui-account-button/index.js +2 -2
  12. package/lib/commonjs/composites/wui-account-button/index.js.map +1 -1
  13. package/lib/commonjs/composites/wui-button/index.js +5 -5
  14. package/lib/commonjs/composites/wui-button/index.js.map +1 -1
  15. package/lib/commonjs/composites/wui-card-select/index.js +1 -1
  16. package/lib/commonjs/composites/wui-card-select/index.js.map +1 -1
  17. package/lib/commonjs/composites/wui-chip/index.js +5 -5
  18. package/lib/commonjs/composites/wui-chip/index.js.map +1 -1
  19. package/lib/commonjs/composites/wui-email-input/index.js +3 -3
  20. package/lib/commonjs/composites/wui-email-input/index.js.map +1 -1
  21. package/lib/commonjs/composites/wui-input-text/index.js +2 -2
  22. package/lib/commonjs/composites/wui-input-text/index.js.map +1 -1
  23. package/lib/commonjs/composites/wui-link/index.js +4 -4
  24. package/lib/commonjs/composites/wui-link/index.js.map +1 -1
  25. package/lib/commonjs/composites/wui-list-transaction/index.js +2 -2
  26. package/lib/commonjs/composites/wui-list-transaction/index.js.map +1 -1
  27. package/lib/commonjs/composites/wui-logo-select/index.js +1 -1
  28. package/lib/commonjs/composites/wui-logo-select/index.js.map +1 -1
  29. package/lib/commonjs/composites/wui-otp/index.js +1 -1
  30. package/lib/commonjs/composites/wui-otp/index.js.map +1 -1
  31. package/lib/commonjs/composites/wui-qr-code/index.js +6 -24
  32. package/lib/commonjs/composites/wui-qr-code/index.js.map +1 -1
  33. package/lib/commonjs/composites/wui-qr-code/styles.js +0 -3
  34. package/lib/commonjs/composites/wui-qr-code/styles.js.map +1 -1
  35. package/lib/commonjs/composites/wui-search-bar/index.js +2 -2
  36. package/lib/commonjs/composites/wui-search-bar/index.js.map +1 -1
  37. package/lib/commonjs/composites/wui-tabs/index.js +2 -2
  38. package/lib/commonjs/composites/wui-tabs/index.js.map +1 -1
  39. package/lib/commonjs/composites/wui-toggle/index.js +2 -2
  40. package/lib/commonjs/composites/wui-toggle/index.js.map +1 -1
  41. package/lib/commonjs/composites/wui-token-button/index.js +4 -4
  42. package/lib/commonjs/composites/wui-token-button/index.js.map +1 -1
  43. package/lib/commonjs/composites/wui-transaction-visual/index.js +3 -3
  44. package/lib/commonjs/composites/wui-transaction-visual/index.js.map +1 -1
  45. package/lib/commonjs/composites/wui-wallet-image/index.js +2 -2
  46. package/lib/commonjs/composites/wui-wallet-image/index.js.map +1 -1
  47. package/lib/commonjs/index.js +7 -0
  48. package/lib/commonjs/index.js.map +1 -1
  49. package/lib/commonjs/layout/wui-flex/index.js +3 -0
  50. package/lib/commonjs/layout/wui-flex/index.js.map +1 -1
  51. package/lib/commonjs/utils/UiUtil.js +1 -1
  52. package/lib/commonjs/utils/UiUtil.js.map +1 -1
  53. package/lib/module/assets/svg/Reown.js +42 -0
  54. package/lib/module/assets/svg/Reown.js.map +1 -0
  55. package/lib/module/components/wui-card/styles.js +1 -0
  56. package/lib/module/components/wui-card/styles.js.map +1 -1
  57. package/lib/module/components/wui-icon/index.js +2 -0
  58. package/lib/module/components/wui-icon/index.js.map +1 -1
  59. package/lib/module/components/wui-modal/index.js +133 -0
  60. package/lib/module/components/wui-modal/index.js.map +1 -0
  61. package/lib/module/components/wui-modal/styles.js +27 -0
  62. package/lib/module/components/wui-modal/styles.js.map +1 -0
  63. package/lib/module/composites/wui-account-button/index.js +2 -2
  64. package/lib/module/composites/wui-account-button/index.js.map +1 -1
  65. package/lib/module/composites/wui-button/index.js +5 -5
  66. package/lib/module/composites/wui-button/index.js.map +1 -1
  67. package/lib/module/composites/wui-card-select/index.js +1 -1
  68. package/lib/module/composites/wui-card-select/index.js.map +1 -1
  69. package/lib/module/composites/wui-chip/index.js +5 -5
  70. package/lib/module/composites/wui-chip/index.js.map +1 -1
  71. package/lib/module/composites/wui-email-input/index.js +3 -3
  72. package/lib/module/composites/wui-email-input/index.js.map +1 -1
  73. package/lib/module/composites/wui-input-text/index.js +2 -2
  74. package/lib/module/composites/wui-input-text/index.js.map +1 -1
  75. package/lib/module/composites/wui-link/index.js +4 -4
  76. package/lib/module/composites/wui-link/index.js.map +1 -1
  77. package/lib/module/composites/wui-list-transaction/index.js +2 -2
  78. package/lib/module/composites/wui-list-transaction/index.js.map +1 -1
  79. package/lib/module/composites/wui-logo-select/index.js +1 -1
  80. package/lib/module/composites/wui-logo-select/index.js.map +1 -1
  81. package/lib/module/composites/wui-otp/index.js +1 -1
  82. package/lib/module/composites/wui-otp/index.js.map +1 -1
  83. package/lib/module/composites/wui-qr-code/index.js +6 -24
  84. package/lib/module/composites/wui-qr-code/index.js.map +1 -1
  85. package/lib/module/composites/wui-qr-code/styles.js +0 -3
  86. package/lib/module/composites/wui-qr-code/styles.js.map +1 -1
  87. package/lib/module/composites/wui-search-bar/index.js +2 -2
  88. package/lib/module/composites/wui-search-bar/index.js.map +1 -1
  89. package/lib/module/composites/wui-tabs/index.js +2 -2
  90. package/lib/module/composites/wui-tabs/index.js.map +1 -1
  91. package/lib/module/composites/wui-toggle/index.js +2 -2
  92. package/lib/module/composites/wui-toggle/index.js.map +1 -1
  93. package/lib/module/composites/wui-token-button/index.js +4 -4
  94. package/lib/module/composites/wui-token-button/index.js.map +1 -1
  95. package/lib/module/composites/wui-transaction-visual/index.js +3 -3
  96. package/lib/module/composites/wui-transaction-visual/index.js.map +1 -1
  97. package/lib/module/composites/wui-wallet-image/index.js +2 -2
  98. package/lib/module/composites/wui-wallet-image/index.js.map +1 -1
  99. package/lib/module/index.js +1 -0
  100. package/lib/module/index.js.map +1 -1
  101. package/lib/module/layout/wui-flex/index.js +3 -0
  102. package/lib/module/layout/wui-flex/index.js.map +1 -1
  103. package/lib/module/utils/UiUtil.js +1 -1
  104. package/lib/module/utils/UiUtil.js.map +1 -1
  105. package/lib/typescript/assets/svg/Reown.d.ts +4 -0
  106. package/lib/typescript/assets/svg/Reown.d.ts.map +1 -0
  107. package/lib/typescript/components/wui-card/styles.d.ts +1 -0
  108. package/lib/typescript/components/wui-card/styles.d.ts.map +1 -1
  109. package/lib/typescript/components/wui-icon/index.d.ts.map +1 -1
  110. package/lib/typescript/components/wui-modal/index.d.ts +8 -0
  111. package/lib/typescript/components/wui-modal/index.d.ts.map +1 -0
  112. package/lib/typescript/components/wui-modal/styles.d.ts +24 -0
  113. package/lib/typescript/components/wui-modal/styles.d.ts.map +1 -0
  114. package/lib/typescript/composites/wui-qr-code/index.d.ts.map +1 -1
  115. package/lib/typescript/composites/wui-qr-code/styles.d.ts +0 -3
  116. package/lib/typescript/composites/wui-qr-code/styles.d.ts.map +1 -1
  117. package/lib/typescript/composites/wui-token-button/index.d.ts.map +1 -1
  118. package/lib/typescript/index.d.ts +1 -0
  119. package/lib/typescript/index.d.ts.map +1 -1
  120. package/lib/typescript/layout/wui-flex/index.d.ts +3 -0
  121. package/lib/typescript/layout/wui-flex/index.d.ts.map +1 -1
  122. package/lib/typescript/utils/TypesUtil.d.ts +1 -1
  123. package/lib/typescript/utils/TypesUtil.d.ts.map +1 -1
  124. package/lib/typescript/utils/UiUtil.d.ts +1 -1
  125. package/lib/typescript/utils/UiUtil.d.ts.map +1 -1
  126. package/package.json +2 -2
  127. package/src/assets/svg/Reown.tsx +40 -0
  128. package/src/components/wui-card/styles.ts +1 -0
  129. package/src/components/wui-icon/index.tsx +2 -0
  130. package/src/components/wui-modal/index.tsx +139 -0
  131. package/src/components/wui-modal/styles.ts +25 -0
  132. package/src/composites/wui-account-button/index.tsx +2 -2
  133. package/src/composites/wui-button/index.tsx +5 -5
  134. package/src/composites/wui-card-select/index.tsx +1 -1
  135. package/src/composites/wui-chip/index.tsx +5 -5
  136. package/src/composites/wui-email-input/index.tsx +3 -3
  137. package/src/composites/wui-input-text/index.tsx +1 -1
  138. package/src/composites/wui-link/index.tsx +4 -4
  139. package/src/composites/wui-list-transaction/index.tsx +2 -2
  140. package/src/composites/wui-logo-select/index.tsx +1 -1
  141. package/src/composites/wui-otp/index.tsx +1 -1
  142. package/src/composites/wui-qr-code/index.tsx +5 -17
  143. package/src/composites/wui-qr-code/styles.ts +0 -3
  144. package/src/composites/wui-search-bar/index.tsx +2 -2
  145. package/src/composites/wui-tabs/index.tsx +2 -2
  146. package/src/composites/wui-toggle/index.tsx +2 -2
  147. package/src/composites/wui-token-button/index.tsx +4 -2
  148. package/src/composites/wui-transaction-visual/index.tsx +4 -4
  149. package/src/composites/wui-wallet-image/index.tsx +2 -2
  150. package/src/index.ts +1 -0
  151. package/src/layout/wui-flex/index.tsx +6 -0
  152. package/src/utils/TypesUtil.ts +1 -0
  153. package/src/utils/UiUtil.ts +2 -2
@@ -1 +1 @@
1
- {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/composites/wui-qr-code/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;AAGA,wBAcG"}
1
+ {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/composites/wui-qr-code/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;AAGA,wBAWG"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/composites/wui-token-button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAQ,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AASpE,MAAM,WAAW,gBAAgB;IAC/B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,IAAI,EACJ,OAAO,EACP,OAAO,EACP,KAAK,EACL,QAAgB,EAChB,WAA4B,EAC5B,OAAO,EACP,UAAU,EACV,MAAM,EACP,EAAE,gBAAgB,2CA8ClB"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/composites/wui-token-button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAQ,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AASpE,MAAM,WAAW,gBAAgB;IAC/B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,IAAI,EACJ,OAAO,EACP,OAAO,EACP,KAAK,EACL,QAAgB,EAChB,WAA4B,EAC5B,OAAO,EACP,UAAU,EACV,MAAM,EACP,EAAE,gBAAgB,2CAgDlB"}
@@ -35,6 +35,7 @@ export { ListTransaction, type ListTransactionProps } from './composites/wui-lis
35
35
  export { ListWallet, type ListWalletProps } from './composites/wui-list-wallet';
36
36
  export { Logo, type LogoProps } from './composites/wui-logo';
37
37
  export { LogoSelect, type LogoSelectProps } from './composites/wui-logo-select';
38
+ export { Modal, type ModalProps } from './components/wui-modal';
38
39
  export { NetworkButton, type NetworkButtonProps } from './composites/wui-network-button';
39
40
  export { NetworkImage, type NetworkImageProps } from './composites/wui-network-image';
40
41
  export { NumericKeyboard, type NumericKeyboardProps } from './composites/wui-numeric-keyboard';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AAC5F,OAAO,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAClE,OAAO,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAClG,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAEtE,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AACzF,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACnF,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACnF,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACtE,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,EACL,gBAAgB,EAChB,sBAAsB,EACtB,KAAK,qBAAqB,EAC3B,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EACL,UAAU,EACV,gBAAgB,EAChB,eAAe,EACf,KAAK,eAAe,EACrB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EACL,iBAAiB,EACjB,KAAK,sBAAsB,EAC5B,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AACzF,OAAO,EAAE,iBAAiB,EAAE,MAAM,sCAAsC,CAAC;AACzE,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAChF,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACvE,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC1E,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACtF,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACtF,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7E,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC1E,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,mCAAmC,CAAC;AAC7F,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAChF,OAAO,EAAE,SAAS,EAAE,oBAAoB,EAAE,KAAK,cAAc,EAAE,MAAM,6BAA6B,CAAC;AACnG,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AAC/F,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAChF,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAChF,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AACzF,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACtF,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AAC/F,OAAO,EAAE,GAAG,EAAE,KAAK,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5E,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACpE,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7E,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,2BAA2B,CAAC;AACzE,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAE,GAAG,EAAE,KAAK,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACnF,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACtE,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAEnF,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAClE,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,mBAAmB,CAAC;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAEnD,YAAY,EACV,UAAU,EACV,cAAc,EACd,QAAQ,EACR,SAAS,EACT,SAAS,IAAI,cAAc,EAC3B,QAAQ,EACR,QAAQ,EACR,aAAa,EACb,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,UAAU,EACV,eAAe,EAChB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE1D,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
@@ -10,6 +10,9 @@ export interface FlexViewProps {
10
10
  flexShrink?: FlexShrinkType;
11
11
  alignItems?: FlexAlignType;
12
12
  alignSelf?: FlexAlignType;
13
+ rowGap?: SpacingType;
14
+ gap?: SpacingType;
15
+ columnGap?: SpacingType;
13
16
  justifyContent?: FlexJustifyContentType;
14
17
  padding?: SpacingType | SpacingType[];
15
18
  margin?: SpacingType | SpacingType[];
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/layout/wui-flex/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,iBAAiB,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAQ,MAAM,cAAc,CAAC;AAE5F,OAAO,KAAK,EACV,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,sBAAsB,EACtB,cAAc,EACd,YAAY,EACZ,WAAW,EACZ,MAAM,uBAAuB,CAAC;AAG/B,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC9C,aAAa,CAAC,EAAE,iBAAiB,CAAC;IAClC,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,cAAc,CAAC,EAAE,sBAAsB,CAAC;IACxC,OAAO,CAAC,EAAE,WAAW,GAAG,WAAW,EAAE,CAAC;IACtC,MAAM,CAAC,EAAE,WAAW,GAAG,WAAW,EAAE,CAAC;IACrC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,2CAwB5C"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/layout/wui-flex/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,iBAAiB,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAQ,MAAM,cAAc,CAAC;AAE5F,OAAO,KAAK,EACV,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,sBAAsB,EACtB,cAAc,EACd,YAAY,EACZ,WAAW,EACZ,MAAM,uBAAuB,CAAC;AAG/B,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC9C,aAAa,CAAC,EAAE,iBAAiB,CAAC;IAClC,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,GAAG,CAAC,EAAE,WAAW,CAAC;IAClB,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB,cAAc,CAAC,EAAE,sBAAsB,CAAC;IACxC,OAAO,CAAC,EAAE,WAAW,GAAG,WAAW,EAAE,CAAC;IACtC,MAAM,CAAC,EAAE,WAAW,GAAG,WAAW,EAAE,CAAC;IACrC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,2CA2B5C"}
@@ -5,7 +5,7 @@ export type SizeType = 'xl' | 'lg' | 'md' | 'sm' | 'xs' | 'xxs';
5
5
  export type PlacementType = 'bottom' | 'left' | 'right' | 'top';
6
6
  export type ButtonType = 'accent' | 'fill' | 'shade';
7
7
  export type ChipType = 'fill' | 'shade' | 'transparent';
8
- export type IconType = 'allWallets' | 'apple' | 'arrowBottom' | 'arrowBottomCircle' | 'arrowLeft' | 'arrowRight' | 'arrowTop' | 'browser' | 'card' | 'checkmark' | 'chevronBottom' | 'chevronLeft' | 'chevronRight' | 'chevronRightSmall' | 'chevronTop' | 'clock' | 'close' | 'coinPlaceholder' | 'compass' | 'copy' | 'copySmall' | 'cursor' | 'currencyDollar' | 'desktop' | 'disconnect' | 'discord' | 'etherscan' | 'extension' | 'externalLink' | 'facebook' | 'farcaster' | 'farcasterSquare' | 'filters' | 'github' | 'google' | 'helpCircle' | 'infoCircle' | 'email' | 'mobile' | 'more' | 'networkPlaceholder' | 'nftPlaceholder' | 'off' | 'paperplane' | 'qrCode' | 'recycleHorizontal' | 'refresh' | 'search' | 'settings' | 'swapHorizontal' | 'swapVertical' | 'telegram' | 'twitch' | 'verify' | 'wallet' | 'walletSmall' | 'walletConnect' | 'walletConnectLightBrown' | 'walletPlaceholder' | 'warningCircle' | 'x';
8
+ export type IconType = 'allWallets' | 'apple' | 'arrowBottom' | 'arrowBottomCircle' | 'arrowLeft' | 'arrowRight' | 'arrowTop' | 'browser' | 'card' | 'checkmark' | 'chevronBottom' | 'chevronLeft' | 'chevronRight' | 'chevronRightSmall' | 'chevronTop' | 'clock' | 'close' | 'coinPlaceholder' | 'compass' | 'copy' | 'copySmall' | 'cursor' | 'currencyDollar' | 'desktop' | 'disconnect' | 'discord' | 'etherscan' | 'extension' | 'externalLink' | 'facebook' | 'farcaster' | 'farcasterSquare' | 'filters' | 'github' | 'google' | 'helpCircle' | 'infoCircle' | 'email' | 'mobile' | 'more' | 'networkPlaceholder' | 'nftPlaceholder' | 'off' | 'paperplane' | 'qrCode' | 'recycleHorizontal' | 'refresh' | 'reown' | 'search' | 'settings' | 'swapHorizontal' | 'swapVertical' | 'telegram' | 'twitch' | 'verify' | 'wallet' | 'walletSmall' | 'walletConnect' | 'walletConnectLightBrown' | 'walletPlaceholder' | 'warningCircle' | 'x';
9
9
  export type VisualType = 'browser' | 'dao' | 'defi' | 'defiAlt' | 'eth' | 'google' | 'layers' | 'lightbulb' | 'lock' | 'login' | 'network' | 'nft' | 'noun' | 'pencil' | 'profile' | 'system';
10
10
  export type LogoType = 'apple' | 'discord' | 'facebook' | 'farcaster' | 'farcasterSquare' | 'github' | 'google' | 'more' | 'telegram' | 'twitch' | 'email' | 'x';
11
11
  export type TagType = 'main' | 'shade' | 'error' | 'success';
@@ -1 +1 @@
1
- {"version":3,"file":"TypesUtil.d.ts","sourceRoot":"","sources":["../../../src/utils/TypesUtil.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"TypesUtil.d.ts","sourceRoot":"","sources":["../../../src/utils/TypesUtil.ts"],"names":[],"mappings":"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"}
@@ -1,6 +1,6 @@
1
1
  import type { SpacingType, TruncateOptions } from './TypesUtil';
2
2
  export declare const UiUtil: {
3
- getSpacingStyles(spacing: SpacingType | SpacingType[], index: number): number | undefined;
3
+ getSpacingStyles(spacing: SpacingType | SpacingType[], index?: number): number | undefined;
4
4
  generateAvatarColors(address?: string): string[];
5
5
  hexToRgb(hex: string): [number, number, number];
6
6
  tintColor(rgb: [number, number, number], tint: number): [number, number, number];
@@ -1 +1 @@
1
- {"version":3,"file":"UiUtil.d.ts","sourceRoot":"","sources":["../../../src/utils/UiUtil.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAEhE,eAAO,MAAM,MAAM;8BACS,WAAW,GAAG,WAAW,EAAE,SAAS,MAAM;mCAUrC,MAAM;kBAiBvB,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC;mBAUhC,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,QAAQ,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC;kEASlB,eAAe;wBAgBzD,MAAM;qCAIO,MAAM,GAAG,MAAM,GAAG,SAAS;CAe7D,CAAC"}
1
+ {"version":3,"file":"UiUtil.d.ts","sourceRoot":"","sources":["../../../src/utils/UiUtil.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAEhE,eAAO,MAAM,MAAM;8BACS,WAAW,GAAG,WAAW,EAAE,UAAU,MAAM;mCAUtC,MAAM;kBAiBvB,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC;mBAUhC,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,QAAQ,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC;kEASlB,eAAe;wBAgBzD,MAAM;qCAIO,MAAM,GAAG,MAAM,GAAG,SAAS;CAe7D,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@reown/appkit-ui-react-native",
3
- "version": "2.0.0-alpha.2",
3
+ "version": "2.0.0-alpha.3",
4
4
  "main": "lib/commonjs/index.js",
5
5
  "types": "lib/typescript/index.d.ts",
6
6
  "module": "lib/module/index.js",
@@ -39,7 +39,7 @@
39
39
  "access": "public"
40
40
  },
41
41
  "dependencies": {
42
- "@reown/appkit-common-react-native": "2.0.0-alpha.2",
42
+ "@reown/appkit-common-react-native": "2.0.0-alpha.3",
43
43
  "polished": "4.3.1",
44
44
  "qrcode": "1.5.3"
45
45
  },
@@ -0,0 +1,40 @@
1
+ import Svg, { Path, type SvgProps } from 'react-native-svg';
2
+ const SvgReown = (props: SvgProps) => (
3
+ <Svg viewBox="0 0 60 16" fill="none" {...props}>
4
+ <Path
5
+ d="M9.3335 4.66667C9.3335 2.08934 11.4229 0 14.0002 0H20.6669C23.2442 0 25.3335 2.08934 25.3335 4.66667V11.3333C25.3335 13.9106 23.2442 16 20.6669 16H14.0002C11.4229 16 9.3335 13.9106 9.3335 11.3333V4.66667Z"
6
+ fill="#363636"
7
+ />
8
+ <Path d="M15.6055 11.0003L17.9448 4.66699H18.6316L16.2923 11.0003H15.6055Z" fill="#F6F6F6" />
9
+ <Path
10
+ d="M0 4.33333C0 1.9401 1.9401 0 4.33333 0C6.72657 0 8.66669 1.9401 8.66669 4.33333V11.6667C8.66669 14.0599 6.72657 16 4.33333 16C1.9401 16 0 14.0599 0 11.6667V4.33333Z"
11
+ fill="#363636"
12
+ />
13
+ <Path d="M3.9165 9.99934V9.16602H4.74983V9.99934H3.9165Z" fill="#F6F6F6" />
14
+ <Path
15
+ d="M26 8C26 3.58172 29.3517 0 33.4863 0H52.5137C56.6483 0 60 3.58172 60 8C60 12.4183 56.6483 16 52.5137 16H33.4863C29.3517 16 26 12.4183 26 8Z"
16
+ fill="#363636"
17
+ />
18
+ <Path
19
+ d="M49.3687 9.95834V6.26232H50.0213V6.81966C50.256 6.40899 50.7326 6.16699 51.2606 6.16699C52.0599 6.16699 52.6173 6.67299 52.6173 7.65566V9.95834H51.972V7.69234C51.972 7.04696 51.6053 6.70966 51.07 6.70966C50.4906 6.70966 50.0213 7.17168 50.0213 7.82433V9.95834H49.3687Z"
20
+ fill="#F6F6F6"
21
+ />
22
+ <Path
23
+ d="M45.2538 9.95773L44.5718 6.26172H45.1877L45.6717 9.31242L46.3098 7.30306H46.9184L47.5491 9.29041L48.0404 6.26172H48.6564L47.9744 9.95773H47.2411L46.6178 8.03641L45.9871 9.95773H45.2538Z"
24
+ fill="#F6F6F6"
25
+ />
26
+ <Path
27
+ d="M42.3709 10.0536C41.2489 10.0536 40.5889 9.21765 40.5889 8.1103C40.5889 7.01035 41.2489 6.16699 42.3709 6.16699C43.4929 6.16699 44.1529 7.01035 44.1529 8.1103C44.1529 9.21765 43.4929 10.0536 42.3709 10.0536ZM42.3709 9.51096C43.1775 9.51096 43.4856 8.82164 43.4856 8.10296C43.4856 7.39163 43.1775 6.70966 42.3709 6.70966C41.5642 6.70966 41.2562 7.39163 41.2562 8.10296C41.2562 8.82164 41.5642 9.51096 42.3709 9.51096Z"
28
+ fill="#F6F6F6"
29
+ />
30
+ <Path
31
+ d="M38.2805 10.0536C37.1952 10.0536 36.5132 9.22499 36.5132 8.1103C36.5132 7.00302 37.1952 6.16699 38.2805 6.16699C39.1972 6.16699 40.0038 6.68766 39.9159 8.27896H37.1805C37.2319 8.96103 37.5472 9.5183 38.2805 9.5183C38.7718 9.5183 39.0945 9.21765 39.2045 8.87299H39.8499C39.7472 9.48903 39.1679 10.0536 38.2805 10.0536ZM37.1952 7.78765H39.2852C39.2338 7.04696 38.8892 6.70232 38.2805 6.70232C37.6132 6.70232 37.2832 7.18635 37.1952 7.78765Z"
32
+ fill="#F6F6F6"
33
+ />
34
+ <Path
35
+ d="M33.3828 9.95773V6.26172H34.0501V6.88506C34.2848 6.47439 34.6882 6.26172 35.1061 6.26172H35.9935V6.88506H35.0548C34.4682 6.88506 34.0501 7.26638 34.0501 8.00706V9.95773H33.3828Z"
36
+ fill="#F6F6F6"
37
+ />
38
+ </Svg>
39
+ );
40
+ export default SvgReown;
@@ -5,6 +5,7 @@ export default StyleSheet.create({
5
5
  container: {
6
6
  borderRadius: BorderRadius.l,
7
7
  borderWidth: StyleSheet.hairlineWidth,
8
+ borderBottomWidth: 0,
8
9
  overflow: 'hidden'
9
10
  }
10
11
  });
@@ -49,6 +49,7 @@ import PaperplaneSvg from '../../assets/svg/Paperplane';
49
49
  import QrCodeSvg from '../../assets/svg/QrCode';
50
50
  import RecycleHorizontalSvg from '../../assets/svg/RecycleHorizontal';
51
51
  import RefreshSvg from '../../assets/svg/Refresh';
52
+ import ReownSvg from '../../assets/svg/Reown';
52
53
  import SearchSvg from '../../assets/svg/Search';
53
54
  import SettingsSvg from '../../assets/svg/Settings';
54
55
  import SwapHorizontalSvg from '../../assets/svg/SwapHorizontal';
@@ -113,6 +114,7 @@ const svgOptions: Record<IconType, (props: SvgProps) => JSX.Element> = {
113
114
  qrCode: QrCodeSvg,
114
115
  recycleHorizontal: RecycleHorizontalSvg,
115
116
  refresh: RefreshSvg,
117
+ reown: ReownSvg,
116
118
  search: SearchSvg,
117
119
  settings: SettingsSvg,
118
120
  swapHorizontal: SwapHorizontalSvg,
@@ -0,0 +1,139 @@
1
+ import { useEffect, useRef, useState } from 'react';
2
+ import {
3
+ useWindowDimensions,
4
+ Modal as RNModal,
5
+ type ModalProps as RNModalProps,
6
+ TouchableOpacity,
7
+ Animated
8
+ } from 'react-native';
9
+ import { useTheme } from '../../hooks/useTheme';
10
+ import styles from './styles';
11
+
12
+ export type ModalProps = Pick<
13
+ RNModalProps,
14
+ 'visible' | 'onDismiss' | 'testID' | 'onRequestClose'
15
+ > & {
16
+ children: React.ReactNode;
17
+ onBackdropPress?: () => void;
18
+ };
19
+
20
+ export function Modal({ visible, onBackdropPress, onRequestClose, testID, children }: ModalProps) {
21
+ const Theme = useTheme();
22
+ const { height } = useWindowDimensions();
23
+
24
+ const backdropOpacity = useRef(new Animated.Value(0)).current;
25
+ const translateY = useRef(new Animated.Value(height)).current;
26
+ const [showBackdrop, setShowBackdrop] = useState(false);
27
+ const [modalVisible, setModalVisible] = useState(false);
28
+ const [contentHeight, setContentHeight] = useState(0);
29
+
30
+ const onContentLayout = (event: any) => {
31
+ const { height: measuredHeight } = event.nativeEvent.layout;
32
+ setContentHeight(measuredHeight);
33
+ };
34
+
35
+ // Handle modal visibility
36
+ useEffect(() => {
37
+ if (visible) {
38
+ setModalVisible(true);
39
+ setShowBackdrop(true);
40
+ }
41
+ }, [visible]);
42
+
43
+ // Handle backdrop animation
44
+ useEffect(() => {
45
+ let backdropAnimation: Animated.CompositeAnimation;
46
+
47
+ if (visible) {
48
+ backdropAnimation = Animated.timing(backdropOpacity, {
49
+ toValue: 1,
50
+ duration: 300,
51
+ useNativeDriver: true
52
+ });
53
+ backdropAnimation.start();
54
+ } else if (modalVisible) {
55
+ backdropAnimation = Animated.timing(backdropOpacity, {
56
+ toValue: 0,
57
+ duration: 250,
58
+ useNativeDriver: true
59
+ });
60
+ backdropAnimation.start(() => {
61
+ setShowBackdrop(false);
62
+ });
63
+ }
64
+
65
+ return () => {
66
+ backdropAnimation?.stop();
67
+ };
68
+ }, [visible, modalVisible, backdropOpacity]);
69
+
70
+ // Handle modal position animation + visibility
71
+ useEffect(() => {
72
+ let modalAnimation: Animated.CompositeAnimation;
73
+
74
+ if (visible && modalVisible) {
75
+ // Calculate the target position (screen height - card height)
76
+ const targetY = contentHeight > 0 ? height - contentHeight : height * 0.2; // fallback to 20% from bottom
77
+
78
+ modalAnimation = Animated.spring(translateY, {
79
+ toValue: targetY,
80
+ damping: 25,
81
+ stiffness: 220,
82
+ mass: 1,
83
+ useNativeDriver: true
84
+ });
85
+ modalAnimation.start();
86
+ } else if (!visible && modalVisible) {
87
+ // Hide modal to the bottom of the screen. Not using spring as it blocks the UI for a bit when closed
88
+ modalAnimation = Animated.timing(translateY, {
89
+ toValue: height,
90
+ duration: 150,
91
+ useNativeDriver: true
92
+ });
93
+ modalAnimation.start(() => {
94
+ setModalVisible(false);
95
+ });
96
+ }
97
+
98
+ return () => {
99
+ modalAnimation?.stop();
100
+ };
101
+ }, [visible, modalVisible, translateY, height, contentHeight]);
102
+
103
+ // Reset animation values when modal is fully closed
104
+ useEffect(() => {
105
+ if (!modalVisible) {
106
+ translateY.setValue(height);
107
+ backdropOpacity.setValue(0);
108
+ }
109
+ }, [modalVisible, translateY, backdropOpacity, height]);
110
+
111
+ return (
112
+ <>
113
+ {showBackdrop ? (
114
+ <Animated.View style={[styles.outerBackdrop, { opacity: backdropOpacity }]} />
115
+ ) : null}
116
+ <RNModal
117
+ visible={modalVisible}
118
+ transparent
119
+ animationType="none"
120
+ statusBarTranslucent
121
+ onRequestClose={onRequestClose}
122
+ testID={testID}
123
+ >
124
+ {showBackdrop ? (
125
+ <TouchableOpacity
126
+ style={styles.innerBackdropTouchable}
127
+ activeOpacity={1}
128
+ onPress={onBackdropPress}
129
+ />
130
+ ) : null}
131
+ <Animated.View
132
+ style={[styles.modal, { backgroundColor: Theme['bg-100'], transform: [{ translateY }] }]}
133
+ >
134
+ <Animated.View onLayout={onContentLayout}>{children}</Animated.View>
135
+ </Animated.View>
136
+ </RNModal>
137
+ </>
138
+ );
139
+ }
@@ -0,0 +1,25 @@
1
+ import { StyleSheet } from 'react-native';
2
+ import { BorderRadius } from '../../utils/ThemeUtil';
3
+
4
+ export default StyleSheet.create({
5
+ outerBackdrop: {
6
+ position: 'absolute',
7
+ top: 0,
8
+ left: 0,
9
+ right: 0,
10
+ bottom: 0,
11
+ backgroundColor: 'rgba(0, 0, 0, 0.5)'
12
+ },
13
+ innerBackdropTouchable: {
14
+ flexGrow: 1
15
+ },
16
+ modal: {
17
+ borderTopLeftRadius: BorderRadius.l,
18
+ borderTopRightRadius: BorderRadius.l,
19
+ position: 'absolute',
20
+ top: 0,
21
+ left: 0,
22
+ right: 0,
23
+ bottom: 0
24
+ }
25
+ });
@@ -114,11 +114,11 @@ export function AccountButton({
114
114
  borderWidth={2}
115
115
  style={[styles.image, !avatarSrc && styles.avatarPlaceholder]}
116
116
  />
117
- {address && (
117
+ {address ? (
118
118
  <Text variant="paragraph-500" color="fg-200" style={styles.address}>
119
119
  {formattedAddress}
120
120
  </Text>
121
- )}
121
+ ) : null}
122
122
  </View>
123
123
  </AnimatedPressable>
124
124
  );
@@ -90,15 +90,15 @@ export function Button({
90
90
  {...rest}
91
91
  >
92
92
  <FlexView flexDirection="row" alignItems="center" justifyContent="center">
93
- {iconLeft && (
93
+ {iconLeft ? (
94
94
  <Icon
95
95
  color={iconColor}
96
96
  name={iconLeft}
97
97
  size={iconSize}
98
98
  style={[styles.iconLeft, iconStyle]}
99
99
  />
100
- )}
101
- {loading && <LoadingSpinner color={iconColor} size="md" />}
100
+ ) : null}
101
+ {loading ? <LoadingSpinner color={iconColor} size="md" /> : null}
102
102
  {!loading &&
103
103
  (typeof children === 'string' ? (
104
104
  <Text
@@ -110,14 +110,14 @@ export function Button({
110
110
  ) : (
111
111
  children
112
112
  ))}
113
- {iconRight && (
113
+ {iconRight ? (
114
114
  <Icon
115
115
  color={iconColor}
116
116
  name={iconRight}
117
117
  size={iconSize}
118
118
  style={[styles.iconRight, iconStyle]}
119
119
  />
120
- )}
120
+ ) : null}
121
121
  </FlexView>
122
122
  </AnimatedPressable>
123
123
  );
@@ -86,7 +86,7 @@ function _CardSelect({
86
86
  imageSrc={imageSrc}
87
87
  imageHeaders={imageHeaders}
88
88
  size="md"
89
- style={disabled && styles.disabledImage}
89
+ style={disabled ? styles.disabledImage : null}
90
90
  selected={selected}
91
91
  disabled={disabled}
92
92
  />
@@ -80,7 +80,7 @@ export function Chip({
80
80
  onPressOut={onPressOut}
81
81
  onPress={handlePress}
82
82
  >
83
- {imageSrc && (
83
+ {imageSrc ? (
84
84
  <Image
85
85
  style={[
86
86
  styles.image,
@@ -90,22 +90,22 @@ export function Chip({
90
90
  ]}
91
91
  source={imageSrc}
92
92
  />
93
- )}
94
- {leftIcon && <Icon name={leftIcon} color={themedTextColor as ColorType} />}
93
+ ) : null}
94
+ {leftIcon ? <Icon name={leftIcon} color={themedTextColor as ColorType} /> : null}
95
95
  <Text
96
96
  variant={size === 'md' ? 'paragraph-600' : 'small-600'}
97
97
  style={[styles.link, { color: Theme[themedTextColor] }]}
98
98
  >
99
99
  {label}
100
100
  </Text>
101
- {rightIcon && (
101
+ {rightIcon ? (
102
102
  <Icon
103
103
  name={rightIcon}
104
104
  size={iconSize}
105
105
  color={themedTextColor as ColorType}
106
106
  style={styles.icon}
107
107
  />
108
- )}
108
+ ) : null}
109
109
  </AnimatedPressable>
110
110
  );
111
111
  }
@@ -84,7 +84,7 @@ export function EmailInput({
84
84
  return (
85
85
  <RightIcon
86
86
  loading={loading}
87
- showChevron={submitEnabled && !errorMessage}
87
+ showChevron={submitEnabled ? !errorMessage : false}
88
88
  onPress={handleChevronPress}
89
89
  />
90
90
  );
@@ -107,11 +107,11 @@ export function EmailInput({
107
107
  >
108
108
  {rightIconTemplate()}
109
109
  </InputText>
110
- {errorMessage && (
110
+ {errorMessage ? (
111
111
  <Text color="error-100" variant="tiny-500" style={styles.text}>
112
112
  {errorMessage}
113
113
  </Text>
114
- )}
114
+ ) : null}
115
115
  </View>
116
116
  );
117
117
  }
@@ -113,7 +113,7 @@ export const InputText = forwardRef<InputRef, InputTextProps>(
113
113
  disabled && { backgroundColor: Theme['gray-glass-002'] }
114
114
  ]}
115
115
  >
116
- {icon && <Icon name={icon} size="md" color="fg-275" style={styles.icon} />}
116
+ {icon ? <Icon name={icon} size="md" color="fg-275" style={styles.icon} /> : null}
117
117
  <TextInput
118
118
  ref={inputRef}
119
119
  onFocus={handleFocus}
@@ -54,15 +54,15 @@ export function Link({
54
54
  {...rest}
55
55
  >
56
56
  <FlexView flexDirection="row" alignItems="center" justifyContent="center">
57
- {iconLeft && (
57
+ {iconLeft ? (
58
58
  <Icon color={_color} name={iconLeft} size={iconSize} style={styles.iconLeft} />
59
- )}
59
+ ) : null}
60
60
  <Text variant={size === 'md' ? 'paragraph-600' : 'small-600'} color={_color}>
61
61
  {children}
62
62
  </Text>
63
- {iconRight && (
63
+ {iconRight ? (
64
64
  <Icon color={_color} name={iconRight} size={iconSize} style={styles.iconRight} />
65
- )}
65
+ ) : null}
66
66
  </FlexView>
67
67
  </AnimatedPressable>
68
68
  );
@@ -38,7 +38,7 @@ export function ListTransaction({
38
38
  <FlexView flexDirection="row" alignItems="center" style={styles.middleContainer}>
39
39
  <FlexView justifyContent="center" alignItems="flex-start">
40
40
  <FlexView flexDirection="row" alignItems="center">
41
- {type && (
41
+ {type ? (
42
42
  <IconBox
43
43
  icon={getIcon(type)}
44
44
  size="sm"
@@ -47,7 +47,7 @@ export function ListTransaction({
47
47
  border
48
48
  borderColor="bg-100"
49
49
  />
50
- )}
50
+ ) : null}
51
51
  <Text variant="paragraph-500" color="fg-100">
52
52
  {getTypeLabel(type)}
53
53
  </Text>
@@ -29,7 +29,7 @@ export function LogoSelect({ logo, disabled, style, onPress }: LogoSelectProps)
29
29
  style={[styles.box, { backgroundColor: animatedValue }, style]}
30
30
  disabled={disabled}
31
31
  >
32
- <Logo logo={logo} style={disabled && styles.disabled} />
32
+ <Logo logo={logo} style={disabled ? styles.disabled : null} />
33
33
  </AnimatedPressable>
34
34
  );
35
35
  }
@@ -82,7 +82,7 @@ export function Otp({ length, style, onChangeText, autoFocus }: OtpProps) {
82
82
  <View style={styles.container}>
83
83
  {Array.from({ length }).map((_, index) => (
84
84
  <InputNumeric
85
- autoFocus={autoFocus && index === 0}
85
+ autoFocus={autoFocus ? index === 0 : undefined}
86
86
  key={index}
87
87
  style={style}
88
88
  value={value[index] || ''}
@@ -4,8 +4,6 @@ import Svg from 'react-native-svg';
4
4
  import { Icon } from '../../components/wui-icon';
5
5
  import { Image } from '../../components/wui-image';
6
6
  import { Shimmer } from '../../components/wui-shimmer';
7
- import { Text } from '../../components/wui-text';
8
- import { FlexView } from '../../layout/wui-flex';
9
7
  import { QRCodeUtil } from '../../utils/QRCodeUtil';
10
8
  import { BorderRadius, LightTheme, Spacing } from '../../utils/ThemeUtil';
11
9
  import type { IconType } from '../../utils/TypesUtil';
@@ -21,8 +19,6 @@ export interface QrCodeProps {
21
19
  style?: StyleProp<ViewStyle>;
22
20
  }
23
21
 
24
- const LABEL_HEIGHT = 18;
25
-
26
22
  export function QrCode({ size, uri, imageSrc, testID, arenaClear, icon, style }: QrCodeProps) {
27
23
  const Theme = LightTheme;
28
24
  const containerPadding = Spacing.l;
@@ -71,20 +67,12 @@ export function QrCode({ size, uri, imageSrc, testID, arenaClear, icon, style }:
71
67
  ]}
72
68
  testID={testID}
73
69
  >
74
- <FlexView alignItems="center" justifyContent="center">
75
- <Svg height={qrSize} width={qrSize}>
76
- {dots}
77
- </Svg>
78
- {logoTemplate()}
79
- </FlexView>
80
- <Text variant="small-500" color="fg-150" style={[styles.label, { height: LABEL_HEIGHT }]}>
81
- UX by{' '}
82
- <Text variant="small-500" color="inverse-000">
83
- Reown
84
- </Text>
85
- </Text>
70
+ <Svg height={qrSize} width={qrSize}>
71
+ {dots}
72
+ </Svg>
73
+ {logoTemplate()}
86
74
  </View>
87
75
  ) : (
88
- <Shimmer width={size} height={size + LABEL_HEIGHT} borderRadius={BorderRadius.l} />
76
+ <Shimmer width={size} height={size} borderRadius={BorderRadius.l} />
89
77
  );
90
78
  }
@@ -11,8 +11,5 @@ export default StyleSheet.create({
11
11
  },
12
12
  icon: {
13
13
  position: 'absolute'
14
- },
15
- label: {
16
- marginTop: Spacing.s
17
14
  }
18
15
  });
@@ -41,7 +41,7 @@ export function SearchBar({
41
41
  returnKeyType="search"
42
42
  disableFullscreenUI
43
43
  >
44
- {showClear && (
44
+ {showClear ? (
45
45
  <InputElement
46
46
  icon="close"
47
47
  style={{ marginRight: Spacing['4xs'] }}
@@ -51,7 +51,7 @@ export function SearchBar({
51
51
  handleChangeText('');
52
52
  }}
53
53
  />
54
- )}
54
+ ) : null}
55
55
  </InputText>
56
56
  </FlexView>
57
57
  );