@reown/appkit-react-native 2.0.0 → 2.0.1

package/lib/module/partials/w3m-account-wallet-features/index.js

@@ -1,23 +1,28 @@
+"use strict";
+
 import { useState } from 'react';
 import { useSnapshot } from 'valtio';
 import { Balance, FlexView, IconLink, Tabs } from '@reown/appkit-ui-react-native';
-import { AccountController, ConnectionsController, ConstantsUtil, CoreHelperUtil, EventsController, OnRampController, OptionsController, RouterController, SwapController } from '@reown/appkit-core-react-native';
+import { ConnectionsController, ConstantsUtil, CoreHelperUtil, EventsController, OnRampController, OptionsController, RouterController, SwapController } from '@reown/appkit-core-react-native';
 import { AccountActivity } from '../w3m-account-activity';
 import { AccountTokens } from '../w3m-account-tokens';
 import styles from './styles';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export function AccountWalletFeatures() {
   const [activeTab, setActiveTab] = useState(0);
-  const {
-    tokenBalance
-  } = useSnapshot(AccountController.state);
   const {
     features,
     isOnRampEnabled
   } = useSnapshot(OptionsController.state);
   const {
-    activeNetwork
+    activeNetwork,
+    balances,
+    activeNamespace
   } = useSnapshot(ConnectionsController.state);
-  const balance = CoreHelperUtil.calculateAndFormatBalance(tokenBalance);
+  const balance = CoreHelperUtil.calculateAndFormatBalance(balances);
+  const network = ConnectionsController.state.activeNetwork?.caipNetworkId;
+  const isSmartAccount = ConnectionsController.state.accountType === 'smartAccount';
+  const showSend = activeNamespace && ConstantsUtil.SEND_SUPPORTED_NAMESPACES.includes(activeNamespace);
   const isSwapsEnabled = features?.swaps && activeNetwork?.caipNetworkId && ConstantsUtil.SWAP_SUPPORTED_NETWORKS.includes(activeNetwork.caipNetworkId);
   const onTabChange = index => {
     setActiveTab(index);
@@ -30,7 +35,7 @@ export function AccountWalletFeatures() {
       type: 'track',
       event: 'CLICK_TRANSACTIONS',
       properties: {
-        isSmartAccount: AccountController.state.preferredAccountType === 'smartAccount'
+        isSmartAccount
       }
     });
   };
@@ -40,8 +45,8 @@ export function AccountWalletFeatures() {
       type: 'track',
       event: 'OPEN_SWAP',
       properties: {
-        network: ConnectionsController.state.activeNetwork?.caipNetworkId || '',
-        isSmartAccount: AccountController.state.preferredAccountType === 'smartAccount'
+        network,
+        isSmartAccount
       }
     });
     RouterController.push('Swap');
@@ -51,8 +56,8 @@ export function AccountWalletFeatures() {
       type: 'track',
       event: 'OPEN_SEND',
       properties: {
-        network: ConnectionsController.state.activeNetwork?.caipNetworkId || '',
-        isSmartAccount: AccountController.state.preferredAccountType === 'smartAccount'
+        network,
+        isSmartAccount
       }
     });
     RouterController.push('WalletSend');
@@ -68,65 +73,69 @@ export function AccountWalletFeatures() {
     OnRampController.resetState();
     RouterController.push('OnRamp');
   };
