@reown/appkit-react-native 0.0.0-feat-multichain-20250513175016

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

@@ -0,0 +1,32 @@
+import { useSnapshot } from 'valtio';
+import { OptionsController, ApiController, ConnectionController } from '@reown/appkit-core-react-native';
+import { ListWallet } from '@reown/appkit-ui-react-native';
+import { filterOutRecentWallets } from '../utils';
+export function CustomWalletList({
+  itemStyle,
+  onWalletPress,
+  isWalletConnectEnabled
+}) {
+  const {
+    installed
+  } = useSnapshot(ApiController.state);
+  const {
+    recentWallets
+  } = useSnapshot(ConnectionController.state);
+  const {
+    customWallets
+  } = useSnapshot(OptionsController.state);
+  const RECENT_COUNT = recentWallets?.length && installed.length ? 1 : recentWallets?.length ?? 0;
+  if (!isWalletConnectEnabled || !customWallets?.length) {
+    return null;
+  }
+  const list = filterOutRecentWallets(recentWallets, customWallets, RECENT_COUNT);
+  return list.map(wallet => /*#__PURE__*/React.createElement(ListWallet, {
+    key: wallet.id,
+    imageSrc: wallet.image_url,
+    name: wallet.name,
+    onPress: () => onWalletPress(wallet),
+    style: itemStyle
+  }));
+}
+//# sourceMappingURL=custom-wallet-list.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useSnapshot","OptionsController","ApiController","ConnectionController","ListWallet","filterOutRecentWallets","CustomWalletList","itemStyle","onWalletPress","isWalletConnectEnabled","installed","state","recentWallets","customWallets","RECENT_COUNT","length","list","map","wallet","React","createElement","key","id","imageSrc","image_url","name","onPress","style"],"sourceRoot":"../../../../../src","sources":["views/w3m-connect-view/components/custom-wallet-list.tsx"],"mappings":"AAAA,SAASA,WAAW,QAAQ,QAAQ;AAEpC,SACEC,iBAAiB,EAGjBC,aAAa,EACbC,oBAAoB,QAEf,iCAAiC;AACxC,SAASC,UAAU,QAAQ,+BAA+B;AAC1D,SAASC,sBAAsB,QAAQ,UAAU;AAQjD,OAAO,SAASC,gBAAgBA,CAAC;EAAEC,SAAS;EAAEC,aAAa;EAAEC;AAA8B,CAAC,EAAE;EAC5F,MAAM;IAAEC;EAAU,CAAC,GAAGV,WAAW,CAACE,aAAa,CAACS,KAAK,CAAC;EACtD,MAAM;IAAEC;EAAc,CAAC,GAAGZ,WAAW,CAACG,oBAAoB,CAACQ,KAAK,CAA8B;EAC9F,MAAM;IAAEE;EAAc,CAAC,GAAGb,WAAW,CAACC,iBAAiB,CAACU,KAAK,CAA2B;EACxF,MAAMG,YAAY,GAAGF,aAAa,EAAEG,MAAM,IAAIL,SAAS,CAACK,MAAM,GAAG,CAAC,GAAGH,aAAa,EAAEG,MAAM,IAAI,CAAC;EAE/F,IAAI,CAACN,sBAAsB,IAAI,CAACI,aAAa,EAAEE,MAAM,EAAE;IACrD,OAAO,IAAI;EACb;EAEA,MAAMC,IAAI,GAAGX,sBAAsB,CAACO,aAAa,EAAEC,aAAa,EAAEC,YAAY,CAAC;EAE/E,OAAOE,IAAI,CAACC,GAAG,CAACC,MAAM,iBACpBC,KAAA,CAAAC,aAAA,CAAChB,UAAU;IACTiB,GAAG,EAAEH,MAAM,CAACI,EAAG;IACfC,QAAQ,EAAEL,MAAM,CAACM,SAAU;IAC3BC,IAAI,EAAEP,MAAM,CAACO,IAAK;IAClBC,OAAO,EAAEA,CAAA,KAAMlB,aAAa,CAACU,MAAM,CAAE;IACrCS,KAAK,EAAEpB;EAAU,CAClB,CACF,CAAC;AACJ"}

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

