@reown/appkit-react-native 0.0.0-chore-bump-builder-20250728194329

package/lib/module/partials/w3m-account-tokens/index.js

@@ -0,0 +1,89 @@
+"use strict";
+
+import { useCallback, useState } from 'react';
+import { RefreshControl, ScrollView, StyleSheet } from 'react-native';
+import { useSnapshot } from 'valtio';
+import { AssetController, ConnectionsController, RouterController } from '@reown/appkit-core-react-native';
+import { FlexView, ListItem, Text, ListToken, useTheme, Spacing, LoadingSpinner } from '@reown/appkit-ui-react-native';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+export function AccountTokens({
+  style,
+  isLoading
+}) {
+  const Theme = useTheme();
+  const [refreshing, setRefreshing] = useState(false);
+  const {
+    activeNetwork,
+    balances
+  } = useSnapshot(ConnectionsController.state);
+  const {
+    networkImages
+  } = useSnapshot(AssetController.state);
+  const networkImage = activeNetwork ? networkImages[activeNetwork.id] : undefined;
+  const getBalance = useCallback(async () => {
+    setRefreshing(true);
+    await ConnectionsController.fetchBalance();
+    setRefreshing(false);
+  }, []);
+  const onReceivePress = () => {
+    RouterController.push('WalletReceive');
+  };
+  if (!balances?.length) {
+    return /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx(ListItem, {
+        icon: "arrowBottomCircle",
+        iconColor: "magenta-100",
+        onPress: onReceivePress,
+        style: styles.receiveButton,
+        children: /*#__PURE__*/_jsxs(FlexView, {
+          flexDirection: "column",
+          alignItems: "flex-start",
+          children: [/*#__PURE__*/_jsx(Text, {
+            variant: "paragraph-500",
+            color: "fg-100",
+            children: "Receive funds"
+          }), /*#__PURE__*/_jsx(Text, {
+            variant: "small-400",
+            color: "fg-200",
+            children: "Transfer tokens on your wallet"
+          })]
+        })
+      }), isLoading && /*#__PURE__*/_jsx(LoadingSpinner, {
+        size: "sm",
+        style: styles.loadingSpinner
+      })]
+    });
+  }
+  return /*#__PURE__*/_jsxs(ScrollView, {
+    fadingEdgeLength: 20,
+    style: style,
+    refreshControl: /*#__PURE__*/_jsx(RefreshControl, {
+      refreshing: refreshing,
+      onRefresh: getBalance,
+      tintColor: Theme['accent-100'],
+      colors: [Theme['accent-100']]
+    }),
+    children: [balances.map(token => /*#__PURE__*/_jsx(ListToken, {
+      name: token.name || 'Unknown',
+      imageSrc: token.iconUrl,
+      networkSrc: networkImage,
+      value: token.value,
+      amount: token.quantity?.numeric,
+      currency: token.symbol,
+      pressable: false
+    }, token.symbol)), isLoading && /*#__PURE__*/_jsx(LoadingSpinner, {
+      size: "sm",
+      style: styles.loadingSpinner
+    })]
+  });
+}
+const styles = StyleSheet.create({
+  receiveButton: {
+    width: 'auto',
+    marginHorizontal: Spacing.s
+  },
+  loadingSpinner: {
+    marginTop: Spacing.m
+  }
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useState","RefreshControl","ScrollView","StyleSheet","useSnapshot","AssetController","ConnectionsController","RouterController","FlexView","ListItem","Text","ListToken","useTheme","Spacing","LoadingSpinner","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","AccountTokens","style","isLoading","Theme","refreshing","setRefreshing","activeNetwork","balances","state","networkImages","networkImage","id","undefined","getBalance","fetchBalance","onReceivePress","push","length","children","icon","iconColor","onPress","styles","receiveButton","flexDirection","alignItems","variant","color","size","loadingSpinner","fadingEdgeLength","refreshControl","onRefresh","tintColor","colors","map","token","name","imageSrc","iconUrl","networkSrc","value","amount","quantity","numeric","currency","symbol","pressable","create","width","marginHorizontal","s","marginTop","m"],"sourceRoot":"../../../../src","sources":["partials/w3m-account-tokens/index.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,144 @@
+"use strict";
+
+import { useState } from 'react';
+import { useSnapshot } from 'valtio';
+import { Balance, FlexView, IconLink, Tabs } from '@reown/appkit-ui-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({
+  isBalanceLoading
+}) {
+  const [activeTab, setActiveTab] = useState(0);
+  const {
+    features,
+    isOnRampEnabled
+  } = useSnapshot(OptionsController.state);
+  const {
+    activeNetwork,
+    balances,
+    activeNamespace
+  } = useSnapshot(ConnectionsController.state);
+  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);
+    if (index === 2) {
+      onTransactionsPress();
+    }
+  };
+  const onTransactionsPress = () => {
+    EventsController.sendEvent({
+      type: 'track',
+      event: 'CLICK_TRANSACTIONS',
+      properties: {
+        isSmartAccount
+      }
+    });
+  };
+  const onSwapPress = () => {
+    SwapController.resetState();
+    EventsController.sendEvent({
+      type: 'track',
+      event: 'OPEN_SWAP',
+      properties: {
+        network,
+        isSmartAccount
+      }
+    });
+    RouterController.push('Swap');
+  };
+  const onSendPress = () => {
+    EventsController.sendEvent({
+      type: 'track',
+      event: 'OPEN_SEND',
+      properties: {
+        network,
+        isSmartAccount
+      }
+    });
+    RouterController.push('WalletSend');
+  };
+  const onReceivePress = () => {
+    RouterController.push('WalletReceive');
+  };
+  const onBuyPress = () => {
+    EventsController.sendEvent({
+      type: 'track',
+      event: 'SELECT_BUY_CRYPTO'
+    });
+    OnRampController.resetState();
+    RouterController.push('OnRamp');
+  };
+  return /*#__PURE__*/_jsxs(FlexView, {
+    style: styles.container,
+    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
+      }), 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
+      }), /*#__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
+      })]
+    }), /*#__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,
+        isLoading: isBalanceLoading
+      }), activeTab === 1 && /*#__PURE__*/_jsx(AccountActivity, {
+        style: styles.tabContent
+      })]
+    })]
+  });
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"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","isBalanceLoading","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","isLoading"],"sourceRoot":"../../../../src","sources":["partials/w3m-account-wallet-features/index.tsx"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,OAAO;AAChC,SAASC,WAAW,QAAQ,QAAQ;AACpC,SAASC,OAAO,EAAEC,QAAQ,EAAEC,QAAQ,EAAEC,IAAI,QAAQ,+BAA+B;AACjF,SACEC,qBAAqB,EACrBC,aAAa,EACbC,cAAc,EACdC,gBAAgB,EAChBC,gBAAgB,EAChBC,iBAAiB,EACjBC,gBAAgB,EAChBC,cAAc,QACT,iCAAiC;AAExC,SAASC,eAAe,QAAQ,yBAAyB;AACzD,SAASC,aAAa,QAAQ,uBAAuB;AACrD,OAAOC,MAAM,MAAM,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAM9B,OAAO,SAASC,qBAAqBA,CAAC;EAAEC;AAA6C,CAAC,EAAE;EACtF,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAGxB,QAAQ,CAAC,CAAC,CAAC;EAC7C,MAAM;IAAEyB,QAAQ;IAAEC;EAAgB,CAAC,GAAGzB,WAAW,CAACU,iBAAiB,CAACgB,KAAK,CAAC;EAC1E,MAAM;IAAEC,aAAa;IAAEC,QAAQ;IAAEC;EAAgB,CAAC,GAAG7B,WAAW,CAACK,qBAAqB,CAACqB,KAAK,CAAC;EAC7F,MAAMI,OAAO,GAAGvB,cAAc,CAACwB,yBAAyB,CAACH,QAAyB,CAAC;EACnF,MAAMI,OAAO,GAAG3B,qBAAqB,CAACqB,KAAK,CAACC,aAAa,EAAEM,aAAa,IAAI,EAAE;EAC9E,MAAMC,cAAc,GAAG7B,qBAAqB,CAACqB,KAAK,CAACS,WAAW,KAAK,cAAc;EACjF,MAAMC,QAAQ,GACZP,eAAe,IAAIvB,aAAa,CAAC+B,yBAAyB,CAACC,QAAQ,CAACT,eAAe,CAAC;EACtF,MAAMU,cAAc,GAClBf,QAAQ,EAAEgB,KAAK,IACfb,aAAa,EAAEM,aAAa,IAC5B3B,aAAa,CAACmC,uBAAuB,CAACH,QAAQ,CAACX,aAAa,CAACM,aAAa,CAAC;EAE7E,MAAMS,WAAW,GAAIC,KAAa,IAAK;IACrCpB,YAAY,CAACoB,KAAK,CAAC;IACnB,IAAIA,KAAK,KAAK,CAAC,EAAE;MACfC,mBAAmB,CAAC,CAAC;IACvB;EACF,CAAC;EAED,MAAMA,mBAAmB,GAAGA,CAAA,KAAM;IAChCpC,gBAAgB,CAACqC,SAAS,CAAC;MACzBC,IAAI,EAAE,OAAO;MACbC,KAAK,EAAE,oBAAoB;MAC3BC,UAAU,EAAE;QAAEd;MAAe;IAC/B,CAAC,CAAC;EACJ,CAAC;EAED,MAAMe,WAAW,GAAGA,CAAA,KAAM;IACxBrC,cAAc,CAACsC,UAAU,CAAC,CAAC;IAC3B1C,gBAAgB,CAACqC,SAAS,CAAC;MACzBC,IAAI,EAAE,OAAO;MACbC,KAAK,EAAE,WAAW;MAClBC,UAAU,EAAE;QAAEhB,OAAO;QAAEE;MAAe;IACxC,CAAC,CAAC;IACFvB,gBAAgB,CAACwC,IAAI,CAAC,MAAM,CAAC;EAC/B,CAAC;EAED,MAAMC,WAAW,GAAGA,CAAA,KAAM;IACxB5C,gBAAgB,CAACqC,SAAS,CAAC;MACzBC,IAAI,EAAE,OAAO;MACbC,KAAK,EAAE,WAAW;MAClBC,UAAU,EAAE;QAAEhB,OAAO;QAAEE;MAAe;IACxC,CAAC,CAAC;IACFvB,gBAAgB,CAACwC,IAAI,CAAC,YAAY,CAAC;EACrC,CAAC;EAED,MAAME,cAAc,GAAGA,CAAA,KAAM;IAC3B1C,gBAAgB,CAACwC,IAAI,CAAC,eAAe,CAAC;EACxC,CAAC;EAED,MAAMG,UAAU,GAAGA,CAAA,KAAM;IACvB9C,gBAAgB,CAACqC,SAAS,CAAC;MACzBC,IAAI,EAAE,OAAO;MACbC,KAAK,EAAE;IACT,CAAC,CAAC;IACFtC,gBAAgB,CAACyC,UAAU,CAAC,CAAC;IAC7BvC,gBAAgB,CAACwC,IAAI,CAAC,QAAQ,CAAC;EACjC,CAAC;EAED,oBACEhC,KAAA,CAACjB,QAAQ;IAACqD,KAAK,EAAExC,MAAM,CAACyC,SAAU;IAACC,UAAU,EAAC,QAAQ;IAAAC,QAAA,gBACpDzC,IAAA,CAAChB,OAAO;MAAC0D,OAAO,EAAE7B,OAAO,CAAC8B,OAAQ;MAACC,OAAO,EAAE/B,OAAO,CAACgC;IAAQ,CAAE,CAAC,eAC/D3C,KAAA,CAACjB,QAAQ;MACPqD,KAAK,EAAExC,MAAM,CAACgD,gBAAiB;MAC/BC,aAAa,EAAC,KAAK;MACnBC,cAAc,EAAC,cAAc;MAC7BC,OAAO,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAE;MAAAR,QAAA,GAE7BjC,eAAe,iBACdR,IAAA,CAACd,QAAQ;QACPgE,IAAI,EAAC,MAAM;QACXC,IAAI,EAAC,IAAI;QACTC,SAAS,EAAC,YAAY;QACtBC,UAAU;QACVC,eAAe,EAAC,kBAAkB;QAClCC,YAAY,EAAC,kBAAkB;QAC/BjB,KAAK,EAAE,CAACxC,MAAM,CAAC0D,MAAM,EAAElC,cAAc,GAAGxB,MAAM,CAAC2D,YAAY,GAAG3D,MAAM,CAAC4D,UAAU,CAAE;QACjFC,OAAO,EAAEtB;MAAW,CACrB,CACF,EACAf,cAAc,iBACbtB,IAAA,CAACd,QAAQ;QACPgE,IAAI,EAAC,mBAAmB;QACxBC,IAAI,EAAC,IAAI;QACTC,SAAS,EAAC,YAAY;QACtBC,UAAU;QACVC,eAAe,EAAC,kBAAkB;QAClCC,YAAY,EAAC,kBAAkB;QAC/BjB,KAAK,EAAE,CAACxC,MAAM,CAAC0D,MAAM,EAAE1D,MAAM,CAAC4D,UAAU,CAAE;QAC1CC,OAAO,EAAE3B;MAAY,CACtB,CACF,eACDhC,IAAA,CAACd,QAAQ;QACPgE,IAAI,EAAC,mBAAmB;QACxBC,IAAI,EAAC,IAAI;QACTC,SAAS,EAAC,YAAY;QACtBC,UAAU;QACVC,eAAe,EAAC,kBAAkB;QAClCC,YAAY,EAAC,kBAAkB;QAC/BjB,KAAK,EAAE,CAACxC,MAAM,CAAC0D,MAAM,EAAElC,cAAc,GAAGxB,MAAM,CAAC2D,YAAY,GAAG3D,MAAM,CAAC4D,UAAU,CAAE;QACjFC,OAAO,EAAEvB;MAAe,CACzB,CAAC,EACDjB,QAAQ,iBACPnB,IAAA,CAACd,QAAQ;QACPgE,IAAI,EAAC,YAAY;QACjBC,IAAI,EAAC,IAAI;QACTC,SAAS,EAAC,YAAY;QACtBC,UAAU;QACVC,eAAe,EAAC,kBAAkB;QAClCC,YAAY,EAAC,kBAAkB;QAC/BjB,KAAK,EAAE,CAACxC,MAAM,CAAC0D,MAAM,EAAE1D,MAAM,CAAC8D,WAAW,CAAE;QAC3CD,OAAO,EAAExB;MAAY,CACtB,CACF;IAAA,CACO,CAAC,eACXnC,IAAA,CAACf,QAAQ;MAACqD,KAAK,EAAExC,MAAM,CAAC+D,GAAI;MAAApB,QAAA,eAC1BzC,IAAA,CAACb,IAAI;QAAC2E,IAAI,EAAE,CAAC,QAAQ,EAAE,UAAU,CAAE;QAACrC,WAAW,EAAEA;MAAY,CAAE;IAAC,CACxD,CAAC,eACXvB,KAAA,CAACjB,QAAQ;MAACgE,OAAO,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAE;MAACX,KAAK,EAAExC,MAAM,CAACiE,YAAa;MAAAtB,QAAA,GACjEpC,SAAS,KAAK,CAAC,iBACdL,IAAA,CAACH,aAAa;QAACyC,KAAK,EAAExC,MAAM,CAACkE,UAAW;QAACC,SAAS,EAAE7D;MAAiB,CAAE,CACxE,EACAC,SAAS,KAAK,CAAC,iBAAIL,IAAA,CAACJ,eAAe;QAAC0C,KAAK,EAAExC,MAAM,CAACkE;MAAW,CAAE,CAAC;IAAA,CACzD,CAAC;EAAA,CACH,CAAC;AAEf","ignoreList":[]}

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

@@ -0,0 +1,43 @@
+"use strict";
+
+import { Spacing } from '@reown/appkit-ui-react-native';
+import { StyleSheet } from 'react-native';
+export default StyleSheet.create({
+  container: {
+    height: 400
+  },
+  balanceText: {
+    fontSize: 40,
+    fontWeight: '500'
+  },
+  actionsContainer: {
+    width: '100%',
+    marginTop: Spacing.s,
+    marginBottom: Spacing.l
+  },
+  action: {
+    flex: 1,
+    height: 52
+  },
+  actionLeft: {
+    marginRight: 8
+  },
+  actionRight: {
+    marginLeft: 8
+  },
+  actionCenter: {
+    marginHorizontal: 8
+  },
+  tab: {
+    width: '100%',
+    paddingHorizontal: Spacing.s
+  },
+  tabContainer: {
+    flex: 1,
+    width: '100%'
+  },
+  tabContent: {
+    paddingHorizontal: Spacing.m
+  }
+});
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +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","ignoreList":[]}

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

@@ -0,0 +1,159 @@
+"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 styles from './styles';
+import { UiUtil } from '../../utils/UiUtil';
+import { useCustomDimensions } from '../../hooks/useCustomDimensions';
+import { Placeholder } from '../w3m-placeholder';
+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,
+    recommended,
+    wallets
+  } = useSnapshot(ApiController.state);
+  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];
+
+  // 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 walletList = [...uniqueWallets, ...(pageLoading ? Array.from({
+    length: loadingItems
+  }) : [])];
+  const ITEM_HEIGHT = CardSelectHeight + Spacing.xs * 2;
+  const loadingTemplate = items => {
+    return /*#__PURE__*/_jsx(FlexView, {
+      flexDirection: "row",
+      flexWrap: "wrap",
+      alignSelf: "center",
+      padding: ['0', '0', 's', 'xs'],
+      style: [styles.container, {
+        maxWidth
+      }],
+      children: Array.from({
+        length: items
+      }).map((_, index) => /*#__PURE__*/_jsx(View, {
+        style: [styles.itemContainer, {
+          width: itemWidth
+        }],
+        children: /*#__PURE__*/_jsx(CardSelectLoader, {})
+      }, index))
+    });
+  };
+  const walletTemplate = ({
+    item
+  }) => {
+    const isInstalled = ApiController.state.installed.find(wallet => wallet?.id === item?.id);
+    if (!item?.id) {
+      return /*#__PURE__*/_jsx(View, {
+        style: [styles.itemContainer, {
+          width: itemWidth
+        }],
+        children: /*#__PURE__*/_jsx(CardSelectLoader, {})
+      });
+    }
+    return /*#__PURE__*/_jsx(View, {
+      style: [styles.itemContainer, {
+        width: itemWidth
+      }],
+      children: /*#__PURE__*/_jsx(CardSelect, {
+        imageSrc: AssetUtil.getWalletImage(item),
+        imageHeaders: imageHeaders,
+        name: item?.name ?? 'Unknown',
+        onPress: () => onItemPress(item),
+        installed: !!isInstalled
+      })
+    });
+  };
+  const initialFetch = async () => {
+    try {
+      setLoading(true);
+      setLoadingError(false);
+      await ApiController.fetchWallets({
+        page: 1
+      });
+      UiUtil.createViewTransition();
+      setLoading(false);
+    } catch (error) {
+      SnackController.showError('Failed to load wallets');
+      setLoading(false);
+      setLoadingError(true);
+    }
+  };
+  const fetchNextPage = async () => {
+    try {
+      if (walletList.length < ApiController.state.count && !pageLoading && !loading && ApiController.state.page > 0) {
+        setPageLoading(true);
+        await ApiController.fetchWallets({
+          page: ApiController.state.page + 1
+        });
+        setPageLoading(false);
+      }
+    } catch (error) {
+      SnackController.showError('Failed to load more wallets');
+      setPageLoading(false);
+    }
+  };
+  useEffect(() => {
+    if (!ApiController.state.wallets.length) {
+      initialFetch();
+    }
+  }, []);
+  if (loading) {
+    return loadingTemplate(20);
+  }
+  if (loadingError) {
+    return /*#__PURE__*/_jsx(Placeholder, {
+      icon: "warningCircle",
+      iconColor: "error-100",
+      title: "Oops, we couldn't load the wallets at the moment",
+      description: `This might be due to a temporary network issue.\nPlease try reloading to see if that helps.`,
+      actionIcon: "refresh",
+      actionPress: initialFetch,
+      actionTitle: "Retry",
+      style: styles.placeholderContainer
+    });
+  }
+  return /*#__PURE__*/_jsx(FlatList, {
+    fadingEdgeLength: 20,
+    bounces: false,
+    numColumns: columns,
+    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
+    })
+  }, columns);
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useState","useSnapshot","FlatList","View","ApiController","AssetUtil","OptionsController","SnackController","CardSelect","CardSelectLoader","CardSelectHeight","FlexView","Spacing","styles","UiUtil","useCustomDimensions","Placeholder","jsx","_jsx","AllWalletsList","columns","itemWidth","onItemPress","loading","setLoading","state","wallets","length","loadingError","setLoadingError","pageLoading","setPageLoading","maxWidth","padding","installed","featured","recommended","customWallets","imageHeaders","_getApiHeaders","preloadedWallets","loadingItems","combinedWallets","uniqueWallets","Array","from","Map","map","wallet","id","values","filter","walletList","ITEM_HEIGHT","xs","loadingTemplate","items","flexDirection","flexWrap","alignSelf","style","container","children","_","index","itemContainer","width","walletTemplate","item","isInstalled","find","imageSrc","getWalletImage","name","onPress","initialFetch","fetchWallets","page","createViewTransition","error","showError","fetchNextPage","count","icon","iconColor","title","description","actionIcon","actionPress","actionTitle","placeholderContainer","fadingEdgeLength","bounces","numColumns","data","renderItem","contentContainerStyle","contentContainer","paddingHorizontal","onEndReached","onEndReachedThreshold","keyExtractor","getItemLayout","offset"],"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