-  return /*#__PURE__*/React.createElement(FlexView, {
+  return /*#__PURE__*/_jsxs(FlexView, {
     style: styles.container,
-    alignItems: "center"
-  }, /*#__PURE__*/React.createElement(Balance, {
-    integer: balance.dollars,
-    decimal: balance.pennies
-  }), /*#__PURE__*/React.createElement(FlexView, {
-    style: styles.actionsContainer,
-    flexDirection: "row",
-    justifyContent: "space-around",
-    padding: ['0', 's', '0', 's']
-  }, isOnRampEnabled && /*#__PURE__*/React.createElement(IconLink, {
-    icon: "card",
-    size: "lg",
-    iconColor: "accent-100",
-    background: true,
-    backgroundColor: "accent-glass-010",
-    pressedColor: "accent-glass-020",
-    style: [styles.action, isSwapsEnabled ? styles.actionCenter : styles.actionLeft],
-    onPress: onBuyPress
-  }), isSwapsEnabled && /*#__PURE__*/React.createElement(IconLink, {
-    icon: "recycleHorizontal",
-    size: "lg",
-    iconColor: "accent-100",
-    background: true,
-    backgroundColor: "accent-glass-010",
-    pressedColor: "accent-glass-020",
-    style: [styles.action, styles.actionLeft],
-    onPress: onSwapPress
-  }), /*#__PURE__*/React.createElement(IconLink, {
-    icon: "arrowBottomCircle",
-    size: "lg",
-    iconColor: "accent-100",
-    background: true,
-    backgroundColor: "accent-glass-010",
-    pressedColor: "accent-glass-020",
-    style: [styles.action, isSwapsEnabled ? styles.actionCenter : styles.actionLeft],
-    onPress: onReceivePress
-  }), /*#__PURE__*/React.createElement(IconLink, {
-    icon: "paperplane",
-    size: "lg",
-    iconColor: "accent-100",
-    background: true,
-    backgroundColor: "accent-glass-010",
-    pressedColor: "accent-glass-020",
-    style: [styles.action, styles.actionRight],
-    onPress: onSendPress
-  })), /*#__PURE__*/React.createElement(FlexView, {
-    style: styles.tab
-  }, /*#__PURE__*/React.createElement(Tabs, {
-    tabs: ['Tokens', 'Activity'],
-    onTabChange: onTabChange
-  })), /*#__PURE__*/React.createElement(FlexView, {
-    padding: ['m', '0', '0', '0'],
-    style: styles.tabContainer
-  }, activeTab === 0 && /*#__PURE__*/React.createElement(AccountTokens, {
-    style: styles.tabContent
-  }), activeTab === 1 && /*#__PURE__*/React.createElement(AccountActivity, {
-    style: styles.tabContent
-  })));
+    alignItems: "center",
+    children: [/*#__PURE__*/_jsx(Balance, {
+      integer: balance.dollars,
+      decimal: balance.pennies
+    }), /*#__PURE__*/_jsxs(FlexView, {
+      style: styles.actionsContainer,
+      flexDirection: "row",
+      justifyContent: "space-around",
+      padding: ['0', 's', '0', 's'],
+      children: [isOnRampEnabled ? /*#__PURE__*/_jsx(IconLink, {
+        icon: "card",
+        size: "lg",
+        iconColor: "accent-100",
+        background: true,
+        backgroundColor: "accent-glass-010",
+        pressedColor: "accent-glass-020",
+        style: [styles.action, isSwapsEnabled ? styles.actionCenter : styles.actionLeft],
+        onPress: onBuyPress
+      }) : null, isSwapsEnabled ? /*#__PURE__*/_jsx(IconLink, {
+        icon: "recycleHorizontal",
+        size: "lg",
+        iconColor: "accent-100",
+        background: true,
+        backgroundColor: "accent-glass-010",
+        pressedColor: "accent-glass-020",
+        style: [styles.action, styles.actionLeft],
+        onPress: onSwapPress
+      }) : null, /*#__PURE__*/_jsx(IconLink, {
+        icon: "arrowBottomCircle",
+        size: "lg",
+        iconColor: "accent-100",
+        background: true,
+        backgroundColor: "accent-glass-010",
+        pressedColor: "accent-glass-020",
+        style: [styles.action, isSwapsEnabled ? styles.actionCenter : styles.actionLeft],
+        onPress: onReceivePress
+      }), showSend ? /*#__PURE__*/_jsx(IconLink, {
+        icon: "paperplane",
+        size: "lg",
+        iconColor: "accent-100",
+        background: true,
+        backgroundColor: "accent-glass-010",
+        pressedColor: "accent-glass-020",
+        style: [styles.action, styles.actionRight],
+        onPress: onSendPress
+      }) : null]
+    }), /*#__PURE__*/_jsx(FlexView, {
+      style: styles.tab,
+      children: /*#__PURE__*/_jsx(Tabs, {
+        tabs: ['Tokens', 'Activity'],
+        onTabChange: onTabChange
+      })
+    }), /*#__PURE__*/_jsxs(FlexView, {
+      padding: ['m', '0', '0', '0'],
+      style: styles.tabContainer,
+      children: [activeTab === 0 && /*#__PURE__*/_jsx(AccountTokens, {
+        style: styles.tabContent
+      }), activeTab === 1 && /*#__PURE__*/_jsx(AccountActivity, {
+        style: styles.tabContent
+      })]
+    })]
+  });
 }
 //# sourceMappingURL=index.js.map