@@ -0,0 +1,33 @@
+import { useSnapshot } from 'valtio';
+import { ApiController, AssetUtil, ConnectionController } from '@reown/appkit-core-react-native';
+import { ListWallet } from '@reown/appkit-ui-react-native';
+export function RecentWalletList({
+  itemStyle,
+  onWalletPress,
+  isWalletConnectEnabled
+}) {
+  const installed = ApiController.state.installed;
+  const {
+    recentWallets
+  } = useSnapshot(ConnectionController.state);
+  const imageHeaders = ApiController._getApiHeaders();
+  const RECENT_COUNT = recentWallets?.length && installed.length ? 1 : recentWallets?.length ?? 0;
+  if (!isWalletConnectEnabled || !recentWallets?.length) {
+    return null;
+  }
+  return recentWallets.slice(0, RECENT_COUNT).map(wallet => {
+    const isInstalled = !!installed.find(installedWallet => installedWallet.id === wallet.id);
+    return /*#__PURE__*/React.createElement(ListWallet, {
+      key: wallet?.id,
+      imageSrc: AssetUtil.getWalletImage(wallet),
+      imageHeaders: imageHeaders,
+      name: wallet?.name ?? 'Unknown',
+      onPress: () => onWalletPress(wallet, isInstalled),
+      tagLabel: "Recent",
+      tagVariant: "shade",
+      style: itemStyle,
+      installed: isInstalled
+    });
+  });
+}
+//# sourceMappingURL=recent-wallet-list.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useSnapshot","ApiController","AssetUtil","ConnectionController","ListWallet","RecentWalletList","itemStyle","onWalletPress","isWalletConnectEnabled","installed","state","recentWallets","imageHeaders","_getApiHeaders","RECENT_COUNT","length","slice","map","wallet","isInstalled","find","installedWallet","id","React","createElement","key","imageSrc","getWalletImage","name","onPress","tagLabel","tagVariant","style"],"sourceRoot":"../../../../../src","sources":["views/w3m-connect-view/components/recent-wallet-list.tsx"],"mappings":"AAAA,SAASA,WAAW,QAAQ,QAAQ;AACpC,SACEC,aAAa,EACbC,SAAS,EAETC,oBAAoB,QACf,iCAAiC;AACxC,SAASC,UAAU,QAAQ,+BAA+B;AAS1D,OAAO,SAASC,gBAAgBA,CAAC;EAAEC,SAAS;EAAEC,aAAa;EAAEC;AAA8B,CAAC,EAAE;EAC5F,MAAMC,SAAS,GAAGR,aAAa,CAACS,KAAK,CAACD,SAAS;EAC/C,MAAM;IAAEE;EAAc,CAAC,GAAGX,WAAW,CAACG,oBAAoB,CAACO,KAAK,CAAC;EACjE,MAAME,YAAY,GAAGX,aAAa,CAACY,cAAc,CAAC,CAAC;EACnD,MAAMC,YAAY,GAAGH,aAAa,EAAEI,MAAM,IAAIN,SAAS,CAACM,MAAM,GAAG,CAAC,GAAGJ,aAAa,EAAEI,MAAM,IAAI,CAAC;EAE/F,IAAI,CAACP,sBAAsB,IAAI,CAACG,aAAa,EAAEI,MAAM,EAAE;IACrD,OAAO,IAAI;EACb;EAEA,OAAOJ,aAAa,CAACK,KAAK,CAAC,CAAC,EAAEF,YAAY,CAAC,CAACG,GAAG,CAACC,MAAM,IAAI;IACxD,MAAMC,WAAW,GAAG,CAAC,CAACV,SAAS,CAACW,IAAI,CAACC,eAAe,IAAIA,eAAe,CAACC,EAAE,KAAKJ,MAAM,CAACI,EAAE,CAAC;IAEzF,oBACEC,KAAA,CAAAC,aAAA,CAACpB,UAAU;MACTqB,GAAG,EAAEP,MAAM,EAAEI,EAAG;MAChBI,QAAQ,EAAExB,SAAS,CAACyB,cAAc,CAACT,MAAM,CAAE;MAC3CN,YAAY,EAAEA,YAAa;MAC3BgB,IAAI,EAAEV,MAAM,EAAEU,IAAI,IAAI,SAAU;MAChCC,OAAO,EAAEA,CAAA,KAAMtB,aAAa,CAACW,MAAM,EAAEC,WAAW,CAAE;MAClDW,QAAQ,EAAC,QAAQ;MACjBC,UAAU,EAAC,OAAO;MAClBC,KAAK,EAAE1B,SAAU;MACjBG,SAAS,EAAEU;IAAY,CACxB,CAAC;EAEN,CAAC,CAAC;AACJ"}

package/lib/module/views/w3m-connect-view/components/social-login-list.js

@@ -0,0 +1,75 @@
+import { StyleSheet } from 'react-native';
+import { FlexView, ListSocial, LogoSelect, Spacing, Text } from '@reown/appkit-ui-react-native';
+import { StringUtil } from '@reown/appkit-common-react-native';
+import { ConnectionController, EventsController, RouterController, WebviewController } from '@reown/appkit-core-react-native';
+const MAX_OPTIONS = 6;
+export function SocialLoginList({
+  options,
+  disabled
+}) {
+  const showBigSocial = options?.length > 2 || options?.length === 1;
+  const showMoreButton = options?.length > MAX_OPTIONS;
+  const topSocial = showBigSocial ? options[0] : null;
+  let bottomSocials = showBigSocial ? options.slice(1) : options;
+  bottomSocials = showMoreButton ? bottomSocials.slice(0, MAX_OPTIONS - 2) : bottomSocials;
+  const onItemPress = provider => {
+    ConnectionController.setSelectedSocialProvider(provider);
+    EventsController.sendEvent({
+      type: 'track',
+      event: 'SOCIAL_LOGIN_STARTED',
+      properties: {
+        provider
+      }
+    });
+    WebviewController.setConnecting(false);
+    if (provider === 'farcaster') {
+      RouterController.push('ConnectingFarcaster');
+    } else {
+      RouterController.push('ConnectingSocial');
+    }
+  };
+  const onMorePress = () => {
+    RouterController.push('ConnectSocials');
+  };
+  return /*#__PURE__*/React.createElement(FlexView, {
+    padding: ['xs', 's', '0', 's']
+  }, topSocial && /*#__PURE__*/React.createElement(ListSocial, {
+    logo: topSocial,
+    disabled: disabled,
+    onPress: () => onItemPress(topSocial)
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: styles.topDescription,
+    color: disabled ? 'fg-300' : 'fg-100'
+  }, `Continue with ${StringUtil.capitalize(topSocial)}`)), /*#__PURE__*/React.createElement(FlexView, {
+    flexDirection: "row",
+    justifyContent: "space-between",
+    margin: ['xs', '0', '0', '0']
+  }, bottomSocials?.map((social, index) => /*#__PURE__*/React.createElement(LogoSelect, {
+    key: social,
+    disabled: disabled,
+    logo: social,
+    onPress: () => onItemPress(social),
+    style: [styles.socialItem, index === 0 && styles.socialItemFirst, !showMoreButton && index === bottomSocials.length - 1 && styles.socialItemLast]
+  })), showMoreButton && /*#__PURE__*/React.createElement(LogoSelect, {
+    logo: "more",
+    disabled: disabled,
+    style: [styles.socialItem, styles.socialItemLast],
+    onPress: onMorePress
+  })));
+}
+const styles = StyleSheet.create({
+  topDescription: {
+    textAlign: 'center'
+  },
+  socialItem: {
+    flex: 1,
+    marginHorizontal: Spacing['2xs']
+  },
+  socialItemFirst: {
+    marginLeft: 0
+  },
+  socialItemLast: {
+    marginRight: 0
+  }
+});
+//# sourceMappingURL=social-login-list.js.map

