@reown/appkit-react-native 0.0.0-fix-ui-changes-20250829201240 → 0.0.0-fix-singleton-appkit-20251001153745

package/src/views/w3m-siwx-sign-view/index.tsx

@@ -0,0 +1,98 @@
+import { useState } from 'react';
+import { ScrollView } from 'react-native';
+import { useSnapshot } from 'valtio';
+import {
+  Avatar,
+  Button,
+  DoubleImageLoader,
+  FlexView,
+  Text,
+  useCustomDimensions
+} from '@reown/appkit-ui-react-native';
+import {
+  ConnectionsController,
+  LogController,
+  OptionsController,
+  RouterController,
+  SnackController
+} from '@reown/appkit-core-react-native';
+
+import { useInternalAppKit } from '../../AppKitContext';
+import { SIWXUtil } from '../../utils/SIWXUtil';
+import styles from './styles';
+
+export function SIWXSignMessageView() {
+  const { disconnect } = useInternalAppKit();
+  const { padding } = useCustomDimensions();
+  const { metadata } = useSnapshot(OptionsController.state);
+  const { activeAddress, identity, walletInfo } = useSnapshot(ConnectionsController.state);
+  const [isSigning, setIsSigning] = useState(false);
+  const [isDisconnecting, setIsDisconnecting] = useState(false);
+
+  const dappName = metadata?.name || 'Dapp';
+  const dappIcon = metadata?.icons[0] || '';
+  const walletIcon = walletInfo?.icon;
+
+  const onSign = async () => {
+    setIsSigning(true);
+    try {
+      await SIWXUtil.requestSignMessage();
+    } catch (error) {
+      LogController.sendError(error, 'SIWXSignMessageView.tsx', 'onSign');
+      SnackController.showError('Signature declined');
+    } finally {
+      setIsSigning(false);
+    }
+  };
+
+  const onCancel = async () => {
+    if (ConnectionsController.state.activeAddress) {
+      setIsDisconnecting(true);
+      await SIWXUtil.cancelSignMessage(disconnect);
+      setIsDisconnecting(false);
+    } else {
+      RouterController.push('Connect');
+    }
+  };
+
+  return (
+    <ScrollView bounces={false} fadingEdgeLength={20} style={{ paddingHorizontal: padding }}>
+      <FlexView padding={['0', 's', 's', 's']}>
+        <DoubleImageLoader
+          style={styles.logoContainer}
+          leftImage={dappIcon}
+          rightImage={walletIcon}
+          renderRightPlaceholder={() => (
+            <Avatar imageSrc={identity?.avatar} address={activeAddress} size={60} borderWidth={0} />
+          )}
+          rightItemStyle={!walletIcon && styles.walletAvatar}
+        />
+        <Text center variant="medium-600" color="fg-100" style={styles.title}>
+          {dappName} needs to connect to your wallet
+        </Text>
+        <Text center variant="small-400" color="fg-200" style={styles.subtitle}>
+          Sign this message to prove you own this wallet and proceed. Cancelling will disconnect you
+        </Text>
+        <FlexView flexDirection="row" justifyContent="space-between" margin={['s', '0', '0', '0']}>
+          <Button
+            variant="shade"
+            onPress={onCancel}
+            style={styles.button}
+            loading={isDisconnecting}
+          >
+            Cancel
+          </Button>
+          <Button
+            variant="fill"
+            loading={isSigning}
+            disabled={isDisconnecting}
+            onPress={onSign}
+            style={styles.button}
+          >
+            Sign
+          </Button>
+        </FlexView>
+      </FlexView>
+    </ScrollView>
+  );
+}

package/src/views/{w3m-connecting-siwe-view → w3m-siwx-sign-view}/styles.ts