package/lib/module/partials/w3m-account-wallet-features/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["useState","useSnapshot","Balance","FlexView","IconLink","Tabs","AccountController","ConnectionsController","ConstantsUtil","CoreHelperUtil","EventsController","OnRampController","OptionsController","RouterController","SwapController","AccountActivity","AccountTokens","styles","AccountWalletFeatures","activeTab","setActiveTab","tokenBalance","state","features","isOnRampEnabled","activeNetwork","balance","calculateAndFormatBalance","isSwapsEnabled","swaps","caipNetworkId","SWAP_SUPPORTED_NETWORKS","includes","onTabChange","index","onTransactionsPress","sendEvent","type","event","properties","isSmartAccount","preferredAccountType","onSwapPress","resetState","network","push","onSendPress","onReceivePress","onBuyPress","React","createElement","style","container","alignItems","integer","dollars","decimal","pennies","actionsContainer","flexDirection","justifyContent","padding","icon","size","iconColor","background","backgroundColor","pressedColor","action","actionCenter","actionLeft","onPress","actionRight","tab","tabs","tabContainer","tabContent"],"sourceRoot":"../../../../src","sources":["partials/w3m-account-wallet-features/index.tsx"],"mappings":"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"}
+{"version":3,"names":["useState","useSnapshot","Balance","FlexView","IconLink","Tabs","ConnectionsController","ConstantsUtil","CoreHelperUtil","EventsController","OnRampController","OptionsController","RouterController","SwapController","AccountActivity","AccountTokens","styles","jsx","_jsx","jsxs","_jsxs","AccountWalletFeatures","activeTab","setActiveTab","features","isOnRampEnabled","state","activeNetwork","balances","activeNamespace","balance","calculateAndFormatBalance","network","caipNetworkId","isSmartAccount","accountType","showSend","SEND_SUPPORTED_NAMESPACES","includes","isSwapsEnabled","swaps","SWAP_SUPPORTED_NETWORKS","onTabChange","index","onTransactionsPress","sendEvent","type","event","properties","onSwapPress","resetState","push","onSendPress","onReceivePress","onBuyPress","style","container","alignItems","children","integer","dollars","decimal","pennies","actionsContainer","flexDirection","justifyContent","padding","icon","size","iconColor","background","backgroundColor","pressedColor","action","actionCenter","actionLeft","onPress","actionRight","tab","tabs","tabContainer","tabContent"],"sourceRoot":"../../../../src","sources":["partials/w3m-account-wallet-features/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/partials/w3m-account-wallet-features/styles.js

@@ -1,3 +1,5 @@
+"use strict";
+
 import { Spacing } from '@reown/appkit-ui-react-native';
 import { StyleSheet } from 'react-native';
 export default StyleSheet.create({

package/lib/module/partials/w3m-account-wallet-features/styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["Spacing","StyleSheet","create","container","height","balanceText","fontSize","fontWeight","actionsContainer","width","marginTop","s","marginBottom","l","action","flex","actionLeft","marginRight","actionRight","marginLeft","actionCenter","marginHorizontal","tab","paddingHorizontal","tabContainer","tabContent","m"],"sourceRoot":"../../../../src","sources":["partials/w3m-account-wallet-features/styles.ts"],"mappings":"AAAA,SAASA,OAAO,QAAQ,+BAA+B;AACvD,SAASC,UAAU,QAAQ,cAAc;AAEzC,eAAeA,UAAU,CAACC,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,MAAM,EAAE;EACV,CAAC;EACDC,WAAW,EAAE;IACXC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE;EACd,CAAC;EACDC,gBAAgB,EAAE;IAChBC,KAAK,EAAE,MAAM;IACbC,SAAS,EAAEV,OAAO,CAACW,CAAC;IACpBC,YAAY,EAAEZ,OAAO,CAACa;EACxB,CAAC;EACDC,MAAM,EAAE;IACNC,IAAI,EAAE,CAAC;IACPX,MAAM,EAAE;EACV,CAAC;EACDY,UAAU,EAAE;IACVC,WAAW,EAAE;EACf,CAAC;EACDC,WAAW,EAAE;IACXC,UAAU,EAAE;EACd,CAAC;EACDC,YAAY,EAAE;IACZC,gBAAgB,EAAE;EACpB,CAAC;EACDC,GAAG,EAAE;IACHb,KAAK,EAAE,MAAM;IACbc,iBAAiB,EAAEvB,OAAO,CAACW;EAC7B,CAAC;EACDa,YAAY,EAAE;IACZT,IAAI,EAAE,CAAC;IACPN,KAAK,EAAE;EACT,CAAC;EACDgB,UAAU,EAAE;IACVF,iBAAiB,EAAEvB,OAAO,CAAC0B;EAC7B;AACF,CAAC,CAAC"}
+{"version":3,"names":["Spacing","StyleSheet","create","container","height","balanceText","fontSize","fontWeight","actionsContainer","width","marginTop","s","marginBottom","l","action","flex","actionLeft","marginRight","actionRight","marginLeft","actionCenter","marginHorizontal","tab","paddingHorizontal","tabContainer","tabContent","m"],"sourceRoot":"../../../../src","sources":["partials/w3m-account-wallet-features/styles.ts"],"mappings":";;AAAA,SAASA,OAAO,QAAQ,+BAA+B;AACvD,SAASC,UAAU,QAAQ,cAAc;AAEzC,eAAeA,UAAU,CAACC,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,MAAM,EAAE;EACV,CAAC;EACDC,WAAW,EAAE;IACXC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE;EACd,CAAC;EACDC,gBAAgB,EAAE;IAChBC,KAAK,EAAE,MAAM;IACbC,SAAS,EAAEV,OAAO,CAACW,CAAC;IACpBC,YAAY,EAAEZ,OAAO,CAACa;EACxB,CAAC;EACDC,MAAM,EAAE;IACNC,IAAI,EAAE,CAAC;IACPX,MAAM,EAAE;EACV,CAAC;EACDY,UAAU,EAAE;IACVC,WAAW,EAAE;EACf,CAAC;EACDC,WAAW,EAAE;IACXC,UAAU,EAAE;EACd,CAAC;EACDC,YAAY,EAAE;IACZC,gBAAgB,EAAE;EACpB,CAAC;EACDC,GAAG,EAAE;IACHb,KAAK,EAAE,MAAM;IACbc,iBAAiB,EAAEvB,OAAO,CAACW;EAC7B,CAAC;EACDa,YAAY,EAAE;IACZT,IAAI,EAAE,CAAC;IACPN,KAAK,EAAE;EACT,CAAC;EACDgB,UAAU,EAAE;IACVF,iBAAiB,EAAEvB,OAAO,CAAC0B;EAC7B;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,21 @@
+"use strict";
+
+import { memo } from 'react';
+import { WalletList } from './WalletList';
+import { jsx as _jsx } from "react/jsx-runtime";
+function _Loading({
+  loadingItems = 20,
+  style
+}) {
+  return /*#__PURE__*/_jsx(WalletList, {
+    data: [],
+    onItemPress: () => {},
+    isLoading: true,
+    loadingItems: loadingItems,
+    style: style
+  });
+}
+export const Loading = /*#__PURE__*/memo(_Loading, () => {
+  return true;
+});
+//# sourceMappingURL=Loading.js.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,39 @@
+"use strict";
+
+import { useSnapshot } from 'valtio';
+import { ApiController, AssetController, AssetUtil } from '@reown/appkit-core-react-native';
+import { CardSelect, CardSelectLoader } from '@reown/appkit-ui-react-native';
+import { memo } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+export function WalletItem({
+  item,
+  displayIndex,
+  imageHeaders,
+  onItemPress,
+  style,
+  testID
+}) {
+  const {
+    walletImages
+  } = useSnapshot(AssetController.state);
+  const isInstalled = ApiController.state.installed.find(wallet => wallet?.id === item?.id);
+  const imageSrc = AssetUtil.getWalletImage(item, walletImages);
+  if (!item?.id) {
+    return /*#__PURE__*/_jsx(CardSelectLoader, {
+      style: style
+    });
+  }
+  return /*#__PURE__*/_jsx(CardSelect, {
+    imageSrc: imageSrc,
+    style: style,
+    imageHeaders: imageHeaders,
+    name: item?.name ?? 'Unknown',
+    onPress: () => onItemPress(item, displayIndex),
+    installed: !!isInstalled,
+    testID: testID
+  });
+}
+export const MemoizedWalletItem = /*#__PURE__*/memo(WalletItem, (prevProps, nextProps) => {
+  return prevProps.item.id === nextProps.item.id;
+});
+//# sourceMappingURL=WalletItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useSnapshot","ApiController","AssetController","AssetUtil","CardSelect","CardSelectLoader","memo","jsx","_jsx","WalletItem","item","displayIndex","imageHeaders","onItemPress","style","testID","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;AAW7B,OAAO,SAASC,UAAUA,CAAC;EACzBC,IAAI;EACJC,YAAY;EACZC,YAAY;EACZC,WAAW;EACXC,KAAK;EACLC;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,KAAKZ,IAAI,EAAEY,EAAE,CAAC;EACzF,MAAMC,QAAQ,GAAGpB,SAAS,CAACqB,cAAc,CAACd,IAAI,EAAEM,YAAY,CAAC;EAE7D,IAAI,CAACN,IAAI,EAAEY,EAAE,EAAE;IACb,oBAAOd,IAAA,CAACH,gBAAgB;MAACS,KAAK,EAAEA;IAAM,CAAE,CAAC;EAC3C;EAEA,oBACEN,IAAA,CAACJ,UAAU;IACTmB,QAAQ,EAAEA,QAAS;IACnBT,KAAK,EAAEA,KAAM;IACbF,YAAY,EAAEA,YAAa;IAC3Ba,IAAI,EAAEf,IAAI,EAAEe,IAAI,IAAI,SAAU;IAC9BC,OAAO,EAAEA,CAAA,KAAMb,WAAW,CAACH,IAAI,EAAEC,YAAY,CAAE;IAC/CQ,SAAS,EAAE,CAAC,CAACD,WAAY;IACzBH,MAAM,EAAEA;EAAO,CAChB,CAAC;AAEN;AAEA,OAAO,MAAMY,kBAAkB,gBAAGrB,IAAI,CAACG,UAAU,EAAE,CAACmB,SAAS,EAAEC,SAAS,KAAK;EAC3E,OAAOD,SAAS,CAAClB,IAAI,CAACY,EAAE,KAAKO,SAAS,CAACnB,IAAI,CAACY,EAAE;AAChD,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,131 @@
+"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, EventsController } from '@reown/appkit-core-react-native';
+import { useCallback, useRef } from 'react';
+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,
+  testIDKey,
+  style,
+  searchQuery
+}) {
+  const {
+    padding,
+    maxHeight
+  } = useCustomDimensions();
+  const viewedWalletsRef = useRef(new Set());
+
+  // Create loading data if isLoading is true
+  const displayData = isLoading ? Array.from({
+    length: loadingItems
+  }, (_, index) => ({
+    id: `loading-${index}`
+  })) : data;
+  const keyExtractor = useCallback((item, index) => item?.id ?? `item-${index}`, []);
+  const getItemLayout = useCallback((_, index) => {
+    return {
+      length: ITEM_HEIGHT_WITH_GAP,
+      offset: ITEM_HEIGHT_WITH_GAP * index,
+      index
+    };
+  }, []);
+  const renderItem = useCallback(({
+    item,
+    index
+  }) => {
+    if (isLoading) {
+      return /*#__PURE__*/_jsx(CardSelectLoader, {
+        style: styles.itemContainer
+      });
+    }
+    return /*#__PURE__*/_jsx(WalletItem, {
+      item: item,
+      imageHeaders: imageHeaders,
+      displayIndex: index,
+      onItemPress: onItemPress,
+      style: styles.itemContainer,
+      testID: testIDKey ? `${testIDKey}-${item?.id}` : undefined
+    });
+  }, [isLoading, onItemPress, testIDKey]);
+  const onViewableItemsChanged = useCallback(({
+    viewableItems
+  }) => {
+    if (isLoading) return;
+    viewableItems.forEach(({
+      item
+    }, index) => {
+      const wallet = item;
+      if (wallet?.id && !viewedWalletsRef.current.has(wallet.id)) {
+        viewedWalletsRef.current.add(wallet.id);
+        const isInstalled = !!ApiController.state.installed.find(w => w?.id === item?.id);
+        EventsController.trackWalletImpression({
+          wallet,
+          view: 'AllWallets',
+          displayIndex: index,
+          query: searchQuery,
+          installed: isInstalled
+        });
+      }
+    });
+  }, [isLoading, searchQuery]);
+  const viewabilityConfig = useRef({
+    itemVisiblePercentThreshold: 50,
+    // Item is considered visible when 50% is visible
+    minimumViewTime: 100 // Must be visible for at least 100ms
+  }).current;
+  return /*#__PURE__*/_jsx(FlatList, {
+    fadingEdgeLength: 20,
+    bounces: false,
+    numColumns: 4,
+    data: displayData,
+    style: [styles.list, {
+      height: maxHeight
+    }, style],
+    columnWrapperStyle: styles.columnWrapperStyle,
+    renderItem: renderItem,
+    contentContainerStyle: [styles.contentContainer, {
+      paddingHorizontal: padding
+    }],
+    initialNumToRender: 32,
+    maxToRenderPerBatch: 12,
+    windowSize: 10,
+    onEndReached: onEndReached,
+    onEndReachedThreshold: onEndReachedThreshold,
+    keyExtractor: keyExtractor,
+    removeClippedSubviews: true,
+    getItemLayout: getItemLayout,
+    onViewableItemsChanged: onViewableItemsChanged,
+    viewabilityConfig: viewabilityConfig
+  });
+}
+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","EventsController","useCallback","useRef","jsx","_jsx","imageHeaders","_getApiHeaders","ITEM_HEIGHT","ITEM_WIDTH","ITEM_HEIGHT_WITH_GAP","WalletList","data","onItemPress","onEndReached","onEndReachedThreshold","isLoading","loadingItems","testIDKey","style","searchQuery","padding","maxHeight","viewedWalletsRef","Set","displayData","Array","from","length","_","index","id","keyExtractor","item","getItemLayout","offset","renderItem","styles","itemContainer","displayIndex","testID","undefined","onViewableItemsChanged","viewableItems","forEach","wallet","current","has","add","isInstalled","state","installed","find","w","trackWalletImpression","view","query","viewabilityConfig","itemVisiblePercentThreshold","minimumViewTime","fadingEdgeLength","bounces","numColumns","list","height","columnWrapperStyle","contentContainerStyle","contentContainer","paddingHorizontal","initialNumToRender","maxToRenderPerBatch","windowSize","removeClippedSubviews","create","paddingTop","paddingBottom","gap","alignItems","justifyContent","width","minWidth"],"sourceRoot":"../../../../../src","sources":["partials/w3m-all-wallets-list/components/WalletList.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -1,24 +1,19 @@
+"use strict";
+
 import { useEffect, useState } from 'react';
 import { useSnapshot } from 'valtio';
-import { FlatList, View } from 'react-native';
-import { ApiController, AssetUtil, OptionsController, SnackController } from '@reown/appkit-core-react-native';
-import { CardSelect, CardSelectLoader, CardSelectHeight, FlexView, Spacing } from '@reown/appkit-ui-react-native';
+import { ApiController, LogController, OptionsController, SnackController } from '@reown/appkit-core-react-native';
 import styles from './styles';
-import { UiUtil } from '../../utils/UiUtil';
-import { useCustomDimensions } from '../../hooks/useCustomDimensions';
 import { Placeholder } from '../w3m-placeholder';
+import { Loading } from './components/Loading';
+import { WalletList } from './components/WalletList';
+import { jsx as _jsx } from "react/jsx-runtime";
 export function AllWalletsList({
-  columns,
-  itemWidth,
   onItemPress
 }) {
   const [loading, setLoading] = useState(ApiController.state.wallets.length === 0);
   const [loadingError, setLoadingError] = useState(false);
   const [pageLoading, setPageLoading] = useState(false);
-  const {
-    maxWidth,
-    padding
-  } = useCustomDimensions();
   const {
     installed,
     featured,
@@ -28,59 +23,24 @@ 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
   }) : [])];
