@reown/appkit-react-native 2.0.0 → 2.0.1

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

@@ -11,20 +11,23 @@ var _appkitCoreReactNative = require("@reown/appkit-core-react-native");
 var _w3mAccountActivity = require("../w3m-account-activity");
 var _w3mAccountTokens = require("../w3m-account-tokens");
 var _styles = _interopRequireDefault(require("./styles"));
+var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function AccountWalletFeatures() {
   const [activeTab, setActiveTab] = (0, _react.useState)(0);
-  const {
-    tokenBalance
-  } = (0, _valtio.useSnapshot)(_appkitCoreReactNative.AccountController.state);
   const {
     features,
     isOnRampEnabled
   } = (0, _valtio.useSnapshot)(_appkitCoreReactNative.OptionsController.state);
   const {
-    activeNetwork
+    activeNetwork,
+    balances,
+    activeNamespace
   } = (0, _valtio.useSnapshot)(_appkitCoreReactNative.ConnectionsController.state);
-  const balance = _appkitCoreReactNative.CoreHelperUtil.calculateAndFormatBalance(tokenBalance);
+  const balance = _appkitCoreReactNative.CoreHelperUtil.calculateAndFormatBalance(balances);
+  const network = _appkitCoreReactNative.ConnectionsController.state.activeNetwork?.caipNetworkId;
+  const isSmartAccount = _appkitCoreReactNative.ConnectionsController.state.accountType === 'smartAccount';
+  const showSend = activeNamespace && _appkitCoreReactNative.ConstantsUtil.SEND_SUPPORTED_NAMESPACES.includes(activeNamespace);
   const isSwapsEnabled = features?.swaps && activeNetwork?.caipNetworkId && _appkitCoreReactNative.ConstantsUtil.SWAP_SUPPORTED_NETWORKS.includes(activeNetwork.caipNetworkId);
   const onTabChange = index => {
     setActiveTab(index);
@@ -37,7 +40,7 @@ function AccountWalletFeatures() {
       type: 'track',
       event: 'CLICK_TRANSACTIONS',
       properties: {
-        isSmartAccount: _appkitCoreReactNative.AccountController.state.preferredAccountType === 'smartAccount'
+        isSmartAccount
       }
     });
   };
@@ -47,8 +50,8 @@ function AccountWalletFeatures() {
       type: 'track',
       event: 'OPEN_SWAP',
       properties: {
-        network: _appkitCoreReactNative.ConnectionsController.state.activeNetwork?.caipNetworkId || '',
-        isSmartAccount: _appkitCoreReactNative.AccountController.state.preferredAccountType === 'smartAccount'
+        network,
+        isSmartAccount
       }
     });
     _appkitCoreReactNative.RouterController.push('Swap');
@@ -58,8 +61,8 @@ function AccountWalletFeatures() {
       type: 'track',
       event: 'OPEN_SEND',
       properties: {
-        network: _appkitCoreReactNative.ConnectionsController.state.activeNetwork?.caipNetworkId || '',
-        isSmartAccount: _appkitCoreReactNative.AccountController.state.preferredAccountType === 'smartAccount'
+        network,
+        isSmartAccount
       }
     });
     _appkitCoreReactNative.RouterController.push('WalletSend');
@@ -75,65 +78,69 @@ function AccountWalletFeatures() {
     _appkitCoreReactNative.OnRampController.resetState();
     _appkitCoreReactNative.RouterController.push('OnRamp');
   };