package/lib/module/views/w3m-connect-view/components/social-login-list.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","FlexView","ListSocial","LogoSelect","Spacing","Text","StringUtil","ConnectionController","EventsController","RouterController","WebviewController","MAX_OPTIONS","SocialLoginList","options","disabled","showBigSocial","length","showMoreButton","topSocial","bottomSocials","slice","onItemPress","provider","setSelectedSocialProvider","sendEvent","type","event","properties","setConnecting","push","onMorePress","React","createElement","padding","logo","onPress","style","styles","topDescription","color","capitalize","flexDirection","justifyContent","margin","map","social","index","key","socialItem","socialItemFirst","socialItemLast","create","textAlign","flex","marginHorizontal","marginLeft","marginRight"],"sourceRoot":"../../../../../src","sources":["views/w3m-connect-view/components/social-login-list.tsx"],"mappings":"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"}

package/lib/module/views/w3m-connect-view/components/wallet-guide.js

@@ -0,0 +1,49 @@
+import { RouterController } from '@reown/appkit-core-react-native';
+import { Chip, FlexView, Link, Separator, Spacing, Text } from '@reown/appkit-ui-react-native';
+import { Linking, StyleSheet } from 'react-native';
+export function WalletGuide({
+  guide
+}) {
+  const onExplorerPress = () => {
+    Linking.openURL('https://explorer.walletconnect.com');
+  };
+  const onGetStartedPress = () => {
+    RouterController.push('Create');
+  };
+  return guide === 'explore' ? /*#__PURE__*/React.createElement(FlexView, {
+    alignItems: "center",
+    justifyContent: "center"
+  }, /*#__PURE__*/React.createElement(Separator, {
+    text: "or",
+    style: styles.socialSeparator
+  }), /*#__PURE__*/React.createElement(Text, {
+    variant: "small-400",
+    style: styles.text
+  }, "Looking for a self-custody wallet?"), /*#__PURE__*/React.createElement(Chip, {
+    label: "Visit our explorer",
+    variant: "transparent",
+    rightIcon: "externalLink",
+    leftIcon: "walletConnectLightBrown",
+    size: "sm",
+    onPress: onExplorerPress
+  })) : /*#__PURE__*/React.createElement(FlexView, {
+    alignItems: "center",
+    justifyContent: "center",
+    margin: "m",
+    flexDirection: "row"
+  }, /*#__PURE__*/React.createElement(Text, {
+    variant: "small-400"
+  }, "Haven't got a wallet?"), /*#__PURE__*/React.createElement(Link, {
+    onPress: onGetStartedPress,
+    size: "sm"
+  }, "Get started"));
+}
+const styles = StyleSheet.create({
+  text: {
+    marginBottom: Spacing.xs
+  },
+  socialSeparator: {
+    marginVertical: Spacing.l
+  }
+});
+//# sourceMappingURL=wallet-guide.js.map