@@ -16,13 +16,6 @@ export default StyleSheet.create({
     marginHorizontal: '10%',
     marginVertical: Spacing.l
   },
-  closeButton: {
-    alignSelf: 'flex-end',
-    right: Spacing.xl,
-    top: Spacing.l,
-    position: 'absolute',
-    zIndex: 2
-  },
   walletAvatar: {
     borderRadius: BorderRadius.full
   }

package/src/views/w3m-swap-preview-view/index.tsx

@@ -68,7 +68,7 @@ export function SwapPreviewView() {
 
   return (
     <ScrollView style={{ paddingHorizontal: padding }} bounces={false}>
-      <FlexView padding={['l', 'l', '2xl', 'l']} justifyContent="center">
+      <FlexView padding="l" justifyContent="center">
         <FlexView flexDirection="row" justifyContent="space-between">
           <FlexView>
             <Text variant="small-400" color="fg-150">

package/src/views/w3m-swap-view/components/select-token-modal/index.tsx

@@ -56,16 +56,14 @@ export function SwapSelectTokenModal({ onClose, type, style, visible }: Props) {
   const [tokenSearch, setTokenSearch] = useState<string>('');
   const isSourceToken = type === 'sourceToken';
 
-  const [filteredTokens, setFilteredTokens] = useState(
-    createSections(isSourceToken, tokenSearch, myTokensWithBalance)
-  );
+  const filteredTokens = createSections(isSourceToken, tokenSearch, myTokensWithBalance);
+
   const suggestedList = suggestedTokens
     ?.filter(token => token.address !== SwapController.state.sourceToken?.address)
     .slice(0, 8);
 
   const onSearchChange = (value: string) => {
     setTokenSearch(value);
-    setFilteredTokens(createSections(isSourceToken, value, myTokensWithBalance));
   };
 
   const onTokenPress = (token: SwapTokenWithBalance) => {

package/src/views/w3m-swap-view/index.tsx

@@ -40,7 +40,7 @@ export function SwapView() {
   } = useSnapshot(SwapController.state);
   const Theme = useTheme();
   const { padding, maxHeight } = useCustomDimensions();
-  const { keyboardShown } = useKeyboard();
+  const { keyboardShown, keyboardHeight } = useKeyboard();
   const [showModal, setShowModal] = useState<SwapInputTarget | undefined>();
   const showDetails = !!sourceToken && !!toToken && !inputError;
 
@@ -93,7 +93,7 @@ export function SwapView() {
       type: 'track',
       event: 'INITIATE_SWAP',
       properties: {
-        network: ConnectionsController.state.activeNetwork?.caipNetworkId || '',
+        network: ConnectionsController.state.activeNetwork?.caipNetworkId,
         swapFromToken: SwapController.state.sourceToken?.symbol || '',
         swapToToken: SwapController.state.toToken?.symbol || '',
         swapFromAmount: SwapController.state.sourceTokenAmount || '',
@@ -157,14 +157,14 @@ export function SwapView() {
   return (
     <>
       <ScrollView
-        style={[
-          { paddingHorizontal: padding },
-          keyboardShown && !showModal && { height: maxHeight }
-        ]}
+        style={[{ paddingHorizontal: padding, maxHeight }]}
+        contentContainerStyle={
+          keyboardShown && !showModal ? { paddingBottom: keyboardHeight } : undefined
+        }
         bounces={false}
         keyboardShouldPersistTaps="always"
       >
-        <FlexView padding={['l', 'l', '2xl', 'l']} alignItems="center" justifyContent="center">
+        <FlexView padding="l" alignItems="center" justifyContent="center">
           <SwapInput
             token={sourceToken}
             value={sourceTokenAmount}

package/src/views/w3m-unsupported-chain-view/index.tsx

@@ -1,7 +1,7 @@
 import { useSnapshot } from 'valtio';
 import { useState } from 'react';
 import { FlatList } from 'react-native';
-import { Icon, ListItem, Separator, Text } from '@reown/appkit-ui-react-native';
+import { ListItem, Separator, Text } from '@reown/appkit-ui-react-native';
 import {
   ApiController,
   AssetController,
@@ -13,15 +13,14 @@ import { useInternalAppKit } from '../../AppKitContext';
 import styles from './styles';
 
 export function UnsupportedChainView() {
-  const { activeNetwork } = useSnapshot(ConnectionsController.state);
   const { networkImages } = useSnapshot(AssetController.state);
   const [disconnecting, setDisconnecting] = useState(false);
-  const networks = ConnectionsController.getConnectedNetworks();
+  const networks = ConnectionsController.getAvailableNetworks();
   const imageHeaders = ApiController._getApiHeaders();
   const { disconnect, switchNetwork } = useInternalAppKit();
 
   const onNetworkPress = async (network: AppKitNetwork) => {
-    switchNetwork(network);
+    await switchNetwork(network);
   };
 
   const onDisconnect = async () => {
@@ -37,8 +36,8 @@ export function UnsupportedChainView() {
       ListHeaderComponentStyle={styles.header}
       ListHeaderComponent={
         <Text variant="small-400" color="fg-200" center>
-          The swap feature doesn't support your current network. Switch to an available option to
-          continue.
+          The current network is not supported by this application. Please switch to an available
+          option to continue.
         </Text>
       }
       contentContainerStyle={styles.contentContainer}
@@ -57,7 +56,6 @@ export function UnsupportedChainView() {
           <Text numberOfLines={1} color="fg-100">
             {item.name ?? 'Unknown'}
           </Text>
-          {item.id === activeNetwork?.id && <Icon name="checkmark" color="accent-100" />}
         </ListItem>
       )}
       ListFooterComponent={

package/src/views/w3m-unsupported-chain-view/styles.ts

@@ -4,7 +4,7 @@ import { StyleSheet } from 'react-native';
 export default StyleSheet.create({
   contentContainer: {
     padding: Spacing.s,
-    paddingBottom: Spacing.xl
+    paddingBottom: Spacing['s']
   },
   header: {
     marginBottom: Spacing.s

package/src/views/w3m-upgrade-email-wallet-view/index.tsx

@@ -9,7 +9,7 @@ export function UpgradeEmailWalletView() {
   };
 
   return (
-    <FlexView padding={['l', 'l', '3xl', 'l']} alignItems="center">
+    <FlexView padding={['l', 'l', 's', 'l']} alignItems="center">
       <Text variant="paragraph-400">Follow the instructions on</Text>
       <Chip
         label="secure.reown.com"

package/src/views/w3m-wallet-receive-view/index.tsx

@@ -69,7 +69,7 @@ export function WalletReceiveView() {
 
   return (
     <ScrollView bounces={false} style={{ paddingHorizontal: padding }}>
-      <FlexView padding={['xl', 'xl', '2xl', 'xl']} alignItems="center">
+      <FlexView padding="xl" alignItems="center">
         <Chip
           label={label}
           rightIcon={canCopy ? 'copy' : undefined}

package/src/views/w3m-wallet-send-preview-view/index.tsx

@@ -70,7 +70,7 @@ export function WalletSendPreviewView() {
 
   return (
     <ScrollView style={{ paddingHorizontal: padding }}>
-      <FlexView padding={['l', 'xl', '3xl', 'xl']}>
+      <FlexView padding={['l', 'xl', 'l', 'xl']}>
         <FlexView flexDirection="row" alignItems="center" justifyContent="space-between">
           <FlexView>
             <Text variant="small-400" color="fg-150">

package/src/views/w3m-wallet-send-select-token-view/index.tsx

@@ -44,7 +44,7 @@ export function WalletSendSelectTokenView() {
 
   return (
     <FlexView
-      margin={['l', '0', '2xl', '0']}
+      margin={['l', '0', 'l', '0']}
       style={[styles.container, { paddingHorizontal: padding, height: maxHeight }]}
     >
       <FlexView margin={['0', 'm', 'm', 'm']}>

package/src/views/w3m-wallet-send-view/index.tsx

@@ -15,7 +15,7 @@ import styles from './styles';
 
 export function WalletSendView() {
   const { padding, maxHeight } = useCustomDimensions();
-  const { keyboardShown } = useKeyboard();
+  const { keyboardShown, keyboardHeight } = useKeyboard();
   const [isBalanceLoading, setBalanceLoading] = useState(false);
   const { token, sendTokenAmount, receiverAddress, receiverProfileName, loading } = useSnapshot(
     SendController.state
@@ -80,11 +80,12 @@ export function WalletSendView() {
 
   return (
     <ScrollView
-      style={[{ paddingHorizontal: padding }, keyboardShown && { height: maxHeight }]}
+      style={[{ paddingHorizontal: padding, maxHeight }]}
+      contentContainerStyle={keyboardShown ? { paddingBottom: keyboardHeight } : undefined}
       bounces={false}
       keyboardShouldPersistTaps="always"
     >
-      <FlexView padding={['l', 'l', '2xl', 'l']} alignItems="center" justifyContent="center">
+      <FlexView padding="l" alignItems="center" justifyContent="center">
         <SendInputToken
           token={token}
           sendTokenAmount={sendTokenAmount}

package/src/views/w3m-what-is-a-network-view/index.tsx

@@ -10,7 +10,7 @@ export function WhatIsANetworkView() {
 
   return (
     <ScrollView bounces={false} fadingEdgeLength={20} style={{ paddingHorizontal: padding }}>
-      <FlexView alignItems="center" padding={['l', '4xl', '3xl', '4xl']}>
+      <FlexView alignItems="center" padding={['l', '4xl', 'm', '4xl']}>
         <FlexView flexDirection="row" padding={['0', '0', 'xs', '0']}>
           <Visual name="network" />
           <Visual name="layers" style={styles.visual} />

package/src/views/w3m-what-is-a-wallet-view/index.tsx

@@ -8,7 +8,7 @@ export function WhatIsAWalletView() {
 
   const onGetWalletPress = () => {
     RouterController.push('GetWallet');
-    EventsController.sendEvent({ type: 'track', event: 'CLICK_GET_WALLET' });
+    EventsController.sendEvent({ type: 'track', event: 'CLICK_GET_WALLET_HELP' });
   };
 
   return (
@@ -18,7 +18,7 @@ export function WhatIsAWalletView() {
       style={{ paddingHorizontal: padding }}
       testID="what-is-a-wallet-view"
     >
-      <FlexView alignItems="center" padding={['xs', '4xl', 'xl', '4xl']}>
+      <FlexView alignItems="center" padding={['xs', '4xl', 's', '4xl']}>
         <FlexView flexDirection="row" padding={['0', '0', 's', '0']}>
           <Visual name="login" />
           <Visual name="profile" style={styles.visual} />

package/lib/commonjs/views/w3m-connect-view/components/custom-wallet-list.js

@@ -1,45 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.CustomWalletList = CustomWalletList;
-var _valtio = require("valtio");
-var _appkitCoreReactNative = require("@reown/appkit-core-react-native");
-var _appkitUiReactNative = require("@reown/appkit-ui-react-native");
-var _utils = require("../utils");
-var _jsxRuntime = require("react/jsx-runtime");
-function CustomWalletList({
-  itemStyle,
-  onWalletPress
-}) {
-  const {
-    installed
-  } = (0, _valtio.useSnapshot)(_appkitCoreReactNative.ApiController.state);
-  const {
-    walletImages
-  } = (0, _valtio.useSnapshot)(_appkitCoreReactNative.AssetController.state);
-  const imageHeaders = _appkitCoreReactNative.ApiController._getApiHeaders();
-  const {
-    recentWallets
-  } = (0, _valtio.useSnapshot)(_appkitCoreReactNative.WcController.state);
-  const {
-    customWallets
-  } = (0, _valtio.useSnapshot)(_appkitCoreReactNative.OptionsController.state);
-  const RECENT_COUNT = recentWallets?.length && installed.length ? 1 : recentWallets?.length ?? 0;
-  if (!customWallets?.length) {
-    return null;
-  }
-  let list = (0, _utils.filterOutRecentWallets)(recentWallets, customWallets, RECENT_COUNT);
-
-  // Filter out custom wallets that are already installed
-  list = list.filter(wallet => !_appkitCoreReactNative.ApiController.state.installed.find(installedWallet => installedWallet.id === wallet.id));
-  return list.map(wallet => /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.ListWallet, {
-    imageSrc: _appkitCoreReactNative.AssetUtil.getWalletImage(wallet, walletImages),
-    imageHeaders: imageHeaders,
-    name: wallet.name,
-    onPress: () => onWalletPress(wallet),
-    style: itemStyle
-  }, wallet.id));
-}
-//# sourceMappingURL=custom-wallet-list.js.map

package/lib/commonjs/views/w3m-connect-view/components/custom-wallet-list.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_valtio","require","_appkitCoreReactNative","_appkitUiReactNative","_utils","_jsxRuntime","CustomWalletList","itemStyle","onWalletPress","installed","useSnapshot","ApiController","state","walletImages","AssetController","imageHeaders","_getApiHeaders","recentWallets","WcController","customWallets","OptionsController","RECENT_COUNT","length","list","filterOutRecentWallets","filter","wallet","find","installedWallet","id","map","jsx","ListWallet","imageSrc","AssetUtil","getWalletImage","name","onPress","style"],"sourceRoot":"../../../../../src","sources":["views/w3m-connect-view/components/custom-wallet-list.tsx"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAEA,IAAAC,sBAAA,GAAAD,OAAA;AAUA,IAAAE,oBAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAAkD,IAAAI,WAAA,GAAAJ,OAAA;AAO3C,SAASK,gBAAgBA,CAAC;EAAEC,SAAS;EAAEC;AAAqB,CAAC,EAAE;EACpE,MAAM;IAAEC;EAAU,CAAC,GAAG,IAAAC,mBAAW,EAACC,oCAAa,CAACC,KAAK,CAAC;EACtD,MAAM;IAAEC;EAAa,CAAC,GAAG,IAAAH,mBAAW,EAACI,sCAAe,CAACF,KAAK,CAAC;EAC3D,MAAMG,YAAY,GAAGJ,oCAAa,CAACK,cAAc,CAAC,CAAC;EACnD,MAAM;IAAEC;EAAc,CAAC,GAAG,IAAAP,mBAAW,EAACQ,mCAAY,CAACN,KAAK,CAAsB;EAC9E,MAAM;IAAEO;EAAc,CAAC,GAAG,IAAAT,mBAAW,EAACU,wCAAiB,CAACR,KAAK,CAA2B;EACxF,MAAMS,YAAY,GAAGJ,aAAa,EAAEK,MAAM,IAAIb,SAAS,CAACa,MAAM,GAAG,CAAC,GAAGL,aAAa,EAAEK,MAAM,IAAI,CAAC;EAE/F,IAAI,CAACH,aAAa,EAAEG,MAAM,EAAE;IAC1B,OAAO,IAAI;EACb;EAEA,IAAIC,IAAI,GAAG,IAAAC,6BAAsB,EAACP,aAAa,EAAEE,aAAa,EAAEE,YAAY,CAAC;;EAE7E;EACAE,IAAI,GAAGA,IAAI,CAACE,MAAM,CAChBC,MAAM,IACJ,CAACf,oCAAa,CAACC,KAAK,CAACH,SAAS,CAACkB,IAAI,CAACC,eAAe,IAAIA,eAAe,CAACC,EAAE,KAAKH,MAAM,CAACG,EAAE,CAC3F,CAAC;EAED,OAAON,IAAI,CAACO,GAAG,CAACJ,MAAM,iBACpB,IAAArB,WAAA,CAAA0B,GAAA,EAAC5B,oBAAA,CAAA6B,UAAU;IAETC,QAAQ,EAAEC,gCAAS,CAACC,cAAc,CAACT,MAAM,EAAEb,YAAY,CAAE;IACzDE,YAAY,EAAEA,YAAa;IAC3BqB,IAAI,EAAEV,MAAM,CAACU,IAAK;IAClBC,OAAO,EAAEA,CAAA,KAAM7B,aAAa,CAACkB,MAAM,CAAE;IACrCY,KAAK,EAAE/B;EAAU,GALZmB,MAAM,CAACG,EAMb,CACF,CAAC;AACJ","ignoreList":[]}

package/lib/commonjs/views/w3m-connect-view/components/recent-wallet-list.js

@@ -1,41 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.RecentWalletList = RecentWalletList;
-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 RecentWalletList({
-  itemStyle,
-  onWalletPress
-}) {
-  const installed = _appkitCoreReactNative.ApiController.state.installed;
-  const {
-    recentWallets
-  } = (0, _valtio.useSnapshot)(_appkitCoreReactNative.WcController.state);
-  const {
-    walletImages
-  } = (0, _valtio.useSnapshot)(_appkitCoreReactNative.AssetController.state);
-  const imageHeaders = _appkitCoreReactNative.ApiController._getApiHeaders();
-  const RECENT_COUNT = recentWallets?.length && installed.length ? 1 : recentWallets?.length ?? 0;
-  if (!recentWallets?.length) {
-    return null;
-  }
-  return recentWallets.slice(0, RECENT_COUNT).map(wallet => {
-    const isInstalled = !!installed.find(installedWallet => installedWallet.id === wallet.id);
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.ListWallet, {
-      imageSrc: _appkitCoreReactNative.AssetUtil.getWalletImage(wallet, walletImages),
-      imageHeaders: imageHeaders,
-      name: wallet?.name ?? 'Unknown',
-      onPress: () => onWalletPress(wallet, isInstalled),
-      tagLabel: "Recent",
-      tagVariant: "shade",
-      style: itemStyle,
-      installed: isInstalled
-    }, wallet?.id);
-  });
-}
-//# sourceMappingURL=recent-wallet-list.js.map

package/lib/commonjs/views/w3m-connect-view/components/recent-wallet-list.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_valtio","require","_appkitCoreReactNative","_appkitUiReactNative","_jsxRuntime","RecentWalletList","itemStyle","onWalletPress","installed","ApiController","state","recentWallets","useSnapshot","WcController","walletImages","AssetController","imageHeaders","_getApiHeaders","RECENT_COUNT","length","slice","map","wallet","isInstalled","find","installedWallet","id","jsx","ListWallet","imageSrc","AssetUtil","getWalletImage","name","onPress","tagLabel","tagVariant","style"],"sourceRoot":"../../../../../src","sources":["views/w3m-connect-view/components/recent-wallet-list.tsx"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,sBAAA,GAAAD,OAAA;AAOA,IAAAE,oBAAA,GAAAF,OAAA;AAA2D,IAAAG,WAAA,GAAAH,OAAA;AAQpD,SAASI,gBAAgBA,CAAC;EAAEC,SAAS;EAAEC;AAAqB,CAAC,EAAE;EACpE,MAAMC,SAAS,GAAGC,oCAAa,CAACC,KAAK,CAACF,SAAS;EAC/C,MAAM;IAAEG;EAAc,CAAC,GAAG,IAAAC,mBAAW,EAACC,mCAAY,CAACH,KAAK,CAAC;EACzD,MAAM;IAAEI;EAAa,CAAC,GAAG,IAAAF,mBAAW,EAACG,sCAAe,CAACL,KAAK,CAAC;EAC3D,MAAMM,YAAY,GAAGP,oCAAa,CAACQ,cAAc,CAAC,CAAC;EACnD,MAAMC,YAAY,GAAGP,aAAa,EAAEQ,MAAM,IAAIX,SAAS,CAACW,MAAM,GAAG,CAAC,GAAGR,aAAa,EAAEQ,MAAM,IAAI,CAAC;EAE/F,IAAI,CAACR,aAAa,EAAEQ,MAAM,EAAE;IAC1B,OAAO,IAAI;EACb;EAEA,OAAOR,aAAa,CAACS,KAAK,CAAC,CAAC,EAAEF,YAAY,CAAC,CAACG,GAAG,CAACC,MAAM,IAAI;IACxD,MAAMC,WAAW,GAAG,CAAC,CAACf,SAAS,CAACgB,IAAI,CAACC,eAAe,IAAIA,eAAe,CAACC,EAAE,KAAKJ,MAAM,CAACI,EAAE,CAAC;IAEzF,oBACE,IAAAtB,WAAA,CAAAuB,GAAA,EAACxB,oBAAA,CAAAyB,UAAU;MAETC,QAAQ,EAAEC,gCAAS,CAACC,cAAc,CAACT,MAAM,EAAER,YAAY,CAAE;MACzDE,YAAY,EAAEA,YAAa;MAC3BgB,IAAI,EAAEV,MAAM,EAAEU,IAAI,IAAI,SAAU;MAChCC,OAAO,EAAEA,CAAA,KAAM1B,aAAa,CAACe,MAAM,EAAEC,WAAW,CAAE;MAClDW,QAAQ,EAAC,QAAQ;MACjBC,UAAU,EAAC,OAAO;MAClBC,KAAK,EAAE9B,SAAU;MACjBE,SAAS,EAAEe;IAAY,GARlBD,MAAM,EAAEI,EASd,CAAC;EAEN,CAAC,CAAC;AACJ","ignoreList":[]}

package/lib/commonjs/views/w3m-connect-view/utils.js

@@ -1,14 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.filterOutRecentWallets = void 0;
-const filterOutRecentWallets = (recentWallets, wallets, resentCount) => {
-  const recentIds = recentWallets?.slice(0, resentCount ?? 1).map(wallet => wallet.id);
-  if (!recentIds?.length) return wallets ?? [];
-  const filtered = wallets?.filter(wallet => !recentIds.includes(wallet.id)) || [];
-  return filtered;
-};
-exports.filterOutRecentWallets = filterOutRecentWallets;
-//# sourceMappingURL=utils.js.map

package/lib/commonjs/views/w3m-connect-view/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["filterOutRecentWallets","recentWallets","wallets","resentCount","recentIds","slice","map","wallet","id","length","filtered","filter","includes","exports"],"sourceRoot":"../../../../src","sources":["views/w3m-connect-view/utils.ts"],"mappings":";;;;;;AAEO,MAAMA,sBAAsB,GAAGA,CACpCC,aAA0B,EAC1BC,OAAoB,EACpBC,WAAoB,KACjB;EACH,MAAMC,SAAS,GAAGH,aAAa,EAAEI,KAAK,CAAC,CAAC,EAAEF,WAAW,IAAI,CAAC,CAAC,CAACG,GAAG,CAACC,MAAM,IAAIA,MAAM,CAACC,EAAE,CAAC;EACpF,IAAI,CAACJ,SAAS,EAAEK,MAAM,EAAE,OAAOP,OAAO,IAAI,EAAE;EAE5C,MAAMQ,QAAQ,GAAGR,OAAO,EAAES,MAAM,CAACJ,MAAM,IAAI,CAACH,SAAS,CAACQ,QAAQ,CAACL,MAAM,CAACC,EAAE,CAAC,CAAC,IAAI,EAAE;EAEhF,OAAOE,QAAQ;AACjB,CAAC;AAACG,OAAA,CAAAb,sBAAA,GAAAA,sBAAA","ignoreList":[]}

package/lib/commonjs/views/w3m-connecting-siwe-view/index.js

@@ -1,145 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ConnectingSiweView = ConnectingSiweView;
-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 _appkitSiweReactNative = require("@reown/appkit-siwe-react-native");
-var _AppKitContext = require("../../AppKitContext");
-var _styles = _interopRequireDefault(require("./styles"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function ConnectingSiweView() {
-  const {
-    disconnect
-  } = (0, _AppKitContext.useInternalAppKit)();
-  const {
-    metadata
-  } = (0, _valtio.useSnapshot)(_appkitCoreReactNative.OptionsController.state);
-  const {
-    activeAddress,
-    identity,
-    walletInfo
-  } = (0, _valtio.useSnapshot)(_appkitCoreReactNative.ConnectionsController.state);
-  const [isSigning, setIsSigning] = (0, _react.useState)(false);
-  const [isDisconnecting, setIsDisconnecting] = (0, _react.useState)(false);
-  const dappName = metadata?.name || 'Dapp';
-  const dappIcon = metadata?.icons[0] || '';
-  const walletIcon = walletInfo?.icon;
-  const isSmartAccount = _appkitCoreReactNative.ConnectionsController.state.accountType === 'smartAccount';
-  const network = _appkitCoreReactNative.ConnectionsController.state.activeNetwork?.caipNetworkId || '';
-  const onSign = async () => {
-    setIsSigning(true);
-    _appkitCoreReactNative.EventsController.sendEvent({
-      event: 'CLICK_SIGN_SIWE_MESSAGE',
-      type: 'track',
-      properties: {
-        network,
-        isSmartAccount
-      }
-    });
-    try {
-      const session = await _appkitSiweReactNative.SIWEController.signIn();
-      _appkitCoreReactNative.EventsController.sendEvent({
-        event: 'SIWE_AUTH_SUCCESS',
-        type: 'track',
-        properties: {
-          network,
-          isSmartAccount
-        }
-      });
-      return session;
-    } catch (error) {
-      _appkitCoreReactNative.SnackController.showError('Signature declined');
-      _appkitSiweReactNative.SIWEController.setStatus('error');
-      return _appkitCoreReactNative.EventsController.sendEvent({
-        event: 'SIWE_AUTH_ERROR',
-        type: 'track',
-        properties: {
-          network,
-          isSmartAccount
-        }
-      });
-    } finally {
-      setIsSigning(false);
-    }
-  };
-  const onCancel = async () => {
-    if (_appkitCoreReactNative.ConnectionsController.state.activeAddress) {
-      setIsDisconnecting(true);
-      await disconnect();
-      setIsDisconnecting(false);
-    } else {
-      _appkitCoreReactNative.RouterController.push('Connect');
-    }
-    _appkitCoreReactNative.EventsController.sendEvent({
-      event: 'CLICK_CANCEL_SIWE',
-      type: 'track',
-      properties: {
-        network,
-        isSmartAccount
-      }
-    });
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.FlexView, {
-    padding: ['2xl', 's', '3xl', 's'],
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.IconLink, {
-      icon: "close",
-      size: "md",
-      onPress: onCancel,
-      testID: "header-close",
-      style: _styles.default.closeButton
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Text, {
-      variant: "paragraph-600",
-      numberOfLines: 1,
-      center: true,
-      children: "Sign in"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.DoubleImageLoader, {
-      style: _styles.default.logoContainer,
-      leftImage: dappIcon,
-      rightImage: walletIcon,
-      renderRightPlaceholder: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Avatar, {
-        imageSrc: identity?.avatar,
-        address: activeAddress,
-        size: 60,
-        borderWidth: 0
-      }),
-      rightItemStyle: !walletIcon && _styles.default.walletAvatar
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.Text, {
-      center: true,
-      variant: "medium-600",
-      color: "fg-100",
-      style: _styles.default.title,
-      children: [dappName, " needs to connect to your wallet"]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Text, {
-      center: true,
-      variant: "small-400",
-      color: "fg-200",
-      style: _styles.default.subtitle,
-      children: "Sign this message to prove you own this wallet and proceed. Cancelling will disconnect you"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.FlexView, {
-      flexDirection: "row",
-      justifyContent: "space-between",
-      margin: ['s', '0', '0', '0'],
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Button, {
-        variant: "shade",
-        onPress: onCancel,
-        style: _styles.default.button,
-        loading: isDisconnecting,
-        children: "Cancel"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Button, {
-        variant: "fill",
-        loading: isSigning,
-        disabled: isDisconnecting,
-        onPress: onSign,
-        style: _styles.default.button,
-        children: "Sign"
-      })]
-    })]
-  });
-}
-//# sourceMappingURL=index.js.map

package/lib/commonjs/views/w3m-connecting-siwe-view/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","require","_valtio","_appkitUiReactNative","_appkitCoreReactNative","_appkitSiweReactNative","_AppKitContext","_styles","_interopRequireDefault","_jsxRuntime","e","__esModule","default","ConnectingSiweView","disconnect","useInternalAppKit","metadata","useSnapshot","OptionsController","state","activeAddress","identity","walletInfo","ConnectionsController","isSigning","setIsSigning","useState","isDisconnecting","setIsDisconnecting","dappName","name","dappIcon","icons","walletIcon","icon","isSmartAccount","accountType","network","activeNetwork","caipNetworkId","onSign","EventsController","sendEvent","event","type","properties","session","SIWEController","signIn","error","SnackController","showError","setStatus","onCancel","RouterController","push","jsxs","FlexView","padding","children","jsx","IconLink","size","onPress","testID","style","styles","closeButton","Text","variant","numberOfLines","center","DoubleImageLoader","logoContainer","leftImage","rightImage","renderRightPlaceholder","Avatar","imageSrc","avatar","address","borderWidth","rightItemStyle","walletAvatar","color","title","subtitle","flexDirection","justifyContent","margin","Button","button","loading","disabled"],"sourceRoot":"../../../../src","sources":["views/w3m-connecting-siwe-view/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,oBAAA,GAAAF,OAAA;AAQA,IAAAG,sBAAA,GAAAH,OAAA;AAOA,IAAAI,sBAAA,GAAAJ,OAAA;AAEA,IAAAK,cAAA,GAAAL,OAAA;AACA,IAAAM,OAAA,GAAAC,sBAAA,CAAAP,OAAA;AAA8B,IAAAQ,WAAA,GAAAR,OAAA;AAAA,SAAAO,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEvB,SAASG,kBAAkBA,CAAA,EAAG;EACnC,MAAM;IAAEC;EAAW,CAAC,GAAG,IAAAC,gCAAiB,EAAC,CAAC;EAC1C,MAAM;IAAEC;EAAS,CAAC,GAAG,IAAAC,mBAAW,EAACC,wCAAiB,CAACC,KAAK,CAAC;EACzD,MAAM;IAAEC,aAAa;IAAEC,QAAQ;IAAEC;EAAW,CAAC,GAAG,IAAAL,mBAAW,EAACM,4CAAqB,CAACJ,KAAK,CAAC;EACxF,MAAM,CAACK,SAAS,EAAEC,YAAY,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EACjD,MAAM,CAACC,eAAe,EAAEC,kBAAkB,CAAC,GAAG,IAAAF,eAAQ,EAAC,KAAK,CAAC;EAE7D,MAAMG,QAAQ,GAAGb,QAAQ,EAAEc,IAAI,IAAI,MAAM;EACzC,MAAMC,QAAQ,GAAGf,QAAQ,EAAEgB,KAAK,CAAC,CAAC,CAAC,IAAI,EAAE;EACzC,MAAMC,UAAU,GAAGX,UAAU,EAAEY,IAAI;EACnC,MAAMC,cAAc,GAAGZ,4CAAqB,CAACJ,KAAK,CAACiB,WAAW,KAAK,cAAc;EACjF,MAAMC,OAAO,GAAGd,4CAAqB,CAACJ,KAAK,CAACmB,aAAa,EAAEC,aAAa,IAAI,EAAE;EAE9E,MAAMC,MAAM,GAAG,MAAAA,CAAA,KAAY;IACzBf,YAAY,CAAC,IAAI,CAAC;IAClBgB,uCAAgB,CAACC,SAAS,CAAC;MACzBC,KAAK,EAAE,yBAAyB;MAChCC,IAAI,EAAE,OAAO;MACbC,UAAU,EAAE;QAAER,OAAO;QAAEF;MAAe;IACxC,CAAC,CAAC;IACF,IAAI;MACF,MAAMW,OAAO,GAAG,MAAMC,qCAAc,CAACC,MAAM,CAAC,CAAC;MAE7CP,uCAAgB,CAACC,SAAS,CAAC;QACzBC,KAAK,EAAE,mBAAmB;QAC1BC,IAAI,EAAE,OAAO;QACbC,UAAU,EAAE;UAAER,OAAO;UAAEF;QAAe;MACxC,CAAC,CAAC;MAEF,OAAOW,OAAO;IAChB,CAAC,CAAC,OAAOG,KAAK,EAAE;MACdC,sCAAe,CAACC,SAAS,CAAC,oBAAoB,CAAC;MAE/CJ,qCAAc,CAACK,SAAS,CAAC,OAAO,CAAC;MAEjC,OAAOX,uCAAgB,CAACC,SAAS,CAAC;QAChCC,KAAK,EAAE,iBAAiB;QACxBC,IAAI,EAAE,OAAO;QACbC,UAAU,EAAE;UAAER,OAAO;UAAEF;QAAe;MACxC,CAAC,CAAC;IACJ,CAAC,SAAS;MACRV,YAAY,CAAC,KAAK,CAAC;IACrB;EACF,CAAC;EAED,MAAM4B,QAAQ,GAAG,MAAAA,CAAA,KAAY;IAC3B,IAAI9B,4CAAqB,CAACJ,KAAK,CAACC,aAAa,EAAE;MAC7CQ,kBAAkB,CAAC,IAAI,CAAC;MACxB,MAAMd,UAAU,CAAC,CAAC;MAClBc,kBAAkB,CAAC,KAAK,CAAC;IAC3B,CAAC,MAAM;MACL0B,uCAAgB,CAACC,IAAI,CAAC,SAAS,CAAC;IAClC;IACAd,uCAAgB,CAACC,SAAS,CAAC;MACzBC,KAAK,EAAE,mBAAmB;MAC1BC,IAAI,EAAE,OAAO;MACbC,UAAU,EAAE;QAAER,OAAO;QAAEF;MAAe;IACxC,CAAC,CAAC;EACJ,CAAC;EAED,oBACE,IAAA1B,WAAA,CAAA+C,IAAA,EAACrD,oBAAA,CAAAsD,QAAQ;IAACC,OAAO,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,CAAE;IAAAC,QAAA,gBAC1C,IAAAlD,WAAA,CAAAmD,GAAA,EAACzD,oBAAA,CAAA0D,QAAQ;MACP3B,IAAI,EAAC,OAAO;MACZ4B,IAAI,EAAC,IAAI;MACTC,OAAO,EAAEV,QAAS;MAClBW,MAAM,EAAC,cAAc;MACrBC,KAAK,EAAEC,eAAM,CAACC;IAAY,CAC3B,CAAC,eACF,IAAA1D,WAAA,CAAAmD,GAAA,EAACzD,oBAAA,CAAAiE,IAAI;MAACC,OAAO,EAAC,eAAe;MAACC,aAAa,EAAE,CAAE;MAACC,MAAM;MAAAZ,QAAA,EAAC;IAEvD,CAAM,CAAC,eACP,IAAAlD,WAAA,CAAAmD,GAAA,EAACzD,oBAAA,CAAAqE,iBAAiB;MAChBP,KAAK,EAAEC,eAAM,CAACO,aAAc;MAC5BC,SAAS,EAAE3C,QAAS;MACpB4C,UAAU,EAAE1C,UAAW;MACvB2C,sBAAsB,EAAEA,CAAA,kBACtB,IAAAnE,WAAA,CAAAmD,GAAA,EAACzD,oBAAA,CAAA0E,MAAM;QAACC,QAAQ,EAAEzD,QAAQ,EAAE0D,MAAO;QAACC,OAAO,EAAE5D,aAAc;QAAC0C,IAAI,EAAE,EAAG;QAACmB,WAAW,EAAE;MAAE,CAAE,CACvF;MACFC,cAAc,EAAE,CAACjD,UAAU,IAAIiC,eAAM,CAACiB;IAAa,CACpD,CAAC,eACF,IAAA1E,WAAA,CAAA+C,IAAA,EAACrD,oBAAA,CAAAiE,IAAI;MAACG,MAAM;MAACF,OAAO,EAAC,YAAY;MAACe,KAAK,EAAC,QAAQ;MAACnB,KAAK,EAAEC,eAAM,CAACmB,KAAM;MAAA1B,QAAA,GAClE9B,QAAQ,EAAC,kCACZ;IAAA,CAAM,CAAC,eACP,IAAApB,WAAA,CAAAmD,GAAA,EAACzD,oBAAA,CAAAiE,IAAI;MAACG,MAAM;MAACF,OAAO,EAAC,WAAW;MAACe,KAAK,EAAC,QAAQ;MAACnB,KAAK,EAAEC,eAAM,CAACoB,QAAS;MAAA3B,QAAA,EAAC;IAExE,CAAM,CAAC,eACP,IAAAlD,WAAA,CAAA+C,IAAA,EAACrD,oBAAA,CAAAsD,QAAQ;MAAC8B,aAAa,EAAC,KAAK;MAACC,cAAc,EAAC,eAAe;MAACC,MAAM,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAE;MAAA9B,QAAA,gBACxF,IAAAlD,WAAA,CAAAmD,GAAA,EAACzD,oBAAA,CAAAuF,MAAM;QAACrB,OAAO,EAAC,OAAO;QAACN,OAAO,EAAEV,QAAS;QAACY,KAAK,EAAEC,eAAM,CAACyB,MAAO;QAACC,OAAO,EAAEjE,eAAgB;QAAAgC,QAAA,EAAC;MAE3F,CAAQ,CAAC,eACT,IAAAlD,WAAA,CAAAmD,GAAA,EAACzD,oBAAA,CAAAuF,MAAM;QACLrB,OAAO,EAAC,MAAM;QACduB,OAAO,EAAEpE,SAAU;QACnBqE,QAAQ,EAAElE,eAAgB;QAC1BoC,OAAO,EAAEvB,MAAO;QAChByB,KAAK,EAAEC,eAAM,CAACyB,MAAO;QAAAhC,QAAA,EACtB;MAED,CAAQ,CAAC;IAAA,CACD,CAAC;EAAA,CACH,CAAC;AAEf","ignoreList":[]}

package/lib/commonjs/views/w3m-connecting-siwe-view/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_appkitUiReactNative","require","_reactNative","_default","exports","default","StyleSheet","create","logoContainer","marginTop","Spacing","xl","marginBottom","m","button","width","title","marginHorizontal","subtitle","marginVertical","l","closeButton","alignSelf","right","top","position","zIndex","walletAvatar","borderRadius","BorderRadius","full"],"sourceRoot":"../../../../src","sources":["views/w3m-connecting-siwe-view/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,aAAa,EAAE;IACbC,SAAS,EAAEC,4BAAO,CAACC,EAAE;IACrBC,YAAY,EAAEF,4BAAO,CAACG;EACxB,CAAC;EACDC,MAAM,EAAE;IACNC,KAAK,EAAE;EACT,CAAC;EACDC,KAAK,EAAE;IACLC,gBAAgB,EAAE;EACpB,CAAC;EACDC,QAAQ,EAAE;IACRD,gBAAgB,EAAE,KAAK;IACvBE,cAAc,EAAET,4BAAO,CAACU;EAC1B,CAAC;EACDC,WAAW,EAAE;IACXC,SAAS,EAAE,UAAU;IACrBC,KAAK,EAAEb,4BAAO,CAACC,EAAE;IACjBa,GAAG,EAAEd,4BAAO,CAACU,CAAC;IACdK,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAE;EACV,CAAC;EACDC,YAAY,EAAE;IACZC,YAAY,EAAEC,iCAAY,CAACC;EAC7B;AACF,CAAC,CAAC","ignoreList":[]}