@reown/appkit-react-native 2.0.0-alpha.4 → 2.0.0-alpha.5

package/lib/module/partials/w3m-all-wallets-list/components/Loading.js

@@ -1,106 +1,18 @@
 "use strict";
 
-import { CardSelectLoader, FlexView, useCustomDimensions } from '@reown/appkit-ui-react-native';
 import { memo } from 'react';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { WalletList } from './WalletList';
+import { jsx as _jsx } from "react/jsx-runtime";
 function _Loading({
-  itemWidth,
-  containerStyle
+  loadingItems = 20,
+  style
 }) {
-  const {
-    maxWidth,
-    maxHeight
-  } = useCustomDimensions();
-  return /*#__PURE__*/_jsxs(FlexView, {
-    flexDirection: "row",
-    flexWrap: "wrap",
-    alignSelf: "center",
-    padding: ['0', '0', 's', 'xs'],
-    style: {
-      maxWidth,
-      maxHeight
-    },
-    children: [/*#__PURE__*/_jsx(CardSelectLoader, {
-      style: [containerStyle, {
-        width: itemWidth
-      }]
-    }), /*#__PURE__*/_jsx(CardSelectLoader, {
-      style: [containerStyle, {
-        width: itemWidth
-      }]
-    }), /*#__PURE__*/_jsx(CardSelectLoader, {
-      style: [containerStyle, {
-        width: itemWidth
-      }]
-    }), /*#__PURE__*/_jsx(CardSelectLoader, {
-      style: [containerStyle, {
-        width: itemWidth
-      }]
-    }), /*#__PURE__*/_jsx(CardSelectLoader, {
-      style: [containerStyle, {
-        width: itemWidth
-      }]
-    }), /*#__PURE__*/_jsx(CardSelectLoader, {
-      style: [containerStyle, {
-        width: itemWidth
-      }]
-    }), /*#__PURE__*/_jsx(CardSelectLoader, {
-      style: [containerStyle, {
-        width: itemWidth
-      }]
-    }), /*#__PURE__*/_jsx(CardSelectLoader, {
-      style: [containerStyle, {
-        width: itemWidth
-      }]
-    }), /*#__PURE__*/_jsx(CardSelectLoader, {
-      style: [containerStyle, {
-        width: itemWidth
-      }]
-    }), /*#__PURE__*/_jsx(CardSelectLoader, {
-      style: [containerStyle, {
-        width: itemWidth
-      }]
-    }), /*#__PURE__*/_jsx(CardSelectLoader, {
-      style: [containerStyle, {
-        width: itemWidth
-      }]
-    }), /*#__PURE__*/_jsx(CardSelectLoader, {
-      style: [containerStyle, {
-        width: itemWidth
-      }]
-    }), /*#__PURE__*/_jsx(CardSelectLoader, {
-      style: [containerStyle, {
-        width: itemWidth
-      }]
-    }), /*#__PURE__*/_jsx(CardSelectLoader, {
-      style: [containerStyle, {
-        width: itemWidth
-      }]
-    }), /*#__PURE__*/_jsx(CardSelectLoader, {
-      style: [containerStyle, {
-        width: itemWidth
-      }]
-    }), /*#__PURE__*/_jsx(CardSelectLoader, {
-      style: [containerStyle, {
-        width: itemWidth
-      }]
-    }), /*#__PURE__*/_jsx(CardSelectLoader, {
-      style: [containerStyle, {
-        width: itemWidth
-      }]
-    }), /*#__PURE__*/_jsx(CardSelectLoader, {
-      style: [containerStyle, {
-        width: itemWidth
-      }]
-    }), /*#__PURE__*/_jsx(CardSelectLoader, {
-      style: [containerStyle, {
-        width: itemWidth
-      }]
-    }), /*#__PURE__*/_jsx(CardSelectLoader, {
-      style: [containerStyle, {
-        width: itemWidth
-      }]
-    })]
+  return /*#__PURE__*/_jsx(WalletList, {
+    data: [],
+    onItemPress: () => {},
+    isLoading: true,
+    loadingItems: loadingItems,
+    style: style
   });
 }
 export const Loading = /*#__PURE__*/memo(_Loading, () => {

package/lib/module/partials/w3m-all-wallets-list/components/Loading.js.map

@@ -1 +1 @@
-{"version":3,"names":["CardSelectLoader","FlexView","useCustomDimensions","memo","jsx","_jsx","jsxs","_jsxs","_Loading","itemWidth","containerStyle","maxWidth","maxHeight","flexDirection","flexWrap","alignSelf","padding","style","children","width","Loading"],"sourceRoot":"../../../../../src","sources":["partials/w3m-all-wallets-list/components/Loading.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["memo","WalletList","jsx","_jsx","_Loading","loadingItems","style","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;AAQ1C,SAASC,QAAQA,CAAC;EAAEC,YAAY,GAAG,EAAE;EAAEC;AAAoB,CAAC,EAAE;EAC5D,oBACEH,IAAA,CAACF,UAAU;IACTM,IAAI,EAAE,EAAG;IACTC,WAAW,EAAEA,CAAA,KAAM,CAAC,CAAE;IACtBC,SAAS,EAAE,IAAK;IAChBJ,YAAY,EAAEA,YAAa;IAC3BC,KAAK,EAAEA;EAAM,CACd,CAAC;AAEN;AAEA,OAAO,MAAMI,OAAO,gBAAGV,IAAI,CAACI,QAAQ,EAAE,MAAM;EAC1C,OAAO,IAAI;AACb,CAAC,CAAC","ignoreList":[]}

package/lib/module/partials/w3m-all-wallets-list/components/WalletItem.js

@@ -6,9 +6,7 @@ import { CardSelect, CardSelectLoader } from '@reown/appkit-ui-react-native';
 import { memo } from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
 export function WalletItem({
-  containerStyle,
   item,
-  itemWidth,
   imageHeaders,
   onItemPress,
   style
@@ -20,16 +18,12 @@ export function WalletItem({
   const imageSrc = AssetUtil.getWalletImage(item, walletImages);
   if (!item?.id) {
     return /*#__PURE__*/_jsx(CardSelectLoader, {
-      style: [containerStyle, {
-        width: itemWidth
-      }, style]
+      style: style
     });
   }
   return /*#__PURE__*/_jsx(CardSelect, {
     imageSrc: imageSrc,
-    style: [containerStyle, {
-      width: itemWidth
-    }, style],
+    style: style,
     imageHeaders: imageHeaders,
     name: item?.name ?? 'Unknown',
     onPress: () => onItemPress(item),

package/lib/module/partials/w3m-all-wallets-list/components/WalletItem.js.map

@@ -1 +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","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,EAAE;MAAEe,KAAK,EAAEb;IAAU,CAAC,EAAEG,KAAK,CAAE;IACrDF,YAAY,EAAEA,YAAa;IAC3Ba,IAAI,EAAEf,IAAI,EAAEe,IAAI,IAAI,SAAU;IAC9BC,OAAO,EAAEA,CAAA,KAAMb,WAAW,CAACH,IAAI,CAAE;IACjCQ,SAAS,EAAE,CAAC,CAACD;EAAY,CAC1B,CAAC;AAEN;AAEA,OAAO,MAAMU,kBAAkB,gBAAGtB,IAAI,CAACG,UAAU,EAAE,CAACoB,SAAS,EAAEC,SAAS,KAAK;EAC3E,OAAOD,SAAS,CAAClB,IAAI,CAACW,EAAE,KAAKQ,SAAS,CAACnB,IAAI,CAACW,EAAE;AAChD,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["useSnapshot","ApiController","AssetController","AssetUtil","CardSelect","CardSelectLoader","memo","jsx","_jsx","WalletItem","item","imageHeaders","onItemPress","style","walletImages","state","isInstalled","installed","find","wallet","id","imageSrc","getWalletImage","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;AAS7B,OAAO,SAASC,UAAUA,CAAC;EAAEC,IAAI;EAAEC,YAAY;EAAEC,WAAW;EAAEC;AAAuB,CAAC,EAAE;EACtF,MAAM;IAAEC;EAAa,CAAC,GAAGd,WAAW,CAACE,eAAe,CAACa,KAAK,CAAC;EAC3D,MAAMC,WAAW,GAAGf,aAAa,CAACc,KAAK,CAACE,SAAS,CAACC,IAAI,CAACC,MAAM,IAAIA,MAAM,EAAEC,EAAE,KAAKV,IAAI,EAAEU,EAAE,CAAC;EACzF,MAAMC,QAAQ,GAAGlB,SAAS,CAACmB,cAAc,CAACZ,IAAI,EAAEI,YAAY,CAAC;EAE7D,IAAI,CAACJ,IAAI,EAAEU,EAAE,EAAE;IACb,oBAAOZ,IAAA,CAACH,gBAAgB;MAACQ,KAAK,EAAEA;IAAM,CAAE,CAAC;EAC3C;EAEA,oBACEL,IAAA,CAACJ,UAAU;IACTiB,QAAQ,EAAEA,QAAS;IACnBR,KAAK,EAAEA,KAAM;IACbF,YAAY,EAAEA,YAAa;IAC3BY,IAAI,EAAEb,IAAI,EAAEa,IAAI,IAAI,SAAU;IAC9BC,OAAO,EAAEA,CAAA,KAAMZ,WAAW,CAACF,IAAI,CAAE;IACjCO,SAAS,EAAE,CAAC,CAACD;EAAY,CAC1B,CAAC;AAEN;AAEA,OAAO,MAAMS,kBAAkB,gBAAGnB,IAAI,CAACG,UAAU,EAAE,CAACiB,SAAS,EAAEC,SAAS,KAAK;EAC3E,OAAOD,SAAS,CAAChB,IAAI,CAACU,EAAE,KAAKO,SAAS,CAACjB,IAAI,CAACU,EAAE;AAChD,CAAC,CAAC","ignoreList":[]}

package/lib/module/partials/w3m-all-wallets-list/components/WalletList.js

@@ -0,0 +1,90 @@
+"use strict";
+
+import { FlatList, StyleSheet } from 'react-native';
+import { WalletItem } from './WalletItem';
+import { CardSelectHeight, Spacing, useCustomDimensions, CardSelectLoader, CardSelectWidth } from '@reown/appkit-ui-react-native';
+import { ApiController } from '@reown/appkit-core-react-native';
+import { jsx as _jsx } from "react/jsx-runtime";
+const imageHeaders = ApiController._getApiHeaders();
+const ITEM_HEIGHT = CardSelectHeight;
+const ITEM_WIDTH = CardSelectWidth;
+const ITEM_HEIGHT_WITH_GAP = ITEM_HEIGHT + Spacing['3xs'];
+export function WalletList({
+  data,
+  onItemPress,
+  onEndReached,
+  onEndReachedThreshold,
+  isLoading = false,
+  loadingItems = 20,
+  style
+}) {
+  const {
+    padding,
+    maxHeight
+  } = useCustomDimensions();
+
+  // Create loading data if isLoading is true
+  const displayData = isLoading ? Array.from({
+    length: loadingItems
+  }, (_, index) => ({
+    id: `loading-${index}`
+  })) : data;
+  return /*#__PURE__*/_jsx(FlatList, {
+    fadingEdgeLength: 20,
+    bounces: false,
+    numColumns: 4,
+    data: displayData,
+    style: [styles.list, {
+      height: maxHeight
+    }, style],
+    columnWrapperStyle: styles.columnWrapperStyle,
+    renderItem: ({
+      item
+    }) => {
+      if (isLoading) {
+        return /*#__PURE__*/_jsx(CardSelectLoader, {
+          style: styles.itemContainer
+        });
+      }
+      return /*#__PURE__*/_jsx(WalletItem, {
+        item: item,
+        imageHeaders: imageHeaders,
+        onItemPress: onItemPress,
+        style: styles.itemContainer
+      });
+    },
+    contentContainerStyle: [styles.contentContainer, {
+      paddingHorizontal: padding
+    }],
+    initialNumToRender: 32,
+    maxToRenderPerBatch: 12,
+    windowSize: 10,
+    onEndReached: onEndReached,
+    onEndReachedThreshold: onEndReachedThreshold,
+    keyExtractor: (item, index) => item?.id ?? `item-${index}`,
+    getItemLayout: (_, index) => ({
+      length: ITEM_HEIGHT_WITH_GAP,
+      offset: ITEM_HEIGHT_WITH_GAP * index,
+      index
+    })
+  });
+}
+const styles = StyleSheet.create({
+  list: {
+    paddingTop: Spacing['3xs']
+  },
+  contentContainer: {
+    paddingBottom: Spacing['xs'],
+    paddingTop: Spacing['3xs'],
+    gap: Spacing['3xs'],
+    alignItems: 'center'
+  },
+  columnWrapperStyle: {
+    justifyContent: 'space-around'
+  },
+  itemContainer: {
+    width: '23%',
+    minWidth: ITEM_WIDTH
+  }
+});
+//# sourceMappingURL=WalletList.js.map

package/lib/module/partials/w3m-all-wallets-list/components/WalletList.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["FlatList","StyleSheet","WalletItem","CardSelectHeight","Spacing","useCustomDimensions","CardSelectLoader","CardSelectWidth","ApiController","jsx","_jsx","imageHeaders","_getApiHeaders","ITEM_HEIGHT","ITEM_WIDTH","ITEM_HEIGHT_WITH_GAP","WalletList","data","onItemPress","onEndReached","onEndReachedThreshold","isLoading","loadingItems","style","padding","maxHeight","displayData","Array","from","length","_","index","id","fadingEdgeLength","bounces","numColumns","styles","list","height","columnWrapperStyle","renderItem","item","itemContainer","contentContainerStyle","contentContainer","paddingHorizontal","initialNumToRender","maxToRenderPerBatch","windowSize","keyExtractor","getItemLayout","offset","create","paddingTop","paddingBottom","gap","alignItems","justifyContent","width","minWidth"],"sourceRoot":"../../../../../src","sources":["partials/w3m-all-wallets-list/components/WalletList.tsx"],"mappings":";;AAAA,SAASA,QAAQ,EAAEC,UAAU,QAAwC,cAAc;AACnF,SAASC,UAAU,QAAQ,cAAc;AACzC,SACEC,gBAAgB,EAChBC,OAAO,EACPC,mBAAmB,EACnBC,gBAAgB,EAChBC,eAAe,QACV,+BAA+B;AACtC,SAASC,aAAa,QAAQ,iCAAiC;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGhE,MAAMC,YAAY,GAAGH,aAAa,CAACI,cAAc,CAAC,CAAC;AAEnD,MAAMC,WAAW,GAAGV,gBAAgB;AACpC,MAAMW,UAAU,GAAGP,eAAe;AAClC,MAAMQ,oBAAoB,GAAGF,WAAW,GAAGT,OAAO,CAAC,KAAK,CAAC;AAYzD,OAAO,SAASY,UAAUA,CAAC;EACzBC,IAAI;EACJC,WAAW;EACXC,YAAY;EACZC,qBAAqB;EACrBC,SAAS,GAAG,KAAK;EACjBC,YAAY,GAAG,EAAE;EACjBC;AACK,CAAC,EAAE;EACR,MAAM;IAAEC,OAAO;IAAEC;EAAU,CAAC,GAAGpB,mBAAmB,CAAC,CAAC;;EAEpD;EACA,MAAMqB,WAAW,GAAGL,SAAS,GACzBM,KAAK,CAACC,IAAI,CAAC;IAAEC,MAAM,EAAEP;EAAa,CAAC,EAAE,CAACQ,CAAC,EAAEC,KAAK,MAAM;IAAEC,EAAE,EAAE,WAAWD,KAAK;EAAG,CAAC,CAAa,CAAC,GAC5Fd,IAAI;EAER,oBACEP,IAAA,CAACV,QAAQ;IACPiC,gBAAgB,EAAE,EAAG;IACrBC,OAAO,EAAE,KAAM;IACfC,UAAU,EAAE,CAAE;IACdlB,IAAI,EAAES,WAAY;IAClBH,KAAK,EAAE,CAACa,MAAM,CAACC,IAAI,EAAE;MAAEC,MAAM,EAAEb;IAAU,CAAC,EAAEF,KAAK,CAAE;IACnDgB,kBAAkB,EAAEH,MAAM,CAACG,kBAAmB;IAC9CC,UAAU,EAAEA,CAAC;MAAEC;IAAK,CAAC,KAAK;MACxB,IAAIpB,SAAS,EAAE;QACb,oBAAOX,IAAA,CAACJ,gBAAgB;UAACiB,KAAK,EAAEa,MAAM,CAACM;QAAc,CAAE,CAAC;MAC1D;MAEA,oBACEhC,IAAA,CAACR,UAAU;QACTuC,IAAI,EAAEA,IAAK;QACX9B,YAAY,EAAEA,YAAa;QAC3BO,WAAW,EAAEA,WAAY;QACzBK,KAAK,EAAEa,MAAM,CAACM;MAAc,CAC7B,CAAC;IAEN,CAAE;IACFC,qBAAqB,EAAE,CAACP,MAAM,CAACQ,gBAAgB,EAAE;MAAEC,iBAAiB,EAAErB;IAAQ,CAAC,CAAE;IACjFsB,kBAAkB,EAAE,EAAG;IACvBC,mBAAmB,EAAE,EAAG;IACxBC,UAAU,EAAE,EAAG;IACf7B,YAAY,EAAEA,YAAa;IAC3BC,qBAAqB,EAAEA,qBAAsB;IAC7C6B,YAAY,EAAEA,CAACR,IAAI,EAAEV,KAAK,KAAKU,IAAI,EAAET,EAAE,IAAI,QAAQD,KAAK,EAAG;IAC3DmB,aAAa,EAAEA,CAACpB,CAAC,EAAEC,KAAK,MAAM;MAC5BF,MAAM,EAAEd,oBAAoB;MAC5BoC,MAAM,EAAEpC,oBAAoB,GAAGgB,KAAK;MACpCA;IACF,CAAC;EAAE,CACJ,CAAC;AAEN;AAEA,MAAMK,MAAM,GAAGnC,UAAU,CAACmD,MAAM,CAAC;EAC/Bf,IAAI,EAAE;IACJgB,UAAU,EAAEjD,OAAO,CAAC,KAAK;EAC3B,CAAC;EACDwC,gBAAgB,EAAE;IAChBU,aAAa,EAAElD,OAAO,CAAC,IAAI,CAAC;IAC5BiD,UAAU,EAAEjD,OAAO,CAAC,KAAK,CAAC;IAC1BmD,GAAG,EAAEnD,OAAO,CAAC,KAAK,CAAC;IACnBoD,UAAU,EAAE;EACd,CAAC;EACDjB,kBAAkB,EAAE;IAClBkB,cAAc,EAAE;EAClB,CAAC;EACDf,aAAa,EAAE;IACbgB,KAAK,EAAE,KAAK;IACZC,QAAQ,EAAE7C;EACZ;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/partials/w3m-all-wallets-list/index.js

@@ -2,28 +2,18 @@
 
 import { useEffect, useState } from 'react';
 import { useSnapshot } from 'valtio';
-import { FlatList } from 'react-native';
 import { ApiController, OptionsController, SnackController } from '@reown/appkit-core-react-native';
-import { CardSelectHeight, Spacing, useCustomDimensions } from '@reown/appkit-ui-react-native';
 import styles from './styles';
 import { Placeholder } from '../w3m-placeholder';
 import { Loading } from './components/Loading';
-import { WalletItem } from './components/WalletItem';
+import { WalletList } from './components/WalletList';
 import { jsx as _jsx } from "react/jsx-runtime";
-const ITEM_HEIGHT = CardSelectHeight + Spacing.xs * 2;
 export function AllWalletsList({
-  columns,
-  itemWidth,
-  onItemPress,
-  headerHeight = 0
+  onItemPress
 }) {
   const [loading, setLoading] = useState(ApiController.state.wallets.length === 0);
   const [loadingError, setLoadingError] = useState(false);
   const [pageLoading, setPageLoading] = useState(false);
-  const {
-    maxHeight,
-    padding
-  } = useCustomDimensions();
   const {
     installed,
     featured,
@@ -33,14 +23,21 @@ export function AllWalletsList({
   const {
     customWallets
   } = useSnapshot(OptionsController.state);
-  const imageHeaders = ApiController._getApiHeaders();
-  const preloadedWallets = installed.length + featured.length + recommended.length;
-  const loadingItems = columns - (100 + preloadedWallets) % columns;
-  const combinedWallets = [...(customWallets ?? []), ...installed, ...featured, ...recommended, ...wallets];
+  let combinedWallets = [...installed, ...featured, ...recommended, ...wallets];
+
+  // Show custom wallets after certified wallets.
+  const certifiedIndex = combinedWallets.findLastIndex(wallet => wallet.badge_type === 'certified');
+  if (certifiedIndex > -1) {
+    const nonCertifiedWallets = combinedWallets.splice(certifiedIndex + 1);
+    combinedWallets = combinedWallets.concat(customWallets ?? [], nonCertifiedWallets);
+  } else {
+    combinedWallets = [...installed, ...featured, ...recommended, ...(customWallets ?? []), ...wallets];
+  }
 
   // Deduplicate by wallet ID
   const uniqueWallets = Array.from(new Map(combinedWallets.map(wallet => [wallet?.id, wallet])).values()).filter(wallet => wallet?.id); // Filter out any undefined wallets
 
+  const loadingItems = 4 - (100 + uniqueWallets.length) % 4;
   const walletList = [...uniqueWallets, ...(pageLoading ? Array.from({
     length: loadingItems
   }) : [])];
@@ -60,7 +57,7 @@ export function AllWalletsList({
   };
   const fetchNextPage = async () => {
     try {
-      if (walletList.length < ApiController.state.count && !pageLoading && !loading && ApiController.state.page > 0) {
+      if (walletList.length - (customWallets ?? []).length < ApiController.state.count && !pageLoading && !loading && ApiController.state.page > 0) {
         setPageLoading(true);
         await ApiController.fetchWallets({
           page: ApiController.state.page + 1
@@ -79,8 +76,8 @@ export function AllWalletsList({
   }, []);
   if (loading) {
     return /*#__PURE__*/_jsx(Loading, {
-      itemWidth: itemWidth,
-      containerStyle: styles.itemContainer
+      loadingItems: 12,
+      style: styles.loadingContainer
     });
   }
   if (loadingError) {
@@ -95,34 +92,11 @@ export function AllWalletsList({
       style: styles.placeholderContainer
     });
   }
-  return /*#__PURE__*/_jsx(FlatList, {
-    fadingEdgeLength: 20,
-    bounces: false,
-    numColumns: columns,
+  return /*#__PURE__*/_jsx(WalletList, {
     data: walletList,
-    renderItem: ({
-      item
-    }) => /*#__PURE__*/_jsx(WalletItem, {
-      item: item,
-      itemWidth: itemWidth,
-      imageHeaders: imageHeaders,
-      onItemPress: onItemPress,
-      style: styles.itemContainer
-    }),
-    style: {
-      maxHeight: maxHeight - headerHeight - Spacing['4xl']
-    },
-    contentContainerStyle: [styles.contentContainer, {
-      paddingHorizontal: padding + Spacing['2xs']
-    }],
     onEndReached: fetchNextPage,
     onEndReachedThreshold: 2,
-    keyExtractor: (item, index) => item?.id ?? index,
-    getItemLayout: (_, index) => ({
-      length: ITEM_HEIGHT,
-      offset: ITEM_HEIGHT * index,
-      index
-    })
-  }, columns);
+    onItemPress: onItemPress
+  });
 }
 //# sourceMappingURL=index.js.map

package/lib/module/partials/w3m-all-wallets-list/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["useEffect","useState","useSnapshot","FlatList","ApiController","OptionsController","SnackController","CardSelectHeight","Spacing","useCustomDimensions","styles","Placeholder","Loading","WalletItem","jsx","_jsx","ITEM_HEIGHT","xs","AllWalletsList","columns","itemWidth","onItemPress","headerHeight","loading","setLoading","state","wallets","length","loadingError","setLoadingError","pageLoading","setPageLoading","maxHeight","padding","installed","featured","recommended","customWallets","imageHeaders","_getApiHeaders","preloadedWallets","loadingItems","combinedWallets","uniqueWallets","Array","from","Map","map","wallet","id","values","filter","walletList","initialFetch","fetchWallets","page","error","showError","fetchNextPage","count","containerStyle","itemContainer","icon","iconColor","title","description","actionIcon","actionPress","actionTitle","style","placeholderContainer","fadingEdgeLength","bounces","numColumns","data","renderItem","item","contentContainerStyle","contentContainer","paddingHorizontal","onEndReached","onEndReachedThreshold","keyExtractor","index","getItemLayout","_","offset"],"sourceRoot":"../../../../src","sources":["partials/w3m-all-wallets-list/index.tsx"],"mappings":"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","ignoreList":[]}
+{"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","combinedWallets","certifiedIndex","findLastIndex","wallet","badge_type","nonCertifiedWallets","splice","concat","uniqueWallets","Array","from","Map","map","id","values","filter","loadingItems","walletList","initialFetch","fetchWallets","page","error","showError","fetchNextPage","count","style","loadingContainer","icon","iconColor","title","description","actionIcon","actionPress","actionTitle","placeholderContainer","data","onEndReached","onEndReachedThreshold"],"sourceRoot":"../../../../src","sources":["partials/w3m-all-wallets-list/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/partials/w3m-all-wallets-list/styles.js

@@ -5,12 +5,15 @@ import { StyleSheet } from 'react-native';
 export default StyleSheet.create({
   contentContainer: {
     paddingBottom: Spacing['4xl'],
-    paddingTop: Spacing['3xs']
+    paddingTop: Spacing['3xs'],
+    gap: Spacing['3xs'],
+    alignItems: 'center'
+  },
+  columnWrapperStyle: {
+    justifyContent: 'space-around'
   },
   itemContainer: {
-    alignItems: 'center',
-    justifyContent: 'center',
-    margin: Spacing['4xs']
+    width: '23%'
   },
   pageLoader: {
     marginTop: Spacing.xl
@@ -21,6 +24,9 @@ export default StyleSheet.create({
   placeholderContainer: {
     flex: 0,
     height: '90%'
+  },
+  loadingContainer: {
+    height: 320
   }
 });
 //# sourceMappingURL=styles.js.map

package/lib/module/partials/w3m-all-wallets-list/styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["Spacing","StyleSheet","create","contentContainer","paddingBottom","paddingTop","itemContainer","alignItems","justifyContent","margin","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;EAC3B,CAAC;EACDM,aAAa,EAAE;IACbC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBC,MAAM,EAAET,OAAO,CAAC,KAAK;EACvB,CAAC;EACDU,UAAU,EAAE;IACVC,SAAS,EAAEX,OAAO,CAACY;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":[]}
+{"version":3,"names":["Spacing","StyleSheet","create","contentContainer","paddingBottom","paddingTop","gap","alignItems","columnWrapperStyle","justifyContent","itemContainer","width","pageLoader","marginTop","xl","errorContainer","height","placeholderContainer","flex","loadingContainer"],"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,CAAC;EACDG,gBAAgB,EAAE;IAChBH,MAAM,EAAE;EACV;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/partials/w3m-all-wallets-search/index.js

@@ -1,42 +1,37 @@
 "use strict";
 
+import { useSnapshot } from 'valtio';
 import { useCallback, useEffect, useState } from 'react';
-import { FlatList } from 'react-native';
-import { ApiController, SnackController } from '@reown/appkit-core-react-native';
-import { CardSelectHeight, Spacing, useCustomDimensions } from '@reown/appkit-ui-react-native';
+import { ApiController, OptionsController, SnackController } from '@reown/appkit-core-react-native';
+import { useCustomDimensions } from '@reown/appkit-ui-react-native';
 import { Placeholder } from '../w3m-placeholder';
 import styles from './styles';
 import { Loading } from '../w3m-all-wallets-list/components/Loading';
-import { WalletItem } from '../w3m-all-wallets-list/components/WalletItem';
+import { WalletList } from '../w3m-all-wallets-list/components/WalletList';
 import { jsx as _jsx } from "react/jsx-runtime";
-const ITEM_HEIGHT = CardSelectHeight + Spacing.xs * 2;
 export function AllWalletsSearch({
   searchQuery,
-  columns,
-  itemWidth,
-  onItemPress,
-  headerHeight = 0
+  onItemPress
 }) {
+  const {
+    search
+  } = useSnapshot(ApiController.state);
+  const {
+    customWallets
+  } = useSnapshot(OptionsController.state);
   const [loading, setLoading] = useState(false);
   const [loadingError, setLoadingError] = useState(false);
   const [prevSearchQuery, setPrevSearchQuery] = useState('');
-  const imageHeaders = ApiController._getApiHeaders();
   const {
-    maxHeight,
-    padding,
     isLandscape
   } = useCustomDimensions();
-  const emptyTemplate = () => {
-    return /*#__PURE__*/_jsx(Placeholder, {
-      icon: "walletPlaceholder",
-      description: "No results found",
-      style: [styles.emptyContainer, isLandscape && styles.emptyLandscape]
-    });
-  };
+  const customWalletResults = (customWallets ?? []).filter(wallet => wallet.name.toLowerCase().includes(searchQuery?.toLowerCase() ?? ''));
+  const results = [...search, ...customWalletResults];
   const searchFetch = useCallback(async () => {
     try {
       setLoading(true);
       setLoadingError(false);
+      // eslint-disable-next-line valtio/state-snapshot-rule
       await ApiController.searchWallet({
         search: searchQuery
       });
@@ -55,8 +50,7 @@ export function AllWalletsSearch({
   }, [searchQuery, prevSearchQuery, searchFetch]);
   if (loading) {
     return /*#__PURE__*/_jsx(Loading, {
-      itemWidth: itemWidth,
-      containerStyle: styles.itemContainer
+      loadingItems: 12
     });
   }
   if (loadingError) {
@@ -67,39 +61,20 @@ export function AllWalletsSearch({
       description: `This might be due to a temporary network issue.\nPlease try reloading to see if that helps.`,
       actionIcon: "refresh",
       actionPress: searchFetch,
-      style: styles.placeholderContainer,
+      style: [styles.placeholderContainer],
       actionTitle: "Retry"
     });
   }
-  if (ApiController.state.search.length === 0) {
-    return emptyTemplate();
+  if (results.length === 0) {
+    return /*#__PURE__*/_jsx(Placeholder, {
+      icon: "walletPlaceholder",
+      description: "No results found",
+      style: [styles.emptyContainer, isLandscape && styles.emptyLandscape]
+    });
   }
-  return /*#__PURE__*/_jsx(FlatList, {
-    fadingEdgeLength: 20,
-    bounces: false,
-    numColumns: columns,
-    data: ApiController.state.search,
-    renderItem: ({
-      item
-    }) => /*#__PURE__*/_jsx(WalletItem, {
-      item: item,
-      itemWidth: itemWidth,
-      imageHeaders: imageHeaders,
-      onItemPress: onItemPress,
-      style: styles.itemContainer
-    }),
-    style: {
-      maxHeight: maxHeight - headerHeight - Spacing['2xl']
-    },
-    contentContainerStyle: [styles.contentContainer, {
-      paddingHorizontal: padding + Spacing['2xs']
-    }],
-    keyExtractor: item => item.id,
-    getItemLayout: (_, index) => ({
-      length: ITEM_HEIGHT,
-      offset: ITEM_HEIGHT * index,
-      index
-    })
-  }, columns);
+  return /*#__PURE__*/_jsx(WalletList, {
+    onItemPress: onItemPress,
+    data: results
+  });
 }
 //# sourceMappingURL=index.js.map

package/lib/module/partials/w3m-all-wallets-search/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["useCallback","useEffect","useState","FlatList","ApiController","SnackController","CardSelectHeight","Spacing","useCustomDimensions","Placeholder","styles","Loading","WalletItem","jsx","_jsx","ITEM_HEIGHT","xs","AllWalletsSearch","searchQuery","columns","itemWidth","onItemPress","headerHeight","loading","setLoading","loadingError","setLoadingError","prevSearchQuery","setPrevSearchQuery","imageHeaders","_getApiHeaders","maxHeight","padding","isLandscape","emptyTemplate","icon","description","style","emptyContainer","emptyLandscape","searchFetch","searchWallet","search","error","showError","containerStyle","itemContainer","iconColor","title","actionIcon","actionPress","placeholderContainer","actionTitle","state","length","fadingEdgeLength","bounces","numColumns","data","renderItem","item","contentContainerStyle","contentContainer","paddingHorizontal","keyExtractor","id","getItemLayout","_","index","offset"],"sourceRoot":"../../../../src","sources":["partials/w3m-all-wallets-search/index.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["useSnapshot","useCallback","useEffect","useState","ApiController","OptionsController","SnackController","useCustomDimensions","Placeholder","styles","Loading","WalletList","jsx","_jsx","AllWalletsSearch","searchQuery","onItemPress","search","state","customWallets","loading","setLoading","loadingError","setLoadingError","prevSearchQuery","setPrevSearchQuery","isLandscape","customWalletResults","filter","wallet","name","toLowerCase","includes","results","searchFetch","searchWallet","error","showError","loadingItems","icon","iconColor","title","description","actionIcon","actionPress","style","placeholderContainer","actionTitle","length","emptyContainer","emptyLandscape","data"],"sourceRoot":"../../../../src","sources":["partials/w3m-all-wallets-search/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/partials/w3m-all-wallets-search/styles.js

@@ -4,7 +4,7 @@ import { Spacing } from '@reown/appkit-ui-react-native';
 import { StyleSheet } from 'react-native';
 export default StyleSheet.create({
   contentContainer: {
-    paddingBottom: Spacing['4xl']
+    paddingBottom: Spacing['xs']
   },
   placeholderContainer: {
     flex: 0,
@@ -12,6 +12,8 @@ export default StyleSheet.create({
   },
   emptyContainer: {
     flex: 0,
+    justifyContent: 'flex-start',
+    paddingTop: Spacing['4xl'],
     height: '90%'
   },
   emptyLandscape: {

package/lib/module/partials/w3m-all-wallets-search/styles.js.map

@@ -1 +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":[]}
+{"version":3,"names":["Spacing","StyleSheet","create","contentContainer","paddingBottom","placeholderContainer","flex","height","emptyContainer","justifyContent","paddingTop","emptyLandscape","itemContainer","alignItems","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,IAAI;EAC7B,CAAC;EACDK,oBAAoB,EAAE;IACpBC,IAAI,EAAE,CAAC;IACPC,MAAM,EAAE;EACV,CAAC;EACDC,cAAc,EAAE;IACdF,IAAI,EAAE,CAAC;IACPG,cAAc,EAAE,YAAY;IAC5BC,UAAU,EAAEV,OAAO,CAAC,KAAK,CAAC;IAC1BO,MAAM,EAAE;EACV,CAAC;EACDI,cAAc,EAAE;IACdD,UAAU,EAAE;EACd,CAAC;EACDE,aAAa,EAAE;IACbC,UAAU,EAAE,QAAQ;IACpBJ,cAAc,EAAE,QAAQ;IACxBK,MAAM,EAAEd,OAAO,CAAC,KAAK;EACvB,CAAC;EACDe,IAAI,EAAE;IACJC,SAAS,EAAEhB,OAAO,CAACiB;EACrB;AACF,CAAC,CAAC","ignoreList":[]}