package/lib/module/views/w3m-connect-view/components/wallet-guide.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["RouterController","Chip","FlexView","Link","Separator","Spacing","Text","Linking","StyleSheet","WalletGuide","guide","onExplorerPress","openURL","onGetStartedPress","push","React","createElement","alignItems","justifyContent","text","style","styles","socialSeparator","variant","label","rightIcon","leftIcon","size","onPress","margin","flexDirection","create","marginBottom","xs","marginVertical","l"],"sourceRoot":"../../../../../src","sources":["views/w3m-connect-view/components/wallet-guide.tsx"],"mappings":"AAAA,SAASA,gBAAgB,QAAQ,iCAAiC;AAClE,SAASC,IAAI,EAAEC,QAAQ,EAAEC,IAAI,EAAEC,SAAS,EAAEC,OAAO,EAAEC,IAAI,QAAQ,+BAA+B;AAC9F,SAASC,OAAO,EAAEC,UAAU,QAAQ,cAAc;AAMlD,OAAO,SAASC,WAAWA,CAAC;EAAEC;AAAwB,CAAC,EAAE;EACvD,MAAMC,eAAe,GAAGA,CAAA,KAAM;IAC5BJ,OAAO,CAACK,OAAO,CAAC,oCAAoC,CAAC;EACvD,CAAC;EAED,MAAMC,iBAAiB,GAAGA,CAAA,KAAM;IAC9Bb,gBAAgB,CAACc,IAAI,CAAC,QAAQ,CAAC;EACjC,CAAC;EAED,OAAOJ,KAAK,KAAK,SAAS,gBACxBK,KAAA,CAAAC,aAAA,CAACd,QAAQ;IAACe,UAAU,EAAC,QAAQ;IAACC,cAAc,EAAC;EAAQ,gBACnDH,KAAA,CAAAC,aAAA,CAACZ,SAAS;IAACe,IAAI,EAAC,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC;EAAgB,CAAE,CAAC,eACtDP,KAAA,CAAAC,aAAA,CAACV,IAAI;IAACiB,OAAO,EAAC,WAAW;IAACH,KAAK,EAAEC,MAAM,CAACF;EAAK,GAAC,oCAExC,CAAC,eACPJ,KAAA,CAAAC,aAAA,CAACf,IAAI;IACHuB,KAAK,EAAC,oBAAoB;IAC1BD,OAAO,EAAC,aAAa;IACrBE,SAAS,EAAC,cAAc;IACxBC,QAAQ,EAAC,yBAAyB;IAClCC,IAAI,EAAC,IAAI;IACTC,OAAO,EAAEjB;EAAgB,CAC1B,CACO,CAAC,gBAEXI,KAAA,CAAAC,aAAA,CAACd,QAAQ;IAACe,UAAU,EAAC,QAAQ;IAACC,cAAc,EAAC,QAAQ;IAACW,MAAM,EAAC,GAAG;IAACC,aAAa,EAAC;EAAK,gBAClFf,KAAA,CAAAC,aAAA,CAACV,IAAI;IAACiB,OAAO,EAAC;EAAW,GAAC,uBAA2B,CAAC,eACtDR,KAAA,CAAAC,aAAA,CAACb,IAAI;IAACyB,OAAO,EAAEf,iBAAkB;IAACc,IAAI,EAAC;EAAI,GAAC,aAEtC,CACE,CACX;AACH;AAEA,MAAMN,MAAM,GAAGb,UAAU,CAACuB,MAAM,CAAC;EAC/BZ,IAAI,EAAE;IACJa,YAAY,EAAE3B,OAAO,CAAC4B;EACxB,CAAC;EACDX,eAAe,EAAE;IACfY,cAAc,EAAE7B,OAAO,CAAC8B;EAC1B;AACF,CAAC,CAAC"}

package/lib/module/views/w3m-connect-view/index.js