-  return /*#__PURE__*/React.createElement(_appkitUiReactNative.FlexView, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.FlexView, {
     style: _styles.default.container,
-    alignItems: "center"
-  }, /*#__PURE__*/React.createElement(_appkitUiReactNative.Balance, {
-    integer: balance.dollars,
-    decimal: balance.pennies
-  }), /*#__PURE__*/React.createElement(_appkitUiReactNative.FlexView, {
-    style: _styles.default.actionsContainer,
-    flexDirection: "row",
-    justifyContent: "space-around",
-    padding: ['0', 's', '0', 's']
-  }, isOnRampEnabled && /*#__PURE__*/React.createElement(_appkitUiReactNative.IconLink, {
-    icon: "card",
-    size: "lg",
-    iconColor: "accent-100",
-    background: true,
-    backgroundColor: "accent-glass-010",
-    pressedColor: "accent-glass-020",
-    style: [_styles.default.action, isSwapsEnabled ? _styles.default.actionCenter : _styles.default.actionLeft],
-    onPress: onBuyPress
-  }), isSwapsEnabled && /*#__PURE__*/React.createElement(_appkitUiReactNative.IconLink, {
-    icon: "recycleHorizontal",
-    size: "lg",
-    iconColor: "accent-100",
-    background: true,
-    backgroundColor: "accent-glass-010",
-    pressedColor: "accent-glass-020",
-    style: [_styles.default.action, _styles.default.actionLeft],
-    onPress: onSwapPress
-  }), /*#__PURE__*/React.createElement(_appkitUiReactNative.IconLink, {
-    icon: "arrowBottomCircle",
-    size: "lg",
-    iconColor: "accent-100",
-    background: true,
-    backgroundColor: "accent-glass-010",
-    pressedColor: "accent-glass-020",
-    style: [_styles.default.action, isSwapsEnabled ? _styles.default.actionCenter : _styles.default.actionLeft],
-    onPress: onReceivePress
-  }), /*#__PURE__*/React.createElement(_appkitUiReactNative.IconLink, {
-    icon: "paperplane",
-    size: "lg",
-    iconColor: "accent-100",
-    background: true,
-    backgroundColor: "accent-glass-010",
-    pressedColor: "accent-glass-020",
-    style: [_styles.default.action, _styles.default.actionRight],
-    onPress: onSendPress
-  })), /*#__PURE__*/React.createElement(_appkitUiReactNative.FlexView, {
-    style: _styles.default.tab
-  }, /*#__PURE__*/React.createElement(_appkitUiReactNative.Tabs, {
-    tabs: ['Tokens', 'Activity'],
-    onTabChange: onTabChange
-  })), /*#__PURE__*/React.createElement(_appkitUiReactNative.FlexView, {
-    padding: ['m', '0', '0', '0'],
-    style: _styles.default.tabContainer
-  }, activeTab === 0 && /*#__PURE__*/React.createElement(_w3mAccountTokens.AccountTokens, {
-    style: _styles.default.tabContent
-  }), activeTab === 1 && /*#__PURE__*/React.createElement(_w3mAccountActivity.AccountActivity, {
-    style: _styles.default.tabContent
-  })));
+    alignItems: "center",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Balance, {
+      integer: balance.dollars,
+      decimal: balance.pennies
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.FlexView, {
+      style: _styles.default.actionsContainer,
+      flexDirection: "row",
+      justifyContent: "space-around",
+      padding: ['0', 's', '0', 's'],
+      children: [isOnRampEnabled ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.IconLink, {
+        icon: "card",
+        size: "lg",
+        iconColor: "accent-100",
+        background: true,
+        backgroundColor: "accent-glass-010",
+        pressedColor: "accent-glass-020",
+        style: [_styles.default.action, isSwapsEnabled ? _styles.default.actionCenter : _styles.default.actionLeft],
+        onPress: onBuyPress
+      }) : null, isSwapsEnabled ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.IconLink, {
+        icon: "recycleHorizontal",
+        size: "lg",
+        iconColor: "accent-100",
+        background: true,
+        backgroundColor: "accent-glass-010",
+        pressedColor: "accent-glass-020",
+        style: [_styles.default.action, _styles.default.actionLeft],
+        onPress: onSwapPress
+      }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.IconLink, {
+        icon: "arrowBottomCircle",
+        size: "lg",
+        iconColor: "accent-100",
+        background: true,
+        backgroundColor: "accent-glass-010",
+        pressedColor: "accent-glass-020",
+        style: [_styles.default.action, isSwapsEnabled ? _styles.default.actionCenter : _styles.default.actionLeft],
+        onPress: onReceivePress
+      }), showSend ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.IconLink, {
+        icon: "paperplane",
+        size: "lg",
+        iconColor: "accent-100",
+        background: true,
+        backgroundColor: "accent-glass-010",
+        pressedColor: "accent-glass-020",
+        style: [_styles.default.action, _styles.default.actionRight],
+        onPress: onSendPress
+      }) : null]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.FlexView, {
+      style: _styles.default.tab,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Tabs, {
+        tabs: ['Tokens', 'Activity'],
+        onTabChange: onTabChange
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.FlexView, {
+      padding: ['m', '0', '0', '0'],
+      style: _styles.default.tabContainer,
+      children: [activeTab === 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_w3mAccountTokens.AccountTokens, {
+        style: _styles.default.tabContent
+      }), activeTab === 1 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_w3mAccountActivity.AccountActivity, {
+        style: _styles.default.tabContent
+      })]
+    })]
+  });
 }
 //# sourceMappingURL=index.js.map

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

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

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