-  const ITEM_HEIGHT = CardSelectHeight + Spacing.xs * 2;
-  const loadingTemplate = items => {
-    return /*#__PURE__*/React.createElement(FlexView, {
-      flexDirection: "row",
-      flexWrap: "wrap",
-      alignSelf: "center",
-      padding: ['0', '0', 's', 'xs'],
-      style: [styles.container, {
-        maxWidth
-      }]
-    }, Array.from({
-      length: items
-    }).map((_, index) => /*#__PURE__*/React.createElement(View, {
-      key: index,
-      style: [styles.itemContainer, {
-        width: itemWidth
-      }]
-    }, /*#__PURE__*/React.createElement(CardSelectLoader, null))));
-  };
-  const walletTemplate = ({
-    item
-  }) => {
-    const isInstalled = ApiController.state.installed.find(wallet => wallet?.id === item?.id);
-    if (!item?.id) {
-      return /*#__PURE__*/React.createElement(View, {
-        style: [styles.itemContainer, {
-          width: itemWidth
-        }]
-      }, /*#__PURE__*/React.createElement(CardSelectLoader, null));
-    }
-    return /*#__PURE__*/React.createElement(View, {
-      style: [styles.itemContainer, {
-        width: itemWidth
-      }]
-    }, /*#__PURE__*/React.createElement(CardSelect, {
-      imageSrc: AssetUtil.getWalletImage(item),
-      imageHeaders: imageHeaders,
-      name: item?.name ?? 'Unknown',
-      onPress: () => onItemPress(item),
-      installed: !!isInstalled
-    }));
-  };
   const initialFetch = async () => {
     try {
       setLoading(true);
@@ -88,9 +48,9 @@ export function AllWalletsList({
       await ApiController.fetchWallets({
         page: 1
       });
-      UiUtil.createViewTransition();
       setLoading(false);
     } catch (error) {
+      LogController.sendError(error, 'AllWalletsList.tsx', 'initialFetch');
       SnackController.showError('Failed to load wallets');
       setLoading(false);
       setLoadingError(true);
@@ -98,7 +58,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
@@ -116,10 +76,13 @@ export function AllWalletsList({
     }
   }, []);
   if (loading) {
-    return loadingTemplate(20);
+    return /*#__PURE__*/_jsx(Loading, {
+      loadingItems: 12,
+      style: styles.loadingContainer
+    });
   }
   if (loadingError) {
-    return /*#__PURE__*/React.createElement(Placeholder, {
+    return /*#__PURE__*/_jsx(Placeholder, {
       icon: "warningCircle",
       iconColor: "error-100",
       title: "Oops, we couldn't load the wallets at the moment",
@@ -130,25 +93,11 @@ export function AllWalletsList({
       style: styles.placeholderContainer
     });
   }
-  return /*#__PURE__*/React.createElement(FlatList, {
-    key: columns,
-    fadingEdgeLength: 20,
-    bounces: false,
-    numColumns: columns,
+  return /*#__PURE__*/_jsx(WalletList, {
     data: walletList,
-    renderItem: walletTemplate,
-    style: styles.container,
-    contentContainerStyle: [styles.contentContainer, {
-      paddingHorizontal: padding + Spacing.xs
-    }],
     onEndReached: fetchNextPage,
-    onEndReachedThreshold: 2,
-    keyExtractor: (item, index) => item?.id ?? index,
-    getItemLayout: (_, index) => ({
-      length: ITEM_HEIGHT,
-      offset: ITEM_HEIGHT * index,
-      index
-    })
+    onEndReachedThreshold: 0.5,
+    onItemPress: onItemPress
   });
 }
 //# sourceMappingURL=index.js.map