@@ -0,0 +1,147 @@
+import { useSnapshot } from 'valtio';
+import { Platform, ScrollView, View } from 'react-native';
+import { ApiController, ConnectorController, EventUtil, EventsController, OptionsController, RouterController } from '@reown/appkit-core-react-native';
+import { FlexView, Icon, ListItem, Separator, Spacing, Text } from '@reown/appkit-ui-react-native';
+import { useCustomDimensions } from '../../hooks/useCustomDimensions';
+import { ConnectEmailInput } from './components/connect-email-input';
+import { useKeyboard } from '../../hooks/useKeyboard';
+import { Placeholder } from '../../partials/w3m-placeholder';
+import { ConnectorList } from './components/connectors-list';
+import { CustomWalletList } from './components/custom-wallet-list';
+import { AllWalletsButton } from './components/all-wallets-button';
+import { AllWalletList } from './components/all-wallet-list';
+import { RecentWalletList } from './components/recent-wallet-list';
+import { SocialLoginList } from './components/social-login-list';
+import { WalletGuide } from './components/wallet-guide';
+import styles from './styles';
+export function ConnectView() {
+  const connectors = ConnectorController.state.connectors;
+  const {
+    authLoading
+  } = useSnapshot(ConnectorController.state);
+  const {
+    prefetchError
+  } = useSnapshot(ApiController.state);
+  const {
+    features
+  } = useSnapshot(OptionsController.state);
+  const {
+    padding
+  } = useCustomDimensions();
+  const {
+    keyboardShown,
+    keyboardHeight
+  } = useKeyboard();
+
+  // const isWalletConnectEnabled = connectors.some(c => c.type === 'WALLET_CONNECT');
+  const isWalletConnectEnabled = true;
+  const isAuthEnabled = connectors.some(c => c.type === 'AUTH');
+  const isCoinbaseEnabled = connectors.some(c => c.type === 'COINBASE');
+  const isEmailEnabled = isAuthEnabled && features?.email;
+  const isSocialEnabled = isAuthEnabled && features?.socials && features?.socials.length > 0;
+  const showConnectWalletsButton = isWalletConnectEnabled && isAuthEnabled && !features?.emailShowWallets;
+  const showSeparator = isAuthEnabled && (isEmailEnabled || isSocialEnabled) && (isWalletConnectEnabled || isCoinbaseEnabled);
+  const showLoadingError = !showConnectWalletsButton && prefetchError;
+  const showList = !showConnectWalletsButton && !showLoadingError;
+  const paddingBottom = Platform.select({
+    android: keyboardShown ? keyboardHeight + Spacing['2xl'] : Spacing['2xl'],
+    default: Spacing['2xl']
+  });
+  const onWalletPress = (wallet, isInstalled) => {
+    const connector = connectors.find(c => c.explorerId === wallet.id);
+    if (connector) {
+      RouterController.push('ConnectingExternal', {
+        connector,
+        wallet
+      });
+    } else {
+      RouterController.push('ConnectingWalletConnect', {
+        wallet
+      });
+    }
+    const platform = EventUtil.getWalletPlatform(wallet, isInstalled);
+    EventsController.sendEvent({
+      type: 'track',
+      event: 'SELECT_WALLET',
+      properties: {
+        name: wallet.name ?? connector?.name ?? 'Unknown',
+        platform,
+        explorer_id: wallet.id
+      }
+    });
+  };
+  const onViewAllPress = () => {
+    RouterController.push('AllWallets');
+    EventsController.sendEvent({
+      type: 'track',
+      event: 'CLICK_ALL_WALLETS'
+    });
+  };
+  return /*#__PURE__*/React.createElement(ScrollView, {
+    style: {
+      paddingHorizontal: padding
+    },
+    bounces: false
+  }, /*#__PURE__*/React.createElement(FlexView, {
+    padding: ['xs', '0', '0', '0'],
+    style: {
+      paddingBottom
+    }
+  }, isEmailEnabled && /*#__PURE__*/React.createElement(ConnectEmailInput, {
+    loading: authLoading
+  }), isSocialEnabled && /*#__PURE__*/React.createElement(SocialLoginList, {
+    options: features?.socials,
+    disabled: authLoading
+  }), showSeparator && /*#__PURE__*/React.createElement(Separator, {
+    text: "or",
+    style: styles.socialSeparator
+  }), /*#__PURE__*/React.createElement(FlexView, {
+    padding: ['0', 's', '0', 's']
+  }, showConnectWalletsButton && /*#__PURE__*/React.createElement(ListItem, {
+    contentStyle: styles.connectWalletButton,
+    onPress: onViewAllPress
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: "wallet",
+    size: "lg"
+  }), /*#__PURE__*/React.createElement(Text, {
+    variant: "paragraph-500"
+  }, "Continue with a wallet"), /*#__PURE__*/React.createElement(View, {
+    style: styles.connectWalletEmpty
+  })), showLoadingError && /*#__PURE__*/React.createElement(FlexView, {
+    alignItems: "center",
+    justifyContent: "center",
+    margin: ['l', '0', '0', '0']
+  }, /*#__PURE__*/React.createElement(Placeholder, {
+    icon: "warningCircle",
+    iconColor: "error-100",
+    title: "Oops, we couldn\u2019t load the wallets at the moment",
+    description: `This might be due to a temporary network issue.\nPlease try reloading to see if that helps.`,
+    actionIcon: "refresh",
+    actionPress: ApiController.prefetch,
+    actionTitle: "Retry"
+  }), /*#__PURE__*/React.createElement(Separator, {
+    style: styles.socialSeparator
+  })), showList && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(RecentWalletList, {
+    itemStyle: styles.item,
+    onWalletPress: onWalletPress,
+    isWalletConnectEnabled: isWalletConnectEnabled
+  }), /*#__PURE__*/React.createElement(AllWalletList, {
+    itemStyle: styles.item,
+    onWalletPress: onWalletPress,
+    isWalletConnectEnabled: isWalletConnectEnabled
+  }), /*#__PURE__*/React.createElement(CustomWalletList, {
+    itemStyle: styles.item,
+    onWalletPress: onWalletPress,
+    isWalletConnectEnabled: isWalletConnectEnabled
+  }), /*#__PURE__*/React.createElement(ConnectorList, {
+    itemStyle: styles.item,
+    isWalletConnectEnabled: isWalletConnectEnabled
+  }), /*#__PURE__*/React.createElement(AllWalletsButton, {
+    itemStyle: styles.item,
+    onPress: onViewAllPress,
+    isWalletConnectEnabled: isWalletConnectEnabled
+  })), isAuthEnabled && /*#__PURE__*/React.createElement(WalletGuide, {
+    guide: "get-started"
+  }))));
+}
+//# sourceMappingURL=index.js.map

package/lib/module/views/w3m-connect-view/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useSnapshot","Platform","ScrollView","View","ApiController","ConnectorController","EventUtil","EventsController","OptionsController","RouterController","FlexView","Icon","ListItem","Separator","Spacing","Text","useCustomDimensions","ConnectEmailInput","useKeyboard","Placeholder","ConnectorList","CustomWalletList","AllWalletsButton","AllWalletList","RecentWalletList","SocialLoginList","WalletGuide","styles","ConnectView","connectors","state","authLoading","prefetchError","features","padding","keyboardShown","keyboardHeight","isWalletConnectEnabled","isAuthEnabled","some","c","type","isCoinbaseEnabled","isEmailEnabled","email","isSocialEnabled","socials","length","showConnectWalletsButton","emailShowWallets","showSeparator","showLoadingError","showList","paddingBottom","select","android","default","onWalletPress","wallet","isInstalled","connector","find","explorerId","id","push","platform","getWalletPlatform","sendEvent","event","properties","name","explorer_id","onViewAllPress","React","createElement","style","paddingHorizontal","bounces","loading","options","disabled","text","socialSeparator","contentStyle","connectWalletButton","onPress","size","variant","connectWalletEmpty","alignItems","justifyContent","margin","icon","iconColor","title","description","actionIcon","actionPress","prefetch","actionTitle","Fragment","itemStyle","item","guide"],"sourceRoot":"../../../../src","sources":["views/w3m-connect-view/index.tsx"],"mappings":"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"}

package/lib/module/views/w3m-connect-view/styles.js

@@ -0,0 +1,18 @@
+import { StyleSheet } from 'react-native';
+import { Spacing } from '@reown/appkit-ui-react-native';
+export default StyleSheet.create({
+  item: {
+    marginVertical: Spacing['3xs']
+  },
+  socialSeparator: {
+    marginVertical: Spacing.xs
+  },
+  connectWalletButton: {
+    justifyContent: 'space-between'
+  },
+  connectWalletEmpty: {
+    height: 20,
+    width: 20
+  }
+});
+//# sourceMappingURL=styles.js.map

