@reown/appkit-ui-react-native 0.0.0-fix-email-login-20241010173711 → 0.0.0-fix-token-balance-20241017200828
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.
- package/lib/commonjs/assets/svg/ArrowBottomCircle.js +21 -0
- package/lib/commonjs/assets/svg/ArrowBottomCircle.js.map +1 -0
- package/lib/commonjs/assets/svg/Paperplane.js +21 -0
- package/lib/commonjs/assets/svg/Paperplane.js.map +1 -0
- package/lib/commonjs/components/wui-icon/index.js +4 -0
- package/lib/commonjs/components/wui-icon/index.js.map +1 -1
- package/lib/commonjs/composites/wui-account-button/index.js +13 -7
- package/lib/commonjs/composites/wui-account-button/index.js.map +1 -1
- package/lib/commonjs/composites/wui-account-button/styles.js +3 -3
- package/lib/commonjs/composites/wui-account-button/styles.js.map +1 -1
- package/lib/commonjs/composites/wui-account-pill/index.js +73 -0
- package/lib/commonjs/composites/wui-account-pill/index.js.map +1 -0
- package/lib/commonjs/composites/wui-account-pill/styles.js +25 -0
- package/lib/commonjs/composites/wui-account-pill/styles.js.map +1 -0
- package/lib/commonjs/composites/wui-avatar/styles.js +2 -1
- package/lib/commonjs/composites/wui-avatar/styles.js.map +1 -1
- package/lib/commonjs/composites/wui-balance/index.js +27 -0
- package/lib/commonjs/composites/wui-balance/index.js.map +1 -0
- package/lib/commonjs/composites/wui-banner/index.js +36 -0
- package/lib/commonjs/composites/wui-banner/index.js.map +1 -0
- package/lib/commonjs/composites/wui-banner/styles.js +21 -0
- package/lib/commonjs/composites/wui-banner/styles.js.map +1 -0
- package/lib/commonjs/composites/wui-button/index.js +3 -3
- package/lib/commonjs/composites/wui-button/index.js.map +1 -1
- package/lib/commonjs/composites/wui-button/styles.js +2 -2
- package/lib/commonjs/composites/wui-button/styles.js.map +1 -1
- package/lib/commonjs/composites/wui-chip/index.js +5 -7
- package/lib/commonjs/composites/wui-chip/index.js.map +1 -1
- package/lib/commonjs/composites/wui-chip/styles.js +1 -1
- package/lib/commonjs/composites/wui-chip/styles.js.map +1 -1
- package/lib/commonjs/composites/wui-compatible-network/index.js +58 -0
- package/lib/commonjs/composites/wui-compatible-network/index.js.map +1 -0
- package/lib/commonjs/composites/wui-list-item/index.js +10 -10
- package/lib/commonjs/composites/wui-list-item/index.js.map +1 -1
- package/lib/commonjs/composites/wui-list-item/styles.js +4 -3
- package/lib/commonjs/composites/wui-list-item/styles.js.map +1 -1
- package/lib/commonjs/composites/wui-list-token/index.js +78 -0
- package/lib/commonjs/composites/wui-list-token/index.js.map +1 -0
- package/lib/commonjs/composites/wui-list-token/styles.js +30 -0
- package/lib/commonjs/composites/wui-list-token/styles.js.map +1 -0
- package/lib/commonjs/composites/wui-list-transaction/index.js +64 -0
- package/lib/commonjs/composites/wui-list-transaction/index.js.map +1 -0
- package/lib/commonjs/composites/wui-list-transaction/styles.js +16 -0
- package/lib/commonjs/composites/wui-list-transaction/styles.js.map +1 -0
- package/lib/commonjs/composites/wui-list-transaction/utils.js +88 -0
- package/lib/commonjs/composites/wui-list-transaction/utils.js.map +1 -0
- package/lib/commonjs/composites/wui-network-button/index.js +14 -10
- package/lib/commonjs/composites/wui-network-button/index.js.map +1 -1
- package/lib/commonjs/composites/wui-network-button/styles.js +3 -3
- package/lib/commonjs/composites/wui-network-button/styles.js.map +1 -1
- package/lib/commonjs/composites/wui-network-image/index.js +48 -21
- package/lib/commonjs/composites/wui-network-image/index.js.map +1 -1
- package/lib/commonjs/composites/wui-network-image/styles.js +3 -1
- package/lib/commonjs/composites/wui-network-image/styles.js.map +1 -1
- package/lib/commonjs/composites/wui-qr-code/index.js +14 -11
- package/lib/commonjs/composites/wui-qr-code/index.js.map +1 -1
- package/lib/commonjs/composites/wui-snackbar/index.js +1 -0
- package/lib/commonjs/composites/wui-snackbar/index.js.map +1 -1
- package/lib/commonjs/composites/wui-snackbar/styles.js +2 -1
- package/lib/commonjs/composites/wui-snackbar/styles.js.map +1 -1
- package/lib/commonjs/composites/wui-tabs/index.js +22 -8
- package/lib/commonjs/composites/wui-tabs/index.js.map +1 -1
- package/lib/commonjs/composites/wui-tabs/styles.js +1 -2
- package/lib/commonjs/composites/wui-tabs/styles.js.map +1 -1
- package/lib/commonjs/composites/wui-token-button/index.js +37 -0
- package/lib/commonjs/composites/wui-token-button/index.js.map +1 -0
- package/lib/commonjs/composites/wui-token-button/styles.js +24 -0
- package/lib/commonjs/composites/wui-token-button/styles.js.map +1 -0
- package/lib/commonjs/composites/wui-transaction-visual/index.js +73 -0
- package/lib/commonjs/composites/wui-transaction-visual/index.js.map +1 -0
- package/lib/commonjs/composites/wui-transaction-visual/styles.js +42 -0
- package/lib/commonjs/composites/wui-transaction-visual/styles.js.map +1 -0
- package/lib/commonjs/index.js +56 -0
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/utils/ThemeUtil.js +2 -1
- package/lib/commonjs/utils/ThemeUtil.js.map +1 -1
- package/lib/commonjs/utils/TransactionUtil.js +139 -0
- package/lib/commonjs/utils/TransactionUtil.js.map +1 -0
- package/lib/commonjs/utils/UiUtil.js +15 -0
- package/lib/commonjs/utils/UiUtil.js.map +1 -1
- package/lib/module/assets/svg/ArrowBottomCircle.js +13 -0
- package/lib/module/assets/svg/ArrowBottomCircle.js.map +1 -0
- package/lib/module/assets/svg/Paperplane.js +13 -0
- package/lib/module/assets/svg/Paperplane.js.map +1 -0
- package/lib/module/components/wui-icon/index.js +4 -0
- package/lib/module/components/wui-icon/index.js.map +1 -1
- package/lib/module/composites/wui-account-button/index.js +13 -7
- package/lib/module/composites/wui-account-button/index.js.map +1 -1
- package/lib/module/composites/wui-account-button/styles.js +4 -4
- package/lib/module/composites/wui-account-button/styles.js.map +1 -1
- package/lib/module/composites/wui-account-pill/index.js +66 -0
- package/lib/module/composites/wui-account-pill/index.js.map +1 -0
- package/lib/module/composites/wui-account-pill/styles.js +19 -0
- package/lib/module/composites/wui-account-pill/styles.js.map +1 -0
- package/lib/module/composites/wui-avatar/styles.js +2 -1
- package/lib/module/composites/wui-avatar/styles.js.map +1 -1
- package/lib/module/composites/wui-balance/index.js +21 -0
- package/lib/module/composites/wui-balance/index.js.map +1 -0
- package/lib/module/composites/wui-banner/index.js +29 -0
- package/lib/module/composites/wui-banner/index.js.map +1 -0
- package/lib/module/composites/wui-banner/styles.js +15 -0
- package/lib/module/composites/wui-banner/styles.js.map +1 -0
- package/lib/module/composites/wui-button/index.js +3 -3
- package/lib/module/composites/wui-button/index.js.map +1 -1
- package/lib/module/composites/wui-button/styles.js +2 -2
- package/lib/module/composites/wui-button/styles.js.map +1 -1
- package/lib/module/composites/wui-chip/index.js +6 -8
- package/lib/module/composites/wui-chip/index.js.map +1 -1
- package/lib/module/composites/wui-chip/styles.js +1 -1
- package/lib/module/composites/wui-chip/styles.js.map +1 -1
- package/lib/module/composites/wui-compatible-network/index.js +52 -0
- package/lib/module/composites/wui-compatible-network/index.js.map +1 -0
- package/lib/module/composites/wui-list-item/index.js +10 -10
- package/lib/module/composites/wui-list-item/index.js.map +1 -1
- package/lib/module/composites/wui-list-item/styles.js +4 -3
- package/lib/module/composites/wui-list-item/styles.js.map +1 -1
- package/lib/module/composites/wui-list-token/index.js +71 -0
- package/lib/module/composites/wui-list-token/index.js.map +1 -0
- package/lib/module/composites/wui-list-token/styles.js +24 -0
- package/lib/module/composites/wui-list-token/styles.js.map +1 -0
- package/lib/module/composites/wui-list-transaction/index.js +57 -0
- package/lib/module/composites/wui-list-transaction/index.js.map +1 -0
- package/lib/module/composites/wui-list-transaction/styles.js +10 -0
- package/lib/module/composites/wui-list-transaction/styles.js.map +1 -0
- package/lib/module/composites/wui-list-transaction/utils.js +79 -0
- package/lib/module/composites/wui-list-transaction/utils.js.map +1 -0
- package/lib/module/composites/wui-network-button/index.js +15 -11
- package/lib/module/composites/wui-network-button/index.js.map +1 -1
- package/lib/module/composites/wui-network-button/styles.js +4 -4
- package/lib/module/composites/wui-network-button/styles.js.map +1 -1
- package/lib/module/composites/wui-network-image/index.js +49 -22
- package/lib/module/composites/wui-network-image/index.js.map +1 -1
- package/lib/module/composites/wui-network-image/styles.js +2 -0
- package/lib/module/composites/wui-network-image/styles.js.map +1 -1
- package/lib/module/composites/wui-qr-code/index.js +14 -11
- package/lib/module/composites/wui-qr-code/index.js.map +1 -1
- package/lib/module/composites/wui-snackbar/index.js +1 -0
- package/lib/module/composites/wui-snackbar/index.js.map +1 -1
- package/lib/module/composites/wui-snackbar/styles.js +2 -1
- package/lib/module/composites/wui-snackbar/styles.js.map +1 -1
- package/lib/module/composites/wui-tabs/index.js +22 -8
- package/lib/module/composites/wui-tabs/index.js.map +1 -1
- package/lib/module/composites/wui-tabs/styles.js +1 -2
- package/lib/module/composites/wui-tabs/styles.js.map +1 -1
- package/lib/module/composites/wui-token-button/index.js +30 -0
- package/lib/module/composites/wui-token-button/index.js.map +1 -0
- package/lib/module/composites/wui-token-button/styles.js +18 -0
- package/lib/module/composites/wui-token-button/styles.js.map +1 -0
- package/lib/module/composites/wui-transaction-visual/index.js +66 -0
- package/lib/module/composites/wui-transaction-visual/index.js.map +1 -0
- package/lib/module/composites/wui-transaction-visual/styles.js +36 -0
- package/lib/module/composites/wui-transaction-visual/styles.js.map +1 -0
- package/lib/module/index.js +8 -0
- package/lib/module/index.js.map +1 -1
- package/lib/module/utils/ThemeUtil.js +2 -1
- package/lib/module/utils/ThemeUtil.js.map +1 -1
- package/lib/module/utils/TransactionUtil.js +134 -0
- package/lib/module/utils/TransactionUtil.js.map +1 -0
- package/lib/module/utils/UiUtil.js +15 -0
- package/lib/module/utils/UiUtil.js.map +1 -1
- package/lib/typescript/assets/svg/ArrowBottomCircle.d.ts +4 -0
- package/lib/typescript/assets/svg/ArrowBottomCircle.d.ts.map +1 -0
- package/lib/typescript/assets/svg/Paperplane.d.ts +4 -0
- package/lib/typescript/assets/svg/Paperplane.d.ts.map +1 -0
- package/lib/typescript/components/wui-icon/index.d.ts.map +1 -1
- package/lib/typescript/composites/wui-account-button/index.d.ts +2 -2
- package/lib/typescript/composites/wui-account-button/index.d.ts.map +1 -1
- package/lib/typescript/composites/wui-account-pill/index.d.ts +11 -0
- package/lib/typescript/composites/wui-account-pill/index.d.ts.map +1 -0
- package/lib/typescript/composites/wui-account-pill/styles.d.ts +18 -0
- package/lib/typescript/composites/wui-account-pill/styles.d.ts.map +1 -0
- package/lib/typescript/composites/wui-avatar/styles.d.ts.map +1 -1
- package/lib/typescript/composites/wui-balance/index.d.ts +6 -0
- package/lib/typescript/composites/wui-balance/index.d.ts.map +1 -0
- package/lib/typescript/composites/wui-banner/index.d.ts +7 -0
- package/lib/typescript/composites/wui-banner/index.d.ts.map +1 -0
- package/lib/typescript/composites/wui-banner/styles.d.ts +14 -0
- package/lib/typescript/composites/wui-banner/styles.d.ts.map +1 -0
- package/lib/typescript/composites/wui-button/index.d.ts.map +1 -1
- package/lib/typescript/composites/wui-chip/index.d.ts +2 -2
- package/lib/typescript/composites/wui-chip/index.d.ts.map +1 -1
- package/lib/typescript/composites/wui-compatible-network/index.d.ts +10 -0
- package/lib/typescript/composites/wui-compatible-network/index.d.ts.map +1 -0
- package/lib/typescript/composites/wui-list-item/index.d.ts +6 -4
- package/lib/typescript/composites/wui-list-item/index.d.ts.map +1 -1
- package/lib/typescript/composites/wui-list-item/styles.d.ts +1 -0
- package/lib/typescript/composites/wui-list-item/styles.d.ts.map +1 -1
- package/lib/typescript/composites/wui-list-token/index.d.ts +11 -0
- package/lib/typescript/composites/wui-list-token/index.d.ts.map +1 -0
- package/lib/typescript/composites/wui-list-token/styles.d.ts +23 -0
- package/lib/typescript/composites/wui-list-token/styles.d.ts.map +1 -0
- package/lib/typescript/composites/wui-list-transaction/index.d.ts +15 -0
- package/lib/typescript/composites/wui-list-transaction/index.d.ts.map +1 -0
- package/lib/typescript/composites/wui-list-transaction/styles.d.ts +10 -0
- package/lib/typescript/composites/wui-list-transaction/styles.d.ts.map +1 -0
- package/lib/typescript/composites/wui-list-transaction/utils.d.ts +6 -0
- package/lib/typescript/composites/wui-list-transaction/utils.d.ts.map +1 -0
- package/lib/typescript/composites/wui-network-button/index.d.ts +6 -4
- package/lib/typescript/composites/wui-network-button/index.d.ts.map +1 -1
- package/lib/typescript/composites/wui-network-button/styles.d.ts +1 -1
- package/lib/typescript/composites/wui-network-image/index.d.ts +6 -2
- package/lib/typescript/composites/wui-network-image/index.d.ts.map +1 -1
- package/lib/typescript/composites/wui-network-image/styles.d.ts +2 -0
- package/lib/typescript/composites/wui-network-image/styles.d.ts.map +1 -1
- package/lib/typescript/composites/wui-qr-code/index.d.ts +4 -1
- package/lib/typescript/composites/wui-qr-code/index.d.ts.map +1 -1
- package/lib/typescript/composites/wui-snackbar/index.d.ts.map +1 -1
- package/lib/typescript/composites/wui-snackbar/styles.d.ts.map +1 -1
- package/lib/typescript/composites/wui-tabs/index.d.ts +4 -2
- package/lib/typescript/composites/wui-tabs/index.d.ts.map +1 -1
- package/lib/typescript/composites/wui-tabs/styles.d.ts +1 -2
- package/lib/typescript/composites/wui-tabs/styles.d.ts.map +1 -1
- package/lib/typescript/composites/wui-token-button/index.d.ts +7 -0
- package/lib/typescript/composites/wui-token-button/index.d.ts.map +1 -0
- package/lib/typescript/composites/wui-token-button/styles.d.ts +17 -0
- package/lib/typescript/composites/wui-token-button/styles.d.ts.map +1 -0
- package/lib/typescript/composites/wui-transaction-visual/index.d.ts +8 -0
- package/lib/typescript/composites/wui-transaction-visual/index.d.ts.map +1 -0
- package/lib/typescript/composites/wui-transaction-visual/styles.d.ts +35 -0
- package/lib/typescript/composites/wui-transaction-visual/styles.d.ts.map +1 -0
- package/lib/typescript/index.d.ts +8 -0
- package/lib/typescript/index.d.ts.map +1 -1
- package/lib/typescript/utils/ThemeUtil.d.ts +1 -0
- package/lib/typescript/utils/ThemeUtil.d.ts.map +1 -1
- package/lib/typescript/utils/TransactionUtil.d.ts +13 -0
- package/lib/typescript/utils/TransactionUtil.d.ts.map +1 -0
- package/lib/typescript/utils/TypesUtil.d.ts +4 -3
- package/lib/typescript/utils/TypesUtil.d.ts.map +1 -1
- package/lib/typescript/utils/UiUtil.d.ts +1 -0
- package/lib/typescript/utils/UiUtil.d.ts.map +1 -1
- package/package.json +4 -4
- package/readme.md +1 -1
- package/src/assets/svg/ArrowBottomCircle.tsx +12 -0
- package/src/assets/svg/Paperplane.tsx +12 -0
- package/src/components/wui-icon/index.tsx +4 -0
- package/src/composites/wui-account-button/index.tsx +17 -8
- package/src/composites/wui-account-button/styles.ts +4 -4
- package/src/composites/wui-account-pill/index.tsx +72 -0
- package/src/composites/wui-account-pill/styles.ts +19 -0
- package/src/composites/wui-avatar/styles.ts +2 -1
- package/src/composites/wui-balance/index.tsx +25 -0
- package/src/composites/wui-banner/index.tsx +28 -0
- package/src/composites/wui-banner/styles.ts +15 -0
- package/src/composites/wui-button/index.tsx +12 -10
- package/src/composites/wui-button/styles.ts +2 -2
- package/src/composites/wui-chip/index.tsx +7 -9
- package/src/composites/wui-chip/styles.ts +1 -1
- package/src/composites/wui-compatible-network/index.tsx +64 -0
- package/src/composites/wui-list-item/index.tsx +15 -14
- package/src/composites/wui-list-item/styles.ts +4 -3
- package/src/composites/wui-list-token/index.tsx +83 -0
- package/src/composites/wui-list-token/styles.ts +24 -0
- package/src/composites/wui-list-transaction/index.tsx +65 -0
- package/src/composites/wui-list-transaction/styles.ts +10 -0
- package/src/composites/wui-list-transaction/utils.ts +83 -0
- package/src/composites/wui-network-button/index.tsx +22 -15
- package/src/composites/wui-network-button/styles.ts +4 -4
- package/src/composites/wui-network-image/index.tsx +57 -21
- package/src/composites/wui-network-image/styles.ts +6 -0
- package/src/composites/wui-qr-code/index.tsx +15 -10
- package/src/composites/wui-snackbar/index.tsx +1 -0
- package/src/composites/wui-snackbar/styles.ts +2 -1
- package/src/composites/wui-tabs/index.tsx +33 -9
- package/src/composites/wui-tabs/styles.ts +1 -2
- package/src/composites/wui-token-button/index.tsx +29 -0
- package/src/composites/wui-token-button/styles.ts +18 -0
- package/src/composites/wui-transaction-visual/index.tsx +78 -0
- package/src/composites/wui-transaction-visual/styles.ts +36 -0
- package/src/index.ts +11 -0
- package/src/utils/ThemeUtil.ts +2 -1
- package/src/utils/TransactionUtil.ts +173 -0
- package/src/utils/TypesUtil.ts +36 -2
- package/src/utils/UiUtil.ts +18 -0
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
import { Pressable } from 'react-native';
|
|
2
|
+
import { Icon } from '../../components/wui-icon';
|
|
3
|
+
import { Image } from '../../components/wui-image';
|
|
4
|
+
import { Text } from '../../components/wui-text';
|
|
5
|
+
import { useTheme } from '../../hooks/useTheme';
|
|
6
|
+
import { FlexView } from '../../layout/wui-flex';
|
|
7
|
+
import { UiUtil } from '../../utils/UiUtil';
|
|
8
|
+
import styles from './styles';
|
|
9
|
+
export function ListToken({
|
|
10
|
+
imageSrc,
|
|
11
|
+
networkSrc,
|
|
12
|
+
name,
|
|
13
|
+
value,
|
|
14
|
+
amount,
|
|
15
|
+
currency,
|
|
16
|
+
onPress
|
|
17
|
+
}) {
|
|
18
|
+
const Theme = useTheme();
|
|
19
|
+
return /*#__PURE__*/React.createElement(Pressable, {
|
|
20
|
+
onPress: onPress
|
|
21
|
+
}, /*#__PURE__*/React.createElement(FlexView, {
|
|
22
|
+
flexDirection: "row",
|
|
23
|
+
justifyContent: "space-between",
|
|
24
|
+
alignItems: "center",
|
|
25
|
+
padding: ['2xs', 'm', '2xs', 'xs']
|
|
26
|
+
}, /*#__PURE__*/React.createElement(FlexView, {
|
|
27
|
+
flexDirection: "row",
|
|
28
|
+
alignItems: "center"
|
|
29
|
+
}, imageSrc ? /*#__PURE__*/React.createElement(Image, {
|
|
30
|
+
source: imageSrc,
|
|
31
|
+
style: [styles.image, {
|
|
32
|
+
backgroundColor: Theme['gray-glass-005']
|
|
33
|
+
}]
|
|
34
|
+
}) : /*#__PURE__*/React.createElement(FlexView, {
|
|
35
|
+
style: [styles.image, {
|
|
36
|
+
backgroundColor: Theme['gray-glass-005']
|
|
37
|
+
}],
|
|
38
|
+
alignItems: "center",
|
|
39
|
+
justifyContent: "center"
|
|
40
|
+
}, /*#__PURE__*/React.createElement(Icon, {
|
|
41
|
+
name: "coinPlaceholder",
|
|
42
|
+
size: "lg",
|
|
43
|
+
color: "fg-200"
|
|
44
|
+
})), /*#__PURE__*/React.createElement(FlexView, {
|
|
45
|
+
alignItems: "center",
|
|
46
|
+
justifyContent: "center",
|
|
47
|
+
style: [styles.networkImageContainer, {
|
|
48
|
+
borderColor: Theme['bg-100'],
|
|
49
|
+
backgroundColor: Theme['bg-200']
|
|
50
|
+
}]
|
|
51
|
+
}, networkSrc ? /*#__PURE__*/React.createElement(Image, {
|
|
52
|
+
source: networkSrc,
|
|
53
|
+
style: styles.networkImage
|
|
54
|
+
}) : /*#__PURE__*/React.createElement(Icon, {
|
|
55
|
+
name: "networkPlaceholder",
|
|
56
|
+
size: "xxs",
|
|
57
|
+
color: "fg-200"
|
|
58
|
+
})), /*#__PURE__*/React.createElement(FlexView, {
|
|
59
|
+
padding: ['0', 's', '0', 's']
|
|
60
|
+
}, /*#__PURE__*/React.createElement(Text, {
|
|
61
|
+
color: "fg-100",
|
|
62
|
+
variant: "paragraph-500"
|
|
63
|
+
}, name), /*#__PURE__*/React.createElement(Text, {
|
|
64
|
+
variant: "small-400",
|
|
65
|
+
color: "fg-200"
|
|
66
|
+
}, UiUtil.formatNumberToLocalString(amount, 4), " ", currency))), /*#__PURE__*/React.createElement(Text, {
|
|
67
|
+
color: "fg-100",
|
|
68
|
+
variant: "paragraph-500"
|
|
69
|
+
}, "$", value?.toFixed(2) ?? '0.00')));
|
|
70
|
+
}
|
|
71
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["Pressable","Icon","Image","Text","useTheme","FlexView","UiUtil","styles","ListToken","imageSrc","networkSrc","name","value","amount","currency","onPress","Theme","React","createElement","flexDirection","justifyContent","alignItems","padding","source","style","image","backgroundColor","size","color","networkImageContainer","borderColor","networkImage","variant","formatNumberToLocalString","toFixed"],"sourceRoot":"../../../../src","sources":["composites/wui-list-token/index.tsx"],"mappings":"AAAA,SAASA,SAAS,QAAQ,cAAc;AACxC,SAASC,IAAI,QAAQ,2BAA2B;AAChD,SAASC,KAAK,QAAQ,4BAA4B;AAClD,SAASC,IAAI,QAAQ,2BAA2B;AAChD,SAASC,QAAQ,QAAQ,sBAAsB;AAC/C,SAASC,QAAQ,QAAQ,uBAAuB;AAChD,SAASC,MAAM,QAAQ,oBAAoB;AAC3C,OAAOC,MAAM,MAAM,UAAU;AAY7B,OAAO,SAASC,SAASA,CAAC;EACxBC,QAAQ;EACRC,UAAU;EACVC,IAAI;EACJC,KAAK;EACLC,MAAM;EACNC,QAAQ;EACRC;AACc,CAAC,EAAE;EACjB,MAAMC,KAAK,GAAGZ,QAAQ,CAAC,CAAC;EAExB,oBACEa,KAAA,CAAAC,aAAA,CAAClB,SAAS;IAACe,OAAO,EAAEA;EAAQ,gBAC1BE,KAAA,CAAAC,aAAA,CAACb,QAAQ;IACPc,aAAa,EAAC,KAAK;IACnBC,cAAc,EAAC,eAAe;IAC9BC,UAAU,EAAC,QAAQ;IACnBC,OAAO,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI;EAAE,gBAEnCL,KAAA,CAAAC,aAAA,CAACb,QAAQ;IAACc,aAAa,EAAC,KAAK;IAACE,UAAU,EAAC;EAAQ,GAC9CZ,QAAQ,gBACPQ,KAAA,CAAAC,aAAA,CAAChB,KAAK;IACJqB,MAAM,EAAEd,QAAS;IACjBe,KAAK,EAAE,CAACjB,MAAM,CAACkB,KAAK,EAAE;MAAEC,eAAe,EAAEV,KAAK,CAAC,gBAAgB;IAAE,CAAC;EAAE,CACrE,CAAC,gBAEFC,KAAA,CAAAC,aAAA,CAACb,QAAQ;IACPmB,KAAK,EAAE,CAACjB,MAAM,CAACkB,KAAK,EAAE;MAAEC,eAAe,EAAEV,KAAK,CAAC,gBAAgB;IAAE,CAAC,CAAE;IACpEK,UAAU,EAAC,QAAQ;IACnBD,cAAc,EAAC;EAAQ,gBAEvBH,KAAA,CAAAC,aAAA,CAACjB,IAAI;IAACU,IAAI,EAAC,iBAAiB;IAACgB,IAAI,EAAC,IAAI;IAACC,KAAK,EAAC;EAAQ,CAAE,CAC/C,CACX,eACDX,KAAA,CAAAC,aAAA,CAACb,QAAQ;IACPgB,UAAU,EAAC,QAAQ;IACnBD,cAAc,EAAC,QAAQ;IACvBI,KAAK,EAAE,CACLjB,MAAM,CAACsB,qBAAqB,EAC5B;MAAEC,WAAW,EAAEd,KAAK,CAAC,QAAQ,CAAC;MAAEU,eAAe,EAAEV,KAAK,CAAC,QAAQ;IAAE,CAAC;EAClE,GAEDN,UAAU,gBACTO,KAAA,CAAAC,aAAA,CAAChB,KAAK;IAACqB,MAAM,EAAEb,UAAW;IAACc,KAAK,EAAEjB,MAAM,CAACwB;EAAa,CAAE,CAAC,gBAEzDd,KAAA,CAAAC,aAAA,CAACjB,IAAI;IAACU,IAAI,EAAC,oBAAoB;IAACgB,IAAI,EAAC,KAAK;IAACC,KAAK,EAAC;EAAQ,CAAE,CAErD,CAAC,eACXX,KAAA,CAAAC,aAAA,CAACb,QAAQ;IAACiB,OAAO,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG;EAAE,gBACtCL,KAAA,CAAAC,aAAA,CAACf,IAAI;IAACyB,KAAK,EAAC,QAAQ;IAACI,OAAO,EAAC;EAAe,GACzCrB,IACG,CAAC,eACPM,KAAA,CAAAC,aAAA,CAACf,IAAI;IAAC6B,OAAO,EAAC,WAAW;IAACJ,KAAK,EAAC;EAAQ,GACrCtB,MAAM,CAAC2B,yBAAyB,CAACpB,MAAM,EAAE,CAAC,CAAC,EAAC,GAAC,EAACC,QAC3C,CACE,CACF,CAAC,eACXG,KAAA,CAAAC,aAAA,CAACf,IAAI;IAACyB,KAAK,EAAC,QAAQ;IAACI,OAAO,EAAC;EAAe,GAAC,GAC1C,EAACpB,KAAK,EAAEsB,OAAO,CAAC,CAAC,CAAC,IAAI,MACnB,CACE,CACD,CAAC;AAEhB"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { StyleSheet } from 'react-native';
|
|
2
|
+
import { BorderRadius, WalletImageSize } from '../../utils/ThemeUtil';
|
|
3
|
+
export default StyleSheet.create({
|
|
4
|
+
image: {
|
|
5
|
+
height: WalletImageSize.sm,
|
|
6
|
+
width: WalletImageSize.sm,
|
|
7
|
+
borderRadius: BorderRadius.full
|
|
8
|
+
},
|
|
9
|
+
networkImageContainer: {
|
|
10
|
+
position: 'absolute',
|
|
11
|
+
bottom: -2,
|
|
12
|
+
left: 24,
|
|
13
|
+
borderWidth: 2,
|
|
14
|
+
borderRadius: BorderRadius.full,
|
|
15
|
+
width: 18,
|
|
16
|
+
height: 18
|
|
17
|
+
},
|
|
18
|
+
networkImage: {
|
|
19
|
+
width: 14,
|
|
20
|
+
height: 14,
|
|
21
|
+
borderRadius: BorderRadius.full
|
|
22
|
+
}
|
|
23
|
+
});
|
|
24
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["StyleSheet","BorderRadius","WalletImageSize","create","image","height","sm","width","borderRadius","full","networkImageContainer","position","bottom","left","borderWidth","networkImage"],"sourceRoot":"../../../../src","sources":["composites/wui-list-token/styles.ts"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,YAAY,EAAEC,eAAe,QAAQ,uBAAuB;AAErE,eAAeF,UAAU,CAACG,MAAM,CAAC;EAC/BC,KAAK,EAAE;IACLC,MAAM,EAAEH,eAAe,CAACI,EAAE;IAC1BC,KAAK,EAAEL,eAAe,CAACI,EAAE;IACzBE,YAAY,EAAEP,YAAY,CAACQ;EAC7B,CAAC;EACDC,qBAAqB,EAAE;IACrBC,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAE,CAAC,CAAC;IACVC,IAAI,EAAE,EAAE;IACRC,WAAW,EAAE,CAAC;IACdN,YAAY,EAAEP,YAAY,CAACQ,IAAI;IAC/BF,KAAK,EAAE,EAAE;IACTF,MAAM,EAAE;EACV,CAAC;EACDU,YAAY,EAAE;IACZR,KAAK,EAAE,EAAE;IACTF,MAAM,EAAE,EAAE;IACVG,YAAY,EAAEP,YAAY,CAACQ;EAC7B;AACF,CAAC,CAAC"}
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import { Text } from '../../components/wui-text';
|
|
2
|
+
import { FlexView } from '../../layout/wui-flex';
|
|
3
|
+
import { IconBox } from '../wui-icon-box';
|
|
4
|
+
import { TransactionVisual } from '../wui-transaction-visual';
|
|
5
|
+
import { getIcon, getTypeLabel, getIconColor } from './utils';
|
|
6
|
+
import styles from './styles';
|
|
7
|
+
export function ListTransaction({
|
|
8
|
+
date,
|
|
9
|
+
type,
|
|
10
|
+
descriptions,
|
|
11
|
+
images,
|
|
12
|
+
networkSrc,
|
|
13
|
+
style,
|
|
14
|
+
isAllNFT,
|
|
15
|
+
status
|
|
16
|
+
}) {
|
|
17
|
+
const joinSymbol = type === 'trade' ? ' → ' : ' - ';
|
|
18
|
+
return /*#__PURE__*/React.createElement(FlexView, {
|
|
19
|
+
flexDirection: "row",
|
|
20
|
+
alignItems: "center",
|
|
21
|
+
style: style
|
|
22
|
+
}, /*#__PURE__*/React.createElement(TransactionVisual, {
|
|
23
|
+
images: images,
|
|
24
|
+
networkSrc: networkSrc,
|
|
25
|
+
isAllNFT: isAllNFT
|
|
26
|
+
}), /*#__PURE__*/React.createElement(FlexView, {
|
|
27
|
+
flexDirection: "row",
|
|
28
|
+
alignItems: "center",
|
|
29
|
+
style: styles.middleContainer
|
|
30
|
+
}, /*#__PURE__*/React.createElement(FlexView, {
|
|
31
|
+
justifyContent: "center",
|
|
32
|
+
alignItems: "flex-start"
|
|
33
|
+
}, /*#__PURE__*/React.createElement(FlexView, {
|
|
34
|
+
flexDirection: "row",
|
|
35
|
+
alignItems: "center"
|
|
36
|
+
}, type && /*#__PURE__*/React.createElement(IconBox, {
|
|
37
|
+
icon: getIcon(type),
|
|
38
|
+
size: "sm",
|
|
39
|
+
iconColor: getIconColor(status),
|
|
40
|
+
background: true,
|
|
41
|
+
border: true,
|
|
42
|
+
borderColor: "bg-100"
|
|
43
|
+
}), /*#__PURE__*/React.createElement(Text, {
|
|
44
|
+
variant: "paragraph-500",
|
|
45
|
+
color: "fg-100"
|
|
46
|
+
}, getTypeLabel(type))), /*#__PURE__*/React.createElement(Text, {
|
|
47
|
+
variant: "small-400",
|
|
48
|
+
color: "fg-200",
|
|
49
|
+
numberOfLines: 1,
|
|
50
|
+
ellipsizeMode: "tail"
|
|
51
|
+
}, descriptions?.join(joinSymbol)))), /*#__PURE__*/React.createElement(Text, {
|
|
52
|
+
variant: "micro-700",
|
|
53
|
+
color: "fg-300",
|
|
54
|
+
style: styles.date
|
|
55
|
+
}, date));
|
|
56
|
+
}
|
|
57
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["Text","FlexView","IconBox","TransactionVisual","getIcon","getTypeLabel","getIconColor","styles","ListTransaction","date","type","descriptions","images","networkSrc","style","isAllNFT","status","joinSymbol","React","createElement","flexDirection","alignItems","middleContainer","justifyContent","icon","size","iconColor","background","border","borderColor","variant","color","numberOfLines","ellipsizeMode","join"],"sourceRoot":"../../../../src","sources":["composites/wui-list-transaction/index.tsx"],"mappings":"AAGA,SAASA,IAAI,QAAQ,2BAA2B;AAChD,SAASC,QAAQ,QAAQ,uBAAuB;AAChD,SAASC,OAAO,QAAQ,iBAAiB;AACzC,SAASC,iBAAiB,QAAQ,2BAA2B;AAC7D,SAASC,OAAO,EAAEC,YAAY,EAAEC,YAAY,QAAQ,SAAS;AAC7D,OAAOC,MAAM,MAAM,UAAU;AAc7B,OAAO,SAASC,eAAeA,CAAC;EAC9BC,IAAI;EACJC,IAAI;EACJC,YAAY;EACZC,MAAM;EACNC,UAAU;EACVC,KAAK;EACLC,QAAQ;EACRC;AACoB,CAAC,EAAE;EACvB,MAAMC,UAAU,GAAGP,IAAI,KAAK,OAAO,GAAG,KAAK,GAAG,KAAK;EAEnD,oBACEQ,KAAA,CAAAC,aAAA,CAAClB,QAAQ;IAACmB,aAAa,EAAC,KAAK;IAACC,UAAU,EAAC,QAAQ;IAACP,KAAK,EAAEA;EAAM,gBAC7DI,KAAA,CAAAC,aAAA,CAAChB,iBAAiB;IAACS,MAAM,EAAEA,MAAO;IAACC,UAAU,EAAEA,UAAW;IAACE,QAAQ,EAAEA;EAAS,CAAE,CAAC,eACjFG,KAAA,CAAAC,aAAA,CAAClB,QAAQ;IAACmB,aAAa,EAAC,KAAK;IAACC,UAAU,EAAC,QAAQ;IAACP,KAAK,EAAEP,MAAM,CAACe;EAAgB,gBAC9EJ,KAAA,CAAAC,aAAA,CAAClB,QAAQ;IAACsB,cAAc,EAAC,QAAQ;IAACF,UAAU,EAAC;EAAY,gBACvDH,KAAA,CAAAC,aAAA,CAAClB,QAAQ;IAACmB,aAAa,EAAC,KAAK;IAACC,UAAU,EAAC;EAAQ,GAC9CX,IAAI,iBACHQ,KAAA,CAAAC,aAAA,CAACjB,OAAO;IACNsB,IAAI,EAAEpB,OAAO,CAACM,IAAI,CAAE;IACpBe,IAAI,EAAC,IAAI;IACTC,SAAS,EAAEpB,YAAY,CAACU,MAAM,CAAE;IAChCW,UAAU;IACVC,MAAM;IACNC,WAAW,EAAC;EAAQ,CACrB,CACF,eACDX,KAAA,CAAAC,aAAA,CAACnB,IAAI;IAAC8B,OAAO,EAAC,eAAe;IAACC,KAAK,EAAC;EAAQ,GACzC1B,YAAY,CAACK,IAAI,CACd,CACE,CAAC,eACXQ,KAAA,CAAAC,aAAA,CAACnB,IAAI;IAAC8B,OAAO,EAAC,WAAW;IAACC,KAAK,EAAC,QAAQ;IAACC,aAAa,EAAE,CAAE;IAACC,aAAa,EAAC;EAAM,GAC5EtB,YAAY,EAAEuB,IAAI,CAACjB,UAAU,CAC1B,CACE,CACF,CAAC,eACXC,KAAA,CAAAC,aAAA,CAACnB,IAAI;IAAC8B,OAAO,EAAC,WAAW;IAACC,KAAK,EAAC,QAAQ;IAACjB,KAAK,EAAEP,MAAM,CAACE;EAAK,GACzDA,IACG,CACE,CAAC;AAEf"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["StyleSheet","create","middleContainer","flex","date","textTransform"],"sourceRoot":"../../../../src","sources":["composites/wui-list-transaction/styles.ts"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AAEzC,eAAeA,UAAU,CAACC,MAAM,CAAC;EAC/BC,eAAe,EAAE;IACfC,IAAI,EAAE;EACR,CAAC;EACDC,IAAI,EAAE;IACJC,aAAa,EAAE;EACjB;AACF,CAAC,CAAC"}
|
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
export const getIcon = type => {
|
|
2
|
+
switch (type) {
|
|
3
|
+
case 'approve':
|
|
4
|
+
case 'execute':
|
|
5
|
+
return 'checkmark';
|
|
6
|
+
case 'repay':
|
|
7
|
+
case 'send':
|
|
8
|
+
case 'stake':
|
|
9
|
+
case 'withdraw':
|
|
10
|
+
return 'arrowTop';
|
|
11
|
+
case 'burn':
|
|
12
|
+
case 'cancel':
|
|
13
|
+
return 'close';
|
|
14
|
+
case 'trade':
|
|
15
|
+
return 'swapHorizontal';
|
|
16
|
+
case 'deploy':
|
|
17
|
+
return 'arrowRight';
|
|
18
|
+
default:
|
|
19
|
+
return 'arrowBottom';
|
|
20
|
+
}
|
|
21
|
+
};
|
|
22
|
+
|
|
23
|
+
//Utils
|
|
24
|
+
export const getIconColor = status => {
|
|
25
|
+
switch (status) {
|
|
26
|
+
case 'confirmed':
|
|
27
|
+
return 'success-100';
|
|
28
|
+
case 'failed':
|
|
29
|
+
return 'error-100';
|
|
30
|
+
case 'pending':
|
|
31
|
+
return 'fg-200';
|
|
32
|
+
default:
|
|
33
|
+
return 'fg-200';
|
|
34
|
+
}
|
|
35
|
+
};
|
|
36
|
+
export const getTypeLabel = type => {
|
|
37
|
+
if (!type) {
|
|
38
|
+
return 'Unknown';
|
|
39
|
+
}
|
|
40
|
+
switch (type) {
|
|
41
|
+
case 'approve':
|
|
42
|
+
return 'Approved';
|
|
43
|
+
case 'bought':
|
|
44
|
+
return 'Bought';
|
|
45
|
+
case 'borrow':
|
|
46
|
+
return 'Borrowed';
|
|
47
|
+
case 'burn':
|
|
48
|
+
return 'Burnt';
|
|
49
|
+
case 'cancel':
|
|
50
|
+
return 'Canceled';
|
|
51
|
+
case 'claim':
|
|
52
|
+
return 'Claimed';
|
|
53
|
+
case 'deploy':
|
|
54
|
+
return 'Deployed';
|
|
55
|
+
case 'deposit':
|
|
56
|
+
return 'Deposited';
|
|
57
|
+
case 'execute':
|
|
58
|
+
return 'Executed';
|
|
59
|
+
case 'mint':
|
|
60
|
+
return 'Minted';
|
|
61
|
+
case 'receive':
|
|
62
|
+
return 'Received';
|
|
63
|
+
case 'repay':
|
|
64
|
+
return 'Repaid';
|
|
65
|
+
case 'send':
|
|
66
|
+
return 'Sent';
|
|
67
|
+
case 'stake':
|
|
68
|
+
return 'Staked';
|
|
69
|
+
case 'trade':
|
|
70
|
+
return 'Swapped';
|
|
71
|
+
case 'unstake':
|
|
72
|
+
return 'Unstaked';
|
|
73
|
+
case 'withdraw':
|
|
74
|
+
return 'Withdrawn';
|
|
75
|
+
default:
|
|
76
|
+
return 'Unknown';
|
|
77
|
+
}
|
|
78
|
+
};
|
|
79
|
+
//# sourceMappingURL=utils.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["getIcon","type","getIconColor","status","getTypeLabel"],"sourceRoot":"../../../../src","sources":["composites/wui-list-transaction/utils.ts"],"mappings":"AAGA,OAAO,MAAMA,OAAO,GAAIC,IAAqB,IAAe;EAC1D,QAAQA,IAAI;IACV,KAAK,SAAS;IACd,KAAK,SAAS;MACZ,OAAO,WAAW;IACpB,KAAK,OAAO;IACZ,KAAK,MAAM;IACX,KAAK,OAAO;IACZ,KAAK,UAAU;MACb,OAAO,UAAU;IACnB,KAAK,MAAM;IACX,KAAK,QAAQ;MACX,OAAO,OAAO;IAChB,KAAK,OAAO;MACV,OAAO,gBAAgB;IACzB,KAAK,QAAQ;MACX,OAAO,YAAY;IACrB;MACE,OAAO,aAAa;EACxB;AACF,CAAC;;AAED;AACA,OAAO,MAAMC,YAAY,GAAIC,MAA0B,IAAK;EAC1D,QAAQA,MAAM;IACZ,KAAK,WAAW;MACd,OAAO,aAAa;IACtB,KAAK,QAAQ;MACX,OAAO,WAAW;IACpB,KAAK,SAAS;MACZ,OAAO,QAAQ;IACjB;MACE,OAAO,QAAQ;EACnB;AACF,CAAC;AAED,OAAO,MAAMC,YAAY,GAAIH,IAAsB,IAAK;EACtD,IAAI,CAACA,IAAI,EAAE;IACT,OAAO,SAAS;EAClB;EAEA,QAAQA,IAAI;IACV,KAAK,SAAS;MACZ,OAAO,UAAU;IACnB,KAAK,QAAQ;MACX,OAAO,QAAQ;IACjB,KAAK,QAAQ;MACX,OAAO,UAAU;IACnB,KAAK,MAAM;MACT,OAAO,OAAO;IAChB,KAAK,QAAQ;MACX,OAAO,UAAU;IACnB,KAAK,OAAO;MACV,OAAO,SAAS;IAClB,KAAK,QAAQ;MACX,OAAO,UAAU;IACnB,KAAK,SAAS;MACZ,OAAO,WAAW;IACpB,KAAK,SAAS;MACZ,OAAO,UAAU;IACnB,KAAK,MAAM;MACT,OAAO,QAAQ;IACjB,KAAK,SAAS;MACZ,OAAO,UAAU;IACnB,KAAK,OAAO;MACV,OAAO,QAAQ;IACjB,KAAK,MAAM;MACT,OAAO,MAAM;IACf,KAAK,OAAO;MACV,OAAO,QAAQ;IACjB,KAAK,OAAO;MACV,OAAO,SAAS;IAClB,KAAK,SAAS;MACZ,OAAO,UAAU;IACnB,KAAK,UAAU;MACb,OAAO,WAAW;IACpB;MACE,OAAO,SAAS;EACpB;AACF,CAAC"}
|
|
@@ -1,20 +1,21 @@
|
|
|
1
|
-
import { Animated, Pressable } from 'react-native';
|
|
1
|
+
import { Animated, Pressable, View } from 'react-native';
|
|
2
2
|
import { Image } from '../../components/wui-image';
|
|
3
3
|
import { Text } from '../../components/wui-text';
|
|
4
4
|
import { useTheme } from '../../hooks/useTheme';
|
|
5
5
|
import { IconBox } from '../wui-icon-box';
|
|
6
|
-
import styles from './styles';
|
|
7
|
-
import useAnimatedValue from '../../hooks/useAnimatedValue';
|
|
8
6
|
import { LoadingSpinner } from '../../components/wui-loading-spinner';
|
|
7
|
+
import useAnimatedValue from '../../hooks/useAnimatedValue';
|
|
8
|
+
import styles from './styles';
|
|
9
9
|
const AnimatedPressable = Animated.createAnimatedComponent(Pressable);
|
|
10
10
|
export function NetworkButton({
|
|
11
|
+
children,
|
|
12
|
+
onPress,
|
|
13
|
+
background = true,
|
|
14
|
+
disabled,
|
|
11
15
|
imageSrc,
|
|
12
16
|
imageHeaders,
|
|
13
|
-
disabled,
|
|
14
|
-
onPress,
|
|
15
|
-
style,
|
|
16
17
|
loading,
|
|
17
|
-
|
|
18
|
+
style
|
|
18
19
|
}) {
|
|
19
20
|
const Theme = useTheme();
|
|
20
21
|
const textColor = disabled ? 'fg-300' : 'fg-100';
|
|
@@ -22,12 +23,13 @@ export function NetworkButton({
|
|
|
22
23
|
animatedValue,
|
|
23
24
|
setStartValue,
|
|
24
25
|
setEndValue
|
|
25
|
-
} = useAnimatedValue(Theme['gray-glass-005'], Theme['gray-glass-010']);
|
|
26
|
+
} = useAnimatedValue(background ? Theme['gray-glass-005'] : 'transparent', Theme['gray-glass-010']);
|
|
26
27
|
const backgroundColor = disabled ? Theme['gray-glass-015'] : animatedValue;
|
|
28
|
+
const borderColor = background ? Theme['gray-glass-005'] : 'transparent';
|
|
27
29
|
return /*#__PURE__*/React.createElement(AnimatedPressable, {
|
|
28
30
|
style: [styles.container, {
|
|
29
31
|
backgroundColor,
|
|
30
|
-
borderColor
|
|
32
|
+
borderColor
|
|
31
33
|
}, style],
|
|
32
34
|
onPress: onPress,
|
|
33
35
|
onPressIn: setEndValue,
|
|
@@ -41,10 +43,12 @@ export function NetworkButton({
|
|
|
41
43
|
imageSrc: imageSrc,
|
|
42
44
|
imageHeaders: imageHeaders,
|
|
43
45
|
borderColor: Theme['gray-glass-005']
|
|
44
|
-
}), /*#__PURE__*/React.createElement(Text, {
|
|
45
|
-
style: styles.
|
|
46
|
+
}), typeof children === 'string' ? /*#__PURE__*/React.createElement(Text, {
|
|
47
|
+
style: styles.children,
|
|
46
48
|
variant: "paragraph-600",
|
|
47
49
|
color: textColor
|
|
50
|
+
}, children) : /*#__PURE__*/React.createElement(View, {
|
|
51
|
+
style: styles.children
|
|
48
52
|
}, children));
|
|
49
53
|
}
|
|
50
54
|
function LoaderComponent({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Animated","Pressable","Image","Text","useTheme","IconBox","
|
|
1
|
+
{"version":3,"names":["Animated","Pressable","View","Image","Text","useTheme","IconBox","LoadingSpinner","useAnimatedValue","styles","AnimatedPressable","createAnimatedComponent","NetworkButton","children","onPress","background","disabled","imageSrc","imageHeaders","loading","style","Theme","textColor","animatedValue","setStartValue","setEndValue","backgroundColor","borderColor","React","createElement","container","onPressIn","onPressOut","LoaderComponent","ImageComponent","variant","color","size","loader","icon","iconColor","image","imageDisabled","source","headers"],"sourceRoot":"../../../../src","sources":["composites/wui-network-button/index.tsx"],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { StyleSheet } from 'react-native';
|
|
2
|
-
import { Spacing } from '../../utils/ThemeUtil';
|
|
2
|
+
import { BorderRadius, Spacing } from '../../utils/ThemeUtil';
|
|
3
3
|
export default StyleSheet.create({
|
|
4
4
|
container: {
|
|
5
5
|
flexDirection: 'row',
|
|
@@ -7,10 +7,10 @@ export default StyleSheet.create({
|
|
|
7
7
|
alignItems: 'center',
|
|
8
8
|
justifyContent: 'center',
|
|
9
9
|
borderWidth: 1,
|
|
10
|
-
borderRadius:
|
|
10
|
+
borderRadius: BorderRadius.full,
|
|
11
11
|
paddingHorizontal: Spacing['2xs']
|
|
12
12
|
},
|
|
13
|
-
|
|
13
|
+
children: {
|
|
14
14
|
paddingHorizontal: Spacing['2xs']
|
|
15
15
|
},
|
|
16
16
|
loader: {
|
|
@@ -19,7 +19,7 @@ export default StyleSheet.create({
|
|
|
19
19
|
image: {
|
|
20
20
|
height: 24,
|
|
21
21
|
width: 24,
|
|
22
|
-
borderRadius:
|
|
22
|
+
borderRadius: BorderRadius.full,
|
|
23
23
|
borderWidth: 2,
|
|
24
24
|
paddingLeft: Spacing['4xs']
|
|
25
25
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["StyleSheet","Spacing","create","container","flexDirection","height","alignItems","justifyContent","borderWidth","borderRadius","paddingHorizontal","
|
|
1
|
+
{"version":3,"names":["StyleSheet","BorderRadius","Spacing","create","container","flexDirection","height","alignItems","justifyContent","borderWidth","borderRadius","full","paddingHorizontal","children","loader","paddingLeft","image","width","imageDisabled","opacity"],"sourceRoot":"../../../../src","sources":["composites/wui-network-button/styles.ts"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,YAAY,EAAEC,OAAO,QAAQ,uBAAuB;AAE7D,eAAeF,UAAU,CAACG,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,aAAa,EAAE,KAAK;IACpBC,MAAM,EAAE,EAAE;IACVC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBC,WAAW,EAAE,CAAC;IACdC,YAAY,EAAET,YAAY,CAACU,IAAI;IAC/BC,iBAAiB,EAAEV,OAAO,CAAC,KAAK;EAClC,CAAC;EACDW,QAAQ,EAAE;IACRD,iBAAiB,EAAEV,OAAO,CAAC,KAAK;EAClC,CAAC;EACDY,MAAM,EAAE;IACNC,WAAW,EAAEb,OAAO,CAAC,KAAK;EAC5B,CAAC;EACDc,KAAK,EAAE;IACLV,MAAM,EAAE,EAAE;IACVW,KAAK,EAAE,EAAE;IACTP,YAAY,EAAET,YAAY,CAACU,IAAI;IAC/BF,WAAW,EAAE,CAAC;IACdM,WAAW,EAAEb,OAAO,CAAC,KAAK;EAC5B,CAAC;EACDgB,aAAa,EAAE;IACbC,OAAO,EAAE;EACX;AACF,CAAC,CAAC"}
|
|
@@ -1,44 +1,71 @@
|
|
|
1
1
|
import { Path, Svg, Image, Defs, Pattern } from 'react-native-svg';
|
|
2
2
|
import { useTheme } from '../../hooks/useTheme';
|
|
3
|
-
import {
|
|
3
|
+
import { Icon } from '../../components/wui-icon';
|
|
4
|
+
import { FlexView } from '../../layout/wui-flex';
|
|
5
|
+
import { PathLg, PathNormal, PathSmall, PathXS } from './styles';
|
|
6
|
+
const sizeToPath = {
|
|
7
|
+
lg: PathLg,
|
|
8
|
+
md: PathNormal,
|
|
9
|
+
sm: PathSmall,
|
|
10
|
+
xs: PathXS
|
|
11
|
+
};
|
|
12
|
+
const sizeToHeight = {
|
|
13
|
+
lg: 96,
|
|
14
|
+
md: 56,
|
|
15
|
+
sm: 40,
|
|
16
|
+
xs: 20
|
|
17
|
+
};
|
|
4
18
|
export function NetworkImage({
|
|
5
19
|
imageSrc,
|
|
6
20
|
imageHeaders,
|
|
7
21
|
disabled,
|
|
8
22
|
selected,
|
|
9
|
-
size = 'md'
|
|
23
|
+
size = 'md',
|
|
24
|
+
style,
|
|
25
|
+
borderColor,
|
|
26
|
+
borderWidth = 1
|
|
10
27
|
}) {
|
|
11
28
|
const Theme = useTheme();
|
|
12
|
-
const isLg = size === 'lg';
|
|
13
|
-
const svgWidth = isLg ? 96 : 56;
|
|
14
|
-
const svgHeight = isLg ? 96 : 56;
|
|
15
29
|
const svgStroke = selected ? Theme['accent-100'] : Theme['gray-glass-010'];
|
|
16
30
|
const opacity = disabled ? 0.5 : 1;
|
|
17
31
|
return /*#__PURE__*/React.createElement(Svg, {
|
|
18
|
-
width:
|
|
19
|
-
height:
|
|
20
|
-
stroke: svgStroke,
|
|
21
|
-
strokeWidth:
|
|
32
|
+
width: sizeToHeight[size],
|
|
33
|
+
height: sizeToHeight[size],
|
|
34
|
+
stroke: borderColor ?? svgStroke,
|
|
35
|
+
strokeWidth: borderWidth,
|
|
36
|
+
style: style
|
|
22
37
|
}, /*#__PURE__*/React.createElement(Defs, null, /*#__PURE__*/React.createElement(Pattern, {
|
|
23
|
-
id: "image-pattern"
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
width:
|
|
27
|
-
height: "1"
|
|
28
|
-
}, /*#__PURE__*/React.createElement(Image, {
|
|
29
|
-
height: svgHeight,
|
|
30
|
-
width: svgWidth,
|
|
31
|
-
x: "0",
|
|
32
|
-
y: "0",
|
|
38
|
+
id: "image-pattern"
|
|
39
|
+
}, imageSrc ? /*#__PURE__*/React.createElement(Image, {
|
|
40
|
+
height: sizeToHeight[size],
|
|
41
|
+
width: sizeToHeight[size],
|
|
33
42
|
opacity: opacity,
|
|
34
43
|
href: {
|
|
35
44
|
uri: imageSrc,
|
|
36
45
|
headers: imageHeaders
|
|
37
46
|
}
|
|
38
|
-
})
|
|
39
|
-
|
|
47
|
+
}) : /*#__PURE__*/React.createElement(FlexView, {
|
|
48
|
+
alignItems: "center",
|
|
49
|
+
justifyContent: "center"
|
|
50
|
+
// eslint-disable-next-line react-native/no-inline-styles
|
|
51
|
+
,
|
|
52
|
+
style: {
|
|
53
|
+
height: sizeToHeight[size],
|
|
54
|
+
width: sizeToHeight[size],
|
|
55
|
+
backgroundColor: 'transparent'
|
|
56
|
+
}
|
|
57
|
+
}, /*#__PURE__*/React.createElement(Icon, {
|
|
58
|
+
name: "networkPlaceholder",
|
|
59
|
+
size: size,
|
|
60
|
+
color: "fg-200"
|
|
61
|
+
})))), !imageSrc && /*#__PURE__*/React.createElement(Path, {
|
|
62
|
+
d: sizeToPath[size],
|
|
63
|
+
opacity: opacity,
|
|
64
|
+
fill: Theme['gray-glass-005']
|
|
65
|
+
}), /*#__PURE__*/React.createElement(Path, {
|
|
66
|
+
d: sizeToPath[size],
|
|
40
67
|
opacity: opacity,
|
|
41
|
-
fill:
|
|
68
|
+
fill: "url(#image-pattern)"
|
|
42
69
|
}));
|
|
43
70
|
}
|
|
44
71
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Path","Svg","Image","Defs","Pattern","useTheme","PathLg","PathNormal","NetworkImage","imageSrc","imageHeaders","disabled","selected","size","
|
|
1
|
+
{"version":3,"names":["Path","Svg","Image","Defs","Pattern","useTheme","Icon","FlexView","PathLg","PathNormal","PathSmall","PathXS","sizeToPath","lg","md","sm","xs","sizeToHeight","NetworkImage","imageSrc","imageHeaders","disabled","selected","size","style","borderColor","borderWidth","Theme","svgStroke","opacity","React","createElement","width","height","stroke","strokeWidth","id","href","uri","headers","alignItems","justifyContent","backgroundColor","name","color","d","fill"],"sourceRoot":"../../../../src","sources":["composites/wui-network-image/index.tsx"],"mappings":"AAAA,SAASA,IAAI,EAAEC,GAAG,EAAEC,KAAK,EAAEC,IAAI,EAAEC,OAAO,QAAQ,kBAAkB;AAElE,SAASC,QAAQ,QAAQ,sBAAsB;AAE/C,SAASC,IAAI,QAAQ,2BAA2B;AAChD,SAASC,QAAQ,QAAQ,uBAAuB;AAChD,SAASC,MAAM,EAAEC,UAAU,EAAEC,SAAS,EAAEC,MAAM,QAAQ,UAAU;AAahE,MAAMC,UAAU,GAAG;EACjBC,EAAE,EAAEL,MAAM;EACVM,EAAE,EAAEL,UAAU;EACdM,EAAE,EAAEL,SAAS;EACbM,EAAE,EAAEL;AACN,CAAC;AAED,MAAMM,YAAY,GAAG;EACnBJ,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE;AACN,CAAC;AAED,OAAO,SAASE,YAAYA,CAAC;EAC3BC,QAAQ;EACRC,YAAY;EACZC,QAAQ;EACRC,QAAQ;EACRC,IAAI,GAAG,IAAI;EACXC,KAAK;EACLC,WAAW;EACXC,WAAW,GAAG;AACG,CAAC,EAAE;EACpB,MAAMC,KAAK,GAAGtB,QAAQ,CAAC,CAAC;EACxB,MAAMuB,SAAS,GAAGN,QAAQ,GAAGK,KAAK,CAAC,YAAY,CAAC,GAAGA,KAAK,CAAC,gBAAgB,CAAC;EAC1E,MAAME,OAAO,GAAGR,QAAQ,GAAG,GAAG,GAAG,CAAC;EAElC,oBACES,KAAA,CAAAC,aAAA,CAAC9B,GAAG;IACF+B,KAAK,EAAEf,YAAY,CAACM,IAAI,CAAE;IAC1BU,MAAM,EAAEhB,YAAY,CAACM,IAAI,CAAE;IAC3BW,MAAM,EAAET,WAAW,IAAIG,SAAU;IACjCO,WAAW,EAAET,WAAY;IACzBF,KAAK,EAAEA;EAAM,gBAEbM,KAAA,CAAAC,aAAA,CAAC5B,IAAI,qBACH2B,KAAA,CAAAC,aAAA,CAAC3B,OAAO;IAACgC,EAAE,EAAC;EAAe,GACxBjB,QAAQ,gBACPW,KAAA,CAAAC,aAAA,CAAC7B,KAAK;IACJ+B,MAAM,EAAEhB,YAAY,CAACM,IAAI,CAAE;IAC3BS,KAAK,EAAEf,YAAY,CAACM,IAAI,CAAE;IAC1BM,OAAO,EAAEA,OAAQ;IACjBQ,IAAI,EAAE;MAAEC,GAAG,EAAEnB,QAAQ;MAAEoB,OAAO,EAAEnB;IAAa;EAAE,CAChD,CAAC,gBAEFU,KAAA,CAAAC,aAAA,CAACxB,QAAQ;IACPiC,UAAU,EAAC,QAAQ;IACnBC,cAAc,EAAC;IACf;IAAA;IACAjB,KAAK,EAAE;MACLS,MAAM,EAAEhB,YAAY,CAACM,IAAI,CAAC;MAC1BS,KAAK,EAAEf,YAAY,CAACM,IAAI,CAAC;MACzBmB,eAAe,EAAE;IACnB;EAAE,gBAEFZ,KAAA,CAAAC,aAAA,CAACzB,IAAI;IAACqC,IAAI,EAAC,oBAAoB;IAACpB,IAAI,EAAEA,IAAK;IAACqB,KAAK,EAAC;EAAQ,CAAE,CACpD,CAEL,CACL,CAAC,EACN,CAACzB,QAAQ,iBAAIW,KAAA,CAAAC,aAAA,CAAC/B,IAAI;IAAC6C,CAAC,EAAEjC,UAAU,CAACW,IAAI,CAAE;IAACM,OAAO,EAAEA,OAAQ;IAACiB,IAAI,EAAEnB,KAAK,CAAC,gBAAgB;EAAE,CAAE,CAAC,eAC5FG,KAAA,CAAAC,aAAA,CAAC/B,IAAI;IAAC6C,CAAC,EAAEjC,UAAU,CAACW,IAAI,CAAE;IAACM,OAAO,EAAEA,OAAQ;IAACiB,IAAI,EAAC;EAAqB,CAAE,CACtE,CAAC;AAEV"}
|
|
@@ -1,3 +1,5 @@
|
|
|
1
1
|
export const PathLg = 'M41.1429 4.01705C45.3861 1.56723 50.6139 1.56723 54.8572 4.01705L82.7121 20.0991C86.9553 22.5489 89.5692 27.0764 89.5692 31.976V64.1401C89.5692 69.0398 86.9553 73.5672 82.7121 76.0171L54.8571 92.0991C50.6139 94.5489 45.3861 94.5489 41.1429 92.0991L13.2879 76.0171C9.04471 73.5672 6.43079 69.0398 6.43079 64.1401V31.976C6.43079 27.0764 9.04471 22.5489 13.2879 20.0991L41.1429 4.01705Z';
|
|
2
2
|
export const PathNormal = 'M24.0002 2.34328C26.4754 0.914219 29.525 0.914219 32.0002 2.34328L48.2489 11.7245C50.7241 13.1535 52.2489 15.7946 52.2489 18.6527V37.4151C52.2489 40.2732 50.7241 42.9142 48.2489 44.3433L32.0002 53.7245C29.525 55.1535 26.4754 55.1535 24.0002 53.7245L7.75146 44.3433C5.27625 42.9142 3.75146 40.2732 3.75146 37.4151V18.6527C3.75146 15.7946 5.27626 13.1535 7.75146 11.7245L24.0002 2.34328Z';
|
|
3
|
+
export const PathSmall = 'M17.1428 1.67377C18.9108 0.653013 21.0891 0.653014 22.8571 1.67377L34.4633 8.37463C36.2313 9.39539 37.3205 11.2818 37.3205 13.3233V26.7251C37.3205 28.7666 36.2313 30.653 34.4633 31.6738L22.8571 38.3746C21.0891 39.3954 18.9108 39.3954 17.1428 38.3746L5.53659 31.6738C3.76858 30.653 2.67944 28.7666 2.67944 26.7251V13.3233C2.67944 11.2818 3.76858 9.39539 5.53659 8.37463L17.1428 1.67377Z';
|
|
4
|
+
export const PathXS = 'M8.57153 0.836886C9.45553 0.326507 10.5447 0.326507 11.4287 0.836886L17.2318 4.18731C18.1158 4.69769 18.6604 5.64091 18.6604 6.66167V13.3625C18.6604 14.3833 18.1158 15.3265 17.2318 15.8369L11.4287 19.1873C10.5447 19.6977 9.45553 19.6977 8.57153 19.1873L2.76841 15.8369C1.88441 15.3265 1.33984 14.3833 1.33984 13.3625V6.66167C1.33984 5.64091 1.88441 4.69769 2.76841 4.18731L8.57153 0.836886Z';
|
|
3
5
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["PathLg","PathNormal"],"sourceRoot":"../../../../src","sources":["composites/wui-network-image/styles.ts"],"mappings":"AAAA,OAAO,MAAMA,MAAM,GACjB,iYAAiY;AAEnY,OAAO,MAAMC,UAAU,GACrB,mYAAmY"}
|
|
1
|
+
{"version":3,"names":["PathLg","PathNormal","PathSmall","PathXS"],"sourceRoot":"../../../../src","sources":["composites/wui-network-image/styles.ts"],"mappings":"AAAA,OAAO,MAAMA,MAAM,GACjB,iYAAiY;AAEnY,OAAO,MAAMC,UAAU,GACrB,mYAAmY;AAErY,OAAO,MAAMC,SAAS,GACpB,mYAAmY;AAErY,OAAO,MAAMC,MAAM,GACjB,wYAAwY"}
|
|
@@ -13,20 +13,19 @@ export function QrCode({
|
|
|
13
13
|
size,
|
|
14
14
|
uri,
|
|
15
15
|
imageSrc,
|
|
16
|
-
testID
|
|
16
|
+
testID,
|
|
17
|
+
arenaClear,
|
|
18
|
+
style
|
|
17
19
|
}) {
|
|
18
20
|
const Theme = LightTheme;
|
|
19
21
|
const containerPadding = Spacing.l;
|
|
20
22
|
const qrSize = size - containerPadding * 2;
|
|
21
|
-
const
|
|
22
|
-
const
|
|
23
|
-
return /*#__PURE__*/React.createElement(Shimmer, {
|
|
24
|
-
width: size,
|
|
25
|
-
height: size,
|
|
26
|
-
borderRadius: BorderRadius.l
|
|
27
|
-
});
|
|
28
|
-
};
|
|
23
|
+
const logoSize = arenaClear ? 0 : qrSize / 4;
|
|
24
|
+
const dots = useMemo(() => uri ? QRCodeUtil.generate(uri, qrSize, logoSize) : [], [uri, qrSize, logoSize]);
|
|
29
25
|
const logoTemplate = () => {
|
|
26
|
+
if (arenaClear) {
|
|
27
|
+
return null;
|
|
28
|
+
}
|
|
30
29
|
if (imageSrc) {
|
|
31
30
|
return /*#__PURE__*/React.createElement(Image, {
|
|
32
31
|
source: imageSrc,
|
|
@@ -50,7 +49,7 @@ export function QrCode({
|
|
|
50
49
|
width: size,
|
|
51
50
|
backgroundColor: Theme['bg-100'],
|
|
52
51
|
padding: containerPadding
|
|
53
|
-
}],
|
|
52
|
+
}, style],
|
|
54
53
|
testID: testID
|
|
55
54
|
}, /*#__PURE__*/React.createElement(FlexView, {
|
|
56
55
|
alignItems: "center",
|
|
@@ -65,6 +64,10 @@ export function QrCode({
|
|
|
65
64
|
}, "UX by", ' ', /*#__PURE__*/React.createElement(Text, {
|
|
66
65
|
variant: "small-500",
|
|
67
66
|
color: "inverse-000"
|
|
68
|
-
}, "Reown"))) :
|
|
67
|
+
}, "Reown"))) : /*#__PURE__*/React.createElement(Shimmer, {
|
|
68
|
+
width: size,
|
|
69
|
+
height: size,
|
|
70
|
+
borderRadius: BorderRadius.l
|
|
71
|
+
});
|
|
69
72
|
}
|
|
70
73
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useMemo","View","Svg","Icon","Image","Shimmer","Text","FlexView","QRCodeUtil","BorderRadius","LightTheme","Spacing","styles","QrCode","size","uri","imageSrc","testID","Theme","containerPadding","l","qrSize","dots","generate","
|
|
1
|
+
{"version":3,"names":["useMemo","View","Svg","Icon","Image","Shimmer","Text","FlexView","QRCodeUtil","BorderRadius","LightTheme","Spacing","styles","QrCode","size","uri","imageSrc","testID","arenaClear","style","Theme","containerPadding","l","qrSize","logoSize","dots","generate","logoTemplate","React","createElement","source","icon","height","width","borderRadius","name","color","container","backgroundColor","padding","alignItems","justifyContent","variant","label"],"sourceRoot":"../../../../src","sources":["composites/wui-qr-code/index.tsx"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Animated","Text","useTheme","IconBox","styles","Snackbar","message","iconColor","icon","style","Theme","React","createElement","View","container","backgroundColor","borderColor","size","background","variant","color","text"],"sourceRoot":"../../../../src","sources":["composites/wui-snackbar/index.tsx"],"mappings":"AAAA,SAASA,QAAQ,QAAwC,cAAc;AACvE,SAASC,IAAI,QAAQ,2BAA2B;AAChD,SAASC,QAAQ,QAAQ,sBAAsB;AAE/C,SAASC,OAAO,QAAQ,iBAAiB;AACzC,OAAOC,MAAM,MAAM,UAAU;AAS7B,OAAO,SAASC,QAAQA,CAAC;EAAEC,OAAO;EAAEC,SAAS;EAAEC,IAAI;EAAEC;AAAqB,CAAC,EAAE;EAC3E,MAAMC,KAAK,GAAGR,QAAQ,CAAC,CAAC;EAExB,oBACES,KAAA,CAAAC,aAAA,CAACZ,QAAQ,CAACa,IAAI;
|
|
1
|
+
{"version":3,"names":["Animated","Text","useTheme","IconBox","styles","Snackbar","message","iconColor","icon","style","Theme","React","createElement","View","pointerEvents","container","backgroundColor","borderColor","size","background","variant","color","text"],"sourceRoot":"../../../../src","sources":["composites/wui-snackbar/index.tsx"],"mappings":"AAAA,SAASA,QAAQ,QAAwC,cAAc;AACvE,SAASC,IAAI,QAAQ,2BAA2B;AAChD,SAASC,QAAQ,QAAQ,sBAAsB;AAE/C,SAASC,OAAO,QAAQ,iBAAiB;AACzC,OAAOC,MAAM,MAAM,UAAU;AAS7B,OAAO,SAASC,QAAQA,CAAC;EAAEC,OAAO;EAAEC,SAAS;EAAEC,IAAI;EAAEC;AAAqB,CAAC,EAAE;EAC3E,MAAMC,KAAK,GAAGR,QAAQ,CAAC,CAAC;EAExB,oBACES,KAAA,CAAAC,aAAA,CAACZ,QAAQ,CAACa,IAAI;IACZC,aAAa,EAAC,MAAM;IACpBL,KAAK,EAAE,CACLL,MAAM,CAACW,SAAS,EAChB;MAAEC,eAAe,EAAEN,KAAK,CAAC,QAAQ,CAAC;MAAEO,WAAW,EAAEP,KAAK,CAAC,gBAAgB;IAAE,CAAC,EAC1ED,KAAK;EACL,gBAEFE,KAAA,CAAAC,aAAA,CAACT,OAAO;IAACK,IAAI,EAAEA,IAAK;IAACD,SAAS,EAAEA,SAAU;IAACW,IAAI,EAAC,IAAI;IAACC,UAAU;EAAA,CAAE,CAAC,eAClER,KAAA,CAAAC,aAAA,CAACX,IAAI;IAACmB,OAAO,EAAC,eAAe;IAACC,KAAK,EAAC,QAAQ;IAACZ,KAAK,EAAEL,MAAM,CAACkB;EAAK,GAC7DhB,OACG,CACO,CAAC;AAEpB"}
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import { StyleSheet } from 'react-native';
|
|
2
|
+
import { BorderRadius } from '../../utils/ThemeUtil';
|
|
2
3
|
export default StyleSheet.create({
|
|
3
4
|
container: {
|
|
4
5
|
height: 40,
|
|
5
6
|
flexDirection: 'row',
|
|
6
7
|
paddingHorizontal: 8,
|
|
7
|
-
borderRadius:
|
|
8
|
+
borderRadius: BorderRadius.full,
|
|
8
9
|
borderWidth: 1,
|
|
9
10
|
alignItems: 'center'
|
|
10
11
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["StyleSheet","create","container","height","flexDirection","paddingHorizontal","borderRadius","borderWidth","alignItems","text"],"sourceRoot":"../../../../src","sources":["composites/wui-snackbar/styles.ts"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;
|
|
1
|
+
{"version":3,"names":["StyleSheet","BorderRadius","create","container","height","flexDirection","paddingHorizontal","borderRadius","full","borderWidth","alignItems","text"],"sourceRoot":"../../../../src","sources":["composites/wui-snackbar/styles.ts"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,YAAY,QAAQ,uBAAuB;AAEpD,eAAeD,UAAU,CAACE,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,aAAa,EAAE,KAAK;IACpBC,iBAAiB,EAAE,CAAC;IACpBC,YAAY,EAAEN,YAAY,CAACO,IAAI;IAC/BC,WAAW,EAAE,CAAC;IACdC,UAAU,EAAE;EACd,CAAC;EACDC,IAAI,EAAE;IACJL,iBAAiB,EAAE;EACrB;AACF,CAAC,CAAC"}
|