@@ -1 +1 @@
-{"version":3,"names":["_appkitUiReactNative","require","_reactNative","_default","exports","default","StyleSheet","create","container","height","balanceText","fontSize","fontWeight","actionsContainer","width","marginTop","Spacing","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,IAAAA,oBAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAA0C,IAAAE,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAE3BC,uBAAU,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,EAAEC,4BAAO,CAACC,CAAC;IACpBC,YAAY,EAAEF,4BAAO,CAACG;EACxB,CAAC;EACDC,MAAM,EAAE;IACNC,IAAI,EAAE,CAAC;IACPZ,MAAM,EAAE;EACV,CAAC;EACDa,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;IACHd,KAAK,EAAE,MAAM;IACbe,iBAAiB,EAAEb,4BAAO,CAACC;EAC7B,CAAC;EACDa,YAAY,EAAE;IACZT,IAAI,EAAE,CAAC;IACPP,KAAK,EAAE;EACT,CAAC;EACDiB,UAAU,EAAE;IACVF,iBAAiB,EAAEb,4BAAO,CAACgB;EAC7B;AACF,CAAC,CAAC"}
+{"version":3,"names":["_appkitUiReactNative","require","_reactNative","_default","exports","default","StyleSheet","create","container","height","balanceText","fontSize","fontWeight","actionsContainer","width","marginTop","Spacing","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,IAAAA,oBAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAA0C,IAAAE,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAE3BC,uBAAU,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,EAAEC,4BAAO,CAACC,CAAC;IACpBC,YAAY,EAAEF,4BAAO,CAACG;EACxB,CAAC;EACDC,MAAM,EAAE;IACNC,IAAI,EAAE,CAAC;IACPZ,MAAM,EAAE;EACV,CAAC;EACDa,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;IACHd,KAAK,EAAE,MAAM;IACbe,iBAAiB,EAAEb,4BAAO,CAACC;EAC7B,CAAC;EACDa,YAAY,EAAE;IACZT,IAAI,EAAE,CAAC;IACPP,KAAK,EAAE;EACT,CAAC;EACDiB,UAAU,EAAE;IACVF,iBAAiB,EAAEb,4BAAO,CAACgB;EAC7B;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Loading = void 0;
+var _react = require("react");
+var _WalletList = require("./WalletList");
+var _jsxRuntime = require("react/jsx-runtime");
+function _Loading({
+  loadingItems = 20,
+  style
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_WalletList.WalletList, {
+    data: [],
+    onItemPress: () => {},
+    isLoading: true,
+    loadingItems: loadingItems,
+    style: style
+  });
+}
+const Loading = exports.Loading = /*#__PURE__*/(0, _react.memo)(_Loading, () => {
+  return true;
+});
+//# sourceMappingURL=Loading.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_WalletList","_jsxRuntime","_Loading","loadingItems","style","jsx","WalletList","data","onItemPress","isLoading","Loading","exports","memo"],"sourceRoot":"../../../../../src","sources":["partials/w3m-all-wallets-list/components/Loading.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAA0C,IAAAE,WAAA,GAAAF,OAAA;AAQ1C,SAASG,QAAQA,CAAC;EAAEC,YAAY,GAAG,EAAE;EAAEC;AAAoB,CAAC,EAAE;EAC5D,oBACE,IAAAH,WAAA,CAAAI,GAAA,EAACL,WAAA,CAAAM,UAAU;IACTC,IAAI,EAAE,EAAG;IACTC,WAAW,EAAEA,CAAA,KAAM,CAAC,CAAE;IACtBC,SAAS,EAAE,IAAK;IAChBN,YAAY,EAAEA,YAAa;IAC3BC,KAAK,EAAEA;EAAM,CACd,CAAC;AAEN;AAEO,MAAMM,OAAO,GAAAC,OAAA,CAAAD,OAAA,gBAAG,IAAAE,WAAI,EAACV,QAAQ,EAAE,MAAM;EAC1C,OAAO,IAAI;AACb,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MemoizedWalletItem = void 0;
+exports.WalletItem = WalletItem;
+var _valtio = require("valtio");
+var _appkitCoreReactNative = require("@reown/appkit-core-react-native");
+var _appkitUiReactNative = require("@reown/appkit-ui-react-native");
+var _react = require("react");
+var _jsxRuntime = require("react/jsx-runtime");
+function WalletItem({
+  item,
+  displayIndex,
+  imageHeaders,
+  onItemPress,
+  style,
+  testID
+}) {
+  const {
+    walletImages
+  } = (0, _valtio.useSnapshot)(_appkitCoreReactNative.AssetController.state);
+  const isInstalled = _appkitCoreReactNative.ApiController.state.installed.find(wallet => wallet?.id === item?.id);
+  const imageSrc = _appkitCoreReactNative.AssetUtil.getWalletImage(item, walletImages);
+  if (!item?.id) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.CardSelectLoader, {
+      style: style
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.CardSelect, {
+    imageSrc: imageSrc,
+    style: style,
+    imageHeaders: imageHeaders,
+    name: item?.name ?? 'Unknown',
+    onPress: () => onItemPress(item, displayIndex),
+    installed: !!isInstalled,
+    testID: testID
+  });
+}
+const MemoizedWalletItem = exports.MemoizedWalletItem = /*#__PURE__*/(0, _react.memo)(WalletItem, (prevProps, nextProps) => {
+  return prevProps.item.id === nextProps.item.id;
+});
+//# sourceMappingURL=WalletItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_valtio","require","_appkitCoreReactNative","_appkitUiReactNative","_react","_jsxRuntime","WalletItem","item","displayIndex","imageHeaders","onItemPress","style","testID","walletImages","useSnapshot","AssetController","state","isInstalled","ApiController","installed","find","wallet","id","imageSrc","AssetUtil","getWalletImage","jsx","CardSelectLoader","CardSelect","name","onPress","MemoizedWalletItem","exports","memo","prevProps","nextProps"],"sourceRoot":"../../../../../src","sources":["partials/w3m-all-wallets-list/components/WalletItem.tsx"],"mappings":";;;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,sBAAA,GAAAD,OAAA;AACA,IAAAE,oBAAA,GAAAF,OAAA;AAGA,IAAAG,MAAA,GAAAH,OAAA;AAA6B,IAAAI,WAAA,GAAAJ,OAAA;AAWtB,SAASK,UAAUA,CAAC;EACzBC,IAAI;EACJC,YAAY;EACZC,YAAY;EACZC,WAAW;EACXC,KAAK;EACLC;AACe,CAAC,EAAE;EAClB,MAAM;IAAEC;EAAa,CAAC,GAAG,IAAAC,mBAAW,EAACC,sCAAe,CAACC,KAAK,CAAC;EAC3D,MAAMC,WAAW,GAAGC,oCAAa,CAACF,KAAK,CAACG,SAAS,CAACC,IAAI,CAACC,MAAM,IAAIA,MAAM,EAAEC,EAAE,KAAKf,IAAI,EAAEe,EAAE,CAAC;EACzF,MAAMC,QAAQ,GAAGC,gCAAS,CAACC,cAAc,CAAClB,IAAI,EAAEM,YAAY,CAAC;EAE7D,IAAI,CAACN,IAAI,EAAEe,EAAE,EAAE;IACb,oBAAO,IAAAjB,WAAA,CAAAqB,GAAA,EAACvB,oBAAA,CAAAwB,gBAAgB;MAAChB,KAAK,EAAEA;IAAM,CAAE,CAAC;EAC3C;EAEA,oBACE,IAAAN,WAAA,CAAAqB,GAAA,EAACvB,oBAAA,CAAAyB,UAAU;IACTL,QAAQ,EAAEA,QAAS;IACnBZ,KAAK,EAAEA,KAAM;IACbF,YAAY,EAAEA,YAAa;IAC3BoB,IAAI,EAAEtB,IAAI,EAAEsB,IAAI,IAAI,SAAU;IAC9BC,OAAO,EAAEA,CAAA,KAAMpB,WAAW,CAACH,IAAI,EAAEC,YAAY,CAAE;IAC/CW,SAAS,EAAE,CAAC,CAACF,WAAY;IACzBL,MAAM,EAAEA;EAAO,CAChB,CAAC;AAEN;AAEO,MAAMmB,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,gBAAG,IAAAE,WAAI,EAAC3B,UAAU,EAAE,CAAC4B,SAAS,EAAEC,SAAS,KAAK;EAC3E,OAAOD,SAAS,CAAC3B,IAAI,CAACe,EAAE,KAAKa,SAAS,CAAC5B,IAAI,CAACe,EAAE;AAChD,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,135 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.WalletList = WalletList;
+var _reactNative = require("react-native");
+var _WalletItem = require("./WalletItem");
+var _appkitUiReactNative = require("@reown/appkit-ui-react-native");
+var _appkitCoreReactNative = require("@reown/appkit-core-react-native");
+var _react = require("react");
+var _jsxRuntime = require("react/jsx-runtime");
+const imageHeaders = _appkitCoreReactNative.ApiController._getApiHeaders();
+const ITEM_HEIGHT = _appkitUiReactNative.CardSelectHeight;
+const ITEM_WIDTH = _appkitUiReactNative.CardSelectWidth;
+const ITEM_HEIGHT_WITH_GAP = ITEM_HEIGHT + _appkitUiReactNative.Spacing['3xs'];
+function WalletList({
+  data,
+  onItemPress,
+  onEndReached,
+  onEndReachedThreshold,
+  isLoading = false,
+  loadingItems = 20,
+  testIDKey,
+  style,
+  searchQuery
+}) {
+  const {
+    padding,
+    maxHeight
+  } = (0, _appkitUiReactNative.useCustomDimensions)();
+  const viewedWalletsRef = (0, _react.useRef)(new Set());
+
+  // Create loading data if isLoading is true
+  const displayData = isLoading ? Array.from({
+    length: loadingItems
+  }, (_, index) => ({
+    id: `loading-${index}`
+  })) : data;
+  const keyExtractor = (0, _react.useCallback)((item, index) => item?.id ?? `item-${index}`, []);
+  const getItemLayout = (0, _react.useCallback)((_, index) => {
+    return {
+      length: ITEM_HEIGHT_WITH_GAP,
+      offset: ITEM_HEIGHT_WITH_GAP * index,
+      index
+    };
+  }, []);
+  const renderItem = (0, _react.useCallback)(({
+    item,
+    index
+  }) => {
+    if (isLoading) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.CardSelectLoader, {
+        style: styles.itemContainer
+      });
+    }
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_WalletItem.WalletItem, {
+      item: item,
+      imageHeaders: imageHeaders,
+      displayIndex: index,
+      onItemPress: onItemPress,
+      style: styles.itemContainer,
+      testID: testIDKey ? `${testIDKey}-${item?.id}` : undefined
+    });
+  }, [isLoading, onItemPress, testIDKey]);
+  const onViewableItemsChanged = (0, _react.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 = !!_appkitCoreReactNative.ApiController.state.installed.find(w => w?.id === item?.id);
+        _appkitCoreReactNative.EventsController.trackWalletImpression({
+          wallet,
+          view: 'AllWallets',
+          displayIndex: index,
+          query: searchQuery,
+          installed: isInstalled
+        });
+      }
+    });
+  }, [isLoading, searchQuery]);
+  const viewabilityConfig = (0, _react.useRef)({
+    itemVisiblePercentThreshold: 50,
+    // Item is considered visible when 50% is visible
+    minimumViewTime: 100 // Must be visible for at least 100ms
+  }).current;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.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 = _reactNative.StyleSheet.create({
+  list: {
+    paddingTop: _appkitUiReactNative.Spacing['3xs']
+  },
+  contentContainer: {
+    paddingBottom: _appkitUiReactNative.Spacing['xs'],
+    paddingTop: _appkitUiReactNative.Spacing['3xs'],
+    gap: _appkitUiReactNative.Spacing['3xs'],
+    alignItems: 'center'
+  },
+  columnWrapperStyle: {
+    justifyContent: 'space-around'
+  },
+  itemContainer: {
+    width: '23%',
+    minWidth: ITEM_WIDTH
+  }
+});
+//# sourceMappingURL=WalletList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_WalletItem","_appkitUiReactNative","_appkitCoreReactNative","_react","_jsxRuntime","imageHeaders","ApiController","_getApiHeaders","ITEM_HEIGHT","CardSelectHeight","ITEM_WIDTH","CardSelectWidth","ITEM_HEIGHT_WITH_GAP","Spacing","WalletList","data","onItemPress","onEndReached","onEndReachedThreshold","isLoading","loadingItems","testIDKey","style","searchQuery","padding","maxHeight","useCustomDimensions","viewedWalletsRef","useRef","Set","displayData","Array","from","length","_","index","id","keyExtractor","useCallback","item","getItemLayout","offset","renderItem","jsx","CardSelectLoader","styles","itemContainer","WalletItem","displayIndex","testID","undefined","onViewableItemsChanged","viewableItems","forEach","wallet","current","has","add","isInstalled","state","installed","find","w","EventsController","trackWalletImpression","view","query","viewabilityConfig","itemVisiblePercentThreshold","minimumViewTime","FlatList","fadingEdgeLength","bounces","numColumns","list","height","columnWrapperStyle","contentContainerStyle","contentContainer","paddingHorizontal","initialNumToRender","maxToRenderPerBatch","windowSize","removeClippedSubviews","StyleSheet","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/commonjs/partials/w3m-all-wallets-list/index.js