package/lib/module/views/w3m-connect-view/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","Spacing","create","item","marginVertical","socialSeparator","xs","connectWalletButton","justifyContent","connectWalletEmpty","height","width"],"sourceRoot":"../../../../src","sources":["views/w3m-connect-view/styles.ts"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,OAAO,QAAQ,+BAA+B;AAEvD,eAAeD,UAAU,CAACE,MAAM,CAAC;EAC/BC,IAAI,EAAE;IACJC,cAAc,EAAEH,OAAO,CAAC,KAAK;EAC/B,CAAC;EACDI,eAAe,EAAE;IACfD,cAAc,EAAEH,OAAO,CAACK;EAC1B,CAAC;EACDC,mBAAmB,EAAE;IACnBC,cAAc,EAAE;EAClB,CAAC;EACDC,kBAAkB,EAAE;IAClBC,MAAM,EAAE,EAAE;IACVC,KAAK,EAAE;EACT;AACF,CAAC,CAAC"}

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

@@ -0,0 +1,7 @@
+export 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;
+};
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["filterOutRecentWallets","recentWallets","wallets","resentCount","recentIds","slice","map","wallet","id","length","filtered","filter","includes"],"sourceRoot":"../../../../src","sources":["views/w3m-connect-view/utils.ts"],"mappings":"AAEA,OAAO,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"}

package/lib/module/views/w3m-connecting-external-view/index.js

@@ -0,0 +1,110 @@
+import { useCallback, useEffect, useState } from 'react';
+import { ScrollView } from 'react-native';
+import { RouterController, ApiController, AssetUtil, ConnectionController, ModalController, EventsController, StorageUtil } from '@reown/appkit-core-react-native';
+import { Button, FlexView, IconBox, LoadingThumbnail, WalletImage } from '@reown/appkit-ui-react-native';
+import { useCustomDimensions } from '../../hooks/useCustomDimensions';
+import { ConnectingBody, getMessage } from '../../partials/w3m-connecting-body';
+import styles from './styles';
+export function ConnectingExternalView() {
+  const {
+    data
+  } = RouterController.state;
+  const connector = data?.connector;
+  const {
+    maxWidth: width
+  } = useCustomDimensions();
+  const [errorType, setErrorType] = useState();
+  const bodyMessage = getMessage({
+    walletName: data?.wallet?.name,
+    errorType
+  });
+  const onRetryPress = () => {
+    setErrorType(undefined);
+    onConnect();
+  };
+  const storeConnectedWallet = useCallback(async wallet => {
+    if (wallet) {
+      const recentWallets = await StorageUtil.addRecentWallet(wallet);
+      if (recentWallets) {
+        ConnectionController.setRecentWallets(recentWallets);
+      }
+    }
+    if (connector) {
+      const url = AssetUtil.getConnectorImage(connector);
+      ConnectionController.setConnectedWalletImageUrl(url);
+    }
+  }, [connector]);
+  const onConnect = useCallback(async () => {
+    try {
+      if (connector) {
+        await ConnectionController.connectExternal(connector);
+        storeConnectedWallet(data?.wallet);
+        ModalController.close();
+        EventsController.sendEvent({
+          type: 'track',
+          event: 'CONNECT_SUCCESS',
+          properties: {
+            name: data.wallet?.name ?? 'Unknown',
+            method: 'mobile',
+            explorer_id: data.wallet?.id
+          }
+        });
+      }
+    } catch (error) {
+      if (/(Wallet not found)/i.test(error.message)) {
+        setErrorType('not_installed');
+      } else if (/(rejected)/i.test(error.message)) {
+        setErrorType('declined');
+      } else {
+        setErrorType('default');
+      }
+      EventsController.sendEvent({
+        type: 'track',
+        event: 'CONNECT_ERROR',
+        properties: {
+          message: error?.message ?? 'Unknown'
+        }
+      });
+    }
+  }, [connector, storeConnectedWallet, data?.wallet]);
+  useEffect(() => {
+    onConnect();
+  }, [onConnect]);
+  return /*#__PURE__*/React.createElement(ScrollView, {
+    bounces: false,
+    fadingEdgeLength: 20,
+    contentContainerStyle: styles.container
+  }, /*#__PURE__*/React.createElement(FlexView, {
+    alignItems: "center",
+    alignSelf: "center",
+    padding: ['2xl', 'l', '0', 'l'],
+    style: {
+      width
+    }
+  }, /*#__PURE__*/React.createElement(LoadingThumbnail, {
+    paused: !!errorType
+  }, /*#__PURE__*/React.createElement(WalletImage, {
+    size: "xl",
+    imageSrc: AssetUtil.getConnectorImage(connector),
+    imageHeaders: ApiController._getApiHeaders()
+  }), errorType && /*#__PURE__*/React.createElement(IconBox, {
+    icon: 'close',
+    border: true,
+    background: true,
+    backgroundColor: "icon-box-bg-error-100",
+    size: "sm",
+    iconColor: "error-100",
+    style: styles.errorIcon
+  })), /*#__PURE__*/React.createElement(ConnectingBody, {
+    title: bodyMessage.title,
+    description: bodyMessage.description
+  }), errorType !== 'not_installed' && /*#__PURE__*/React.createElement(Button, {
+    size: "sm",
+    variant: "accent",
+    iconLeft: "refresh",
+    style: styles.retryButton,
+    iconStyle: styles.retryIcon,
+    onPress: onRetryPress
+  }, "Try again")));
+}
+//# sourceMappingURL=index.js.map