@@ -0,0 +1,28 @@
+"use strict";
+
+import { Spacing } from '@reown/appkit-ui-react-native';
+import { StyleSheet } from 'react-native';
+export default StyleSheet.create({
+  container: {
+    height: '100%'
+  },
+  contentContainer: {
+    paddingBottom: Spacing['2xl']
+  },
+  itemContainer: {
+    alignItems: 'center',
+    justifyContent: 'center',
+    marginVertical: Spacing.xs
+  },
+  pageLoader: {
+    marginTop: Spacing.xl
+  },
+  errorContainer: {
+    height: '90%'
+  },
+  placeholderContainer: {
+    flex: 0,
+    height: '90%'
+  }
+});
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Spacing","StyleSheet","create","container","height","contentContainer","paddingBottom","itemContainer","alignItems","justifyContent","marginVertical","xs","pageLoader","marginTop","xl","errorContainer","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,SAAS,EAAE;IACTC,MAAM,EAAE;EACV,CAAC;EACDC,gBAAgB,EAAE;IAChBC,aAAa,EAAEN,OAAO,CAAC,KAAK;EAC9B,CAAC;EACDO,aAAa,EAAE;IACbC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBC,cAAc,EAAEV,OAAO,CAACW;EAC1B,CAAC;EACDC,UAAU,EAAE;IACVC,SAAS,EAAEb,OAAO,CAACc;EACrB,CAAC;EACDC,cAAc,EAAE;IACdX,MAAM,EAAE;EACV,CAAC;EACDY,oBAAoB,EAAE;IACpBC,IAAI,EAAE,CAAC;IACPb,MAAM,EAAE;EACV;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,127 @@
+"use strict";
+
+import { useCallback, useEffect, useState } from 'react';
+import { FlatList, View } from 'react-native';
+import { ApiController, AssetUtil, SnackController } from '@reown/appkit-core-react-native';
+import { CardSelect, CardSelectHeight, CardSelectLoader, FlexView, Spacing } from '@reown/appkit-ui-react-native';
+import { useCustomDimensions } from '../../hooks/useCustomDimensions';
+import { Placeholder } from '../w3m-placeholder';
+import styles from './styles';
+import { jsx as _jsx } from "react/jsx-runtime";
+export function AllWalletsSearch({
+  searchQuery,
+  columns,
+  itemWidth,
+  onItemPress
+}) {
+  const [loading, setLoading] = useState(false);
+  const [loadingError, setLoadingError] = useState(false);
+  const [prevSearchQuery, setPrevSearchQuery] = useState('');
+  const imageHeaders = ApiController._getApiHeaders();
+  const {
+    maxWidth,
+    padding,
+    isLandscape
+  } = useCustomDimensions();
+  const ITEM_HEIGHT = CardSelectHeight + Spacing.xs * 2;
+  const walletTemplate = ({
+    item
+  }) => {
+    const isInstalled = ApiController.state.installed.find(wallet => wallet?.id === item?.id);
+    return /*#__PURE__*/_jsx(View, {
+      style: [styles.itemContainer, {
+        width: itemWidth
+      }],
+      children: /*#__PURE__*/_jsx(CardSelect, {
+        imageSrc: AssetUtil.getWalletImage(item),
+        imageHeaders: imageHeaders,
+        name: item?.name ?? 'Unknown',
+        onPress: () => onItemPress(item),
+        installed: !!isInstalled,
+        testID: `wallet-search-item-${item?.id}`
+      })
+    }, item?.id);
+  };
+  const loadingTemplate = items => {
+    return /*#__PURE__*/_jsx(FlexView, {
+      flexDirection: "row",
+      flexWrap: "wrap",
+      alignSelf: "center",
+      padding: ['0', '0', 's', 'xs'],
+      style: [styles.container, {
+        maxWidth
+      }],
+      children: Array.from({
+        length: items
+      }).map((_, index) => /*#__PURE__*/_jsx(View, {
+        style: [styles.itemContainer, {
+          width: itemWidth
+        }],
+        children: /*#__PURE__*/_jsx(CardSelectLoader, {})
+      }, index))
+    });
+  };
+  const emptyTemplate = () => {
+    return /*#__PURE__*/_jsx(Placeholder, {
+      icon: "walletPlaceholder",
+      description: "No results found",
+      style: [styles.emptyContainer, isLandscape && styles.emptyLandscape]
+    });
+  };
+  const searchFetch = useCallback(async () => {
+    try {
+      setLoading(true);
+      setLoadingError(false);
+      await ApiController.searchWallet({
+        search: searchQuery
+      });
+      setLoading(false);
+    } catch (error) {
+      SnackController.showError('Failed to load wallets');
+      setLoading(false);
+      setLoadingError(true);
+    }
+  }, [searchQuery]);
+  useEffect(() => {
+    if (prevSearchQuery !== searchQuery) {
+      setPrevSearchQuery(searchQuery || '');
+      searchFetch();
+    }
+  }, [searchQuery, prevSearchQuery, searchFetch]);
+  if (loading) {
+    return loadingTemplate(20);
+  }
+  if (loadingError) {
+    return /*#__PURE__*/_jsx(Placeholder, {
+      icon: "warningCircle",
+      iconColor: "error-100",
+      title: "Oops, we couldn\u2019t load the wallets at the moment",
+      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,
+      actionTitle: "Retry"
+    });
+  }
+  if (ApiController.state.search.length === 0) {
+    return emptyTemplate();
+  }
+  return /*#__PURE__*/_jsx(FlatList, {
+    fadingEdgeLength: 20,
+    bounces: false,
+    numColumns: columns,
+    data: ApiController.state.search,
+    renderItem: walletTemplate,
+    style: styles.container,
+    contentContainerStyle: [styles.contentContainer, {
+      paddingHorizontal: padding + Spacing.xs
+    }],
+    keyExtractor: item => item.id,
+    getItemLayout: (_, index) => ({
+      length: ITEM_HEIGHT,
+      offset: ITEM_HEIGHT * index,
+      index
+    })
+  }, columns);
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useEffect","useState","FlatList","View","ApiController","AssetUtil","SnackController","CardSelect","CardSelectHeight","CardSelectLoader","FlexView","Spacing","useCustomDimensions","Placeholder","styles","jsx","_jsx","AllWalletsSearch","searchQuery","columns","itemWidth","onItemPress","loading","setLoading","loadingError","setLoadingError","prevSearchQuery","setPrevSearchQuery","imageHeaders","_getApiHeaders","maxWidth","padding","isLandscape","ITEM_HEIGHT","xs","walletTemplate","item","isInstalled","state","installed","find","wallet","id","style","itemContainer","width","children","imageSrc","getWalletImage","name","onPress","testID","loadingTemplate","items","flexDirection","flexWrap","alignSelf","container","Array","from","length","map","_","index","emptyTemplate","icon","description","emptyContainer","emptyLandscape","searchFetch","searchWallet","search","error","showError","iconColor","title","actionIcon","actionPress","placeholderContainer","actionTitle","fadingEdgeLength","bounces","numColumns","data","renderItem","contentContainerStyle","contentContainer","paddingHorizontal","keyExtractor","getItemLayout","offset"],"sourceRoot":"../../../../src","sources":["partials/w3m-all-wallets-search/index.tsx"],"mappings":"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","ignoreList":[]}