@@ -6,26 +6,19 @@ Object.defineProperty(exports, "__esModule", {
 exports.AllWalletsList = AllWalletsList;
 var _react = require("react");
 var _valtio = require("valtio");
-var _reactNative = require("react-native");
 var _appkitCoreReactNative = require("@reown/appkit-core-react-native");
-var _appkitUiReactNative = require("@reown/appkit-ui-react-native");
 var _styles = _interopRequireDefault(require("./styles"));
-var _UiUtil = require("../../utils/UiUtil");
-var _useCustomDimensions = require("../../hooks/useCustomDimensions");
 var _w3mPlaceholder = require("../w3m-placeholder");
+var _Loading = require("./components/Loading");
+var _WalletList = require("./components/WalletList");
+var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function AllWalletsList({
-  columns,
-  itemWidth,
   onItemPress
 }) {
   const [loading, setLoading] = (0, _react.useState)(_appkitCoreReactNative.ApiController.state.wallets.length === 0);
   const [loadingError, setLoadingError] = (0, _react.useState)(false);
   const [pageLoading, setPageLoading] = (0, _react.useState)(false);
-  const {
-    maxWidth,
-    padding
-  } = (0, _useCustomDimensions.useCustomDimensions)();
   const {
     installed,
     featured,
@@ -35,59 +28,24 @@ function AllWalletsList({
   const {
     customWallets
   } = (0, _valtio.useSnapshot)(_appkitCoreReactNative.OptionsController.state);
-  const imageHeaders = _appkitCoreReactNative.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 = _appkitUiReactNative.CardSelectHeight + _appkitUiReactNative.Spacing.xs * 2;
-  const loadingTemplate = items => {
-    return /*#__PURE__*/React.createElement(_appkitUiReactNative.FlexView, {
-      flexDirection: "row",
-      flexWrap: "wrap",
-      alignSelf: "center",
-      padding: ['0', '0', 's', 'xs'],
-      style: [_styles.default.container, {
-        maxWidth
-      }]
-    }, Array.from({
-      length: items
-    }).map((_, index) => /*#__PURE__*/React.createElement(_reactNative.View, {
-      key: index,
-      style: [_styles.default.itemContainer, {
-        width: itemWidth
-      }]
-    }, /*#__PURE__*/React.createElement(_appkitUiReactNative.CardSelectLoader, null))));
-  };
-  const walletTemplate = ({
-    item
-  }) => {
-    const isInstalled = _appkitCoreReactNative.ApiController.state.installed.find(wallet => wallet?.id === item?.id);
-    if (!item?.id) {
-      return /*#__PURE__*/React.createElement(_reactNative.View, {
-        style: [_styles.default.itemContainer, {
-          width: itemWidth
-        }]
-      }, /*#__PURE__*/React.createElement(_appkitUiReactNative.CardSelectLoader, null));
-    }
-    return /*#__PURE__*/React.createElement(_reactNative.View, {
-      style: [_styles.default.itemContainer, {
-        width: itemWidth
-      }]
-    }, /*#__PURE__*/React.createElement(_appkitUiReactNative.CardSelect, {
-      imageSrc: _appkitCoreReactNative.AssetUtil.getWalletImage(item),
-      imageHeaders: imageHeaders,
-      name: item?.name ?? 'Unknown',
-      onPress: () => onItemPress(item),
-      installed: !!isInstalled
-    }));
-  };
   const initialFetch = async () => {
     try {
       setLoading(true);
@@ -95,9 +53,9 @@ function AllWalletsList({
       await _appkitCoreReactNative.ApiController.fetchWallets({
         page: 1
       });
-      _UiUtil.UiUtil.createViewTransition();
       setLoading(false);
     } catch (error) {
+      _appkitCoreReactNative.LogController.sendError(error, 'AllWalletsList.tsx', 'initialFetch');
       _appkitCoreReactNative.SnackController.showError('Failed to load wallets');
       setLoading(false);
       setLoadingError(true);
@@ -105,7 +63,7 @@ function AllWalletsList({
   };
   const fetchNextPage = async () => {
     try {
-      if (walletList.length < _appkitCoreReactNative.ApiController.state.count && !pageLoading && !loading && _appkitCoreReactNative.ApiController.state.page > 0) {
+      if (walletList.length - (customWallets ?? []).length < _appkitCoreReactNative.ApiController.state.count && !pageLoading && !loading && _appkitCoreReactNative.ApiController.state.page > 0) {
         setPageLoading(true);
         await _appkitCoreReactNative.ApiController.fetchWallets({
           page: _appkitCoreReactNative.ApiController.state.page + 1
@@ -123,10 +81,13 @@ function AllWalletsList({
     }
   }, []);
   if (loading) {
-    return loadingTemplate(20);
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Loading.Loading, {
+      loadingItems: 12,
+      style: _styles.default.loadingContainer
+    });
   }
   if (loadingError) {
-    return /*#__PURE__*/React.createElement(_w3mPlaceholder.Placeholder, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_w3mPlaceholder.Placeholder, {
       icon: "warningCircle",
       iconColor: "error-100",
       title: "Oops, we couldn't load the wallets at the moment",
@@ -137,25 +98,11 @@ function AllWalletsList({
       style: _styles.default.placeholderContainer
     });
   }
-  return /*#__PURE__*/React.createElement(_reactNative.FlatList, {
-    key: columns,
-    fadingEdgeLength: 20,
-    bounces: false,
-    numColumns: columns,
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_WalletList.WalletList, {
     data: walletList,
-    renderItem: walletTemplate,
-    style: _styles.default.container,
-    contentContainerStyle: [_styles.default.contentContainer, {
-      paddingHorizontal: padding + _appkitUiReactNative.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