@reown/appkit-react-native 0.0.0-fix-height-calc-20250815195135 → 0.0.0-fix-ui-changes-20250828183750
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/commonjs/AppKit.js +7 -5
- package/lib/commonjs/AppKit.js.map +1 -1
- package/lib/commonjs/connectors/WalletConnectConnector.js +1 -2
- package/lib/commonjs/connectors/WalletConnectConnector.js.map +1 -1
- package/lib/commonjs/modal/w3m-modal/index.js +1 -6
- package/lib/commonjs/modal/w3m-modal/index.js.map +1 -1
- package/lib/commonjs/modal/w3m-router/index.js +7 -1
- package/lib/commonjs/modal/w3m-router/index.js.map +1 -1
- package/lib/commonjs/partials/w3m-all-wallets-list/components/Loading.js +7 -97
- package/lib/commonjs/partials/w3m-all-wallets-list/components/Loading.js.map +1 -1
- package/lib/commonjs/partials/w3m-all-wallets-list/components/WalletItem.js +5 -4
- package/lib/commonjs/partials/w3m-all-wallets-list/components/WalletItem.js.map +1 -1
- package/lib/commonjs/partials/w3m-all-wallets-list/components/WalletList.js +85 -0
- package/lib/commonjs/partials/w3m-all-wallets-list/components/WalletList.js.map +1 -0
- package/lib/commonjs/partials/w3m-all-wallets-list/index.js +7 -41
- package/lib/commonjs/partials/w3m-all-wallets-list/index.js.map +1 -1
- package/lib/commonjs/partials/w3m-all-wallets-list/styles.js +8 -4
- package/lib/commonjs/partials/w3m-all-wallets-list/styles.js.map +1 -1
- package/lib/commonjs/partials/w3m-all-wallets-search/index.js +7 -38
- package/lib/commonjs/partials/w3m-all-wallets-search/index.js.map +1 -1
- package/lib/commonjs/partials/w3m-all-wallets-search/styles.js +2 -2
- package/lib/commonjs/partials/w3m-all-wallets-search/styles.js.map +1 -1
- package/lib/commonjs/partials/w3m-selector-modal/styles.js +1 -1
- package/lib/commonjs/partials/w3m-selector-modal/styles.js.map +1 -1
- package/lib/commonjs/views/w3m-all-wallets-view/index.js +2 -19
- package/lib/commonjs/views/w3m-all-wallets-view/index.js.map +1 -1
- package/lib/commonjs/views/w3m-connect-view/index.js +1 -1
- package/lib/commonjs/views/w3m-connect-view/index.js.map +1 -1
- package/lib/commonjs/views/w3m-onramp-checkout-view/index.js +160 -152
- package/lib/commonjs/views/w3m-onramp-checkout-view/index.js.map +1 -1
- package/lib/commonjs/views/w3m-onramp-view/components/SelectPaymentModal.js +1 -1
- package/lib/commonjs/views/w3m-onramp-view/components/SelectPaymentModal.js.map +1 -1
- package/lib/commonjs/views/w3m-swap-view/components/select-token-modal/index.js +155 -0
- package/lib/commonjs/views/w3m-swap-view/components/select-token-modal/index.js.map +1 -0
- package/lib/commonjs/views/w3m-swap-view/components/{select-token-view → select-token-modal}/styles.js +4 -2
- package/lib/commonjs/views/w3m-swap-view/components/select-token-modal/styles.js.map +1 -0
- package/lib/commonjs/views/w3m-swap-view/components/select-token-modal/utils.js.map +1 -0
- package/lib/commonjs/views/w3m-swap-view/index.js +4 -10
- package/lib/commonjs/views/w3m-swap-view/index.js.map +1 -1
- package/lib/commonjs/views/w3m-swap-view/styles.js +0 -5
- package/lib/commonjs/views/w3m-swap-view/styles.js.map +1 -1
- package/lib/commonjs/views/w3m-wallet-compatible-networks-view/index.js +1 -2
- package/lib/commonjs/views/w3m-wallet-compatible-networks-view/index.js.map +1 -1
- package/lib/commonjs/views/w3m-wallet-send-view/styles.js +1 -1
- package/lib/module/AppKit.js +7 -5
- package/lib/module/AppKit.js.map +1 -1
- package/lib/module/connectors/WalletConnectConnector.js +1 -2
- package/lib/module/connectors/WalletConnectConnector.js.map +1 -1
- package/lib/module/modal/w3m-modal/index.js +2 -7
- package/lib/module/modal/w3m-modal/index.js.map +1 -1
- package/lib/module/modal/w3m-router/index.js +7 -1
- package/lib/module/modal/w3m-router/index.js.map +1 -1
- package/lib/module/partials/w3m-all-wallets-list/components/Loading.js +8 -98
- package/lib/module/partials/w3m-all-wallets-list/components/Loading.js.map +1 -1
- package/lib/module/partials/w3m-all-wallets-list/components/WalletItem.js +5 -4
- package/lib/module/partials/w3m-all-wallets-list/components/WalletItem.js.map +1 -1
- package/lib/module/partials/w3m-all-wallets-list/components/WalletList.js +81 -0
- package/lib/module/partials/w3m-all-wallets-list/components/WalletList.js.map +1 -0
- package/lib/module/partials/w3m-all-wallets-list/index.js +7 -41
- package/lib/module/partials/w3m-all-wallets-list/index.js.map +1 -1
- package/lib/module/partials/w3m-all-wallets-list/styles.js +8 -4
- package/lib/module/partials/w3m-all-wallets-list/styles.js.map +1 -1
- package/lib/module/partials/w3m-all-wallets-search/index.js +8 -39
- package/lib/module/partials/w3m-all-wallets-search/index.js.map +1 -1
- package/lib/module/partials/w3m-all-wallets-search/styles.js +2 -2
- package/lib/module/partials/w3m-all-wallets-search/styles.js.map +1 -1
- package/lib/module/partials/w3m-selector-modal/styles.js +1 -1
- package/lib/module/partials/w3m-selector-modal/styles.js.map +1 -1
- package/lib/module/views/w3m-all-wallets-view/index.js +3 -20
- package/lib/module/views/w3m-all-wallets-view/index.js.map +1 -1
- package/lib/module/views/w3m-connect-view/index.js +1 -1
- package/lib/module/views/w3m-connect-view/index.js.map +1 -1
- package/lib/module/views/w3m-onramp-checkout-view/index.js +162 -154
- package/lib/module/views/w3m-onramp-checkout-view/index.js.map +1 -1
- package/lib/module/views/w3m-onramp-view/components/SelectPaymentModal.js +1 -1
- package/lib/module/views/w3m-onramp-view/components/SelectPaymentModal.js.map +1 -1
- package/lib/module/views/w3m-swap-view/components/select-token-modal/index.js +150 -0
- package/lib/module/views/w3m-swap-view/components/select-token-modal/index.js.map +1 -0
- package/lib/module/views/w3m-swap-view/components/{select-token-view → select-token-modal}/styles.js +4 -2
- package/lib/module/views/w3m-swap-view/components/select-token-modal/styles.js.map +1 -0
- package/lib/module/views/w3m-swap-view/components/select-token-modal/utils.js.map +1 -0
- package/lib/module/views/w3m-swap-view/index.js +5 -11
- package/lib/module/views/w3m-swap-view/index.js.map +1 -1
- package/lib/module/views/w3m-swap-view/styles.js +0 -5
- package/lib/module/views/w3m-swap-view/styles.js.map +1 -1
- package/lib/module/views/w3m-wallet-compatible-networks-view/index.js +1 -2
- package/lib/module/views/w3m-wallet-compatible-networks-view/index.js.map +1 -1
- package/lib/module/views/w3m-wallet-send-view/styles.js +1 -1
- package/lib/typescript/AppKit.d.ts.map +1 -1
- package/lib/typescript/modal/w3m-modal/index.d.ts.map +1 -1
- package/lib/typescript/modal/w3m-router/index.d.ts.map +1 -1
- package/lib/typescript/partials/w3m-all-wallets-list/components/Loading.d.ts +2 -4
- package/lib/typescript/partials/w3m-all-wallets-list/components/Loading.d.ts.map +1 -1
- package/lib/typescript/partials/w3m-all-wallets-list/components/WalletItem.d.ts +2 -1
- package/lib/typescript/partials/w3m-all-wallets-list/components/WalletItem.d.ts.map +1 -1
- package/lib/typescript/partials/w3m-all-wallets-list/components/WalletList.d.ts +12 -0
- package/lib/typescript/partials/w3m-all-wallets-list/components/WalletList.d.ts.map +1 -0
- package/lib/typescript/partials/w3m-all-wallets-list/index.d.ts +1 -3
- package/lib/typescript/partials/w3m-all-wallets-list/index.d.ts.map +1 -1
- package/lib/typescript/partials/w3m-all-wallets-list/styles.d.ts +7 -3
- package/lib/typescript/partials/w3m-all-wallets-list/styles.d.ts.map +1 -1
- package/lib/typescript/partials/w3m-all-wallets-search/index.d.ts +1 -4
- package/lib/typescript/partials/w3m-all-wallets-search/index.d.ts.map +1 -1
- package/lib/typescript/partials/w3m-all-wallets-search/styles.d.ts +1 -1
- package/lib/typescript/partials/w3m-selector-modal/styles.d.ts +1 -1
- package/lib/typescript/views/w3m-all-wallets-view/index.d.ts.map +1 -1
- package/lib/typescript/views/w3m-onramp-checkout-view/index.d.ts.map +1 -1
- package/lib/typescript/views/w3m-swap-view/components/{select-token-view → select-token-modal}/index.d.ts +2 -1
- package/lib/typescript/views/w3m-swap-view/components/select-token-modal/index.d.ts.map +1 -0
- package/lib/typescript/views/w3m-swap-view/components/{select-token-view → select-token-modal}/styles.d.ts +4 -2
- package/lib/typescript/views/w3m-swap-view/components/{select-token-view → select-token-modal}/styles.d.ts.map +1 -1
- package/lib/typescript/views/w3m-swap-view/components/select-token-modal/utils.d.ts.map +1 -0
- package/lib/typescript/views/w3m-swap-view/index.d.ts.map +1 -1
- package/lib/typescript/views/w3m-swap-view/styles.d.ts +0 -5
- package/lib/typescript/views/w3m-swap-view/styles.d.ts.map +1 -1
- package/lib/typescript/views/w3m-wallet-send-view/styles.d.ts +1 -1
- package/package.json +5 -5
- package/src/AppKit.ts +13 -5
- package/src/connectors/WalletConnectConnector.ts +2 -2
- package/src/modal/w3m-modal/index.tsx +2 -3
- package/src/modal/w3m-router/index.tsx +3 -1
- package/src/partials/w3m-all-wallets-list/components/Loading.tsx +4 -35
- package/src/partials/w3m-all-wallets-list/components/WalletItem.tsx +5 -3
- package/src/partials/w3m-all-wallets-list/components/WalletList.tsx +92 -0
- package/src/partials/w3m-all-wallets-list/index.tsx +7 -38
- package/src/partials/w3m-all-wallets-list/styles.ts +8 -4
- package/src/partials/w3m-all-wallets-search/index.tsx +6 -43
- package/src/partials/w3m-all-wallets-search/styles.ts +2 -2
- package/src/partials/w3m-selector-modal/styles.ts +1 -1
- package/src/views/w3m-all-wallets-view/index.tsx +2 -29
- package/src/views/w3m-connect-view/index.tsx +1 -1
- package/src/views/w3m-onramp-checkout-view/index.tsx +147 -143
- package/src/views/w3m-onramp-view/components/SelectPaymentModal.tsx +1 -1
- package/src/views/w3m-swap-view/components/select-token-modal/index.tsx +182 -0
- package/src/views/w3m-swap-view/components/{select-token-view → select-token-modal}/styles.ts +4 -2
- package/src/views/w3m-swap-view/index.tsx +3 -5
- package/src/views/w3m-swap-view/styles.ts +1 -5
- package/src/views/w3m-wallet-compatible-networks-view/index.tsx +1 -1
- package/src/views/w3m-wallet-send-view/styles.ts +1 -1
- package/lib/commonjs/views/w3m-swap-view/components/select-token-view/index.js +0 -145
- package/lib/commonjs/views/w3m-swap-view/components/select-token-view/index.js.map +0 -1
- package/lib/commonjs/views/w3m-swap-view/components/select-token-view/styles.js.map +0 -1
- package/lib/commonjs/views/w3m-swap-view/components/select-token-view/utils.js.map +0 -1
- package/lib/module/views/w3m-swap-view/components/select-token-view/index.js +0 -140
- package/lib/module/views/w3m-swap-view/components/select-token-view/index.js.map +0 -1
- package/lib/module/views/w3m-swap-view/components/select-token-view/styles.js.map +0 -1
- package/lib/module/views/w3m-swap-view/components/select-token-view/utils.js.map +0 -1
- package/lib/typescript/views/w3m-swap-view/components/select-token-view/index.d.ts.map +0 -1
- package/lib/typescript/views/w3m-swap-view/components/select-token-view/utils.d.ts.map +0 -1
- package/src/views/w3m-swap-view/components/select-token-view/index.tsx +0 -176
- /package/lib/commonjs/views/w3m-swap-view/components/{select-token-view → select-token-modal}/utils.js +0 -0
- /package/lib/module/views/w3m-swap-view/components/{select-token-view → select-token-modal}/utils.js +0 -0
- /package/lib/typescript/views/w3m-swap-view/components/{select-token-view → select-token-modal}/utils.d.ts +0 -0
- /package/src/views/w3m-swap-view/components/{select-token-view → select-token-modal}/utils.ts +0 -0
|
@@ -1,106 +1,16 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import { CardSelectLoader, FlexView, useCustomDimensions } from '@reown/appkit-ui-react-native';
|
|
4
3
|
import { memo } from 'react';
|
|
5
|
-
import {
|
|
4
|
+
import { WalletList } from './WalletList';
|
|
5
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
6
6
|
function _Loading({
|
|
7
|
-
|
|
8
|
-
containerStyle
|
|
7
|
+
loadingItems = 20
|
|
9
8
|
}) {
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
flexDirection: "row",
|
|
16
|
-
flexWrap: "wrap",
|
|
17
|
-
alignSelf: "center",
|
|
18
|
-
padding: ['0', '0', 's', 'xs'],
|
|
19
|
-
style: {
|
|
20
|
-
maxWidth,
|
|
21
|
-
maxHeight
|
|
22
|
-
},
|
|
23
|
-
children: [/*#__PURE__*/_jsx(CardSelectLoader, {
|
|
24
|
-
style: [containerStyle, {
|
|
25
|
-
width: itemWidth
|
|
26
|
-
}]
|
|
27
|
-
}), /*#__PURE__*/_jsx(CardSelectLoader, {
|
|
28
|
-
style: [containerStyle, {
|
|
29
|
-
width: itemWidth
|
|
30
|
-
}]
|
|
31
|
-
}), /*#__PURE__*/_jsx(CardSelectLoader, {
|
|
32
|
-
style: [containerStyle, {
|
|
33
|
-
width: itemWidth
|
|
34
|
-
}]
|
|
35
|
-
}), /*#__PURE__*/_jsx(CardSelectLoader, {
|
|
36
|
-
style: [containerStyle, {
|
|
37
|
-
width: itemWidth
|
|
38
|
-
}]
|
|
39
|
-
}), /*#__PURE__*/_jsx(CardSelectLoader, {
|
|
40
|
-
style: [containerStyle, {
|
|
41
|
-
width: itemWidth
|
|
42
|
-
}]
|
|
43
|
-
}), /*#__PURE__*/_jsx(CardSelectLoader, {
|
|
44
|
-
style: [containerStyle, {
|
|
45
|
-
width: itemWidth
|
|
46
|
-
}]
|
|
47
|
-
}), /*#__PURE__*/_jsx(CardSelectLoader, {
|
|
48
|
-
style: [containerStyle, {
|
|
49
|
-
width: itemWidth
|
|
50
|
-
}]
|
|
51
|
-
}), /*#__PURE__*/_jsx(CardSelectLoader, {
|
|
52
|
-
style: [containerStyle, {
|
|
53
|
-
width: itemWidth
|
|
54
|
-
}]
|
|
55
|
-
}), /*#__PURE__*/_jsx(CardSelectLoader, {
|
|
56
|
-
style: [containerStyle, {
|
|
57
|
-
width: itemWidth
|
|
58
|
-
}]
|
|
59
|
-
}), /*#__PURE__*/_jsx(CardSelectLoader, {
|
|
60
|
-
style: [containerStyle, {
|
|
61
|
-
width: itemWidth
|
|
62
|
-
}]
|
|
63
|
-
}), /*#__PURE__*/_jsx(CardSelectLoader, {
|
|
64
|
-
style: [containerStyle, {
|
|
65
|
-
width: itemWidth
|
|
66
|
-
}]
|
|
67
|
-
}), /*#__PURE__*/_jsx(CardSelectLoader, {
|
|
68
|
-
style: [containerStyle, {
|
|
69
|
-
width: itemWidth
|
|
70
|
-
}]
|
|
71
|
-
}), /*#__PURE__*/_jsx(CardSelectLoader, {
|
|
72
|
-
style: [containerStyle, {
|
|
73
|
-
width: itemWidth
|
|
74
|
-
}]
|
|
75
|
-
}), /*#__PURE__*/_jsx(CardSelectLoader, {
|
|
76
|
-
style: [containerStyle, {
|
|
77
|
-
width: itemWidth
|
|
78
|
-
}]
|
|
79
|
-
}), /*#__PURE__*/_jsx(CardSelectLoader, {
|
|
80
|
-
style: [containerStyle, {
|
|
81
|
-
width: itemWidth
|
|
82
|
-
}]
|
|
83
|
-
}), /*#__PURE__*/_jsx(CardSelectLoader, {
|
|
84
|
-
style: [containerStyle, {
|
|
85
|
-
width: itemWidth
|
|
86
|
-
}]
|
|
87
|
-
}), /*#__PURE__*/_jsx(CardSelectLoader, {
|
|
88
|
-
style: [containerStyle, {
|
|
89
|
-
width: itemWidth
|
|
90
|
-
}]
|
|
91
|
-
}), /*#__PURE__*/_jsx(CardSelectLoader, {
|
|
92
|
-
style: [containerStyle, {
|
|
93
|
-
width: itemWidth
|
|
94
|
-
}]
|
|
95
|
-
}), /*#__PURE__*/_jsx(CardSelectLoader, {
|
|
96
|
-
style: [containerStyle, {
|
|
97
|
-
width: itemWidth
|
|
98
|
-
}]
|
|
99
|
-
}), /*#__PURE__*/_jsx(CardSelectLoader, {
|
|
100
|
-
style: [containerStyle, {
|
|
101
|
-
width: itemWidth
|
|
102
|
-
}]
|
|
103
|
-
})]
|
|
9
|
+
return /*#__PURE__*/_jsx(WalletList, {
|
|
10
|
+
data: [],
|
|
11
|
+
onItemPress: () => {},
|
|
12
|
+
isLoading: true,
|
|
13
|
+
loadingItems: loadingItems
|
|
104
14
|
});
|
|
105
15
|
}
|
|
106
16
|
export const Loading = /*#__PURE__*/memo(_Loading, () => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["memo","WalletList","jsx","_jsx","_Loading","loadingItems","data","onItemPress","isLoading","Loading"],"sourceRoot":"../../../../../src","sources":["partials/w3m-all-wallets-list/components/Loading.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAQ,OAAO;AAC5B,SAASC,UAAU,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAM1C,SAASC,QAAQA,CAAC;EAAEC,YAAY,GAAG;AAAiB,CAAC,EAAE;EACrD,oBACEF,IAAA,CAACF,UAAU;IAACK,IAAI,EAAE,EAAG;IAACC,WAAW,EAAEA,CAAA,KAAM,CAAC,CAAE;IAACC,SAAS,EAAE,IAAK;IAACH,YAAY,EAAEA;EAAa,CAAE,CAAC;AAEhG;AAEA,OAAO,MAAMI,OAAO,gBAAGT,IAAI,CAACI,QAAQ,EAAE,MAAM;EAC1C,OAAO,IAAI;AACb,CAAC,CAAC","ignoreList":[]}
|
|
@@ -10,7 +10,8 @@ export function WalletItem({
|
|
|
10
10
|
item,
|
|
11
11
|
itemWidth,
|
|
12
12
|
imageHeaders,
|
|
13
|
-
onItemPress
|
|
13
|
+
onItemPress,
|
|
14
|
+
style
|
|
14
15
|
}) {
|
|
15
16
|
const {
|
|
16
17
|
walletImages
|
|
@@ -21,14 +22,14 @@ export function WalletItem({
|
|
|
21
22
|
return /*#__PURE__*/_jsx(CardSelectLoader, {
|
|
22
23
|
style: [containerStyle, {
|
|
23
24
|
width: itemWidth
|
|
24
|
-
}]
|
|
25
|
+
}, style]
|
|
25
26
|
});
|
|
26
27
|
}
|
|
27
28
|
return /*#__PURE__*/_jsx(CardSelect, {
|
|
28
29
|
imageSrc: imageSrc,
|
|
29
|
-
style: [containerStyle, {
|
|
30
|
+
style: [containerStyle, itemWidth ? {
|
|
30
31
|
width: itemWidth
|
|
31
|
-
}],
|
|
32
|
+
} : undefined, style],
|
|
32
33
|
imageHeaders: imageHeaders,
|
|
33
34
|
name: item?.name ?? 'Unknown',
|
|
34
35
|
onPress: () => onItemPress(item),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useSnapshot","ApiController","AssetController","AssetUtil","CardSelect","CardSelectLoader","memo","jsx","_jsx","WalletItem","containerStyle","item","itemWidth","imageHeaders","onItemPress","walletImages","state","isInstalled","installed","find","wallet","id","imageSrc","getWalletImage","
|
|
1
|
+
{"version":3,"names":["useSnapshot","ApiController","AssetController","AssetUtil","CardSelect","CardSelectLoader","memo","jsx","_jsx","WalletItem","containerStyle","item","itemWidth","imageHeaders","onItemPress","style","walletImages","state","isInstalled","installed","find","wallet","id","imageSrc","getWalletImage","width","undefined","name","onPress","MemoizedWalletItem","prevProps","nextProps"],"sourceRoot":"../../../../../src","sources":["partials/w3m-all-wallets-list/components/WalletItem.tsx"],"mappings":";;AAAA,SAASA,WAAW,QAAQ,QAAQ;AACpC,SAASC,aAAa,EAAEC,eAAe,EAAEC,SAAS,QAAQ,iCAAiC;AAC3F,SAASC,UAAU,EAAEC,gBAAgB,QAAQ,+BAA+B;AAG5E,SAASC,IAAI,QAAQ,OAAO;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAW7B,OAAO,SAASC,UAAUA,CAAC;EACzBC,cAAc;EACdC,IAAI;EACJC,SAAS;EACTC,YAAY;EACZC,WAAW;EACXC;AACe,CAAC,EAAE;EAClB,MAAM;IAAEC;EAAa,CAAC,GAAGhB,WAAW,CAACE,eAAe,CAACe,KAAK,CAAC;EAC3D,MAAMC,WAAW,GAAGjB,aAAa,CAACgB,KAAK,CAACE,SAAS,CAACC,IAAI,CAACC,MAAM,IAAIA,MAAM,EAAEC,EAAE,KAAKX,IAAI,EAAEW,EAAE,CAAC;EACzF,MAAMC,QAAQ,GAAGpB,SAAS,CAACqB,cAAc,CAACb,IAAI,EAAEK,YAAY,CAAC;EAE7D,IAAI,CAACL,IAAI,EAAEW,EAAE,EAAE;IACb,oBAAOd,IAAA,CAACH,gBAAgB;MAACU,KAAK,EAAE,CAACL,cAAc,EAAE;QAAEe,KAAK,EAAEb;MAAU,CAAC,EAAEG,KAAK;IAAE,CAAE,CAAC;EACnF;EAEA,oBACEP,IAAA,CAACJ,UAAU;IACTmB,QAAQ,EAAEA,QAAS;IACnBR,KAAK,EAAE,CAACL,cAAc,EAAEE,SAAS,GAAG;MAAEa,KAAK,EAAEb;IAAU,CAAC,GAAGc,SAAS,EAAEX,KAAK,CAAE;IAC7EF,YAAY,EAAEA,YAAa;IAC3Bc,IAAI,EAAEhB,IAAI,EAAEgB,IAAI,IAAI,SAAU;IAC9BC,OAAO,EAAEA,CAAA,KAAMd,WAAW,CAACH,IAAI,CAAE;IACjCQ,SAAS,EAAE,CAAC,CAACD;EAAY,CAC1B,CAAC;AAEN;AAEA,OAAO,MAAMW,kBAAkB,gBAAGvB,IAAI,CAACG,UAAU,EAAE,CAACqB,SAAS,EAAEC,SAAS,KAAK;EAC3E,OAAOD,SAAS,CAACnB,IAAI,CAACW,EAAE,KAAKS,SAAS,CAACpB,IAAI,CAACW,EAAE;AAChD,CAAC,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { FlatList, StyleSheet } from 'react-native';
|
|
4
|
+
import { WalletItem } from './WalletItem';
|
|
5
|
+
import { CardSelectHeight, Spacing, useCustomDimensions, CardSelectLoader } from '@reown/appkit-ui-react-native';
|
|
6
|
+
import { ApiController } from '@reown/appkit-core-react-native';
|
|
7
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
8
|
+
const imageHeaders = ApiController._getApiHeaders();
|
|
9
|
+
const ITEM_HEIGHT = CardSelectHeight;
|
|
10
|
+
const ITEM_HEIGHT_WITH_GAP = ITEM_HEIGHT + Spacing['3xs'];
|
|
11
|
+
export function WalletList({
|
|
12
|
+
data,
|
|
13
|
+
onItemPress,
|
|
14
|
+
onEndReached,
|
|
15
|
+
onEndReachedThreshold,
|
|
16
|
+
isLoading = false,
|
|
17
|
+
loadingItems = 20
|
|
18
|
+
}) {
|
|
19
|
+
const {
|
|
20
|
+
padding
|
|
21
|
+
} = useCustomDimensions();
|
|
22
|
+
|
|
23
|
+
// Create loading data if isLoading is true
|
|
24
|
+
const displayData = isLoading ? Array.from({
|
|
25
|
+
length: loadingItems
|
|
26
|
+
}, (_, index) => ({
|
|
27
|
+
id: `loading-${index}`
|
|
28
|
+
})) : data;
|
|
29
|
+
return /*#__PURE__*/_jsx(FlatList, {
|
|
30
|
+
fadingEdgeLength: 20,
|
|
31
|
+
bounces: false,
|
|
32
|
+
numColumns: 4,
|
|
33
|
+
data: displayData,
|
|
34
|
+
style: styles.list,
|
|
35
|
+
columnWrapperStyle: styles.columnWrapperStyle,
|
|
36
|
+
renderItem: ({
|
|
37
|
+
item
|
|
38
|
+
}) => {
|
|
39
|
+
if (isLoading) {
|
|
40
|
+
return /*#__PURE__*/_jsx(CardSelectLoader, {
|
|
41
|
+
style: styles.itemContainer
|
|
42
|
+
});
|
|
43
|
+
}
|
|
44
|
+
return /*#__PURE__*/_jsx(WalletItem, {
|
|
45
|
+
item: item,
|
|
46
|
+
imageHeaders: imageHeaders,
|
|
47
|
+
onItemPress: onItemPress,
|
|
48
|
+
style: styles.itemContainer
|
|
49
|
+
});
|
|
50
|
+
},
|
|
51
|
+
contentContainerStyle: [styles.contentContainer, {
|
|
52
|
+
paddingHorizontal: padding
|
|
53
|
+
}],
|
|
54
|
+
onEndReached: onEndReached,
|
|
55
|
+
onEndReachedThreshold: onEndReachedThreshold,
|
|
56
|
+
keyExtractor: item => item?.id,
|
|
57
|
+
getItemLayout: (_, index) => ({
|
|
58
|
+
length: ITEM_HEIGHT_WITH_GAP,
|
|
59
|
+
offset: ITEM_HEIGHT_WITH_GAP * index,
|
|
60
|
+
index
|
|
61
|
+
})
|
|
62
|
+
});
|
|
63
|
+
}
|
|
64
|
+
const styles = StyleSheet.create({
|
|
65
|
+
list: {
|
|
66
|
+
height: '100%'
|
|
67
|
+
},
|
|
68
|
+
contentContainer: {
|
|
69
|
+
paddingBottom: Spacing['4xl'],
|
|
70
|
+
paddingTop: Spacing['3xs'],
|
|
71
|
+
gap: Spacing['3xs'],
|
|
72
|
+
alignItems: 'center'
|
|
73
|
+
},
|
|
74
|
+
columnWrapperStyle: {
|
|
75
|
+
justifyContent: 'space-around'
|
|
76
|
+
},
|
|
77
|
+
itemContainer: {
|
|
78
|
+
width: '23%'
|
|
79
|
+
}
|
|
80
|
+
});
|
|
81
|
+
//# sourceMappingURL=WalletList.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["FlatList","StyleSheet","WalletItem","CardSelectHeight","Spacing","useCustomDimensions","CardSelectLoader","ApiController","jsx","_jsx","imageHeaders","_getApiHeaders","ITEM_HEIGHT","ITEM_HEIGHT_WITH_GAP","WalletList","data","onItemPress","onEndReached","onEndReachedThreshold","isLoading","loadingItems","padding","displayData","Array","from","length","_","index","id","fadingEdgeLength","bounces","numColumns","style","styles","list","columnWrapperStyle","renderItem","item","itemContainer","contentContainerStyle","contentContainer","paddingHorizontal","keyExtractor","getItemLayout","offset","create","height","paddingBottom","paddingTop","gap","alignItems","justifyContent","width"],"sourceRoot":"../../../../../src","sources":["partials/w3m-all-wallets-list/components/WalletList.tsx"],"mappings":";;AAAA,SAASA,QAAQ,EAAEC,UAAU,QAAQ,cAAc;AACnD,SAASC,UAAU,QAAQ,cAAc;AACzC,SACEC,gBAAgB,EAChBC,OAAO,EACPC,mBAAmB,EACnBC,gBAAgB,QACX,+BAA+B;AACtC,SAASC,aAAa,QAAQ,iCAAiC;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGhE,MAAMC,YAAY,GAAGH,aAAa,CAACI,cAAc,CAAC,CAAC;AAEnD,MAAMC,WAAW,GAAGT,gBAAgB;AACpC,MAAMU,oBAAoB,GAAGD,WAAW,GAAGR,OAAO,CAAC,KAAK,CAAC;AAWzD,OAAO,SAASU,UAAUA,CAAC;EACzBC,IAAI;EACJC,WAAW;EACXC,YAAY;EACZC,qBAAqB;EACrBC,SAAS,GAAG,KAAK;EACjBC,YAAY,GAAG;AACV,CAAC,EAAE;EACR,MAAM;IAAEC;EAAQ,CAAC,GAAGhB,mBAAmB,CAAC,CAAC;;EAEzC;EACA,MAAMiB,WAAW,GAAGH,SAAS,GACzBI,KAAK,CAACC,IAAI,CAAC;IAAEC,MAAM,EAAEL;EAAa,CAAC,EAAE,CAACM,CAAC,EAAEC,KAAK,MAAM;IAAEC,EAAE,EAAE,WAAWD,KAAK;EAAG,CAAC,CAAa,CAAC,GAC5FZ,IAAI;EAER,oBACEN,IAAA,CAACT,QAAQ;IACP6B,gBAAgB,EAAE,EAAG;IACrBC,OAAO,EAAE,KAAM;IACfC,UAAU,EAAE,CAAE;IACdhB,IAAI,EAAEO,WAAY;IAClBU,KAAK,EAAEC,MAAM,CAACC,IAAK;IACnBC,kBAAkB,EAAEF,MAAM,CAACE,kBAAmB;IAC9CC,UAAU,EAAEA,CAAC;MAAEC;IAAK,CAAC,KAAK;MACxB,IAAIlB,SAAS,EAAE;QACb,oBAAOV,IAAA,CAACH,gBAAgB;UAAC0B,KAAK,EAAEC,MAAM,CAACK;QAAc,CAAE,CAAC;MAC1D;MAEA,oBACE7B,IAAA,CAACP,UAAU;QACTmC,IAAI,EAAEA,IAAK;QACX3B,YAAY,EAAEA,YAAa;QAC3BM,WAAW,EAAEA,WAAY;QACzBgB,KAAK,EAAEC,MAAM,CAACK;MAAc,CAC7B,CAAC;IAEN,CAAE;IACFC,qBAAqB,EAAE,CAACN,MAAM,CAACO,gBAAgB,EAAE;MAAEC,iBAAiB,EAAEpB;IAAQ,CAAC,CAAE;IACjFJ,YAAY,EAAEA,YAAa;IAC3BC,qBAAqB,EAAEA,qBAAsB;IAC7CwB,YAAY,EAAEL,IAAI,IAAIA,IAAI,EAAET,EAAG;IAC/Be,aAAa,EAAEA,CAACjB,CAAC,EAAEC,KAAK,MAAM;MAC5BF,MAAM,EAAEZ,oBAAoB;MAC5B+B,MAAM,EAAE/B,oBAAoB,GAAGc,KAAK;MACpCA;IACF,CAAC;EAAE,CACJ,CAAC;AAEN;AAEA,MAAMM,MAAM,GAAGhC,UAAU,CAAC4C,MAAM,CAAC;EAC/BX,IAAI,EAAE;IACJY,MAAM,EAAE;EACV,CAAC;EACDN,gBAAgB,EAAE;IAChBO,aAAa,EAAE3C,OAAO,CAAC,KAAK,CAAC;IAC7B4C,UAAU,EAAE5C,OAAO,CAAC,KAAK,CAAC;IAC1B6C,GAAG,EAAE7C,OAAO,CAAC,KAAK,CAAC;IACnB8C,UAAU,EAAE;EACd,CAAC;EACDf,kBAAkB,EAAE;IAClBgB,cAAc,EAAE;EAClB,CAAC;EACDb,aAAa,EAAE;IACbc,KAAK,EAAE;EACT;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -2,28 +2,18 @@
|
|
|
2
2
|
|
|
3
3
|
import { useEffect, useState } from 'react';
|
|
4
4
|
import { useSnapshot } from 'valtio';
|
|
5
|
-
import { FlatList } from 'react-native';
|
|
6
5
|
import { ApiController, OptionsController, SnackController } from '@reown/appkit-core-react-native';
|
|
7
|
-
import { CardSelectHeight, Spacing, useCustomDimensions } from '@reown/appkit-ui-react-native';
|
|
8
6
|
import styles from './styles';
|
|
9
7
|
import { Placeholder } from '../w3m-placeholder';
|
|
10
8
|
import { Loading } from './components/Loading';
|
|
11
|
-
import {
|
|
9
|
+
import { WalletList } from './components/WalletList';
|
|
12
10
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
13
|
-
const ITEM_HEIGHT = CardSelectHeight + Spacing.xs * 2;
|
|
14
11
|
export function AllWalletsList({
|
|
15
|
-
|
|
16
|
-
itemWidth,
|
|
17
|
-
onItemPress,
|
|
18
|
-
headerHeight = 0
|
|
12
|
+
onItemPress
|
|
19
13
|
}) {
|
|
20
14
|
const [loading, setLoading] = useState(ApiController.state.wallets.length === 0);
|
|
21
15
|
const [loadingError, setLoadingError] = useState(false);
|
|
22
16
|
const [pageLoading, setPageLoading] = useState(false);
|
|
23
|
-
const {
|
|
24
|
-
maxHeight,
|
|
25
|
-
padding
|
|
26
|
-
} = useCustomDimensions();
|
|
27
17
|
const {
|
|
28
18
|
installed,
|
|
29
19
|
featured,
|
|
@@ -33,9 +23,8 @@ export function AllWalletsList({
|
|
|
33
23
|
const {
|
|
34
24
|
customWallets
|
|
35
25
|
} = useSnapshot(OptionsController.state);
|
|
36
|
-
const imageHeaders = ApiController._getApiHeaders();
|
|
37
26
|
const preloadedWallets = installed.length + featured.length + recommended.length;
|
|
38
|
-
const loadingItems =
|
|
27
|
+
const loadingItems = 4 - (100 + preloadedWallets) % 4;
|
|
39
28
|
const combinedWallets = [...(customWallets ?? []), ...installed, ...featured, ...recommended, ...wallets];
|
|
40
29
|
|
|
41
30
|
// Deduplicate by wallet ID
|
|
@@ -79,8 +68,7 @@ export function AllWalletsList({
|
|
|
79
68
|
}, []);
|
|
80
69
|
if (loading) {
|
|
81
70
|
return /*#__PURE__*/_jsx(Loading, {
|
|
82
|
-
|
|
83
|
-
containerStyle: styles.itemContainer
|
|
71
|
+
loadingItems: 20
|
|
84
72
|
});
|
|
85
73
|
}
|
|
86
74
|
if (loadingError) {
|
|
@@ -95,33 +83,11 @@ export function AllWalletsList({
|
|
|
95
83
|
style: styles.placeholderContainer
|
|
96
84
|
});
|
|
97
85
|
}
|
|
98
|
-
return /*#__PURE__*/_jsx(
|
|
99
|
-
fadingEdgeLength: 20,
|
|
100
|
-
bounces: false,
|
|
101
|
-
numColumns: columns,
|
|
86
|
+
return /*#__PURE__*/_jsx(WalletList, {
|
|
102
87
|
data: walletList,
|
|
103
|
-
renderItem: ({
|
|
104
|
-
item
|
|
105
|
-
}) => /*#__PURE__*/_jsx(WalletItem, {
|
|
106
|
-
item: item,
|
|
107
|
-
itemWidth: itemWidth,
|
|
108
|
-
imageHeaders: imageHeaders,
|
|
109
|
-
onItemPress: onItemPress
|
|
110
|
-
}),
|
|
111
|
-
style: {
|
|
112
|
-
maxHeight: maxHeight - headerHeight - Spacing['4xl']
|
|
113
|
-
},
|
|
114
|
-
contentContainerStyle: [styles.contentContainer, {
|
|
115
|
-
paddingHorizontal: padding + Spacing.xs
|
|
116
|
-
}],
|
|
117
88
|
onEndReached: fetchNextPage,
|
|
118
89
|
onEndReachedThreshold: 2,
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
length: ITEM_HEIGHT,
|
|
122
|
-
offset: ITEM_HEIGHT * index,
|
|
123
|
-
index
|
|
124
|
-
})
|
|
125
|
-
}, columns);
|
|
90
|
+
onItemPress: onItemPress
|
|
91
|
+
});
|
|
126
92
|
}
|
|
127
93
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useEffect","useState","useSnapshot","
|
|
1
|
+
{"version":3,"names":["useEffect","useState","useSnapshot","ApiController","OptionsController","SnackController","styles","Placeholder","Loading","WalletList","jsx","_jsx","AllWalletsList","onItemPress","loading","setLoading","state","wallets","length","loadingError","setLoadingError","pageLoading","setPageLoading","installed","featured","recommended","customWallets","preloadedWallets","loadingItems","combinedWallets","uniqueWallets","Array","from","Map","map","wallet","id","values","filter","walletList","initialFetch","fetchWallets","page","error","showError","fetchNextPage","count","icon","iconColor","title","description","actionIcon","actionPress","actionTitle","style","placeholderContainer","data","onEndReached","onEndReachedThreshold"],"sourceRoot":"../../../../src","sources":["partials/w3m-all-wallets-list/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -4,12 +4,16 @@ import { Spacing } from '@reown/appkit-ui-react-native';
|
|
|
4
4
|
import { StyleSheet } from 'react-native';
|
|
5
5
|
export default StyleSheet.create({
|
|
6
6
|
contentContainer: {
|
|
7
|
-
paddingBottom: Spacing['
|
|
7
|
+
paddingBottom: Spacing['4xl'],
|
|
8
|
+
paddingTop: Spacing['3xs'],
|
|
9
|
+
gap: Spacing['3xs'],
|
|
10
|
+
alignItems: 'center'
|
|
11
|
+
},
|
|
12
|
+
columnWrapperStyle: {
|
|
13
|
+
justifyContent: 'space-around'
|
|
8
14
|
},
|
|
9
15
|
itemContainer: {
|
|
10
|
-
|
|
11
|
-
justifyContent: 'center',
|
|
12
|
-
marginVertical: Spacing.xs
|
|
16
|
+
width: '23%'
|
|
13
17
|
},
|
|
14
18
|
pageLoader: {
|
|
15
19
|
marginTop: Spacing.xl
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Spacing","StyleSheet","create","contentContainer","paddingBottom","
|
|
1
|
+
{"version":3,"names":["Spacing","StyleSheet","create","contentContainer","paddingBottom","paddingTop","gap","alignItems","columnWrapperStyle","justifyContent","itemContainer","width","pageLoader","marginTop","xl","errorContainer","height","placeholderContainer","flex"],"sourceRoot":"../../../../src","sources":["partials/w3m-all-wallets-list/styles.ts"],"mappings":";;AAAA,SAASA,OAAO,QAAQ,+BAA+B;AACvD,SAASC,UAAU,QAAQ,cAAc;AAEzC,eAAeA,UAAU,CAACC,MAAM,CAAC;EAC/BC,gBAAgB,EAAE;IAChBC,aAAa,EAAEJ,OAAO,CAAC,KAAK,CAAC;IAC7BK,UAAU,EAAEL,OAAO,CAAC,KAAK,CAAC;IAC1BM,GAAG,EAAEN,OAAO,CAAC,KAAK,CAAC;IACnBO,UAAU,EAAE;EACd,CAAC;EACDC,kBAAkB,EAAE;IAClBC,cAAc,EAAE;EAClB,CAAC;EACDC,aAAa,EAAE;IACbC,KAAK,EAAE;EACT,CAAC;EACDC,UAAU,EAAE;IACVC,SAAS,EAAEb,OAAO,CAACc;EACrB,CAAC;EACDC,cAAc,EAAE;IACdC,MAAM,EAAE;EACV,CAAC;EACDC,oBAAoB,EAAE;IACpBC,IAAI,EAAE,CAAC;IACPF,MAAM,EAAE;EACV;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -1,29 +1,21 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import { useCallback, useEffect, useState } from 'react';
|
|
4
|
-
import { FlatList } from 'react-native';
|
|
5
4
|
import { ApiController, SnackController } from '@reown/appkit-core-react-native';
|
|
6
|
-
import {
|
|
5
|
+
import { useCustomDimensions } from '@reown/appkit-ui-react-native';
|
|
7
6
|
import { Placeholder } from '../w3m-placeholder';
|
|
8
7
|
import styles from './styles';
|
|
9
8
|
import { Loading } from '../w3m-all-wallets-list/components/Loading';
|
|
10
|
-
import {
|
|
9
|
+
import { WalletList } from '../w3m-all-wallets-list/components/WalletList';
|
|
11
10
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
12
|
-
const ITEM_HEIGHT = CardSelectHeight + Spacing.xs * 2;
|
|
13
11
|
export function AllWalletsSearch({
|
|
14
12
|
searchQuery,
|
|
15
|
-
|
|
16
|
-
itemWidth,
|
|
17
|
-
onItemPress,
|
|
18
|
-
headerHeight = 0
|
|
13
|
+
onItemPress
|
|
19
14
|
}) {
|
|
20
15
|
const [loading, setLoading] = useState(false);
|
|
21
16
|
const [loadingError, setLoadingError] = useState(false);
|
|
22
17
|
const [prevSearchQuery, setPrevSearchQuery] = useState('');
|
|
23
|
-
const imageHeaders = ApiController._getApiHeaders();
|
|
24
18
|
const {
|
|
25
|
-
maxHeight,
|
|
26
|
-
padding,
|
|
27
19
|
isLandscape
|
|
28
20
|
} = useCustomDimensions();
|
|
29
21
|
const emptyTemplate = () => {
|
|
@@ -55,8 +47,7 @@ export function AllWalletsSearch({
|
|
|
55
47
|
}, [searchQuery, prevSearchQuery, searchFetch]);
|
|
56
48
|
if (loading) {
|
|
57
49
|
return /*#__PURE__*/_jsx(Loading, {
|
|
58
|
-
|
|
59
|
-
containerStyle: styles.itemContainer
|
|
50
|
+
loadingItems: 20
|
|
60
51
|
});
|
|
61
52
|
}
|
|
62
53
|
if (loadingError) {
|
|
@@ -74,31 +65,9 @@ export function AllWalletsSearch({
|
|
|
74
65
|
if (ApiController.state.search.length === 0) {
|
|
75
66
|
return emptyTemplate();
|
|
76
67
|
}
|
|
77
|
-
return /*#__PURE__*/_jsx(
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
data: ApiController.state.search,
|
|
82
|
-
renderItem: ({
|
|
83
|
-
item
|
|
84
|
-
}) => /*#__PURE__*/_jsx(WalletItem, {
|
|
85
|
-
item: item,
|
|
86
|
-
itemWidth: itemWidth,
|
|
87
|
-
imageHeaders: imageHeaders,
|
|
88
|
-
onItemPress: onItemPress
|
|
89
|
-
}),
|
|
90
|
-
style: {
|
|
91
|
-
maxHeight: maxHeight - headerHeight - Spacing['2xl']
|
|
92
|
-
},
|
|
93
|
-
contentContainerStyle: [styles.contentContainer, {
|
|
94
|
-
paddingHorizontal: padding + Spacing.xs
|
|
95
|
-
}],
|
|
96
|
-
keyExtractor: item => item.id,
|
|
97
|
-
getItemLayout: (_, index) => ({
|
|
98
|
-
length: ITEM_HEIGHT,
|
|
99
|
-
offset: ITEM_HEIGHT * index,
|
|
100
|
-
index
|
|
101
|
-
})
|
|
102
|
-
}, columns);
|
|
68
|
+
return /*#__PURE__*/_jsx(WalletList, {
|
|
69
|
+
onItemPress: onItemPress,
|
|
70
|
+
data: ApiController.state.search
|
|
71
|
+
});
|
|
103
72
|
}
|
|
104
73
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useCallback","useEffect","useState","
|
|
1
|
+
{"version":3,"names":["useCallback","useEffect","useState","ApiController","SnackController","useCustomDimensions","Placeholder","styles","Loading","WalletList","jsx","_jsx","AllWalletsSearch","searchQuery","onItemPress","loading","setLoading","loadingError","setLoadingError","prevSearchQuery","setPrevSearchQuery","isLandscape","emptyTemplate","icon","description","style","emptyContainer","emptyLandscape","searchFetch","searchWallet","search","error","showError","loadingItems","iconColor","title","actionIcon","actionPress","placeholderContainer","actionTitle","state","length","data"],"sourceRoot":"../../../../src","sources":["partials/w3m-all-wallets-search/index.tsx"],"mappings":";;AAAA,SAASA,WAAW,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AACxD,SAASC,aAAa,EAAEC,eAAe,QAAQ,iCAAiC;AAEhF,SAASC,mBAAmB,QAAQ,+BAA+B;AACnE,SAASC,WAAW,QAAQ,oBAAoB;AAChD,OAAOC,MAAM,MAAM,UAAU;AAE7B,SAASC,OAAO,QAAQ,4CAA4C;AACpE,SAASC,UAAU,QAAQ,+CAA+C;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAO3E,OAAO,SAASC,gBAAgBA,CAAC;EAAEC,WAAW;EAAEC;AAAmC,CAAC,EAAE;EACpF,MAAM,CAACC,OAAO,EAAEC,UAAU,CAAC,GAAGd,QAAQ,CAAU,KAAK,CAAC;EACtD,MAAM,CAACe,YAAY,EAAEC,eAAe,CAAC,GAAGhB,QAAQ,CAAU,KAAK,CAAC;EAChE,MAAM,CAACiB,eAAe,EAAEC,kBAAkB,CAAC,GAAGlB,QAAQ,CAAS,EAAE,CAAC;EAClE,MAAM;IAAEmB;EAAY,CAAC,GAAGhB,mBAAmB,CAAC,CAAC;EAE7C,MAAMiB,aAAa,GAAGA,CAAA,KAAM;IAC1B,oBACEX,IAAA,CAACL,WAAW;MACViB,IAAI,EAAC,mBAAmB;MACxBC,WAAW,EAAC,kBAAkB;MAC9BC,KAAK,EAAE,CAAClB,MAAM,CAACmB,cAAc,EAAEL,WAAW,IAAId,MAAM,CAACoB,cAAc;IAAE,CACtE,CAAC;EAEN,CAAC;EAED,MAAMC,WAAW,GAAG5B,WAAW,CAAC,YAAY;IAC1C,IAAI;MACFgB,UAAU,CAAC,IAAI,CAAC;MAChBE,eAAe,CAAC,KAAK,CAAC;MACtB,MAAMf,aAAa,CAAC0B,YAAY,CAAC;QAAEC,MAAM,EAAEjB;MAAY,CAAC,CAAC;MACzDG,UAAU,CAAC,KAAK,CAAC;IACnB,CAAC,CAAC,OAAOe,KAAK,EAAE;MACd3B,eAAe,CAAC4B,SAAS,CAAC,wBAAwB,CAAC;MACnDhB,UAAU,CAAC,KAAK,CAAC;MACjBE,eAAe,CAAC,IAAI,CAAC;IACvB;EACF,CAAC,EAAE,CAACL,WAAW,CAAC,CAAC;EAEjBZ,SAAS,CAAC,MAAM;IACd,IAAIkB,eAAe,KAAKN,WAAW,EAAE;MACnCO,kBAAkB,CAACP,WAAW,IAAI,EAAE,CAAC;MACrCe,WAAW,CAAC,CAAC;IACf;EACF,CAAC,EAAE,CAACf,WAAW,EAAEM,eAAe,EAAES,WAAW,CAAC,CAAC;EAE/C,IAAIb,OAAO,EAAE;IACX,oBAAOJ,IAAA,CAACH,OAAO;MAACyB,YAAY,EAAE;IAAG,CAAE,CAAC;EACtC;EAEA,IAAIhB,YAAY,EAAE;IAChB,oBACEN,IAAA,CAACL,WAAW;MACViB,IAAI,EAAC,eAAe;MACpBW,SAAS,EAAC,WAAW;MACrBC,KAAK,EAAC,uDAAkD;MACxDX,WAAW,EAAE,6FAA8F;MAC3GY,UAAU,EAAC,SAAS;MACpBC,WAAW,EAAET,WAAY;MACzBH,KAAK,EAAElB,MAAM,CAAC+B,oBAAqB;MACnCC,WAAW,EAAC;IAAO,CACpB,CAAC;EAEN;EAEA,IAAIpC,aAAa,CAACqC,KAAK,CAACV,MAAM,CAACW,MAAM,KAAK,CAAC,EAAE;IAC3C,OAAOnB,aAAa,CAAC,CAAC;EACxB;EAEA,oBAAOX,IAAA,CAACF,UAAU;IAACK,WAAW,EAAEA,WAAY;IAAC4B,IAAI,EAAEvC,aAAa,CAACqC,KAAK,CAACV;EAAO,CAAE,CAAC;AACnF","ignoreList":[]}
|
|
@@ -4,7 +4,7 @@ import { Spacing } from '@reown/appkit-ui-react-native';
|
|
|
4
4
|
import { StyleSheet } from 'react-native';
|
|
5
5
|
export default StyleSheet.create({
|
|
6
6
|
contentContainer: {
|
|
7
|
-
paddingBottom: Spacing['
|
|
7
|
+
paddingBottom: Spacing['4xl']
|
|
8
8
|
},
|
|
9
9
|
placeholderContainer: {
|
|
10
10
|
flex: 0,
|
|
@@ -20,7 +20,7 @@ export default StyleSheet.create({
|
|
|
20
20
|
itemContainer: {
|
|
21
21
|
alignItems: 'center',
|
|
22
22
|
justifyContent: 'center',
|
|
23
|
-
|
|
23
|
+
margin: Spacing['4xs']
|
|
24
24
|
},
|
|
25
25
|
text: {
|
|
26
26
|
marginTop: Spacing.xs
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Spacing","StyleSheet","create","contentContainer","paddingBottom","placeholderContainer","flex","height","emptyContainer","emptyLandscape","paddingTop","itemContainer","alignItems","justifyContent","
|
|
1
|
+
{"version":3,"names":["Spacing","StyleSheet","create","contentContainer","paddingBottom","placeholderContainer","flex","height","emptyContainer","emptyLandscape","paddingTop","itemContainer","alignItems","justifyContent","margin","text","marginTop","xs"],"sourceRoot":"../../../../src","sources":["partials/w3m-all-wallets-search/styles.ts"],"mappings":";;AAAA,SAASA,OAAO,QAAQ,+BAA+B;AACvD,SAASC,UAAU,QAAQ,cAAc;AAEzC,eAAeA,UAAU,CAACC,MAAM,CAAC;EAC/BC,gBAAgB,EAAE;IAChBC,aAAa,EAAEJ,OAAO,CAAC,KAAK;EAC9B,CAAC;EACDK,oBAAoB,EAAE;IACpBC,IAAI,EAAE,CAAC;IACPC,MAAM,EAAE;EACV,CAAC;EACDC,cAAc,EAAE;IACdF,IAAI,EAAE,CAAC;IACPC,MAAM,EAAE;EACV,CAAC;EACDE,cAAc,EAAE;IACdC,UAAU,EAAE;EACd,CAAC;EACDC,aAAa,EAAE;IACbC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBC,MAAM,EAAEd,OAAO,CAAC,KAAK;EACvB,CAAC;EACDe,IAAI,EAAE;IACJC,SAAS,EAAEhB,OAAO,CAACiB;EACrB;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["BorderRadius","Spacing","StyleSheet","create","modal","flex","margin","justifyContent","header","marginBottom","s","paddingHorizontal","m","container","height","borderTopLeftRadius","l","borderTopRightRadius","paddingTop","selectedContainer","listContent","iconPlaceholder","width","networkImage","borderRadius","full","searchBar","marginHorizontal","separator","marginTop"],"sourceRoot":"../../../../src","sources":["partials/w3m-selector-modal/styles.ts"],"mappings":";;AAAA,SAASA,YAAY,EAAEC,OAAO,QAAQ,+BAA+B;AACrE,SAASC,UAAU,QAAQ,cAAc;AAEzC,eAAeA,UAAU,CAACC,MAAM,CAAC;EAC/BC,KAAK,EAAE;IACLC,IAAI,EAAE,CAAC;IACPC,MAAM,EAAE,CAAC;IACTC,cAAc,EAAE;EAClB,CAAC;EACDC,MAAM,EAAE;IACNC,YAAY,EAAER,OAAO,CAACS,CAAC;IACvBC,iBAAiB,EAAEV,OAAO,CAACW;EAC7B,CAAC;EACDC,SAAS,EAAE;IACTC,MAAM,EAAE,
|
|
1
|
+
{"version":3,"names":["BorderRadius","Spacing","StyleSheet","create","modal","flex","margin","justifyContent","header","marginBottom","s","paddingHorizontal","m","container","height","borderTopLeftRadius","l","borderTopRightRadius","paddingTop","selectedContainer","listContent","iconPlaceholder","width","networkImage","borderRadius","full","searchBar","marginHorizontal","separator","marginTop"],"sourceRoot":"../../../../src","sources":["partials/w3m-selector-modal/styles.ts"],"mappings":";;AAAA,SAASA,YAAY,EAAEC,OAAO,QAAQ,+BAA+B;AACrE,SAASC,UAAU,QAAQ,cAAc;AAEzC,eAAeA,UAAU,CAACC,MAAM,CAAC;EAC/BC,KAAK,EAAE;IACLC,IAAI,EAAE,CAAC;IACPC,MAAM,EAAE,CAAC;IACTC,cAAc,EAAE;EAClB,CAAC;EACDC,MAAM,EAAE;IACNC,YAAY,EAAER,OAAO,CAACS,CAAC;IACvBC,iBAAiB,EAAEV,OAAO,CAACW;EAC7B,CAAC;EACDC,SAAS,EAAE;IACTC,MAAM,EAAE,MAAM;IACdC,mBAAmB,EAAEf,YAAY,CAACgB,CAAC;IACnCC,oBAAoB,EAAEjB,YAAY,CAACgB,CAAC;IACpCE,UAAU,EAAEjB,OAAO,CAACW;EACtB,CAAC;EACDO,iBAAiB,EAAE;IACjBR,iBAAiB,EAAEV,OAAO,CAACW;EAC7B,CAAC;EACDQ,WAAW,EAAE;IACXF,UAAU,EAAEjB,OAAO,CAACS,CAAC;IACrBC,iBAAiB,EAAEV,OAAO,CAACW;EAC7B,CAAC;EACDS,eAAe,EAAE;IACfP,MAAM,EAAE,EAAE;IACVQ,KAAK,EAAE;EACT,CAAC;EACDC,YAAY,EAAE;IACZT,MAAM,EAAE,EAAE;IACVQ,KAAK,EAAE,EAAE;IACTE,YAAY,EAAExB,YAAY,CAACyB;EAC7B,CAAC;EACDC,SAAS,EAAE;IACTjB,YAAY,EAAER,OAAO,CAACS,CAAC;IACvBiB,gBAAgB,EAAE1B,OAAO,CAACS;EAC5B,CAAC;EACDkB,SAAS,EAAE;IACTC,SAAS,EAAE5B,OAAO,CAACW;EACrB;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
import { useState } from 'react';
|
|
4
4
|
import { WcController, EventsController, RouterController } from '@reown/appkit-core-react-native';
|
|
5
|
-
import { FlexView, IconLink, SearchBar,
|
|
5
|
+
import { FlexView, IconLink, SearchBar, useTheme, useCustomDimensions } from '@reown/appkit-ui-react-native';
|
|
6
6
|
import styles from './styles';
|
|
7
7
|
import { useDebounceCallback } from '../../hooks/useDebounceCallback';
|
|
8
8
|
import { AllWalletsList } from '../../partials/w3m-all-wallets-list';
|
|
@@ -15,21 +15,11 @@ export function AllWalletsView() {
|
|
|
15
15
|
const {
|
|
16
16
|
maxWidth
|
|
17
17
|
} = useCustomDimensions();
|
|
18
|
-
const [headerHeight, setHeaderHeight] = useState(0);
|
|
19
|
-
const numColumns = 4;
|
|
20
|
-
const usableWidth = maxWidth - Spacing.xs * 2;
|
|
21
|
-
const itemWidth = Math.abs(Math.trunc(usableWidth / numColumns));
|
|
22
18
|
const {
|
|
23
19
|
debouncedCallback: onInputChange
|
|
24
20
|
} = useDebounceCallback({
|
|
25
21
|
callback: setSearchQuery
|
|
26
22
|
});
|
|
27
|
-
const onHeaderLayout = event => {
|
|
28
|
-
const {
|
|
29
|
-
height
|
|
30
|
-
} = event.nativeEvent.layout;
|
|
31
|
-
setHeaderHeight(height);
|
|
32
|
-
};
|
|
33
23
|
const onWalletPress = wallet => {
|
|
34
24
|
const isExternal = WcHelpersUtil.isExternalWallet(wallet);
|
|
35
25
|
if (isExternal) {
|
|
@@ -68,7 +58,6 @@ export function AllWalletsView() {
|
|
|
68
58
|
return /*#__PURE__*/_jsxs(FlexView, {
|
|
69
59
|
padding: ['s', 'l', 'xs', 'l'],
|
|
70
60
|
flexDirection: "row",
|
|
71
|
-
onLayout: onHeaderLayout,
|
|
72
61
|
alignItems: "center",
|
|
73
62
|
style: [styles.header, {
|
|
74
63
|
backgroundColor: Theme['bg-100'],
|
|
@@ -96,18 +85,12 @@ export function AllWalletsView() {
|
|
|
96
85
|
const listTemplate = () => {
|
|
97
86
|
if (searchQuery) {
|
|
98
87
|
return /*#__PURE__*/_jsx(AllWalletsSearch, {
|
|
99
|
-
columns: numColumns,
|
|
100
|
-
itemWidth: itemWidth,
|
|
101
88
|
searchQuery: searchQuery,
|
|
102
|
-
onItemPress: onWalletPress
|
|
103
|
-
headerHeight: headerHeight
|
|
89
|
+
onItemPress: onWalletPress
|
|
104
90
|
});
|
|
105
91
|
}
|
|
106
92
|
return /*#__PURE__*/_jsx(AllWalletsList, {
|
|
107
|
-
|
|
108
|
-
itemWidth: itemWidth,
|
|
109
|
-
onItemPress: onWalletPress,
|
|
110
|
-
headerHeight: headerHeight
|
|
93
|
+
onItemPress: onWalletPress
|
|
111
94
|
});
|
|
112
95
|
};
|
|
113
96
|
return /*#__PURE__*/_jsxs(_Fragment, {
|