@reown/appkit-ui-react-native 1.2.3 → 2.0.0-alpha.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (166) hide show
  1. package/lib/commonjs/assets/svg/Card.js +21 -0
  2. package/lib/commonjs/assets/svg/Card.js.map +1 -0
  3. package/lib/commonjs/assets/svg/Clock.js +3 -3
  4. package/lib/commonjs/assets/svg/Clock.js.map +1 -1
  5. package/lib/commonjs/assets/svg/CurrencyDollar.js +21 -0
  6. package/lib/commonjs/assets/svg/CurrencyDollar.js.map +1 -0
  7. package/lib/commonjs/assets/svg/Settings.js +21 -0
  8. package/lib/commonjs/assets/svg/Settings.js.map +1 -0
  9. package/lib/commonjs/components/wui-icon/index.js +6 -0
  10. package/lib/commonjs/components/wui-icon/index.js.map +1 -1
  11. package/lib/commonjs/components/wui-pressable/index.js +5 -2
  12. package/lib/commonjs/components/wui-pressable/index.js.map +1 -1
  13. package/lib/commonjs/composites/wui-button/index.js +3 -1
  14. package/lib/commonjs/composites/wui-button/index.js.map +1 -1
  15. package/lib/commonjs/composites/wui-button/styles.js +1 -1
  16. package/lib/commonjs/composites/wui-double-image-loader/index.js +57 -0
  17. package/lib/commonjs/composites/wui-double-image-loader/index.js.map +1 -0
  18. package/lib/commonjs/composites/wui-double-image-loader/index.native.js +94 -0
  19. package/lib/commonjs/composites/wui-double-image-loader/index.native.js.map +1 -0
  20. package/lib/commonjs/composites/wui-double-image-loader/styles.js +31 -0
  21. package/lib/commonjs/composites/wui-double-image-loader/styles.js.map +1 -0
  22. package/lib/commonjs/composites/wui-icon-box/index.js +4 -2
  23. package/lib/commonjs/composites/wui-icon-box/index.js.map +1 -1
  24. package/lib/commonjs/composites/wui-list-item/index.js +8 -5
  25. package/lib/commonjs/composites/wui-list-item/index.js.map +1 -1
  26. package/lib/commonjs/composites/wui-list-social/styles.js +1 -1
  27. package/lib/commonjs/composites/wui-list-social/styles.js.map +1 -1
  28. package/lib/commonjs/composites/wui-network-button/styles.js +1 -2
  29. package/lib/commonjs/composites/wui-network-button/styles.js.map +1 -1
  30. package/lib/commonjs/composites/wui-numeric-keyboard/index.js +54 -0
  31. package/lib/commonjs/composites/wui-numeric-keyboard/index.js.map +1 -0
  32. package/lib/commonjs/composites/wui-search-bar/index.js +8 -4
  33. package/lib/commonjs/composites/wui-search-bar/index.js.map +1 -1
  34. package/lib/commonjs/composites/wui-tag/index.js +3 -2
  35. package/lib/commonjs/composites/wui-tag/index.js.map +1 -1
  36. package/lib/commonjs/composites/wui-toggle/index.js +3 -2
  37. package/lib/commonjs/composites/wui-toggle/index.js.map +1 -1
  38. package/lib/commonjs/composites/wui-token-button/index.js +32 -10
  39. package/lib/commonjs/composites/wui-token-button/index.js.map +1 -1
  40. package/lib/commonjs/composites/wui-token-button/styles.js +14 -1
  41. package/lib/commonjs/composites/wui-token-button/styles.js.map +1 -1
  42. package/lib/commonjs/index.js +14 -0
  43. package/lib/commonjs/index.js.map +1 -1
  44. package/lib/commonjs/layout/wui-flex/index.js +2 -1
  45. package/lib/commonjs/layout/wui-flex/index.js.map +1 -1
  46. package/lib/commonjs/layout/wui-separator/index.js +5 -4
  47. package/lib/commonjs/layout/wui-separator/index.js.map +1 -1
  48. package/lib/module/assets/svg/Card.js +13 -0
  49. package/lib/module/assets/svg/Card.js.map +1 -0
  50. package/lib/module/assets/svg/Clock.js +3 -3
  51. package/lib/module/assets/svg/Clock.js.map +1 -1
  52. package/lib/module/assets/svg/CurrencyDollar.js +13 -0
  53. package/lib/module/assets/svg/CurrencyDollar.js.map +1 -0
  54. package/lib/module/assets/svg/Settings.js +13 -0
  55. package/lib/module/assets/svg/Settings.js.map +1 -0
  56. package/lib/module/components/wui-icon/index.js +6 -0
  57. package/lib/module/components/wui-icon/index.js.map +1 -1
  58. package/lib/module/components/wui-pressable/index.js +5 -2
  59. package/lib/module/components/wui-pressable/index.js.map +1 -1
  60. package/lib/module/composites/wui-button/index.js +3 -1
  61. package/lib/module/composites/wui-button/index.js.map +1 -1
  62. package/lib/module/composites/wui-button/styles.js +1 -1
  63. package/lib/module/composites/wui-double-image-loader/index.js +50 -0
  64. package/lib/module/composites/wui-double-image-loader/index.js.map +1 -0
  65. package/lib/module/composites/wui-double-image-loader/index.native.js +87 -0
  66. package/lib/module/composites/wui-double-image-loader/index.native.js.map +1 -0
  67. package/lib/module/composites/wui-double-image-loader/styles.js +25 -0
  68. package/lib/module/composites/wui-double-image-loader/styles.js.map +1 -0
  69. package/lib/module/composites/wui-icon-box/index.js +4 -2
  70. package/lib/module/composites/wui-icon-box/index.js.map +1 -1
  71. package/lib/module/composites/wui-list-item/index.js +8 -5
  72. package/lib/module/composites/wui-list-item/index.js.map +1 -1
  73. package/lib/module/composites/wui-list-social/styles.js +1 -1
  74. package/lib/module/composites/wui-list-social/styles.js.map +1 -1
  75. package/lib/module/composites/wui-network-button/styles.js +1 -2
  76. package/lib/module/composites/wui-network-button/styles.js.map +1 -1
  77. package/lib/module/composites/wui-numeric-keyboard/index.js +48 -0
  78. package/lib/module/composites/wui-numeric-keyboard/index.js.map +1 -0
  79. package/lib/module/composites/wui-search-bar/index.js +8 -4
  80. package/lib/module/composites/wui-search-bar/index.js.map +1 -1
  81. package/lib/module/composites/wui-tag/index.js +3 -2
  82. package/lib/module/composites/wui-tag/index.js.map +1 -1
  83. package/lib/module/composites/wui-toggle/index.js +3 -2
  84. package/lib/module/composites/wui-toggle/index.js.map +1 -1
  85. package/lib/module/composites/wui-token-button/index.js +29 -7
  86. package/lib/module/composites/wui-token-button/index.js.map +1 -1
  87. package/lib/module/composites/wui-token-button/styles.js +14 -1
  88. package/lib/module/composites/wui-token-button/styles.js.map +1 -1
  89. package/lib/module/index.js +2 -0
  90. package/lib/module/index.js.map +1 -1
  91. package/lib/module/layout/wui-flex/index.js +2 -1
  92. package/lib/module/layout/wui-flex/index.js.map +1 -1
  93. package/lib/module/layout/wui-separator/index.js +5 -4
  94. package/lib/module/layout/wui-separator/index.js.map +1 -1
  95. package/lib/typescript/assets/svg/Card.d.ts +4 -0
  96. package/lib/typescript/assets/svg/Card.d.ts.map +1 -0
  97. package/lib/typescript/assets/svg/CurrencyDollar.d.ts +4 -0
  98. package/lib/typescript/assets/svg/CurrencyDollar.d.ts.map +1 -0
  99. package/lib/typescript/assets/svg/Settings.d.ts +4 -0
  100. package/lib/typescript/assets/svg/Settings.d.ts.map +1 -0
  101. package/lib/typescript/components/wui-icon/index.d.ts.map +1 -1
  102. package/lib/typescript/components/wui-pressable/index.d.ts +2 -1
  103. package/lib/typescript/components/wui-pressable/index.d.ts.map +1 -1
  104. package/lib/typescript/components/wui-shimmer/index.d.ts +2 -2
  105. package/lib/typescript/components/wui-shimmer/index.d.ts.map +1 -1
  106. package/lib/typescript/composites/wui-button/index.d.ts +2 -1
  107. package/lib/typescript/composites/wui-button/index.d.ts.map +1 -1
  108. package/lib/typescript/composites/wui-double-image-loader/index.d.ts +16 -0
  109. package/lib/typescript/composites/wui-double-image-loader/index.d.ts.map +1 -0
  110. package/lib/typescript/composites/wui-double-image-loader/index.native.d.ts +16 -0
  111. package/lib/typescript/composites/wui-double-image-loader/index.native.d.ts.map +1 -0
  112. package/lib/typescript/composites/wui-double-image-loader/styles.d.ts +24 -0
  113. package/lib/typescript/composites/wui-double-image-loader/styles.d.ts.map +1 -0
  114. package/lib/typescript/composites/wui-icon-box/index.d.ts +2 -1
  115. package/lib/typescript/composites/wui-icon-box/index.d.ts.map +1 -1
  116. package/lib/typescript/composites/wui-list-item/index.d.ts +5 -2
  117. package/lib/typescript/composites/wui-list-item/index.d.ts.map +1 -1
  118. package/lib/typescript/composites/wui-network-button/styles.d.ts +0 -1
  119. package/lib/typescript/composites/wui-network-button/styles.d.ts.map +1 -1
  120. package/lib/typescript/composites/wui-numeric-keyboard/index.d.ts +5 -0
  121. package/lib/typescript/composites/wui-numeric-keyboard/index.d.ts.map +1 -0
  122. package/lib/typescript/composites/wui-search-bar/index.d.ts +3 -2
  123. package/lib/typescript/composites/wui-search-bar/index.d.ts.map +1 -1
  124. package/lib/typescript/composites/wui-tag/index.d.ts +3 -2
  125. package/lib/typescript/composites/wui-tag/index.d.ts.map +1 -1
  126. package/lib/typescript/composites/wui-toggle/index.d.ts +8 -1
  127. package/lib/typescript/composites/wui-toggle/index.d.ts.map +1 -1
  128. package/lib/typescript/composites/wui-token-button/index.d.ts +6 -1
  129. package/lib/typescript/composites/wui-token-button/index.d.ts.map +1 -1
  130. package/lib/typescript/composites/wui-token-button/styles.d.ts +13 -0
  131. package/lib/typescript/composites/wui-token-button/styles.d.ts.map +1 -1
  132. package/lib/typescript/index.d.ts +3 -1
  133. package/lib/typescript/index.d.ts.map +1 -1
  134. package/lib/typescript/layout/wui-flex/index.d.ts +1 -0
  135. package/lib/typescript/layout/wui-flex/index.d.ts.map +1 -1
  136. package/lib/typescript/layout/wui-separator/index.d.ts +3 -1
  137. package/lib/typescript/layout/wui-separator/index.d.ts.map +1 -1
  138. package/lib/typescript/utils/TypesUtil.d.ts +1 -1
  139. package/lib/typescript/utils/TypesUtil.d.ts.map +1 -1
  140. package/package.json +1 -1
  141. package/src/assets/svg/Card.tsx +13 -0
  142. package/src/assets/svg/Clock.tsx +2 -2
  143. package/src/assets/svg/CurrencyDollar.tsx +12 -0
  144. package/src/assets/svg/Settings.tsx +12 -0
  145. package/src/components/wui-icon/index.tsx +6 -0
  146. package/src/components/wui-pressable/index.tsx +10 -1
  147. package/src/components/wui-shimmer/index.tsx +2 -2
  148. package/src/composites/wui-button/index.tsx +3 -0
  149. package/src/composites/wui-button/styles.ts +1 -1
  150. package/src/composites/wui-double-image-loader/index.native.tsx +119 -0
  151. package/src/composites/wui-double-image-loader/index.tsx +74 -0
  152. package/src/composites/wui-double-image-loader/styles.ts +25 -0
  153. package/src/composites/wui-icon-box/index.tsx +4 -1
  154. package/src/composites/wui-list-item/index.tsx +31 -6
  155. package/src/composites/wui-list-social/styles.ts +1 -1
  156. package/src/composites/wui-network-button/styles.ts +1 -2
  157. package/src/composites/wui-numeric-keyboard/index.tsx +64 -0
  158. package/src/composites/wui-search-bar/index.tsx +30 -25
  159. package/src/composites/wui-tag/index.tsx +4 -3
  160. package/src/composites/wui-toggle/index.tsx +10 -2
  161. package/src/composites/wui-token-button/index.tsx +26 -3
  162. package/src/composites/wui-token-button/styles.ts +14 -1
  163. package/src/index.ts +4 -1
  164. package/src/layout/wui-flex/index.tsx +2 -1
  165. package/src/layout/wui-separator/index.tsx +6 -8
  166. package/src/utils/TypesUtil.ts +3 -0
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/composites/wui-search-bar/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAM9D,MAAM,WAAW,cAAc;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,cAAc,CAAC,iBAAiB,CAAC,CAAC;IACpD,YAAY,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,CAAC;IAC9C,UAAU,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC;CACtC;AAED,wBAAgB,SAAS,CAAC,EACxB,WAA6B,EAC7B,eAAe,EACf,YAAY,EACZ,UAAU,EACX,EAAE,cAAc,2CAiChB"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/composites/wui-search-bar/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,KAAK,SAAS,EAAE,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAO9F,MAAM,WAAW,cAAc;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,cAAc,CAAC,iBAAiB,CAAC,CAAC;IACpD,YAAY,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,CAAC;IAC9C,UAAU,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC;IACrC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,SAAS,CAAC,EACxB,WAAsB,EACtB,eAAe,EACf,YAAY,EACZ,UAAU,EACV,KAAK,EACN,EAAE,cAAc,2CAmChB"}
@@ -1,11 +1,12 @@
1
1
  import type { ReactNode } from 'react';