package/lib/module/views/w3m-connecting-external-view/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useEffect","useState","ScrollView","RouterController","ApiController","AssetUtil","ConnectionController","ModalController","EventsController","StorageUtil","Button","FlexView","IconBox","LoadingThumbnail","WalletImage","useCustomDimensions","ConnectingBody","getMessage","styles","ConnectingExternalView","data","state","connector","maxWidth","width","errorType","setErrorType","bodyMessage","walletName","wallet","name","onRetryPress","undefined","onConnect","storeConnectedWallet","recentWallets","addRecentWallet","setRecentWallets","url","getConnectorImage","setConnectedWalletImageUrl","connectExternal","close","sendEvent","type","event","properties","method","explorer_id","id","error","test","message","React","createElement","bounces","fadingEdgeLength","contentContainerStyle","container","alignItems","alignSelf","padding","style","paused","size","imageSrc","imageHeaders","_getApiHeaders","icon","border","background","backgroundColor","iconColor","errorIcon","title","description","variant","iconLeft","retryButton","iconStyle","retryIcon","onPress"],"sourceRoot":"../../../../src","sources":["views/w3m-connecting-external-view/index.tsx"],"mappings":"AAAA,SAASA,WAAW,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AACxD,SAASC,UAAU,QAAQ,cAAc;AACzC,SACEC,gBAAgB,EAChBC,aAAa,EACbC,SAAS,EACTC,oBAAoB,EACpBC,eAAe,EACfC,gBAAgB,EAChBC,WAAW,QAEN,iCAAiC;AACxC,SACEC,MAAM,EACNC,QAAQ,EACRC,OAAO,EACPC,gBAAgB,EAChBC,WAAW,QACN,+BAA+B;AAEtC,SAASC,mBAAmB,QAAQ,iCAAiC;AACrE,SAASC,cAAc,EAAEC,UAAU,QAA4B,oCAAoC;AACnG,OAAOC,MAAM,MAAM,UAAU;AAE7B,OAAO,SAASC,sBAAsBA,CAAA,EAAG;EACvC,MAAM;IAAEC;EAAK,CAAC,GAAGjB,gBAAgB,CAACkB,KAAK;EACvC,MAAMC,SAAS,GAAGF,IAAI,EAAEE,SAAS;EACjC,MAAM;IAAEC,QAAQ,EAAEC;EAAM,CAAC,GAAGT,mBAAmB,CAAC,CAAC;EACjD,MAAM,CAACU,SAAS,EAAEC,YAAY,CAAC,GAAGzB,QAAQ,CAAgB,CAAC;EAC3D,MAAM0B,WAAW,GAAGV,UAAU,CAAC;IAAEW,UAAU,EAAER,IAAI,EAAES,MAAM,EAAEC,IAAI;IAAEL;EAAU,CAAC,CAAC;EAE7E,MAAMM,YAAY,GAAGA,CAAA,KAAM;IACzBL,YAAY,CAACM,SAAS,CAAC;IACvBC,SAAS,CAAC,CAAC;EACb,CAAC;EAED,MAAMC,oBAAoB,GAAGnC,WAAW,CACtC,MAAO8B,MAAiB,IAAK;IAC3B,IAAIA,MAAM,EAAE;MACV,MAAMM,aAAa,GAAG,MAAM1B,WAAW,CAAC2B,eAAe,CAACP,MAAM,CAAC;MAC/D,IAAIM,aAAa,EAAE;QACjB7B,oBAAoB,CAAC+B,gBAAgB,CAACF,aAAa,CAAC;MACtD;IACF;IACA,IAAIb,SAAS,EAAE;MACb,MAAMgB,GAAG,GAAGjC,SAAS,CAACkC,iBAAiB,CAACjB,SAAS,CAAC;MAClDhB,oBAAoB,CAACkC,0BAA0B,CAACF,GAAG,CAAC;IACtD;EACF,CAAC,EACD,CAAChB,SAAS,CACZ,CAAC;EAED,MAAMW,SAAS,GAAGlC,WAAW,CAAC,YAAY;IACxC,IAAI;MACF,IAAIuB,SAAS,EAAE;QACb,MAAMhB,oBAAoB,CAACmC,eAAe,CAACnB,SAAS,CAAC;QACrDY,oBAAoB,CAACd,IAAI,EAAES,MAAM,CAAC;QAClCtB,eAAe,CAACmC,KAAK,CAAC,CAAC;QACvBlC,gBAAgB,CAACmC,SAAS,CAAC;UACzBC,IAAI,EAAE,OAAO;UACbC,KAAK,EAAE,iBAAiB;UACxBC,UAAU,EAAE;YACVhB,IAAI,EAAEV,IAAI,CAACS,MAAM,EAAEC,IAAI,IAAI,SAAS;YACpCiB,MAAM,EAAE,QAAQ;YAChBC,WAAW,EAAE5B,IAAI,CAACS,MAAM,EAAEoB;UAC5B;QACF,CAAC,CAAC;MACJ;IACF,CAAC,CAAC,OAAOC,KAAK,EAAE;MACd,IAAI,qBAAqB,CAACC,IAAI,CAAED,KAAK,CAAWE,OAAO,CAAC,EAAE;QACxD1B,YAAY,CAAC,eAAe,CAAC;MAC/B,CAAC,MAAM,IAAI,aAAa,CAACyB,IAAI,CAAED,KAAK,CAAWE,OAAO,CAAC,EAAE;QACvD1B,YAAY,CAAC,UAAU,CAAC;MAC1B,CAAC,MAAM;QACLA,YAAY,CAAC,SAAS,CAAC;MACzB;MACAlB,gBAAgB,CAACmC,SAAS,CAAC;QACzBC,IAAI,EAAE,OAAO;QACbC,KAAK,EAAE,eAAe;QACtBC,UAAU,EAAE;UAAEM,OAAO,EAAGF,KAAK,EAAYE,OAAO,IAAI;QAAU;MAChE,CAAC,CAAC;IACJ;EACF,CAAC,EAAE,CAAC9B,SAAS,EAAEY,oBAAoB,EAAEd,IAAI,EAAES,MAAM,CAAC,CAAC;EAEnD7B,SAAS,CAAC,MAAM;IACdiC,SAAS,CAAC,CAAC;EACb,CAAC,EAAE,CAACA,SAAS,CAAC,CAAC;EAEf,oBACEoB,KAAA,CAAAC,aAAA,CAACpD,UAAU;IAACqD,OAAO,EAAE,KAAM;IAACC,gBAAgB,EAAE,EAAG;IAACC,qBAAqB,EAAEvC,MAAM,CAACwC;EAAU,gBACxFL,KAAA,CAAAC,aAAA,CAAC3C,QAAQ;IACPgD,UAAU,EAAC,QAAQ;IACnBC,SAAS,EAAC,QAAQ;IAClBC,OAAO,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAE;IAChCC,KAAK,EAAE;MAAEtC;IAAM;EAAE,gBAEjB6B,KAAA,CAAAC,aAAA,CAACzC,gBAAgB;IAACkD,MAAM,EAAE,CAAC,CAACtC;EAAU,gBACpC4B,KAAA,CAAAC,aAAA,CAACxC,WAAW;IACVkD,IAAI,EAAC,IAAI;IACTC,QAAQ,EAAE5D,SAAS,CAACkC,iBAAiB,CAACjB,SAAS,CAAE;IACjD4C,YAAY,EAAE9D,aAAa,CAAC+D,cAAc,CAAC;EAAE,CAC9C,CAAC,EACD1C,SAAS,iBACR4B,KAAA,CAAAC,aAAA,CAAC1C,OAAO;IACNwD,IAAI,EAAE,OAAQ;IACdC,MAAM;IACNC,UAAU;IACVC,eAAe,EAAC,uBAAuB;IACvCP,IAAI,EAAC,IAAI;IACTQ,SAAS,EAAC,WAAW;IACrBV,KAAK,EAAE5C,MAAM,CAACuD;EAAU,CACzB,CAEa,CAAC,eACnBpB,KAAA,CAAAC,aAAA,CAACtC,cAAc;IAAC0D,KAAK,EAAE/C,WAAW,CAAC+C,KAAM;IAACC,WAAW,EAAEhD,WAAW,CAACgD;EAAY,CAAE,CAAC,EACjFlD,SAAS,KAAK,eAAe,iBAC5B4B,KAAA,CAAAC,aAAA,CAAC5C,MAAM;IACLsD,IAAI,EAAC,IAAI;IACTY,OAAO,EAAC,QAAQ;IAChBC,QAAQ,EAAC,SAAS;IAClBf,KAAK,EAAE5C,MAAM,CAAC4D,WAAY;IAC1BC,SAAS,EAAE7D,MAAM,CAAC8D,SAAU;IAC5BC,OAAO,EAAElD;EAAa,GACvB,WAEO,CAEF,CACA,CAAC;AAEjB"}

