@reown/appkit-react-native 0.0.0-accounts-canary.1-20251023174733

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

@@ -0,0 +1,93 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AccountTokens = AccountTokens;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _valtio = require("valtio");
+var _appkitCoreReactNative = require("@reown/appkit-core-react-native");
+var _appkitUiReactNative = require("@reown/appkit-ui-react-native");
+var _jsxRuntime = require("react/jsx-runtime");
+function AccountTokens({
+  style,
+  isLoading
+}) {
+  const Theme = (0, _appkitUiReactNative.useTheme)();
+  const [refreshing, setRefreshing] = (0, _react.useState)(false);
+  const {
+    activeNetwork,
+    balances
+  } = (0, _valtio.useSnapshot)(_appkitCoreReactNative.ConnectionsController.state);
+  const {
+    networkImages
+  } = (0, _valtio.useSnapshot)(_appkitCoreReactNative.AssetController.state);
+  const networkImage = _appkitCoreReactNative.AssetUtil.getNetworkImage(activeNetwork, networkImages);
+  const getBalance = (0, _react.useCallback)(async () => {
+    setRefreshing(true);
+    await _appkitCoreReactNative.ConnectionsController.fetchBalance();
+    setRefreshing(false);
+  }, []);
+  const onReceivePress = () => {
+    _appkitCoreReactNative.RouterController.push('WalletReceive');
+  };
+  if (!balances?.length) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.ListItem, {
+        icon: "arrowBottomCircle",
+        iconColor: "magenta-100",
+        onPress: onReceivePress,
+        style: styles.receiveButton,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.FlexView, {
+          flexDirection: "column",
+          alignItems: "flex-start",
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Text, {
+            variant: "paragraph-500",
+            color: "fg-100",
+            children: "Receive funds"
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Text, {
+            variant: "small-400",
+            color: "fg-200",
+            children: "Transfer tokens on your wallet"
+          })]
+        })
+      }), isLoading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.LoadingSpinner, {
+        size: "sm",
+        style: styles.loadingSpinner
+      }) : null]
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.ScrollView, {
+    fadingEdgeLength: 20,
+    style: style,
+    refreshControl: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.RefreshControl, {
+      refreshing: refreshing,
+      onRefresh: getBalance,
+      tintColor: Theme['accent-100'],
+      colors: [Theme['accent-100']]
+    }),
+    children: [balances.map(token => /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.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__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.LoadingSpinner, {
+      size: "sm",
+      style: styles.loadingSpinner
+    }) : null]
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  receiveButton: {
+    width: 'auto',
+    marginHorizontal: _appkitUiReactNative.Spacing.s
+  },
+  loadingSpinner: {
+    marginTop: _appkitUiReactNative.Spacing.m
+  }
+});
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,146 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AccountWalletFeatures = AccountWalletFeatures;
+var _react = require("react");
+var _valtio = require("valtio");
+var _appkitUiReactNative = require("@reown/appkit-ui-react-native");
+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 {
+    features,
+    isOnRampEnabled
+  } = (0, _valtio.useSnapshot)(_appkitCoreReactNative.OptionsController.state);
+  const {
+    activeNetwork,
+    balances,
+    activeNamespace
+  } = (0, _valtio.useSnapshot)(_appkitCoreReactNative.ConnectionsController.state);
+  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);
+    if (index === 2) {
+      onTransactionsPress();
+    }
+  };
+  const onTransactionsPress = () => {
+    _appkitCoreReactNative.EventsController.sendEvent({
+      type: 'track',
+      event: 'CLICK_TRANSACTIONS',
+      properties: {
+        isSmartAccount
+      }
+    });
+  };
+  const onSwapPress = () => {
+    _appkitCoreReactNative.SwapController.resetState();
+    _appkitCoreReactNative.EventsController.sendEvent({
+      type: 'track',
+      event: 'OPEN_SWAP',
+      properties: {
+        network,
+        isSmartAccount
+      }
+    });
+    _appkitCoreReactNative.RouterController.push('Swap');
+  };
+  const onSendPress = () => {
+    _appkitCoreReactNative.EventsController.sendEvent({
+      type: 'track',
+      event: 'OPEN_SEND',
+      properties: {
+        network,
+        isSmartAccount
+      }
+    });
+    _appkitCoreReactNative.RouterController.push('WalletSend');
+  };
+  const onReceivePress = () => {
+    _appkitCoreReactNative.RouterController.push('WalletReceive');
+  };
+  const onBuyPress = () => {
+    _appkitCoreReactNative.EventsController.sendEvent({
+      type: 'track',
+      event: 'SELECT_BUY_CRYPTO'
+    });
+    _appkitCoreReactNative.OnRampController.resetState();
+    _appkitCoreReactNative.RouterController.push('OnRamp');
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.FlexView, {
+    style: _styles.default.container,
+    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

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

@@ -0,0 +1,47 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _appkitUiReactNative = require("@reown/appkit-ui-react-native");
+var _reactNative = require("react-native");
+var _default = exports.default = _reactNative.StyleSheet.create({
+  container: {
+    height: 400
+  },
+  balanceText: {
+    fontSize: 40,
+    fontWeight: '500'
+  },
+  actionsContainer: {
+    width: '100%',
+    marginTop: _appkitUiReactNative.Spacing.s,
+    marginBottom: _appkitUiReactNative.Spacing.l
+  },
+  action: {
+    flex: 1,
+    height: 52
+  },
+  actionLeft: {
+    marginRight: 8
+  },
+  actionRight: {
+    marginLeft: 8
+  },
+  actionCenter: {
+    marginHorizontal: 8
+  },
+  tab: {
+    width: '100%',
+    paddingHorizontal: _appkitUiReactNative.Spacing.s
+  },
+  tabContainer: {
+    flex: 1,
+    width: '100%'
+  },
+  tabContent: {
+    paddingHorizontal: _appkitUiReactNative.Spacing.m
+  }
+});
+//# sourceMappingURL=styles.js.map

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

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

@@ -0,0 +1,108 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AllWalletsList = AllWalletsList;
+var _react = require("react");
+var _valtio = require("valtio");
+var _appkitCoreReactNative = require("@reown/appkit-core-react-native");
+var _styles = _interopRequireDefault(require("./styles"));
+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({
+  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 {
+    installed,
+    featured,
+    recommended,
+    wallets
+  } = (0, _valtio.useSnapshot)(_appkitCoreReactNative.ApiController.state);
+  const {
+    customWallets
+  } = (0, _valtio.useSnapshot)(_appkitCoreReactNative.OptionsController.state);
+  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 initialFetch = async () => {
+    try {
+      setLoading(true);
+      setLoadingError(false);
+      await _appkitCoreReactNative.ApiController.fetchWallets({
+        page: 1
+      });
+      setLoading(false);
+    } catch (error) {
+      _appkitCoreReactNative.LogController.sendError(error, 'AllWalletsList.tsx', 'initialFetch');
+      _appkitCoreReactNative.SnackController.showError('Failed to load wallets');
+      setLoading(false);
+      setLoadingError(true);
+    }
+  };
+  const fetchNextPage = async () => {
+    try {
+      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
+        });
+        setPageLoading(false);
+      }
+    } catch (error) {
+      _appkitCoreReactNative.SnackController.showError('Failed to load more wallets');
+      setPageLoading(false);
+    }
+  };
+  (0, _react.useEffect)(() => {
+    if (!_appkitCoreReactNative.ApiController.state.wallets.length) {
+      initialFetch();
+    }
+  }, []);
+  if (loading) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Loading.Loading, {
+      loadingItems: 12,
+      style: _styles.default.loadingContainer
+    });
+  }
+  if (loadingError) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_w3mPlaceholder.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.default.placeholderContainer
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_WalletList.WalletList, {
+    data: walletList,
+    onEndReached: fetchNextPage,
+    onEndReachedThreshold: 0.5,
+    onItemPress: onItemPress
+  });
+}
+//# sourceMappingURL=index.js.map