2
- import { type StyleProp, type ViewStyle } from 'react-native';
2
+ import { type StyleProp, type TextStyle, type ViewStyle } from 'react-native';
3
3
  import type { TagType } from '../../utils/TypesUtil';
4
4
  export interface TagProps {
5
5
  children: ReactNode;
6
6
  variant?: TagType;
7
7
  disabled?: boolean;
8
8
  style?: StyleProp<ViewStyle>;
9
+ textStyle?: StyleProp<TextStyle>;
9
10
  }
10
- export declare function Tag({ variant, children, style, disabled }: TagProps): import("react/jsx-runtime").JSX.Element;
11
+ export declare function Tag({ variant, children, style, disabled, textStyle }: TagProps): import("react/jsx-runtime").JSX.Element;
11
12
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/composites/wui-tag/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,KAAK,SAAS,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAKpE,OAAO,KAAK,EAAa,OAAO,EAAa,MAAM,uBAAuB,CAAC;AAE3E,MAAM,WAAW,QAAQ;IACvB,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,GAAG,CAAC,EAAE,OAAgB,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,QAAQ,2CAa5E"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/composites/wui-tag/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAKpF,OAAO,KAAK,EAAa,OAAO,EAAa,MAAM,uBAAuB,CAAC;AAE3E,MAAM,WAAW,QAAQ;IACvB,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAClC;AAED,wBAAgB,GAAG,CAAC,EAAE,OAAgB,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,QAAQ,2CAavF"}
@@ -1,11 +1,18 @@
1
1
  /// <reference types="react" />
