@reown/appkit-ui-react-native 0.0.0-fix-ethers-type-error-20241219132028 → 0.0.0-fix-ethers-walletinfo-20250206182819
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/RecycleHorizontal.js +21 -0
- package/lib/commonjs/assets/svg/RecycleHorizontal.js.map +1 -0
- package/lib/commonjs/components/wui-icon/index.js +2 -0
- package/lib/commonjs/components/wui-icon/index.js.map +1 -1
- package/lib/commonjs/components/wui-pressable/index.js +68 -0
- package/lib/commonjs/components/wui-pressable/index.js.map +1 -0
- package/lib/commonjs/components/wui-shimmer/index.js +5 -1
- package/lib/commonjs/components/wui-shimmer/index.js.map +1 -1
- package/lib/commonjs/composites/wui-button/index.js +2 -1
- package/lib/commonjs/composites/wui-button/index.js.map +1 -1
- package/lib/commonjs/composites/wui-button/styles.js +3 -3
- package/lib/commonjs/composites/wui-button/styles.js.map +1 -1
- package/lib/commonjs/composites/wui-input-text/index.js +2 -1
- package/lib/commonjs/composites/wui-input-text/index.js.map +1 -1
- package/lib/commonjs/composites/wui-list-token/index.js +29 -9
- package/lib/commonjs/composites/wui-list-token/index.js.map +1 -1
- package/lib/commonjs/composites/wui-list-token/styles.js +3 -0
- package/lib/commonjs/composites/wui-list-token/styles.js.map +1 -1
- package/lib/commonjs/composites/wui-snackbar/index.js +4 -1
- package/lib/commonjs/composites/wui-snackbar/index.js.map +1 -1
- package/lib/commonjs/composites/wui-toggle/index.js +65 -0
- package/lib/commonjs/composites/wui-toggle/index.js.map +1 -0
- package/lib/commonjs/composites/wui-toggle/styles.js +30 -0
- package/lib/commonjs/composites/wui-toggle/styles.js.map +1 -0
- package/lib/commonjs/composites/wui-token-button/index.js +21 -11
- package/lib/commonjs/composites/wui-token-button/index.js.map +1 -1
- package/lib/commonjs/composites/wui-token-button/styles.js +4 -0
- package/lib/commonjs/composites/wui-token-button/styles.js.map +1 -1
- package/lib/commonjs/context/ThemeContext.js +41 -0
- package/lib/commonjs/context/ThemeContext.js.map +1 -0
- package/lib/commonjs/hooks/useTheme.js +5 -7
- package/lib/commonjs/hooks/useTheme.js.map +1 -1
- package/lib/commonjs/index.js +27 -0
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/layout/wui-flex/index.js +1 -0
- package/lib/commonjs/layout/wui-flex/index.js.map +1 -1
- package/lib/commonjs/utils/ThemeUtil.js +18 -1
- package/lib/commonjs/utils/ThemeUtil.js.map +1 -1
- package/lib/commonjs/utils/TransactionUtil.js +56 -45
- package/lib/commonjs/utils/TransactionUtil.js.map +1 -1
- package/lib/module/assets/svg/RecycleHorizontal.js +13 -0
- package/lib/module/assets/svg/RecycleHorizontal.js.map +1 -0
- package/lib/module/components/wui-icon/index.js +2 -0
- package/lib/module/components/wui-icon/index.js.map +1 -1
- package/lib/module/components/wui-pressable/index.js +62 -0
- package/lib/module/components/wui-pressable/index.js.map +1 -0
- package/lib/module/components/wui-shimmer/index.js +6 -2
- package/lib/module/components/wui-shimmer/index.js.map +1 -1
- package/lib/module/composites/wui-button/index.js +2 -1
- package/lib/module/composites/wui-button/index.js.map +1 -1
- package/lib/module/composites/wui-button/styles.js +3 -3
- package/lib/module/composites/wui-button/styles.js.map +1 -1
- package/lib/module/composites/wui-input-text/index.js +2 -1
- package/lib/module/composites/wui-input-text/index.js.map +1 -1
- package/lib/module/composites/wui-list-token/index.js +27 -8
- package/lib/module/composites/wui-list-token/index.js.map +1 -1
- package/lib/module/composites/wui-list-token/styles.js +3 -0
- package/lib/module/composites/wui-list-token/styles.js.map +1 -1
- package/lib/module/composites/wui-snackbar/index.js +4 -1
- package/lib/module/composites/wui-snackbar/index.js.map +1 -1
- package/lib/module/composites/wui-toggle/index.js +58 -0
- package/lib/module/composites/wui-toggle/index.js.map +1 -0
- package/lib/module/composites/wui-toggle/styles.js +24 -0
- package/lib/module/composites/wui-toggle/styles.js.map +1 -0
- package/lib/module/composites/wui-token-button/index.js +21 -11
- package/lib/module/composites/wui-token-button/index.js.map +1 -1
- package/lib/module/composites/wui-token-button/styles.js +4 -0
- package/lib/module/composites/wui-token-button/styles.js.map +1 -1
- package/lib/module/context/ThemeContext.js +33 -0
- package/lib/module/context/ThemeContext.js.map +1 -0
- package/lib/module/hooks/useTheme.js +4 -7
- package/lib/module/hooks/useTheme.js.map +1 -1
- package/lib/module/index.js +4 -1
- package/lib/module/index.js.map +1 -1
- package/lib/module/layout/wui-flex/index.js +1 -0
- package/lib/module/layout/wui-flex/index.js.map +1 -1
- package/lib/module/utils/ThemeUtil.js +16 -0
- package/lib/module/utils/ThemeUtil.js.map +1 -1
- package/lib/module/utils/TransactionUtil.js +56 -45
- package/lib/module/utils/TransactionUtil.js.map +1 -1
- package/lib/typescript/assets/svg/RecycleHorizontal.d.ts +4 -0
- package/lib/typescript/assets/svg/RecycleHorizontal.d.ts.map +1 -0
- package/lib/typescript/components/wui-icon/index.d.ts.map +1 -1
- package/lib/typescript/components/wui-pressable/index.d.ts +17 -0
- package/lib/typescript/components/wui-pressable/index.d.ts.map +1 -0
- package/lib/typescript/components/wui-shimmer/index.d.ts.map +1 -1
- package/lib/typescript/composites/wui-input-text/index.d.ts +3 -1
- package/lib/typescript/composites/wui-input-text/index.d.ts.map +1 -1
- package/lib/typescript/composites/wui-list-token/index.d.ts +4 -1
- package/lib/typescript/composites/wui-list-token/index.d.ts.map +1 -1
- package/lib/typescript/composites/wui-list-token/styles.d.ts +3 -0
- package/lib/typescript/composites/wui-list-token/styles.d.ts.map +1 -1
- package/lib/typescript/composites/wui-snackbar/index.d.ts +1 -1
- package/lib/typescript/composites/wui-snackbar/index.d.ts.map +1 -1
- package/lib/typescript/composites/wui-toggle/index.d.ts +11 -0
- package/lib/typescript/composites/wui-toggle/index.d.ts.map +1 -0
- package/lib/typescript/composites/wui-toggle/styles.d.ts +23 -0
- package/lib/typescript/composites/wui-toggle/styles.d.ts.map +1 -0
- package/lib/typescript/composites/wui-token-button/index.d.ts +7 -3
- package/lib/typescript/composites/wui-token-button/index.d.ts.map +1 -1
- package/lib/typescript/composites/wui-token-button/styles.d.ts +4 -0
- package/lib/typescript/composites/wui-token-button/styles.d.ts.map +1 -1
- package/lib/typescript/context/ThemeContext.d.ts +78 -0
- package/lib/typescript/context/ThemeContext.d.ts.map +1 -0
- package/lib/typescript/hooks/useTheme.d.ts +1 -1
- package/lib/typescript/hooks/useTheme.d.ts.map +1 -1
- package/lib/typescript/index.d.ts +4 -1
- package/lib/typescript/index.d.ts.map +1 -1
- package/lib/typescript/layout/wui-flex/index.d.ts +2 -1
- package/lib/typescript/layout/wui-flex/index.d.ts.map +1 -1
- package/lib/typescript/utils/ThemeUtil.d.ts +13 -0
- package/lib/typescript/utils/ThemeUtil.d.ts.map +1 -1
- package/lib/typescript/utils/TransactionUtil.d.ts +9 -1
- package/lib/typescript/utils/TransactionUtil.d.ts.map +1 -1
- package/lib/typescript/utils/TypesUtil.d.ts +2 -2
- package/lib/typescript/utils/TypesUtil.d.ts.map +1 -1
- package/package.json +2 -1
- package/src/assets/svg/RecycleHorizontal.tsx +12 -0
- package/src/components/wui-icon/index.tsx +2 -0
- package/src/components/wui-pressable/index.tsx +92 -0
- package/src/components/wui-shimmer/index.tsx +9 -2
- package/src/composites/wui-button/index.tsx +1 -1
- package/src/composites/wui-button/styles.ts +3 -3
- package/src/composites/wui-input-text/index.tsx +10 -2
- package/src/composites/wui-list-token/index.tsx +31 -8
- package/src/composites/wui-list-token/styles.ts +3 -0
- package/src/composites/wui-snackbar/index.tsx +7 -2
- package/src/composites/wui-toggle/index.tsx +81 -0
- package/src/composites/wui-toggle/styles.ts +24 -0
- package/src/composites/wui-token-button/index.tsx +37 -8
- package/src/composites/wui-token-button/styles.ts +4 -0
- package/src/context/ThemeContext.tsx +44 -0
- package/src/hooks/useTheme.ts +4 -8
- package/src/index.ts +4 -1
- package/src/layout/wui-flex/index.tsx +7 -2
- package/src/utils/ThemeUtil.ts +18 -0
- package/src/utils/TransactionUtil.ts +72 -52
- package/src/utils/TypesUtil.ts +2 -0
|
@@ -29,7 +29,7 @@ export { Link, type LinkProps } from './composites/wui-link';
|
|
|
29
29
|
export { ListItem, type ListItemProps } from './composites/wui-list-item';
|
|
30
30
|
export { ListItemLoader, type ListItemLoaderProps } from './composites/wui-list-item-loader';
|
|
31
31
|
export { ListSocial, type ListSocialProps } from './composites/wui-list-social';
|
|
32
|
-
export { ListToken, type ListTokenProps } from './composites/wui-list-token';
|
|
32
|
+
export { ListToken, ListTokenTotalHeight, type ListTokenProps } from './composites/wui-list-token';
|
|
33
33
|
export { ListTransaction, type ListTransactionProps } from './composites/wui-list-transaction';
|
|
34
34
|
export { ListWallet, type ListWalletProps } from './composites/wui-list-wallet';
|
|
35
35
|
export { Logo, type LogoProps } from './composites/wui-logo';
|
|
@@ -37,12 +37,14 @@ export { LogoSelect, type LogoSelectProps } from './composites/wui-logo-select';
|
|
|
37
37
|
export { NetworkButton, type NetworkButtonProps } from './composites/wui-network-button';
|
|
38
38
|
export { NetworkImage, type NetworkImageProps } from './composites/wui-network-image';
|
|
39
39
|
export { Otp, type OtpProps } from './composites/wui-otp';
|
|
40
|
+
export { Pressable, type PressableProps } from './components/wui-pressable';
|
|
40
41
|
export { Promo, type PromoProps } from './composites/wui-promo';
|
|
41
42
|
export { QrCode, type QrCodeProps } from './composites/wui-qr-code';
|
|
42
43
|
export { SearchBar, type SearchBarProps } from './composites/wui-search-bar';
|
|
43
44
|
export { Snackbar, type SnackbarProps } from './composites/wui-snackbar';
|
|
44
45
|
export { Tabs, type TabsProps } from './composites/wui-tabs';
|
|
45
46
|
export { Tag, type TagProps } from './composites/wui-tag';
|
|
47
|
+
export { Toggle, type ToggleProps } from './composites/wui-toggle';
|
|
46
48
|
export { TokenButton, type TokenButtonProps } from './composites/wui-token-button';
|
|
47
49
|
export { Tooltip, type TooltipProps } from './composites/wui-tooltip';
|
|
48
50
|
export { WalletImage, type WalletImageProps } from './composites/wui-wallet-image';
|
|
@@ -54,5 +56,6 @@ export { UiUtil } from './utils/UiUtil';
|
|
|
54
56
|
export { TransactionUtil } from './utils/TransactionUtil';
|
|
55
57
|
export { Spacing, BorderRadius } from './utils/ThemeUtil';
|
|
56
58
|
export { useTheme } from './hooks/useTheme';
|
|
59
|
+
export { ThemeProvider } from './context/ThemeContext';
|
|
57
60
|
export { useAnimatedValue } from './hooks/useAnimatedValue';
|
|
58
61
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AAC5F,OAAO,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAClE,OAAO,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAClG,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAEtE,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AACzF,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACnF,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACnF,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACtE,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,EACL,gBAAgB,EAChB,sBAAsB,EACtB,KAAK,qBAAqB,EAC3B,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EACL,UAAU,EACV,gBAAgB,EAChB,eAAe,EACf,KAAK,eAAe,EACrB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EACL,iBAAiB,EACjB,KAAK,sBAAsB,EAC5B,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AACzF,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAChF,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACvE,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC1E,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACtF,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACtF,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7E,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC1E,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,mCAAmC,CAAC;AAC7F,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAChF,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,6BAA6B,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { type StyleProp, type ViewStyle } from 'react-native';
|
|
2
|
+
import { type LayoutChangeEvent, type StyleProp, type ViewStyle } from 'react-native';
|
|
3
3
|
import type { FlexAlignType, FlexDirectionType, FlexGrowType, FlexJustifyContentType, FlexShrinkType, FlexWrapType, SpacingType } from '../../utils/TypesUtil';
|
|
4
4
|
export interface FlexViewProps {
|
|
5
5
|
children?: React.ReactNode;
|
|
6
|
+
onLayout?: (event: LayoutChangeEvent) => void;
|
|
6
7
|
flexDirection?: FlexDirectionType;
|
|
7
8
|
flexWrap?: FlexWrapType;
|
|
8
9
|
flexGrow?: FlexGrowType;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/layout/wui-flex/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAQ,MAAM,cAAc,CAAC;
|
|
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,4 +1,17 @@
|
|
|
1
1
|
import type { SpacingType, ThemeKeys } from './TypesUtil';
|
|
2
|
+
export declare const getAccentColors: (baseAccentColor: string) => {
|
|
3
|
+
'accent-100': string;
|
|
4
|
+
'accent-090': string;
|
|
5
|
+
'accent-080': string;
|
|
6
|
+
'accent-020': string;
|
|
7
|
+
'accent-glass-090': string;
|
|
8
|
+
'accent-glass-080': string;
|
|
9
|
+
'accent-glass-020': string;
|
|
10
|
+
'accent-glass-015': string;
|
|
11
|
+
'accent-glass-010': string;
|
|
12
|
+
'accent-glass-005': string;
|
|
13
|
+
'accent-glass-002': string;
|
|
14
|
+
};
|
|
2
15
|
export declare const DarkTheme: {
|
|
3
16
|
[key in ThemeKeys]: string;
|
|
4
17
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThemeUtil.d.ts","sourceRoot":"","sources":["../../../src/utils/ThemeUtil.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ThemeUtil.d.ts","sourceRoot":"","sources":["../../../src/utils/ThemeUtil.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAE1D,eAAO,MAAM,eAAe,oBAAqB,MAAM;;;;;;;;;;;;CActD,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE;KAAG,GAAG,IAAI,SAAS,GAAG,MAAM;CAuEnD,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE;KAAG,GAAG,IAAI,SAAS,GAAG,MAAM;CAuEpD,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;;;;;;;CAWxB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;;;;CAOpB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;CAKvB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE;KAAG,CAAC,IAAI,WAAW,GAAG,MAAM;CAajD,CAAC;AAEF,eAAO,MAAM,eAAe;;;;;;CAM3B,CAAC"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import type { TransactionTransfer, Transaction, TransactionImage } from '@reown/appkit-common-react-native';
|
|
1
|
+
import type { TransactionTransfer, Transaction, TransactionImage, TransactionMetadata } from '@reown/appkit-common-react-native';
|
|
2
|
+
import type { TransactionType } from './TypesUtil';
|
|
2
3
|
export declare const TransactionUtil: {
|
|
3
4
|
getTransactionGroupTitle(year: string, month: string): string;
|
|
4
5
|
getTransactionImages(transfers: TransactionTransfer[]): TransactionImage[];
|
|
@@ -6,6 +7,13 @@ export declare const TransactionUtil: {
|
|
|
6
7
|
getTransactionImageURL(transfer: TransactionTransfer | undefined): string | undefined;
|
|
7
8
|
getTransactionTransferTokenType(transfer?: TransactionTransfer): 'FUNGIBLE' | 'NFT' | undefined;
|
|
8
9
|
getTransactionDescriptions(transaction: Transaction): string[];
|
|
10
|
+
isSendReceiveTransaction(type: TransactionType): boolean;
|
|
11
|
+
hasFungibleTransfers(transfers: TransactionTransfer[]): boolean;
|
|
12
|
+
getSendReceiveDescriptions(metadata: TransactionMetadata): string[];
|
|
13
|
+
truncateAddress(address: string): string;
|
|
14
|
+
formatSingleTransfer(transfer: TransactionTransfer, type: TransactionType, metadata: TransactionMetadata): string;
|
|
15
|
+
getPrefix(type: TransactionType): string;
|
|
16
|
+
getTradeDescriptions(transfers: TransactionTransfer[]): string[];
|
|
9
17
|
getTransferDescription(transfer?: TransactionTransfer): string;
|
|
10
18
|
getFungibleTransferDescription(transfer?: TransactionTransfer): string | null;
|
|
11
19
|
getQuantityFixedValue(value: string | undefined): string | null;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TransactionUtil.d.ts","sourceRoot":"","sources":["../../../src/utils/TransactionUtil.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,mBAAmB,EACnB,WAAW,EACX,gBAAgB,
|
|
1
|
+
{"version":3,"file":"TransactionUtil.d.ts","sourceRoot":"","sources":["../../../src/utils/TransactionUtil.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,mBAAmB,EACnB,WAAW,EACX,gBAAgB,EAChB,mBAAmB,EACpB,MAAM,mCAAmC,CAAC;AAC3C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AASnD,eAAO,MAAM,eAAe;mCACK,MAAM,SAAS,MAAM;oCASpB,mBAAmB,EAAE,GAAG,gBAAgB,EAAE;mCAmB3C,mBAAmB,GAAG,gBAAgB;qCAOpC,mBAAmB,GAAG,SAAS;+CAcrB,mBAAmB,GAAG,UAAU,GAAG,KAAK,GAAG,SAAS;4CAUvD,WAAW;mCA0BpB,eAAe,GAAG,OAAO;oCAIxB,mBAAmB,EAAE,GAAG,OAAO;yCAI1B,mBAAmB,GAAG,MAAM,EAAE;6BAI1C,MAAM,GAAG,MAAM;mCAU5B,mBAAmB,QACvB,eAAe,YACX,mBAAmB,GAC5B,MAAM;oBAeO,eAAe,GAAG,MAAM;oCAOR,mBAAmB,EAAE,GAAG,MAAM,EAAE;sCAO9B,mBAAmB;8CAgBX,mBAAmB;iCAWhC,MAAM,GAAG,SAAS;CAShD,CAAC"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
export type ThemeKeys = 'accent-100' | 'accent-090' | 'accent-080' | 'accent-020' | 'accent-glass-090' | 'accent-glass-080' | 'accent-glass-020' | 'accent-glass-015' | 'accent-glass-010' | 'accent-glass-005' | 'accent-glass-002' | 'fg-100' | 'fg-125' | 'fg-150' | 'fg-175' | 'fg-200' | 'fg-225' | 'fg-250' | 'fg-275' | 'fg-300' | 'bg-100' | 'bg-125' | 'bg-150' | 'bg-175' | 'bg-200' | 'bg-225' | 'bg-250' | 'bg-275' | 'bg-300' | 'inverse-100' | 'inverse-000' | 'success-100' | 'success-glass-020' | 'success-glass-015' | 'success-glass-010' | 'success-glass-005' | 'error-100' | 'error-glass-020' | 'error-glass-015' | 'error-glass-010' | 'error-glass-005' | 'teal-100' | 'magenta-100' | 'indigo-100' | 'orange-100' | 'purple-100' | 'yellow-100' | 'gray-glass-001' | 'gray-glass-002' | 'gray-glass-005' | 'gray-glass-010' | 'gray-glass-015' | 'gray-glass-020' | 'gray-glass-025' | 'gray-glass-030' | 'gray-glass-060' | 'gray-glass-070' | 'gray-glass-080' | 'gray-glass-090' | 'icon-box-bg-error-100' | 'icon-box-bg-success-100';
|
|
2
2
|
export type TextType = 'medium-title-400' | 'medium-title-500' | 'medium-title-600' | 'small-title-400' | 'small-title-500' | 'small-title-600' | 'large-400' | 'large-500' | 'large-600' | 'medium-400' | 'medium-500' | 'medium-600' | 'paragraph-400' | 'paragraph-500' | 'paragraph-600' | 'small-400' | 'small-500' | 'small-600' | 'tiny-400' | 'tiny-500' | 'tiny-600' | 'micro-600' | 'micro-700';
|
|
3
|
-
export type ColorType = 'accent-100' | 'error-100' | 'fg-100' | 'fg-150' | 'fg-175' | 'fg-200' | 'fg-250' | 'fg-275' | 'fg-300' | 'bg-100' | 'bg-125' | 'bg-150' | 'bg-175' | 'bg-200' | 'bg-225' | 'bg-250' | 'bg-275' | 'bg-300' | 'accent-glass-020' | 'accent-glass-015' | 'accent-glass-010' | 'accent-glass-005' | 'gray-glass-020' | 'gray-glass-010' | 'gray-glass-005' | 'inverse-000' | 'inverse-100' | 'success-100' | 'teal-100' | 'magenta-100' | 'indigo-100' | 'orange-100' | 'purple-100' | 'yellow-100';
|
|
3
|
+
export type ColorType = 'accent-100' | 'error-100' | 'fg-100' | 'fg-150' | 'fg-175' | 'fg-200' | 'fg-250' | 'fg-275' | 'fg-300' | 'bg-100' | 'bg-125' | 'bg-150' | 'bg-175' | 'bg-200' | 'bg-225' | 'bg-250' | 'bg-275' | 'bg-300' | 'accent-glass-020' | 'accent-glass-015' | 'accent-glass-010' | 'accent-glass-005' | 'gray-glass-020' | 'gray-glass-010' | 'gray-glass-005' | 'gray-glass-002' | 'inverse-000' | 'inverse-100' | 'success-100' | 'teal-100' | 'magenta-100' | 'indigo-100' | 'orange-100' | 'purple-100' | 'yellow-100';
|
|
4
4
|
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' | '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' | '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';
|
|
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":"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,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,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,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,SAAS,GACT,QAAQ,GACR,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"}
|
|
1
|
+
{"version":3,"file":"TypesUtil.d.ts","sourceRoot":"","sources":["../../../src/utils/TypesUtil.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@reown/appkit-ui-react-native",
|
|
3
|
-
"version": "0.0.0-fix-ethers-
|
|
3
|
+
"version": "0.0.0-fix-ethers-walletinfo-20250206182819",
|
|
4
4
|
"main": "lib/commonjs/index.js",
|
|
5
5
|
"types": "lib/typescript/index.d.ts",
|
|
6
6
|
"module": "lib/module/index.js",
|
|
@@ -38,6 +38,7 @@
|
|
|
38
38
|
"access": "public"
|
|
39
39
|
},
|
|
40
40
|
"dependencies": {
|
|
41
|
+
"polished": "4.3.1",
|
|
41
42
|
"qrcode": "1.5.3"
|
|
42
43
|
},
|
|
43
44
|
"peerDependencies": {
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import Svg, { Path, type SvgProps } from 'react-native-svg';
|
|
2
|
+
const RecycleHorizontalSvg = (props: SvgProps) => (
|
|
3
|
+
<Svg viewBox="0 0 21 20" fill="none" {...props}>
|
|
4
|
+
<Path
|
|
5
|
+
fill={props.fill || '#fff'}
|
|
6
|
+
fillRule="evenodd"
|
|
7
|
+
d="M8.8071 0.292893C9.19763 0.683417 9.19763 1.31658 8.8071 1.70711L6.91421 3.6H11.8404C14.3368 3.6 16.5533 5.1975 17.3427 7.56588L17.4487 7.88377C17.6233 8.40772 17.3402 8.97404 16.8162 9.14868C16.2923 9.32333 15.726 9.04017 15.5513 8.51623L15.4453 8.19834C14.9281 6.64664 13.476 5.6 11.8404 5.6H6.91421L8.8071 7.49289C9.19763 7.88342 9.19763 8.51658 8.8071 8.90711C8.41658 9.29763 7.78341 9.29763 7.39289 8.90711L3.79289 5.30711C3.40236 4.91658 3.40236 4.28342 3.79289 3.89289L7.39289 0.292893C7.78341 -0.0976311 8.41658 -0.0976311 8.8071 0.292893ZM4.18377 10.8513C4.70771 10.6767 5.27403 10.9598 5.44868 11.4838L5.55464 11.8017C6.07188 13.3534 7.52401 14.4 9.15964 14.4L14.0858 14.4L12.1929 12.5071C11.8024 12.1166 11.8024 11.4834 12.1929 11.0929C12.5834 10.7024 13.2166 10.7024 13.6071 11.0929L17.2071 14.6929C17.5976 15.0834 17.5976 15.7166 17.2071 16.1071L13.6071 19.7071C13.2166 20.0976 12.5834 20.0976 12.1929 19.7071C11.8024 19.3166 11.8024 18.6834 12.1929 18.2929L14.0858 16.4L9.15964 16.4C6.66314 16.4 4.44674 14.8025 3.65728 12.4341L3.55131 12.1162C3.37667 11.5923 3.65983 11.026 4.18377 10.8513Z"
|
|
8
|
+
clipRule="evenodd"
|
|
9
|
+
/>
|
|
10
|
+
</Svg>
|
|
11
|
+
);
|
|
12
|
+
export default RecycleHorizontalSvg;
|
|
@@ -45,6 +45,7 @@ import NftPlaceholderSvg from '../../assets/svg/NftPlaceholder';
|
|
|
45
45
|
import OffSvg from '../../assets/svg/Off';
|
|
46
46
|
import PaperplaneSvg from '../../assets/svg/Paperplane';
|
|
47
47
|
import QrCodeSvg from '../../assets/svg/QrCode';
|
|
48
|
+
import RecycleHorizontalSvg from '../../assets/svg/RecycleHorizontal';
|
|
48
49
|
import RefreshSvg from '../../assets/svg/Refresh';
|
|
49
50
|
import SearchSvg from '../../assets/svg/Search';
|
|
50
51
|
import SwapHorizontalSvg from '../../assets/svg/SwapHorizontal';
|
|
@@ -105,6 +106,7 @@ const svgOptions: Record<IconType, (props: SvgProps) => JSX.Element> = {
|
|
|
105
106
|
off: OffSvg,
|
|
106
107
|
paperplane: PaperplaneSvg,
|
|
107
108
|
qrCode: QrCodeSvg,
|
|
109
|
+
recycleHorizontal: RecycleHorizontalSvg,
|
|
108
110
|
refresh: RefreshSvg,
|
|
109
111
|
search: SearchSvg,
|
|
110
112
|
swapHorizontal: SwapHorizontalSvg,
|
|
@@ -0,0 +1,92 @@
|
|
|
1
|
+
import { useRef } from 'react';
|
|
2
|
+
import {
|
|
3
|
+
Animated,
|
|
4
|
+
Pressable as RNPressable,
|
|
5
|
+
type PressableProps as RNPressableProps,
|
|
6
|
+
type StyleProp,
|
|
7
|
+
type ViewStyle
|
|
8
|
+
} from 'react-native';
|
|
9
|
+
import { useTheme } from '../../hooks/useTheme';
|
|
10
|
+
import type { ColorType } from '../../utils/TypesUtil';
|
|
11
|
+
|
|
12
|
+
const AnimatedPressable = Animated.createAnimatedComponent(RNPressable);
|
|
13
|
+
|
|
14
|
+
export interface PressableProps extends RNPressableProps {
|
|
15
|
+
children: React.ReactNode;
|
|
16
|
+
style?: StyleProp<ViewStyle>;
|
|
17
|
+
backgroundColor?: ColorType | 'transparent';
|
|
18
|
+
pressedBackgroundColor?: ColorType;
|
|
19
|
+
bounceScale?: number;
|
|
20
|
+
animationDuration?: number;
|
|
21
|
+
disabled?: boolean;
|
|
22
|
+
pressable?: boolean;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
export function Pressable({
|
|
26
|
+
children,
|
|
27
|
+
style,
|
|
28
|
+
disabled = false,
|
|
29
|
+
pressable = true,
|
|
30
|
+
onPress,
|
|
31
|
+
backgroundColor = 'gray-glass-002',
|
|
32
|
+
pressedBackgroundColor = 'gray-glass-010',
|
|
33
|
+
bounceScale = 0.99, // Scale to 99% of original size
|
|
34
|
+
animationDuration = 200, // 200ms animation
|
|
35
|
+
...rest
|
|
36
|
+
}: PressableProps) {
|
|
37
|
+
const Theme = useTheme();
|
|
38
|
+
const pressAnimation = useRef(new Animated.Value(0));
|
|
39
|
+
const scaleAnimation = useRef(new Animated.Value(1));
|
|
40
|
+
|
|
41
|
+
const onPressIn = () => {
|
|
42
|
+
Animated.parallel([
|
|
43
|
+
Animated.timing(pressAnimation.current, {
|
|
44
|
+
toValue: 1,
|
|
45
|
+
useNativeDriver: false,
|
|
46
|
+
duration: animationDuration
|
|
47
|
+
}),
|
|
48
|
+
|
|
49
|
+
Animated.timing(scaleAnimation.current, {
|
|
50
|
+
toValue: bounceScale,
|
|
51
|
+
useNativeDriver: false,
|
|
52
|
+
duration: animationDuration
|
|
53
|
+
})
|
|
54
|
+
]).start();
|
|
55
|
+
};
|
|
56
|
+
|
|
57
|
+
const onPressOut = () => {
|
|
58
|
+
Animated.parallel([
|
|
59
|
+
Animated.timing(pressAnimation.current, {
|
|
60
|
+
toValue: 0,
|
|
61
|
+
useNativeDriver: false,
|
|
62
|
+
duration: animationDuration
|
|
63
|
+
}),
|
|
64
|
+
Animated.timing(scaleAnimation.current, {
|
|
65
|
+
toValue: 1,
|
|
66
|
+
useNativeDriver: false,
|
|
67
|
+
duration: animationDuration
|
|
68
|
+
})
|
|
69
|
+
]).start();
|
|
70
|
+
};
|
|
71
|
+
|
|
72
|
+
const bgColor = pressAnimation.current.interpolate({
|
|
73
|
+
inputRange: [0, 1],
|
|
74
|
+
outputRange: [
|
|
75
|
+
Theme[backgroundColor as ColorType] ?? 'transparent',
|
|
76
|
+
Theme[pressedBackgroundColor as ColorType] ?? 'transparent'
|
|
77
|
+
]
|
|
78
|
+
});
|
|
79
|
+
|
|
80
|
+
return (
|
|
81
|
+
<AnimatedPressable
|
|
82
|
+
disabled={disabled || !pressable}
|
|
83
|
+
style={[{ backgroundColor: bgColor, transform: [{ scale: scaleAnimation.current }] }, style]}
|
|
84
|
+
onPressIn={onPressIn}
|
|
85
|
+
onPressOut={onPressOut}
|
|
86
|
+
onPress={onPress}
|
|
87
|
+
{...rest}
|
|
88
|
+
>
|
|
89
|
+
{children}
|
|
90
|
+
</AnimatedPressable>
|
|
91
|
+
);
|
|
92
|
+
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Svg, Rect } from 'react-native-svg';
|
|
2
|
-
import { Animated, type StyleProp, type ViewStyle } from 'react-native';
|
|
2
|
+
import { Animated, StyleSheet, type StyleProp, type ViewStyle } from 'react-native';
|
|
3
3
|
import { useTheme } from '../../hooks/useTheme';
|
|
4
4
|
|
|
5
5
|
const AnimatedRect = Animated.createAnimatedComponent(Rect);
|
|
@@ -52,7 +52,14 @@ export const Shimmer = ({
|
|
|
52
52
|
).start();
|
|
53
53
|
|
|
54
54
|
return (
|
|
55
|
-
<Svg
|
|
55
|
+
<Svg
|
|
56
|
+
width={width}
|
|
57
|
+
height={height}
|
|
58
|
+
style={[
|
|
59
|
+
{ borderWidth: StyleSheet.hairlineWidth, borderColor: Theme['bg-300'], borderRadius },
|
|
60
|
+
style
|
|
61
|
+
]}
|
|
62
|
+
>
|
|
56
63
|
<AnimatedRect {...animatedProps} />
|
|
57
64
|
</Svg>
|
|
58
65
|
);
|
|
@@ -9,13 +9,13 @@ export const getThemedButtonStyle = (
|
|
|
9
9
|
pressed?: boolean
|
|
10
10
|
): StyleProp<any> => {
|
|
11
11
|
const buttonBaseStyle = {
|
|
12
|
-
borderColor: theme['
|
|
12
|
+
borderColor: theme['accent-glass-020']
|
|
13
13
|
};
|
|
14
14
|
|
|
15
15
|
if (disabled) {
|
|
16
16
|
return {
|
|
17
|
-
|
|
18
|
-
|
|
17
|
+
...buttonBaseStyle,
|
|
18
|
+
backgroundColor: variant === 'fill' ? theme['gray-glass-005'] : theme['gray-glass-010']
|
|
19
19
|
};
|
|
20
20
|
}
|
|
21
21
|
|
|
@@ -4,8 +4,10 @@ import {
|
|
|
4
4
|
Pressable,
|
|
5
5
|
TextInput,
|
|
6
6
|
type NativeSyntheticEvent,
|
|
7
|
+
type StyleProp,
|
|
7
8
|
type TextInputFocusEventData,
|
|
8
|
-
type TextInputProps
|
|
9
|
+
type TextInputProps,
|
|
10
|
+
type ViewStyle
|
|
9
11
|
} from 'react-native';
|
|
10
12
|
import { Icon } from '../../components/wui-icon';
|
|
11
13
|
import useAnimatedValue from '../../hooks/useAnimatedValue';
|
|
@@ -26,6 +28,7 @@ export type InputTextProps = TextInputProps & {
|
|
|
26
28
|
icon?: IconType;
|
|
27
29
|
disabled?: boolean;
|
|
28
30
|
size?: Exclude<SizeType, 'xl' | 'lg' | 'xxs'>;
|
|
31
|
+
style?: StyleProp<ViewStyle>;
|
|
29
32
|
};
|
|
30
33
|
|
|
31
34
|
export const InputText = forwardRef<InputRef, InputTextProps>(
|
|
@@ -40,6 +43,7 @@ export const InputText = forwardRef<InputRef, InputTextProps>(
|
|
|
40
43
|
returnKeyType,
|
|
41
44
|
onBlur,
|
|
42
45
|
onFocus,
|
|
46
|
+
style,
|
|
43
47
|
...rest
|
|
44
48
|
}: InputTextProps,
|
|
45
49
|
ref
|
|
@@ -94,7 +98,11 @@ export const InputText = forwardRef<InputRef, InputTextProps>(
|
|
|
94
98
|
return (
|
|
95
99
|
<>
|
|
96
100
|
<AnimatedPressable
|
|
97
|
-
style={[
|
|
101
|
+
style={[
|
|
102
|
+
styles.outerBorder,
|
|
103
|
+
{ borderColor: outerBorder, borderRadius: outerRadius },
|
|
104
|
+
style
|
|
105
|
+
]}
|
|
98
106
|
disabled={disabled}
|
|
99
107
|
onPress={() => inputRef.current?.focus()}
|
|
100
108
|
>
|
|
@@ -1,12 +1,14 @@
|
|
|
1
|
-
import { Pressable } from 'react-native';
|
|
2
1
|
import { Icon } from '../../components/wui-icon';
|
|
3
2
|
import { Image } from '../../components/wui-image';
|
|
4
3
|
import { Text } from '../../components/wui-text';
|
|
4
|
+
import { Pressable } from '../../components/wui-pressable';
|
|
5
5
|
import { useTheme } from '../../hooks/useTheme';
|
|
6
6
|
import { FlexView } from '../../layout/wui-flex';
|
|
7
7
|
import { UiUtil } from '../../utils/UiUtil';
|
|
8
8
|
import styles from './styles';
|
|
9
9
|
|
|
10
|
+
export const ListTokenTotalHeight = 64;
|
|
11
|
+
|
|
10
12
|
export interface ListTokenProps {
|
|
11
13
|
imageSrc: string;
|
|
12
14
|
networkSrc?: string;
|
|
@@ -15,6 +17,8 @@ export interface ListTokenProps {
|
|
|
15
17
|
amount?: string;
|
|
16
18
|
currency: string;
|
|
17
19
|
onPress?: () => void;
|
|
20
|
+
disabled?: boolean;
|
|
21
|
+
pressable?: boolean;
|
|
18
22
|
}
|
|
19
23
|
|
|
20
24
|
export function ListToken({
|
|
@@ -24,17 +28,25 @@ export function ListToken({
|
|
|
24
28
|
value,
|
|
25
29
|
amount,
|
|
26
30
|
currency,
|
|
27
|
-
onPress
|
|
31
|
+
onPress,
|
|
32
|
+
disabled,
|
|
33
|
+
pressable = true
|
|
28
34
|
}: ListTokenProps) {
|
|
29
35
|
const Theme = useTheme();
|
|
30
36
|
|
|
31
37
|
return (
|
|
32
|
-
<Pressable
|
|
38
|
+
<Pressable
|
|
39
|
+
onPress={onPress}
|
|
40
|
+
disabled={disabled || !pressable}
|
|
41
|
+
style={styles.pressable}
|
|
42
|
+
backgroundColor="transparent"
|
|
43
|
+
>
|
|
33
44
|
<FlexView
|
|
34
45
|
flexDirection="row"
|
|
35
46
|
justifyContent="space-between"
|
|
36
47
|
alignItems="center"
|
|
37
|
-
padding={['
|
|
48
|
+
padding={['0', 'm', '0', 'xs']}
|
|
49
|
+
style={{ height: ListTokenTotalHeight }}
|
|
38
50
|
>
|
|
39
51
|
<FlexView flexDirection="row" alignItems="center">
|
|
40
52
|
{imageSrc ? (
|
|
@@ -66,15 +78,26 @@ export function ListToken({
|
|
|
66
78
|
)}
|
|
67
79
|
</FlexView>
|
|
68
80
|
<FlexView padding={['0', 's', '0', 's']}>
|
|
69
|
-
<Text color=
|
|
70
|
-
{
|
|
81
|
+
<Text color={disabled ? 'fg-200' : 'fg-100'} variant="paragraph-500">
|
|
82
|
+
{UiUtil.getTruncateString({
|
|
83
|
+
string: name,
|
|
84
|
+
charsStart: 15,
|
|
85
|
+
charsEnd: 0,
|
|
86
|
+
truncate: 'end'
|
|
87
|
+
})}
|
|
71
88
|
</Text>
|
|
72
89
|
<Text variant="small-400" color="fg-200">
|
|
73
|
-
{UiUtil.formatNumberToLocalString(amount, 4)}
|
|
90
|
+
{UiUtil.formatNumberToLocalString(amount, 4)}{' '}
|
|
91
|
+
{UiUtil.getTruncateString({
|
|
92
|
+
string: currency,
|
|
93
|
+
charsStart: 8,
|
|
94
|
+
charsEnd: 0,
|
|
95
|
+
truncate: 'end'
|
|
96
|
+
})}
|
|
74
97
|
</Text>
|
|
75
98
|
</FlexView>
|
|
76
99
|
</FlexView>
|
|
77
|
-
<Text color=
|
|
100
|
+
<Text color={disabled ? 'fg-200' : 'fg-100'} variant="paragraph-500">
|
|
78
101
|
${value?.toFixed(2) ?? '0.00'}
|
|
79
102
|
</Text>
|
|
80
103
|
</FlexView>
|
|
@@ -2,6 +2,9 @@ import { StyleSheet } from 'react-native';
|
|
|
2
2
|
import { BorderRadius, WalletImageSize } from '../../utils/ThemeUtil';
|
|
3
3
|
|
|
4
4
|
export default StyleSheet.create({
|
|
5
|
+
pressable: {
|
|
6
|
+
borderRadius: BorderRadius.s
|
|
7
|
+
},
|
|
5
8
|
image: {
|
|
6
9
|
height: WalletImageSize.sm,
|
|
7
10
|
width: WalletImageSize.sm,
|
|
@@ -4,11 +4,12 @@ import { useTheme } from '../../hooks/useTheme';
|
|
|
4
4
|
import type { ColorType, IconType } from '../../utils/TypesUtil';
|
|
5
5
|
import { IconBox } from '../wui-icon-box';
|
|
6
6
|
import styles from './styles';
|
|
7
|
+
import { LoadingSpinner } from '../../components/wui-loading-spinner';
|
|
7
8
|
|
|
8
9
|
export interface SnackbarProps {
|
|
9
10
|
message: string;
|
|
10
11
|
iconColor: ColorType;
|
|
11
|
-
icon: IconType;
|
|
12
|
+
icon: IconType | 'loading';
|
|
12
13
|
style?: StyleProp<ViewStyle>;
|
|
13
14
|
}
|
|
14
15
|
|
|
@@ -24,7 +25,11 @@ export function Snackbar({ message, iconColor, icon, style }: SnackbarProps) {
|
|
|
24
25
|
style
|
|
25
26
|
]}
|
|
26
27
|
>
|
|
27
|
-
|
|
28
|
+
{icon === 'loading' ? (
|
|
29
|
+
<LoadingSpinner size="md" />
|
|
30
|
+
) : (
|
|
31
|
+
<IconBox icon={icon} iconColor={iconColor} size="sm" background />
|
|
32
|
+
)}
|
|
28
33
|
<Text
|
|
29
34
|
variant="paragraph-500"
|
|
30
35
|
color="fg-100"
|
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
import { useState, useRef } from 'react';
|
|
2
|
+
import {
|
|
3
|
+
Animated,
|
|
4
|
+
type LayoutChangeEvent,
|
|
5
|
+
type StyleProp,
|
|
6
|
+
type ViewStyle,
|
|
7
|
+
Pressable
|
|
8
|
+
} from 'react-native';
|
|
9
|
+
|
|
10
|
+
import { IconBox } from '../wui-icon-box';
|
|
11
|
+
import { FlexView } from '../../layout/wui-flex';
|
|
12
|
+
import { Text } from '../../components/wui-text';
|
|
13
|
+
import styles from './styles';
|
|
14
|
+
|
|
15
|
+
export interface ToggleProps {
|
|
16
|
+
children?: React.ReactNode;
|
|
17
|
+
title?: string | React.ReactNode;
|
|
18
|
+
style?: StyleProp<ViewStyle>;
|
|
19
|
+
initialOpen?: boolean;
|
|
20
|
+
canClose?: boolean;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
export function Toggle({
|
|
24
|
+
children,
|
|
25
|
+
style,
|
|
26
|
+
title = 'Details',
|
|
27
|
+
initialOpen = false,
|
|
28
|
+
canClose = true
|
|
29
|
+
}: ToggleProps) {
|
|
30
|
+
const [isOpen, setIsOpen] = useState(initialOpen);
|
|
31
|
+
const animatedHeight = useRef(new Animated.Value(0)).current;
|
|
32
|
+
const contentHeight = useRef(0);
|
|
33
|
+
const hasInitialized = useRef(false);
|
|
34
|
+
|
|
35
|
+
const toggleDetails = () => {
|
|
36
|
+
if (canClose) {
|
|
37
|
+
const toValue = isOpen ? 0 : contentHeight.current;
|
|
38
|
+
|
|
39
|
+
Animated.spring(animatedHeight, {
|
|
40
|
+
toValue,
|
|
41
|
+
useNativeDriver: false,
|
|
42
|
+
bounciness: 0
|
|
43
|
+
}).start();
|
|
44
|
+
|
|
45
|
+
setIsOpen(!isOpen);
|
|
46
|
+
}
|
|
47
|
+
};
|
|
48
|
+
|
|
49
|
+
const measureContent = (event: LayoutChangeEvent) => {
|
|
50
|
+
const height = event.nativeEvent.layout.height;
|
|
51
|
+
contentHeight.current = height;
|
|
52
|
+
|
|
53
|
+
if (!hasInitialized.current && initialOpen) {
|
|
54
|
+
hasInitialized.current = true;
|
|
55
|
+
animatedHeight.setValue(height);
|
|
56
|
+
}
|
|
57
|
+
};
|
|
58
|
+
|
|
59
|
+
return (
|
|
60
|
+
<FlexView style={[styles.container, style]}>
|
|
61
|
+
<Pressable onPress={toggleDetails} style={styles.header}>
|
|
62
|
+
{typeof title === 'string' ? (
|
|
63
|
+
<Text variant="small-400" color="fg-100">
|
|
64
|
+
{title}
|
|
65
|
+
</Text>
|
|
66
|
+
) : (
|
|
67
|
+
title
|
|
68
|
+
)}
|
|
69
|
+
{canClose && (
|
|
70
|
+
<IconBox icon={isOpen ? 'chevronTop' : 'chevronBottom'} size="sm" iconColor="fg-200" />
|
|
71
|
+
)}
|
|
72
|
+
</Pressable>
|
|
73
|
+
|
|
74
|
+
<Animated.View style={[styles.contentWrapper, { height: animatedHeight }]}>
|
|
75
|
+
<FlexView style={styles.content} onLayout={measureContent}>
|
|
76
|
+
{children}
|
|
77
|
+
</FlexView>
|
|
78
|
+
</Animated.View>
|
|
79
|
+
</FlexView>
|
|
80
|
+
);
|
|
81
|
+
}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { StyleSheet } from 'react-native';
|
|
2
|
+
import { Spacing } from '../../utils/ThemeUtil';
|
|
3
|
+
|
|
4
|
+
export default StyleSheet.create({
|
|
5
|
+
container: {
|
|
6
|
+
overflow: 'hidden'
|
|
7
|
+
},
|
|
8
|
+
header: {
|
|
9
|
+
flexDirection: 'row',
|
|
10
|
+
alignItems: 'center',
|
|
11
|
+
justifyContent: 'space-between',
|
|
12
|
+
paddingVertical: Spacing.s,
|
|
13
|
+
paddingHorizontal: Spacing.l
|
|
14
|
+
},
|
|
15
|
+
content: {
|
|
16
|
+
paddingHorizontal: Spacing.l,
|
|
17
|
+
paddingBottom: Spacing.l,
|
|
18
|
+
position: 'absolute',
|
|
19
|
+
width: '100%'
|
|
20
|
+
},
|
|
21
|
+
contentWrapper: {
|
|
22
|
+
overflow: 'hidden'
|
|
23
|
+
}
|
|
24
|
+
});
|