package/lib/module/views/w3m-connecting-external-view/styles.js

@@ -0,0 +1,22 @@
+import { Spacing } from '@reown/appkit-ui-react-native';
+import { StyleSheet } from 'react-native';
+export default StyleSheet.create({
+  container: {
+    paddingBottom: Spacing['3xl']
+  },
+  retryButton: {
+    marginTop: Spacing.m
+  },
+  retryIcon: {
+    transform: [{
+      rotateY: '180deg'
+    }]
+  },
+  errorIcon: {
+    position: 'absolute',
+    bottom: 5,
+    right: 5,
+    zIndex: 2
+  }
+});
+//# sourceMappingURL=styles.js.map

package/lib/module/views/w3m-connecting-external-view/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Spacing","StyleSheet","create","container","paddingBottom","retryButton","marginTop","m","retryIcon","transform","rotateY","errorIcon","position","bottom","right","zIndex"],"sourceRoot":"../../../../src","sources":["views/w3m-connecting-external-view/styles.ts"],"mappings":"AAAA,SAASA,OAAO,QAAQ,+BAA+B;AACvD,SAASC,UAAU,QAAQ,cAAc;AAEzC,eAAeA,UAAU,CAACC,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,aAAa,EAAEJ,OAAO,CAAC,KAAK;EAC9B,CAAC;EACDK,WAAW,EAAE;IACXC,SAAS,EAAEN,OAAO,CAACO;EACrB,CAAC;EACDC,SAAS,EAAE;IACTC,SAAS,EAAE,CAAC;MAAEC,OAAO,EAAE;IAAS,CAAC;EACnC,CAAC;EACDC,SAAS,EAAE;IACTC,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAE,CAAC;IACTC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE;EACV;AACF,CAAC,CAAC"}