2
2
  import { type StyleProp, type ViewStyle } from 'react-native';
3
3
  export interface ToggleProps {
4
+ /** Content to be displayed inside the toggle when expanded */
4
5
  children?: React.ReactNode;
6
+ /** Title displayed in the toggle header. Can be a string or a custom React component */
5
7
  title?: string | React.ReactNode;
8
+ /** Custom styles for the toggle container */
6
9
  style?: StyleProp<ViewStyle>;
10
+ /** Whether the toggle should be open when first rendered */
7
11
  initialOpen?: boolean;
12
+ /** Whether the toggle can be closed after being opened. If false, toggle will remain open once expanded */
8
13
  canClose?: boolean;
14
+ /** Custom styles for the content container inside the toggle */
15
+ contentContainerStyle?: StyleProp<ViewStyle>;
9
16
  }
10
- export declare function Toggle({ children, style, title, initialOpen, canClose }: ToggleProps): import("react/jsx-runtime").JSX.Element;
17
+ export declare function Toggle({ children, style, title, initialOpen, canClose, contentContainerStyle }: ToggleProps): import("react/jsx-runtime").JSX.Element;
11
18
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/composites/wui-toggle/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAGL,KAAK,SAAS,EACd,KAAK,SAAS,EAEf,MAAM,cAAc,CAAC;AAOtB,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACjC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,MAAM,CAAC,EACrB,QAAQ,EACR,KAAK,EACL,KAAiB,EACjB,WAAmB,EACnB,QAAe,EAChB,EAAE,WAAW,2CAoDb"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/composites/wui-toggle/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAGL,KAAK,SAAS,EACd,KAAK,SAAS,EAEf,MAAM,cAAc,CAAC;AAOtB,MAAM,WAAW,WAAW;IAC1B,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,wFAAwF;IACxF,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACjC,6CAA6C;IAC7C,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,4DAA4D;IAC5D,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,2GAA2G;IAC3G,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gEAAgE;IAChE,qBAAqB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9C;AAED,wBAAgB,MAAM,CAAC,EACrB,QAAQ,EACR,KAAK,EACL,KAAiB,EACjB,WAAmB,EACnB,QAAe,EACf,qBAAqB,EACtB,EAAE,WAAW,2CAoDb"}
@@ -1,4 +1,5 @@
1
1
  import type { StyleProp, ViewStyle } from 'react-native';
2
+ import React from 'react';
2
3
  export interface TokenButtonProps {
3
4
  onPress?: () => void;
4
5
  imageUrl?: string;
@@ -6,6 +7,10 @@ export interface TokenButtonProps {
6
7
  inverse?: boolean;
7
8
  style?: StyleProp<ViewStyle>;
8
9
  disabled?: boolean;
10
+ placeholder?: string;
11
+ chevron?: boolean;
12
+ renderClip?: React.ReactNode;
13
+ testID?: string;
9
14
  }
10
- export declare function TokenButton({ imageUrl, text, inverse, onPress, style, disabled }: TokenButtonProps): import("react/jsx-runtime").JSX.Element;
15
+ export declare function TokenButton({ imageUrl, text, inverse, onPress, style, disabled, placeholder, chevron, renderClip, testID }: TokenButtonProps): import("react/jsx-runtime").JSX.Element;
11
16
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/composites/wui-token-button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAMzD,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;CACpB;AAED,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,IAAI,EACJ,OAAO,EACP,OAAO,EACP,KAAK,EACL,QAAgB,EACjB,EAAE,gBAAgB,2CAmClB"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/composites/wui-token-button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAQzD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,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"}
@@ -6,6 +6,10 @@ declare const _default: {
6
6
  container: {
7
7
  height: number;
8
8
  };
9
+ imageContainer: {
10
+ position: "relative";
11
+ marginRight: number;
12
+ };
9
13
  image: {
10
14
  width: number;
11
15
  height: number;
@@ -16,6 +20,15 @@ declare const _default: {
16
20
  marginRight: number;
17
21
  marginLeft: number;
18
22
  };
23
+ clipContainer: {
24
+ position: "absolute";
25
+ right: number;
26
+ bottom: number;
27
+ zIndex: number;
28
+ };
29
+ chevron: {
30
+ marginLeft: number;
31
+ };
19
32
  };
20
33
  export default _default;
21
34
  //# sourceMappingURL=styles.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/composites/wui-token-button/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAGA,wBAkBG"}
1
+ {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/composites/wui-token-button/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA,wBA+BG"}
@@ -19,6 +19,7 @@ export { CardSelect, CardSelectHeight, CardSelectWidth, type CardSelectProps } f
19
19
  export { Chip, type ChipProps } from './composites/wui-chip';
20
20
  export { CompatibleNetwork, type CompatibleNetworkProps } from './composites/wui-compatible-network';
21
21
  export { ConnectButton, type ConnectButtonProps } from './composites/wui-connect-button';
22
+ export { DoubleImageLoader } from './composites/wui-double-image-loader';
22
23
  export { EmailInput, type EmailInputProps } from './composites/wui-email-input';
23
24
  export { IconBox, type IconBoxProps } from './composites/wui-icon-box';
24
25
  export { IconLink, type IconLinkProps } from './composites/wui-icon-link';
@@ -36,6 +37,7 @@ export { Logo, type LogoProps } from './composites/wui-logo';
36
37
  export { LogoSelect, type LogoSelectProps } from './composites/wui-logo-select';
37
38
  export { NetworkButton, type NetworkButtonProps } from './composites/wui-network-button';
38
39
  export { NetworkImage, type NetworkImageProps } from './composites/wui-network-image';
40
+ export { NumericKeyboard, type NumericKeyboardProps } from './composites/wui-numeric-keyboard';
39
41
  export { Otp, type OtpProps } from './composites/wui-otp';
40
42
  export { Pressable, type PressableProps } from './components/wui-pressable';
41
43
  export { Promo, type PromoProps } from './composites/wui-promo';
@@ -51,7 +53,7 @@ export { WalletImage, type WalletImageProps } from './composites/wui-wallet-imag
51
53
  export { Overlay, type OverlayProps } from './layout/wui-overlay';
52
54
  export { FlexView, type FlexViewProps } from './layout/wui-flex';
53
55
  export { Separator } from './layout/wui-separator';
54
- export type { ButtonType, CardSelectType, ChipType, ColorType, ThemeKeys as ThemeColorType, IconType, LogoType, PlacementType, SizeType, TagType, TextType, VisualType } from './utils/TypesUtil';
56
+ export type { ButtonType, CardSelectType, ChipType, ColorType, ThemeKeys as ThemeColorType, IconType, LogoType, PlacementType, SizeType, TagType, TextType, VisualType, TransactionType } from './utils/TypesUtil';
55
57
  export { UiUtil } from './utils/UiUtil';
56
58
  export { TransactionUtil } from './utils/TransactionUtil';
57
59
  export { Spacing, BorderRadius } from './utils/ThemeUtil';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
@@ -14,6 +14,7 @@ export interface FlexViewProps {
14
14
  padding?: SpacingType | SpacingType[];
15
15
  margin?: SpacingType | SpacingType[];
16
16
  style?: StyleProp<ViewStyle>;
17
+ testID?: string;
17
18
  }
18
19
  export declare function FlexView(props: FlexViewProps): import("react/jsx-runtime").JSX.Element;
19
20
  //# sourceMappingURL=index.d.ts.map
@@ -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;CAC9B;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,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,7 +1,9 @@
1
1
  import { type StyleProp, type ViewStyle } from 'react-native';
2
+ import type { ColorType } from '../../utils/TypesUtil';
2
3
  export interface SeparatorProps {
3
4
  text?: string;
5
+ color?: ColorType;
4
6
  style?: StyleProp<ViewStyle>;
5
7
  }
6
- export declare function Separator({ text, style }: SeparatorProps): import("react/jsx-runtime").JSX.Element;
8
+ export declare function Separator({ text, style, color }: SeparatorProps): import("react/jsx-runtime").JSX.Element;
7
9
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/layout/wui-separator/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAQ,MAAM,cAAc,CAAC;AAMpE,MAAM,WAAW,cAAc;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,cAAc,2CAoBxD"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/layout/wui-separator/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAQ,MAAM,cAAc,CAAC;AAIpE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAGvD,MAAM,WAAW,cAAc;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAwB,EAAE,EAAE,cAAc,2CAgBlF"}
@@ -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' | 'checkmark' | 'chevronBottom' | 'chevronLeft' | 'chevronRight' | 'chevronRightSmall' | 'chevronTop' | 'clock' | 'close' | 'coinPlaceholder' | 'compass' | 'copy' | 'copySmall' | 'cursor' | 'desktop' | 'disconnect' | 'discord' | 'etherscan' | 'extension' | 'externalLink' | 'facebook' | 'farcaster' | 'farcasterSquare' | 'filters' | 'github' | 'google' | 'helpCircle' | 'infoCircle' | 'mail' | 'mobile' | 'more' | 'networkPlaceholder' | 'nftPlaceholder' | 'off' | 'paperplane' | 'qrCode' | 'recycleHorizontal' | 'refresh' | 'search' | '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' | 'mail' | 'mobile' | 'more' | 'networkPlaceholder' | 'nftPlaceholder' | 'off' | 'paperplane' | 'qrCode' | 'recycleHorizontal' | 'refresh' | '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' | '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":"AAAA,MAAM,MAAM,SAAS,GACjB,YAAY,GACZ,YAAY,GACZ,YAAY,GACZ,YAAY,GACZ,kBAAkB,GAClB,kBAAkB,GAClB,kBAAkB,GAClB,kBAAkB,GAClB,kBAAkB,GAClB,kBAAkB,GAClB,kBAAkB,GAClB,QAAQ,GACR,QAAQ,GACR,QAAQ,GACR,QAAQ,GACR,QAAQ,GACR,QAAQ,GACR,QAAQ,GACR,QAAQ,GACR,QAAQ,GACR,QAAQ,GACR,QAAQ,GACR,QAAQ,GACR,QAAQ,GACR,QAAQ,GACR,QAAQ,GACR,QAAQ,GACR,QAAQ,GACR,QAAQ,GACR,aAAa,GACb,aAAa,GACb,aAAa,GACb,mBAAmB,GACnB,mBAAmB,GACnB,mBAAmB,GACnB,mBAAmB,GACnB,WAAW,GACX,iBAAiB,GACjB,iBAAiB,GACjB,iBAAiB,GACjB,iBAAiB,GACjB,UAAU,GACV,aAAa,GACb,YAAY,GACZ,YAAY,GACZ,YAAY,GACZ,YAAY,GACZ,gBAAgB,GAChB,gBAAgB,GAChB,gBAAgB,GAChB,gBAAgB,GAChB,gBAAgB,GAChB,gBAAgB,GAChB,gBAAgB,GAChB,gBAAgB,GAChB,gBAAgB,GAChB,gBAAgB,GAChB,gBAAgB,GAChB,gBAAgB,GAChB,uBAAuB,GACvB,yBAAyB,CAAC;AAE9B,MAAM,MAAM,QAAQ,GAChB,kBAAkB,GAClB,kBAAkB,GAClB,kBAAkB,GAClB,iBAAiB,GACjB,iBAAiB,GACjB,iBAAiB,GACjB,WAAW,GACX,WAAW,GACX,WAAW,GACX,YAAY,GACZ,YAAY,GACZ,YAAY,GACZ,eAAe,GACf,eAAe,GACf,eAAe,GACf,WAAW,GACX,WAAW,GACX,WAAW,GACX,UAAU,GACV,UAAU,GACV,UAAU,GACV,WAAW,GACX,WAAW,CAAC;AAEhB,MAAM,MAAM,SAAS,GACjB,YAAY,GACZ,WAAW,GACX,QAAQ,GACR,QAAQ,GACR,QAAQ,GACR,QAAQ,GACR,QAAQ,GACR,QAAQ,GACR,QAAQ,GACR,QAAQ,GACR,QAAQ,GACR,QAAQ,GACR,QAAQ,GACR,QAAQ,GACR,QAAQ,GACR,QAAQ,GACR,QAAQ,GACR,QAAQ,GACR,kBAAkB,GAClB,kBAAkB,GAClB,kBAAkB,GAClB,kBAAkB,GAClB,gBAAgB,GAChB,gBAAgB,GAChB,gBAAgB,GAChB,gBAAgB,GAChB,aAAa,GACb,aAAa,GACb,aAAa,GACb,UAAU,GACV,aAAa,GACb,YAAY,GACZ,YAAY,GACZ,YAAY,GACZ,YAAY,CAAC;AAEjB,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;AAEhE,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,CAAC;AAEhE,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;AAErD,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,aAAa,CAAC;AAExD,MAAM,MAAM,QAAQ,GAChB,YAAY,GACZ,OAAO,GACP,aAAa,GACb,mBAAmB,GACnB,WAAW,GACX,YAAY,GACZ,UAAU,GACV,SAAS,GACT,MAAM,GACN,WAAW,GACX,eAAe,GACf,aAAa,GACb,cAAc,GACd,mBAAmB,GACnB,YAAY,GACZ,OAAO,GACP,OAAO,GACP,iBAAiB,GACjB,SAAS,GACT,MAAM,GACN,WAAW,GACX,QAAQ,GACR,gBAAgB,GAChB,SAAS,GACT,YAAY,GACZ,SAAS,GACT,WAAW,GACX,WAAW,GACX,cAAc,GACd,UAAU,GACV,WAAW,GACX,iBAAiB,GACjB,SAAS,GACT,QAAQ,GACR,QAAQ,GACR,YAAY,GACZ,YAAY,GACZ,MAAM,GACN,QAAQ,GACR,MAAM,GACN,oBAAoB,GACpB,gBAAgB,GAChB,KAAK,GACL,YAAY,GACZ,QAAQ,GACR,mBAAmB,GACnB,SAAS,GACT,QAAQ,GACR,UAAU,GACV,gBAAgB,GAChB,cAAc,GACd,UAAU,GACV,QAAQ,GACR,QAAQ,GACR,QAAQ,GACR,aAAa,GACb,eAAe,GACf,yBAAyB,GACzB,mBAAmB,GACnB,eAAe,GACf,GAAG,CAAC;AAER,MAAM,MAAM,UAAU,GAClB,SAAS,GACT,KAAK,GACL,MAAM,GACN,SAAS,GACT,KAAK,GACL,QAAQ,GACR,QAAQ,GACR,WAAW,GACX,MAAM,GACN,OAAO,GACP,SAAS,GACT,KAAK,GACL,MAAM,GACN,QAAQ,GACR,SAAS,GACT,QAAQ,CAAC;AAEb,MAAM,MAAM,QAAQ,GAChB,OAAO,GACP,SAAS,GACT,UAAU,GACV,WAAW,GACX,iBAAiB,GACjB,QAAQ,GACR,QAAQ,GACR,MAAM,GACN,UAAU,GACV,QAAQ,GACR,GAAG,CAAC;AAER,MAAM,MAAM,OAAO,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,GAAG,SAAS,CAAC;AAE7D,MAAM,MAAM,cAAc,GAAG,QAAQ,GAAG,SAAS,CAAC;AAElD,MAAM,MAAM,aAAa,GAAG;IAC1B,IAAI,EAAE,QAAQ,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,WAAW,GACnB,GAAG,GACH,KAAK,GACL,KAAK,GACL,KAAK,GACL,IAAI,GACJ,GAAG,GACH,GAAG,GACH,GAAG,GACH,IAAI,GACJ,KAAK,GACL,KAAK,GACL,KAAK,CAAC;AAEV,MAAM,MAAM,gBAAgB,GAAG,OAAO,CAAC,WAAW,EAAE,IAAI,GAAG,KAAK,CAAC,CAAC;AAElE,MAAM,MAAM,iBAAiB,GAAG,gBAAgB,GAAG,QAAQ,GAAG,aAAa,GAAG,KAAK,CAAC;AAEpF,MAAM,MAAM,YAAY,GAAG,QAAQ,GAAG,cAAc,GAAG,MAAM,CAAC;AAE9D,MAAM,MAAM,YAAY,GAAG,CAAC,GAAG,CAAC,CAAC;AAEjC,MAAM,MAAM,cAAc,GAAG,CAAC,GAAG,CAAC,CAAC;AAEnC,MAAM,MAAM,aAAa,GAAG,UAAU,GAAG,QAAQ,GAAG,UAAU,GAAG,YAAY,GAAG,SAAS,CAAC;AAE1F,MAAM,MAAM,sBAAsB,GAC9B,QAAQ,GACR,UAAU,GACV,YAAY,GACZ,cAAc,GACd,eAAe,GACf,cAAc,CAAC;AAEnB,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;AAEtD,MAAM,MAAM,eAAe,GAAG;IAC5B,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,YAAY,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,eAAe,GACvB,SAAS,GACT,QAAQ,GACR,QAAQ,GACR,MAAM,GACN,QAAQ,GACR,OAAO,GACP,QAAQ,GACR,SAAS,GACT,SAAS,GACT,MAAM,GACN,SAAS,GACT,OAAO,GACP,MAAM,GACN,OAAO,GACP,OAAO,GACP,SAAS,GACT,UAAU,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@reown/appkit-ui-react-native",
3
- "version": "1.2.3",
3
+ "version": "2.0.0-alpha.0",
4
4
  "main": "lib/commonjs/index.js",
5
5
  "types": "lib/typescript/index.d.ts",
6
6
  "module": "lib/module/index.js",
@@ -0,0 +1,13 @@
1
+ import Svg, { Path, type SvgProps } from 'react-native-svg';
2
+ const SvgCard = (props: SvgProps) => (
3
+ <Svg viewBox="0 0 12 13" fill="none" {...props}>
4
+ <Path
5
+ fill={props.fill || '#fff'}
6
+ fillRule="evenodd"
7
+ d="M4.16072 2C4.17367 2 4.18665 2 4.19968 2L7.83857 2C8.36772 1.99998 8.82398 1.99996 9.19518 2.04018C9.5895 2.0829 9.97577 2.17811 10.3221 2.42971C10.5131 2.56849 10.6811 2.73647 10.8198 2.92749C11.0714 3.27379 11.1666 3.66007 11.2094 4.0544C11.2496 4.42561 11.2496 4.88188 11.2495 5.41105V7.58896C11.2496 8.11812 11.2496 8.57439 11.2094 8.94561C11.1666 9.33994 11.0714 9.72621 10.8198 10.0725C10.6811 10.2635 10.5131 10.4315 10.3221 10.5703C9.97577 10.8219 9.5895 10.9171 9.19518 10.9598C8.82398 11 8.36772 11 7.83856 11H4.16073C3.63157 11 3.17531 11 2.80411 10.9598C2.40979 10.9171 2.02352 10.8219 1.67722 10.5703C1.48621 10.4315 1.31824 10.2635 1.17946 10.0725C0.927858 9.72621 0.832652 9.33994 0.78993 8.94561C0.749713 8.5744 0.749733 8.11813 0.749757 7.58896L0.749758 5.45C0.749758 5.43697 0.749758 5.42399 0.749757 5.41104C0.749733 4.88188 0.749713 4.42561 0.78993 4.0544C0.832652 3.66007 0.927858 3.27379 1.17946 2.92749C1.31824 2.73647 1.48621 2.56849 1.67722 2.42971C2.02352 2.17811 2.40979 2.0829 2.80411 2.04018C3.17531 1.99996 3.63157 1.99998 4.16072 2ZM2.96567 3.53145C2.69897 3.56034 2.60687 3.60837 2.55888 3.64324C2.49521 3.6895 2.43922 3.74549 2.39296 3.80916C2.35809 3.85715 2.31007 3.94926 2.28117 4.21597C2.26629 4.35335 2.25844 4.51311 2.25431 4.70832H9.74498C9.74085 4.51311 9.733 4.35335 9.71812 4.21597C9.68922 3.94926 9.6412 3.85715 9.60633 3.80916C9.56007 3.74549 9.50408 3.6895 9.44041 3.64324C9.39242 3.60837 9.30031 3.56034 9.03362 3.53145C8.75288 3.50103 8.37876 3.5 7.79961 3.5H4.19968C3.62053 3.5 3.24641 3.50103 2.96567 3.53145ZM9.74956 6.20832H2.24973V7.55C2.24973 8.12917 2.25076 8.5033 2.28117 8.78404C2.31007 9.05074 2.35809 9.14285 2.39296 9.19084C2.43922 9.25451 2.49521 9.31051 2.55888 9.35677C2.60687 9.39163 2.69897 9.43966 2.96567 9.46856C3.24641 9.49897 3.62053 9.5 4.19968 9.5H7.79961C8.37876 9.5 8.75288 9.49897 9.03362 9.46856C9.30032 9.43966 9.39242 9.39163 9.44041 9.35677C9.50408 9.31051 9.56007 9.25451 9.60633 9.19084C9.6412 9.14285 9.68922 9.05075 9.71812 8.78404C9.74854 8.5033 9.74956 8.12917 9.74956 7.55V6.20832ZM6.74963 8C6.74963 7.58579 7.08541 7.25 7.49961 7.25H8.2496C8.6638 7.25 8.99958 7.58579 8.99958 8C8.99958 8.41422 8.6638 8.75 8.2496 8.75H7.49961C7.08541 8.75 6.74963 8.41422 6.74963 8Z"
8
+ clipRule="evenodd"
9
+ />
10
+ </Svg>
11
+ );
12
+
13
+ export default SvgCard;
@@ -1,11 +1,11 @@
1
1
  import Svg, { Path, type SvgProps } from 'react-native-svg';
2
2
  const SvgClock = (props: SvgProps) => (
3
- <Svg viewBox="0 0 16 16" fill="none" {...props}>
3
+ <Svg viewBox="0 0 14 14" fill="none" {...props}>
4
4
  <Path
5
5
  fill={props.fill || '#fff'}
6
6
  fillRule="evenodd"
7
- d="M7 2.99a5 5 0 1 0 0 10 5 5 0 0 0 0-10Zm-7 5a7 7 0 1 1 14 0 7 7 0 0 1-14 0Zm7-4a1 1 0 0 1 1 1v2.58l1.85 1.85a1 1 0 0 1-1.41 1.42L6.29 8.69A1 1 0 0 1 6 8v-3a1 1 0 0 1 1-1Z"
8
7
  clipRule="evenodd"
8
+ d="M7.00235 2C4.24 2 2.00067 4.23858 2.00067 7C2.00067 9.76142 4.24 12 7.00235 12C9.7647 12 12.004 9.76142 12.004 7C12.004 4.23858 9.7647 2 7.00235 2ZM0 7C0 3.13401 3.13506 0 7.00235 0C10.8696 0 14.0047 3.13401 14.0047 7C14.0047 10.866 10.8696 14 7.00235 14C3.13506 14 0 10.866 0 7ZM7.00235 3C7.55482 3 8.00269 3.44771 8.00269 4V6.58579L9.85327 8.43575C10.2439 8.82627 10.2439 9.45944 9.85327 9.84996C9.46262 10.2405 8.82924 10.2405 8.43858 9.84996L6.29501 7.70711C6.10741 7.51957 6.00201 7.26522 6.00201 7V4C6.00201 3.44771 6.44988 3 7.00235 3Z"
9
9
  />
10
10
  </Svg>
11
11
  );
@@ -0,0 +1,12 @@
1
+ import Svg, { Path, type SvgProps } from 'react-native-svg';
2
+ const SvgSettings = (props: SvgProps) => (
3
+ <Svg viewBox="0 0 20 20" fill="none" {...props}>
4
+ <Path
5
+ fill={props.fill || '#fff'}
6
+ fillRule="evenodd"
7
+ d="M11.875 9.0625H10.9375V4.6875H11.25C11.8302 4.6875 12.3866 4.91797 12.7968 5.3282C13.207 5.73844 13.4375 6.29484 13.4375 6.875C13.4375 7.12364 13.5363 7.3621 13.7121 7.53791C13.8879 7.71373 14.1264 7.8125 14.375 7.8125C14.6236 7.8125 14.8621 7.71373 15.0379 7.53791C15.2137 7.3621 15.3125 7.12364 15.3125 6.875C15.3113 5.79794 14.8828 4.76535 14.1213 4.00375C13.3597 3.24215 12.3271 2.81374 11.25 2.8125H10.9375V1.875C10.9375 1.62636 10.8387 1.3879 10.6629 1.21209C10.4871 1.03627 10.2486 0.9375 10 0.9375C9.75136 0.9375 9.5129 1.03627 9.33709 1.21209C9.16127 1.3879 9.0625 1.62636 9.0625 1.875V2.8125H8.75C7.67256 2.8125 6.63925 3.24051 5.87738 4.00238C5.11551 4.76425 4.6875 5.79756 4.6875 6.875C4.6875 7.95244 5.11551 8.98575 5.87738 9.74762C6.63925 10.5095 7.67256 10.9375 8.75 10.9375H9.0625V15.3125H8.125C7.54484 15.3125 6.98844 15.082 6.5782 14.6718C6.16797 14.2616 5.9375 13.7052 5.9375 13.125C5.9375 12.8764 5.83873 12.6379 5.66291 12.4621C5.4871 12.2863 5.24864 12.1875 5 12.1875C4.75136 12.1875 4.5129 12.2863 4.33709 12.4621C4.16127 12.6379 4.0625 12.8764 4.0625 13.125C4.06374 14.2021 4.49215 15.2347 5.25375 15.9963C6.01535 16.7578 7.04794 17.1863 8.125 17.1875H9.0625V18.125C9.0625 18.3736 9.16127 18.6121 9.33709 18.7879C9.5129 18.9637 9.75136 19.0625 10 19.0625C10.2486 19.0625 10.4871 18.9637 10.6629 18.7879C10.8387 18.6121 10.9375 18.3736 10.9375 18.125V17.1875H11.875C12.9524 17.1875 13.9858 16.7595 14.7476 15.9976C15.5095 15.2358 15.9375 14.2024 15.9375 13.125C15.9375 12.0476 15.5095 11.0142 14.7476 10.2524C13.9858 9.49051 12.9524 9.0625 11.875 9.0625ZM8.75 9.0625C8.16984 9.0625 7.61344 8.83203 7.2032 8.4218C6.79297 8.01156 6.5625 7.45516 6.5625 6.875C6.5625 6.29484 6.79297 5.73844 7.2032 5.3282C7.61344 4.91797 8.16984 4.6875 8.75 4.6875H9.0625V9.0625H8.75ZM11.875 15.3125H10.9375V10.9375H11.875C12.4552 10.9375 13.0116 11.168 13.4218 11.5782C13.832 11.9884 14.0625 12.5448 14.0625 13.125C14.0625 13.7052 13.832 14.2616 13.4218 14.6718C13.0116 15.082 12.4552 15.3125 11.875 15.3125Z"
8
+ clipRule="evenodd"
9
+ />
10
+ </Svg>
11
+ );
12
+ export default SvgSettings;
@@ -0,0 +1,12 @@
1
+ import Svg, { Path, type SvgProps } from 'react-native-svg';
2
+ const SvgSettings = (props: SvgProps) => (
3
+ <Svg viewBox="0 0 20 20" fill="none" {...props}>
4
+ <Path
5
+ fill={props.fill || '#fff'}
6
+ fillRule="evenodd"
7
+ d="M2.5 6.25C2.5 6.08423 2.56585 5.92526 2.68306 5.80805C2.80027 5.69084 2.95924 5.625 3.125 5.625H6.02891C6.16362 5.17372 6.44038 4.77798 6.81803 4.4966C7.19568 4.21522 7.65405 4.06323 8.125 4.06323C8.59595 4.06323 9.05432 4.21522 9.43197 4.4966C9.80962 4.77798 10.0864 5.17372 10.2211 5.625H16.875C17.0408 5.625 17.1997 5.69084 17.3169 5.80805C17.4342 5.92526 17.5 6.08423 17.5 6.25C17.5 6.41576 17.4342 6.57473 17.3169 6.69194C17.1997 6.80915 17.0408 6.875 16.875 6.875H10.2211C10.0864 7.32627 9.80962 7.72201 9.43197 8.00339C9.05432 8.28477 8.59595 8.43676 8.125 8.43676C7.65405 8.43676 7.19568 8.28477 6.81803 8.00339C6.44038 7.72201 6.16362 7.32627 6.02891 6.875H3.125C2.95924 6.875 2.80027 6.80915 2.68306 6.69194C2.56585 6.57473 2.5 6.41576 2.5 6.25ZM16.875 13.125H15.2211C15.0864 12.6737 14.8096 12.278 14.432 11.9966C14.0543 11.7152 13.5959 11.5632 13.125 11.5632C12.6541 11.5632 12.1957 11.7152 11.818 11.9966C11.4404 12.278 11.1636 12.6737 11.0289 13.125H3.125C2.95924 13.125 2.80027 13.1908 2.68306 13.3081C2.56585 13.4253 2.5 13.5842 2.5 13.75C2.5 13.9158 2.56585 14.0747 2.68306 14.1919C2.80027 14.3091 2.95924 14.375 3.125 14.375H11.0289C11.1636 14.8263 11.4404 15.222 11.818 15.5034C12.1957 15.7848 12.6541 15.9368 13.125 15.9368C13.5959 15.9368 14.0543 15.7848 14.432 15.5034C14.8096 15.222 15.0864 14.8263 15.2211 14.375H16.875C17.0408 14.375 17.1997 14.3091 17.3169 14.1919C17.4342 14.0747 17.5 13.9158 17.5 13.75C17.5 13.5842 17.4342 13.4253 17.3169 13.3081C17.1997 13.1908 17.0408 13.125 16.875 13.125Z"
8
+ clipRule="evenodd"
9
+ />
10
+ </Svg>
11
+ );
12
+ export default SvgSettings;
@@ -10,6 +10,7 @@ import ArrowLeftSvg from '../../assets/svg/ArrowLeft';
10
10
  import ArrowRightSvg from '../../assets/svg/ArrowRight';
11
11
  import ArrowTopSvg from '../../assets/svg/ArrowTop';
12
12
  import BrowserSvg from '../../assets/svg/Browser';
13
+ import CardSvg from '../../assets/svg/Card';
13
14
  import CheckmarkSvg from '../../assets/svg/Checkmark';
14
15
  import ChevronBottomSvg from '../../assets/svg/ChevronBottom';
15
16
  import ChevronLeftSvg from '../../assets/svg/ChevronLeft';
@@ -23,6 +24,7 @@ import CoinPlaceholderSvg from '../../assets/svg/CoinPlaceholder';
23
24
  import CopySvg from '../../assets/svg/Copy';
24
25
  import CopySmallSvg from '../../assets/svg/CopySmall';
25
26
  import CursorSvg from '../../assets/svg/Cursor';
27
+ import CurrencyDollarSvg from '../../assets/svg/CurrencyDollar';
26
28
  import DesktopSvg from '../../assets/svg/Desktop';
27
29
  import DisconnectSvg from '../../assets/svg/Disconnect';
28
30
  import DiscordSvg from '../../assets/svg/Discord';
@@ -48,6 +50,7 @@ import QrCodeSvg from '../../assets/svg/QrCode';
48
50
  import RecycleHorizontalSvg from '../../assets/svg/RecycleHorizontal';
49
51
  import RefreshSvg from '../../assets/svg/Refresh';
50
52
  import SearchSvg from '../../assets/svg/Search';
53
+ import SettingsSvg from '../../assets/svg/Settings';
51
54
  import SwapHorizontalSvg from '../../assets/svg/SwapHorizontal';
52
55
  import SwapVerticalSvg from '../../assets/svg/SwapVertical';
53
56
  import TelegramSvg from '../../assets/svg/Telegram';
@@ -71,6 +74,7 @@ const svgOptions: Record<IconType, (props: SvgProps) => JSX.Element> = {
71
74
  arrowRight: ArrowRightSvg,
72
75
  arrowTop: ArrowTopSvg,
73
76
  browser: BrowserSvg,
77
+ card: CardSvg,
74
78
  checkmark: CheckmarkSvg,
75
79
  chevronBottom: ChevronBottomSvg,
76
80
  chevronLeft: ChevronLeftSvg,
@@ -84,6 +88,7 @@ const svgOptions: Record<IconType, (props: SvgProps) => JSX.Element> = {
84
88
  copy: CopySvg,
85
89
  copySmall: CopySmallSvg,
86
90
  cursor: CursorSvg,
91
+ currencyDollar: CurrencyDollarSvg,
87
92
  desktop: DesktopSvg,
88
93
  disconnect: DisconnectSvg,
89
94
  discord: DiscordSvg,
@@ -109,6 +114,7 @@ const svgOptions: Record<IconType, (props: SvgProps) => JSX.Element> = {
109
114
  recycleHorizontal: RecycleHorizontalSvg,
110
115
  refresh: RefreshSvg,
111
116
  search: SearchSvg,
117
+ settings: SettingsSvg,
112
118
  swapHorizontal: SwapHorizontalSvg,
113
119
  swapVertical: SwapVerticalSvg,
114
120
  telegram: TelegramSvg,
@@ -20,6 +20,7 @@ export interface PressableProps extends RNPressableProps {
20
20
  animationDuration?: number;
21
21
  disabled?: boolean;
22
22
  pressable?: boolean;
23
+ transparent?: boolean;
23
24
  }
24
25
 
25
26
  export function Pressable({
@@ -28,6 +29,7 @@ export function Pressable({
28
29
  disabled = false,
29
30
  pressable = true,
30
31
  onPress,
32
+ transparent = false,
31
33
  backgroundColor = 'gray-glass-002',
32
34
  pressedBackgroundColor = 'gray-glass-010',
33
35
  bounceScale = 0.99, // Scale to 99% of original size
@@ -80,7 +82,14 @@ export function Pressable({
80
82
  return (
81
83
  <AnimatedPressable
82
84
  disabled={disabled || !pressable}
83
- style={[{ backgroundColor: bgColor, transform: [{ scale: scaleAnimation.current }] }, style]}
85
+ style={[
86
+ // eslint-disable-next-line react-native/no-inline-styles
87
+ {
88
+ backgroundColor: transparent ? 'transparent' : bgColor,
89
+ transform: [{ scale: scaleAnimation.current }]
90
+ },
91
+ style
92
+ ]}
84
93
  onPressIn={onPressIn}
85
94
  onPressOut={onPressOut}
86
95
  onPress={onPress}
@@ -5,8 +5,8 @@ import { useTheme } from '../../hooks/useTheme';
5
5
  const AnimatedRect = Animated.createAnimatedComponent(Rect);
6
6
 
7
7
  export interface ShimmerProps {
8
- width?: number;
9
- height?: number;
8
+ width?: number | string;
9
+ height?: number | string;
10
10
  duration?: number;
11
11
  borderRadius?: number;
12
12
  backgroundColor?: string;
@@ -28,6 +28,7 @@ export type ButtonProps = NativeProps & {
28
28
  style?: StyleProp<ViewStyle>;
29
29
  iconStyle?: SvgProps['style'];
30
30
  loading?: boolean;
31
+ testID?: string;
31
32
  };
32
33
 
33
34
  export function Button({
@@ -41,6 +42,7 @@ export function Button({
41
42
  iconRight,
42
43
  iconStyle,
43
44
  loading,
45
+ testID,
44
46
  ...rest
45
47
  }: ButtonProps) {
46
48
  const Theme = useTheme();
@@ -84,6 +86,7 @@ export function Button({
84
86
  onPressIn={onPressIn}
85
87
  onPressOut={onPressOut}
86
88
  onPress={onPress}
89
+ testID={testID}
87
90
  {...rest}
88
91
  >
89
92
  <FlexView flexDirection="row" alignItems="center" justifyContent="center">
@@ -28,7 +28,7 @@ export const getThemedButtonStyle = (
28
28
 
29
29
  return {
30
30
  ...buttonBaseStyle,
31
- backgroundColor: variant === 'fill' ? theme['accent-100'] : theme['gray-glass-002']
31
+ backgroundColor: variant === 'fill' ? theme['accent-100'] : theme['gray-glass-005']
32
32
  };
33
33
  };
34
34
 
@@ -0,0 +1,119 @@
1
+ import { Animated, useAnimatedValue, type StyleProp, type ViewStyle } from 'react-native';
2
+
3
+ import { useEffect } from 'react';
4
+ import { useTheme } from '../../hooks/useTheme';
5
+ import { FlexView } from '../../layout/wui-flex';
6
+ import { Image } from '../../components/wui-image';
7
+ import { Icon } from '../../components/wui-icon';
8
+ import { type IconType } from '../../utils/TypesUtil';
9
+ import { WalletImage } from '../wui-wallet-image';
10
+ import styles from './styles';
11
+ interface Props {
12
+ style?: StyleProp<ViewStyle>;
13
+ leftImage?: string;
14
+ rightImage?: string;
15
+ renderRightPlaceholder?: () => React.ReactElement;
16
+ leftPlaceholderIcon?: IconType;
17
+ rightPlaceholderIcon?: IconType;
18
+ leftItemStyle?: StyleProp<ViewStyle>;
19
+ rightItemStyle?: StyleProp<ViewStyle>;
20
+ }
21
+
22
+ export function DoubleImageLoader({
23
+ style,
24
+ leftImage,
25
+ rightImage,
26
+ renderRightPlaceholder,
27
+ leftPlaceholderIcon = 'mobile',
28
+ rightPlaceholderIcon = 'browser',
29
+ leftItemStyle,
30
+ rightItemStyle
31
+ }: Props) {
32
+ const Theme = useTheme();
33
+ const leftPosition = useAnimatedValue(10);
34
+ const rightPosition = useAnimatedValue(-10);
35
+
36
+ const animateLeft = () => {
37
+ Animated.loop(
38
+ Animated.sequence([
39
+ Animated.timing(leftPosition, {
40
+ toValue: -5,
41
+ duration: 1500,
42
+ useNativeDriver: true
43
+ }),
44
+ Animated.timing(leftPosition, {
45
+ toValue: 10,
46
+ duration: 1500,
47
+ useNativeDriver: true
48
+ })
49
+ ])
50
+ ).start();
51
+ };
52
+
53
+ const animateRight = () => {
54
+ Animated.loop(
55
+ Animated.sequence([
56
+ Animated.timing(rightPosition, {
57
+ toValue: 5,
58
+ duration: 1500,
59
+ useNativeDriver: true
60
+ }),
61
+ Animated.timing(rightPosition, {
62
+ toValue: -10,
63
+ duration: 1500,
64
+ useNativeDriver: true
65
+ })
66
+ ])
67
+ ).start();
68
+ };
69
+
70
+ useEffect(() => {
71
+ animateLeft();
72
+ animateRight();
73
+ // eslint-disable-next-line react-hooks/exhaustive-deps
74
+ }, []);
75
+
76
+ return (
77
+ <FlexView flexDirection="row" alignItems="center" justifyContent="center" style={style}>
78
+ <Animated.View
79
+ style={[
80
+ styles.itemBorder,
81
+ styles.leftItemBorder,
82
+ {
83
+ transform: [{ translateX: leftPosition }],
84
+ backgroundColor: Theme['bg-200']
85
+ },
86
+ leftItemStyle
87
+ ]}
88
+ >
89
+ {leftImage ? (
90
+ <Image
91
+ source={leftImage}
92
+ style={[styles.rightImage, { backgroundColor: Theme['bg-200'] }]}
93
+ />
94
+ ) : (
95
+ <Icon name={leftPlaceholderIcon} size="lg" color="fg-200" />
96
+ )}
97
+ </Animated.View>
98
+ <Animated.View
99
+ style={[
100
+ styles.itemBorder,
101
+ styles.rightItemBorder,
102
+ {
103
+ transform: [{ translateX: rightPosition }],
104
+ backgroundColor: Theme['bg-200']
105
+ },
106
+ rightItemStyle
107
+ ]}
108
+ >
109
+ {rightImage ? (
110
+ <WalletImage imageSrc={rightImage} size="lg" border={false} />
111
+ ) : (
112
+ renderRightPlaceholder?.() ?? (
113
+ <Icon name={rightPlaceholderIcon} size="lg" color="fg-200" />
114
+ )
115
+ )}
116
+ </Animated.View>
117
+ </FlexView>
118
+ );
119
+ }
@@ -0,0 +1,74 @@
1
+ import { type StyleProp, type ViewStyle } from 'react-native';
2
+
3
+ import { useTheme } from '../../hooks/useTheme';
4
+ import { FlexView } from '../../layout/wui-flex';
5
+ import { Image } from '../../components/wui-image';
6
+ import { Icon } from '../../components/wui-icon';
7
+ import { type IconType } from '../../utils/TypesUtil';
8
+ import { WalletImage } from '../wui-wallet-image';
9
+ import styles from './styles';
10
+ interface Props {
11
+ style?: StyleProp<ViewStyle>;
12
+ leftImage?: string;
13
+ rightImage?: string;
14
+ renderRightPlaceholder?: () => React.ReactElement;
15
+ leftPlaceholderIcon?: IconType;
16
+ rightPlaceholderIcon?: IconType;
17
+ leftItemStyle?: StyleProp<ViewStyle>;
18
+ rightItemStyle?: StyleProp<ViewStyle>;
19
+ }
20
+
21
+ export function DoubleImageLoader({
22
+ style,
23
+ leftImage,
24
+ rightImage,
25
+ renderRightPlaceholder,
26
+ leftPlaceholderIcon = 'mobile',
27
+ rightPlaceholderIcon = 'browser',
28
+ leftItemStyle,
29
+ rightItemStyle
30
+ }: Props) {
31
+ const Theme = useTheme();
32
+
33
+ return (
34
+ <FlexView flexDirection="row" alignItems="center" justifyContent="center" style={style}>
35
+ <FlexView
36
+ style={[
37
+ styles.itemBorder,
38
+ styles.leftItemBorder,
39
+ {
40
+ backgroundColor: Theme['bg-200']
41
+ },
42
+ leftItemStyle
43
+ ]}
44
+ >
45
+ {leftImage ? (
46
+ <Image
47
+ source={leftImage}
48
+ style={[styles.rightImage, { backgroundColor: Theme['bg-200'] }]}
49
+ />
50
+ ) : (
51
+ <Icon name={leftPlaceholderIcon} size="lg" color="fg-200" />
52
+ )}
53
+ </FlexView>
54
+ <FlexView
55
+ style={[
56
+ styles.itemBorder,
57
+ styles.rightItemBorder,
58
+ {
59
+ backgroundColor: Theme['bg-200']
60
+ },
61
+ rightItemStyle
62
+ ]}
63
+ >
64
+ {rightImage ? (
65
+ <WalletImage imageSrc={rightImage} size="lg" border={false} />
66
+ ) : (
67
+ renderRightPlaceholder?.() ?? (
68
+ <Icon name={rightPlaceholderIcon} size="lg" color="fg-200" />
69
+ )
70
+ )}
71
+ </FlexView>
72
+ </FlexView>
73
+ );
74
+ }