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

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

@@ -0,0 +1 @@
+{"version":3,"names":["Platform","StyleSheet","create","header","zIndex","alignSelf","select","ios","shadowOpacity","shadowOffset","width","height","icon","marginLeft","borderWidth","hairlineWidth","searchBar","flex"],"sourceRoot":"../../../../src","sources":["views/w3m-all-wallets-view/styles.ts"],"mappings":";;AAAA,SAASA,QAAQ,EAAEC,UAAU,QAAQ,cAAc;AAEnD,eAAeA,UAAU,CAACC,MAAM,CAAC;EAC/BC,MAAM,EAAE;IACNC,MAAM,EAAE,CAAC;IACTC,SAAS,EAAE,QAAQ;IACnB,GAAGL,QAAQ,CAACM,MAAM,CAAC;MACjBC,GAAG,EAAE;QACHC,aAAa,EAAE,CAAC;QAChBC,YAAY,EAAE;UAAEC,KAAK,EAAE,CAAC;UAAEC,MAAM,EAAE;QAAE;MACtC;IACF,CAAC;EACH,CAAC;EACDC,IAAI,EAAE;IACJC,UAAU,EAAE,CAAC;IACbC,WAAW,EAAEb,UAAU,CAACc;EAC1B,CAAC;EACDC,SAAS,EAAE;IACTC,IAAI,EAAE;EACR;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,51 @@
+"use strict";
+
+import { useSnapshot } from 'valtio';
+import { ScrollView } from 'react-native';
+import { StringUtil } from '@reown/appkit-common-react-native';
+import { EventsController, OptionsController, RouterController } from '@reown/appkit-core-react-native';
+import { FlexView, ListSocial, Text } from '@reown/appkit-ui-react-native';
+import { useCustomDimensions } from '../../hooks/useCustomDimensions';
+import styles from './styles';
+import { jsx as _jsx } from "react/jsx-runtime";
+export function ConnectSocialsView() {
+  const {
+    features
+  } = useSnapshot(OptionsController.state);
+  const {
+    padding
+  } = useCustomDimensions();
+  const socialProviders = features?.socials ?? [];
+  const onItemPress = provider => {
+    EventsController.sendEvent({
+      type: 'track',
+      event: 'SOCIAL_LOGIN_STARTED',
+      properties: {
+        provider
+      }
+    });
+    RouterController.push('ConnectingSocial', {
+      socialProvider: provider
+    });
+  };
+  return /*#__PURE__*/_jsx(ScrollView, {
+    style: {
+      paddingHorizontal: padding
+    },
+    bounces: false,
+    children: /*#__PURE__*/_jsx(FlexView, {
+      padding: ['xs', 'm', '2xl', 'm'],
+      children: socialProviders.map(provider => /*#__PURE__*/_jsx(ListSocial, {
+        logo: provider,
+        onPress: () => onItemPress(provider),
+        style: styles.item,
+        children: /*#__PURE__*/_jsx(Text, {
+          style: styles.text,
+          color: 'fg-100',
+          children: StringUtil.capitalize(provider)
+        })
+      }, provider))
+    })
+  });
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useSnapshot","ScrollView","StringUtil","EventsController","OptionsController","RouterController","FlexView","ListSocial","Text","useCustomDimensions","styles","jsx","_jsx","ConnectSocialsView","features","state","padding","socialProviders","socials","onItemPress","provider","sendEvent","type","event","properties","push","socialProvider","style","paddingHorizontal","bounces","children","map","logo","onPress","item","text","color","capitalize"],"sourceRoot":"../../../../src","sources":["views/w3m-connect-socials-view/index.tsx"],"mappings":";;AAAA,SAASA,WAAW,QAAQ,QAAQ;AACpC,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,UAAU,QAA6B,mCAAmC;AACnF,SACEC,gBAAgB,EAChBC,iBAAiB,EACjBC,gBAAgB,QACX,iCAAiC;AACxC,SAASC,QAAQ,EAAEC,UAAU,EAAEC,IAAI,QAAQ,+BAA+B;AAE1E,SAASC,mBAAmB,QAAQ,iCAAiC;AACrE,OAAOC,MAAM,MAAM,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE9B,OAAO,SAASC,kBAAkBA,CAAA,EAAG;EACnC,MAAM;IAAEC;EAAS,CAAC,GAAGd,WAAW,CAACI,iBAAiB,CAACW,KAAK,CAAC;EACzD,MAAM;IAAEC;EAAQ,CAAC,GAAGP,mBAAmB,CAAC,CAAC;EACzC,MAAMQ,eAAe,GAAIH,QAAQ,EAAEI,OAAO,IAAI,EAAuB;EAErE,MAAMC,WAAW,GAAIC,QAAwB,IAAK;IAChDjB,gBAAgB,CAACkB,SAAS,CAAC;MACzBC,IAAI,EAAE,OAAO;MACbC,KAAK,EAAE,sBAAsB;MAC7BC,UAAU,EAAE;QAAEJ;MAAS;IACzB,CAAC,CAAC;IAEFf,gBAAgB,CAACoB,IAAI,CAAC,kBAAkB,EAAE;MAAEC,cAAc,EAAEN;IAAS,CAAC,CAAC;EACzE,CAAC;EAED,oBACER,IAAA,CAACX,UAAU;IAAC0B,KAAK,EAAE;MAAEC,iBAAiB,EAAEZ;IAAQ,CAAE;IAACa,OAAO,EAAE,KAAM;IAAAC,QAAA,eAChElB,IAAA,CAACN,QAAQ;MAACU,OAAO,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,CAAE;MAAAc,QAAA,EACxCb,eAAe,CAACc,GAAG,CAACX,QAAQ,iBAC3BR,IAAA,CAACL,UAAU;QAETyB,IAAI,EAAEZ,QAAS;QACfa,OAAO,EAAEA,CAAA,KAAMd,WAAW,CAACC,QAAQ,CAAE;QACrCO,KAAK,EAAEjB,MAAM,CAACwB,IAAK;QAAAJ,QAAA,eAEnBlB,IAAA,CAACJ,IAAI;UAACmB,KAAK,EAAEjB,MAAM,CAACyB,IAAK;UAACC,KAAK,EAAE,QAAS;UAAAN,QAAA,EACvC5B,UAAU,CAACmC,UAAU,CAACjB,QAAQ;QAAC,CAC5B;MAAC,GAPFA,QAQK,CACb;IAAC,CACM;EAAC,CACD,CAAC;AAEjB","ignoreList":[]}

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

@@ -0,0 +1,14 @@
+"use strict";
+
+import { StyleSheet } from 'react-native';
+import { Spacing } from '@reown/appkit-ui-react-native';
+export default StyleSheet.create({
+  item: {
+    marginVertical: Spacing['3xs'],
+    justifyContent: 'flex-start'
+  },
+  text: {
+    marginLeft: Spacing.s
+  }
+});
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","Spacing","create","item","marginVertical","justifyContent","text","marginLeft","s"],"sourceRoot":"../../../../src","sources":["views/w3m-connect-socials-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,CAAC;IAC9BI,cAAc,EAAE;EAClB,CAAC;EACDC,IAAI,EAAE;IACJC,UAAU,EAAEN,OAAO,CAACO;EACtB;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,47 @@
+"use strict";
+
+import { useSnapshot } from 'valtio';
+import { ApiController, AssetUtil, ConnectionController } from '@reown/appkit-core-react-native';
+import { ListItemLoader, ListWallet } from '@reown/appkit-ui-react-native';
+import { UiUtil } from '../../../utils/UiUtil';
+import { filterOutRecentWallets } from '../utils';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+export function AllWalletList({
+  itemStyle,
+  onWalletPress
+}) {
+  const {
+    installed,
+    featured,
+    recommended,
+    prefetchLoading
+  } = useSnapshot(ApiController.state);
+  const {
+    recentWallets
+  } = useSnapshot(ConnectionController.state);
+  const imageHeaders = ApiController._getApiHeaders();
+  const RECENT_COUNT = recentWallets?.length && installed.length ? 1 : recentWallets?.length ?? 0;
+  const combinedWallets = [...installed, ...featured, ...recommended];
+
+  // Deduplicate by wallet ID
+  const uniqueWallets = Array.from(new Map(combinedWallets.map(wallet => [wallet.id, wallet])).values());
+  const list = filterOutRecentWallets(recentWallets, uniqueWallets, RECENT_COUNT).slice(0, UiUtil.TOTAL_VISIBLE_WALLETS - RECENT_COUNT);
+  if (!list?.length) {
+    return null;
+  }
+  return prefetchLoading ? /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(ListItemLoader, {
+      style: itemStyle
+    }), /*#__PURE__*/_jsx(ListItemLoader, {
+      style: itemStyle
+    })]
+  }) : list.map(wallet => /*#__PURE__*/_jsx(ListWallet, {
+    imageSrc: AssetUtil.getWalletImage(wallet),
+    imageHeaders: imageHeaders,
+    name: wallet?.name ?? 'Unknown',
+    onPress: () => onWalletPress(wallet),
+    style: itemStyle,
+    installed: !!installed.find(installedWallet => installedWallet.id === wallet.id)
+  }, wallet?.id));
+}
+//# sourceMappingURL=all-wallet-list.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useSnapshot","ApiController","AssetUtil","ConnectionController","ListItemLoader","ListWallet","UiUtil","filterOutRecentWallets","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","AllWalletList","itemStyle","onWalletPress","installed","featured","recommended","prefetchLoading","state","recentWallets","imageHeaders","_getApiHeaders","RECENT_COUNT","length","combinedWallets","uniqueWallets","Array","from","Map","map","wallet","id","values","list","slice","TOTAL_VISIBLE_WALLETS","children","style","imageSrc","getWalletImage","name","onPress","find","installedWallet"],"sourceRoot":"../../../../../src","sources":["views/w3m-connect-view/components/all-wallet-list.tsx"],"mappings":";;AACA,SAASA,WAAW,QAAQ,QAAQ;AACpC,SACEC,aAAa,EACbC,SAAS,EACTC,oBAAoB,QAGf,iCAAiC;AACxC,SAASC,cAAc,EAAEC,UAAU,QAAQ,+BAA+B;AAC1E,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,SAASC,sBAAsB,QAAQ,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AAOlD,OAAO,SAASC,aAAaA,CAAC;EAAEC,SAAS;EAAEC;AAAqB,CAAC,EAAE;EACjE,MAAM;IAAEC,SAAS;IAAEC,QAAQ;IAAEC,WAAW;IAAEC;EAAgB,CAAC,GAAGpB,WAAW,CAACC,aAAa,CAACoB,KAAK,CAAC;EAC9F,MAAM;IAAEC;EAAc,CAAC,GAAGtB,WAAW,CAACG,oBAAoB,CAACkB,KAAK,CAA8B;EAC9F,MAAME,YAAY,GAAGtB,aAAa,CAACuB,cAAc,CAAC,CAAC;EACnD,MAAMC,YAAY,GAAGH,aAAa,EAAEI,MAAM,IAAIT,SAAS,CAACS,MAAM,GAAG,CAAC,GAAGJ,aAAa,EAAEI,MAAM,IAAI,CAAC;EAE/F,MAAMC,eAAe,GAAG,CAAC,GAAGV,SAAS,EAAE,GAAGC,QAAQ,EAAE,GAAGC,WAAW,CAAC;;EAEnE;EACA,MAAMS,aAAa,GAAGC,KAAK,CAACC,IAAI,CAC9B,IAAIC,GAAG,CAACJ,eAAe,CAACK,GAAG,CAACC,MAAM,IAAI,CAACA,MAAM,CAACC,EAAE,EAAED,MAAM,CAAC,CAAC,CAAC,CAACE,MAAM,CAAC,CACrE,CAAC;EAED,MAAMC,IAAI,GAAG7B,sBAAsB,CAACe,aAAa,EAAEM,aAAa,EAAEH,YAAY,CAAC,CAACY,KAAK,CACnF,CAAC,EACD/B,MAAM,CAACgC,qBAAqB,GAAGb,YACjC,CAAC;EAED,IAAI,CAACW,IAAI,EAAEV,MAAM,EAAE;IACjB,OAAO,IAAI;EACb;EAEA,OAAON,eAAe,gBACpBP,KAAA,CAAAF,SAAA;IAAA4B,QAAA,gBACE9B,IAAA,CAACL,cAAc;MAACoC,KAAK,EAAEzB;IAAU,CAAE,CAAC,eACpCN,IAAA,CAACL,cAAc;MAACoC,KAAK,EAAEzB;IAAU,CAAE,CAAC;EAAA,CACpC,CAAC,GAEHqB,IAAI,CAACJ,GAAG,CAACC,MAAM,iBACbxB,IAAA,CAACJ,UAAU;IAEToC,QAAQ,EAAEvC,SAAS,CAACwC,cAAc,CAACT,MAAM,CAAE;IAC3CV,YAAY,EAAEA,YAAa;IAC3BoB,IAAI,EAAEV,MAAM,EAAEU,IAAI,IAAI,SAAU;IAChCC,OAAO,EAAEA,CAAA,KAAM5B,aAAa,CAACiB,MAAM,CAAE;IACrCO,KAAK,EAAEzB,SAAU;IACjBE,SAAS,EAAE,CAAC,CAACA,SAAS,CAAC4B,IAAI,CAACC,eAAe,IAAIA,eAAe,CAACZ,EAAE,KAAKD,MAAM,CAACC,EAAE;EAAE,GAN5ED,MAAM,EAAEC,EAOd,CACF,CACF;AACH","ignoreList":[]}

package/lib/module/views/w3m-connect-view/components/all-wallets-button.js

@@ -0,0 +1,27 @@
+"use strict";
+
+import { useSnapshot } from 'valtio';
+import { ApiController } from '@reown/appkit-core-react-native';
+import { ListWallet } from '@reown/appkit-ui-react-native';
+import { jsx as _jsx } from "react/jsx-runtime";
+export function AllWalletsButton({
+  itemStyle,
+  onPress
+}) {
+  const {
+    installed,
+    count
+  } = useSnapshot(ApiController.state);
+  const total = installed.length + count;
+  const label = total > 10 ? `${Math.floor(total / 10) * 10}+` : total;
+  return /*#__PURE__*/_jsx(ListWallet, {
+    name: "All wallets",
+    showAllWallets: true,
+    tagLabel: String(label),
+    tagVariant: "shade",
+    onPress: onPress,
+    style: itemStyle,
+    testID: "all-wallets"
+  });
+}
+//# sourceMappingURL=all-wallets-button.js.map

package/lib/module/views/w3m-connect-view/components/all-wallets-button.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useSnapshot","ApiController","ListWallet","jsx","_jsx","AllWalletsButton","itemStyle","onPress","installed","count","state","total","length","label","Math","floor","name","showAllWallets","tagLabel","String","tagVariant","style","testID"],"sourceRoot":"../../../../../src","sources":["views/w3m-connect-view/components/all-wallets-button.tsx"],"mappings":";;AAAA,SAASA,WAAW,QAAQ,QAAQ;AACpC,SAASC,aAAa,QAAQ,iCAAiC;AAC/D,SAASC,UAAU,QAAQ,+BAA+B;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQ3D,OAAO,SAASC,gBAAgBA,CAAC;EAAEC,SAAS;EAAEC;AAAe,CAAC,EAAE;EAC9D,MAAM;IAAEC,SAAS;IAAEC;EAAM,CAAC,GAAGT,WAAW,CAACC,aAAa,CAACS,KAAK,CAAC;EAE7D,MAAMC,KAAK,GAAGH,SAAS,CAACI,MAAM,GAAGH,KAAK;EACtC,MAAMI,KAAK,GAAGF,KAAK,GAAG,EAAE,GAAG,GAAGG,IAAI,CAACC,KAAK,CAACJ,KAAK,GAAG,EAAE,CAAC,GAAG,EAAE,GAAG,GAAGA,KAAK;EAEpE,oBACEP,IAAA,CAACF,UAAU;IACTc,IAAI,EAAC,aAAa;IAClBC,cAAc;IACdC,QAAQ,EAAEC,MAAM,CAACN,KAAK,CAAE;IACxBO,UAAU,EAAC,OAAO;IAClBb,OAAO,EAAEA,OAAQ;IACjBc,KAAK,EAAEf,SAAU;IACjBgB,MAAM,EAAC;EAAa,CACrB,CAAC;AAEN","ignoreList":[]}

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

@@ -0,0 +1,35 @@
+"use strict";
+
+import { useSnapshot } from 'valtio';
+import { OptionsController, ApiController, ConnectionController, AssetUtil } from '@reown/appkit-core-react-native';
+import { ListWallet } from '@reown/appkit-ui-react-native';
+import { filterOutRecentWallets } from '../utils';
+import { jsx as _jsx } from "react/jsx-runtime";
+export function CustomWalletList({
+  itemStyle,
+  onWalletPress
+}) {
+  const {
+    installed
+  } = useSnapshot(ApiController.state);
+  const imageHeaders = ApiController._getApiHeaders();
+  const {
+    recentWallets
+  } = useSnapshot(ConnectionController.state);
+  const {
+    customWallets
+  } = useSnapshot(OptionsController.state);
+  const RECENT_COUNT = recentWallets?.length && installed.length ? 1 : recentWallets?.length ?? 0;
+  if (!customWallets?.length) {
+    return null;
+  }
+  const list = filterOutRecentWallets(recentWallets, customWallets, RECENT_COUNT);
+  return list.map(wallet => /*#__PURE__*/_jsx(ListWallet, {
+    imageSrc: AssetUtil.getWalletImage(wallet),
+    imageHeaders: imageHeaders,
+    name: wallet.name,
+    onPress: () => onWalletPress(wallet),
+    style: itemStyle
+  }, wallet.id));
+}
+//# 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","AssetUtil","ListWallet","filterOutRecentWallets","jsx","_jsx","CustomWalletList","itemStyle","onWalletPress","installed","state","imageHeaders","_getApiHeaders","recentWallets","customWallets","RECENT_COUNT","length","list","map","wallet","imageSrc","getWalletImage","name","onPress","style","id"],"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,EAEpBC,SAAS,QACJ,iCAAiC;AACxC,SAASC,UAAU,QAAQ,+BAA+B;AAC1D,SAASC,sBAAsB,QAAQ,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAOlD,OAAO,SAASC,gBAAgBA,CAAC;EAAEC,SAAS;EAAEC;AAAqB,CAAC,EAAE;EACpE,MAAM;IAAEC;EAAU,CAAC,GAAGZ,WAAW,CAACE,aAAa,CAACW,KAAK,CAAC;EACtD,MAAMC,YAAY,GAAGZ,aAAa,CAACa,cAAc,CAAC,CAAC;EACnD,MAAM;IAAEC;EAAc,CAAC,GAAGhB,WAAW,CAACG,oBAAoB,CAACU,KAAK,CAA8B;EAC9F,MAAM;IAAEI;EAAc,CAAC,GAAGjB,WAAW,CAACC,iBAAiB,CAACY,KAAK,CAA2B;EACxF,MAAMK,YAAY,GAAGF,aAAa,EAAEG,MAAM,IAAIP,SAAS,CAACO,MAAM,GAAG,CAAC,GAAGH,aAAa,EAAEG,MAAM,IAAI,CAAC;EAE/F,IAAI,CAACF,aAAa,EAAEE,MAAM,EAAE;IAC1B,OAAO,IAAI;EACb;EAEA,MAAMC,IAAI,GAAGd,sBAAsB,CAACU,aAAa,EAAEC,aAAa,EAAEC,YAAY,CAAC;EAE/E,OAAOE,IAAI,CAACC,GAAG,CAACC,MAAM,iBACpBd,IAAA,CAACH,UAAU;IAETkB,QAAQ,EAAEnB,SAAS,CAACoB,cAAc,CAACF,MAAM,CAAE;IAC3CR,YAAY,EAAEA,YAAa;IAC3BW,IAAI,EAAEH,MAAM,CAACG,IAAK;IAClBC,OAAO,EAAEA,CAAA,KAAMf,aAAa,CAACW,MAAM,CAAE;IACrCK,KAAK,EAAEjB;EAAU,GALZY,MAAM,CAACM,EAMb,CACF,CAAC;AACJ","ignoreList":[]}

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

@@ -0,0 +1,34 @@
+"use strict";
+
+import { useSnapshot } from 'valtio';
+import { ApiController, AssetUtil, ConnectionController } from '@reown/appkit-core-react-native';
+import { ListWallet } from '@reown/appkit-ui-react-native';
+import { jsx as _jsx } from "react/jsx-runtime";
+export function RecentWalletList({
+  itemStyle,
+  onWalletPress
+}) {
+  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 (!recentWallets?.length) {
+    return null;
+  }
+  return recentWallets.slice(0, RECENT_COUNT).map(wallet => {
+    const isInstalled = !!installed.find(installedWallet => installedWallet.id === wallet.id);
+    return /*#__PURE__*/_jsx(ListWallet, {
+      imageSrc: AssetUtil.getWalletImage(wallet),
+      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/module/views/w3m-connect-view/components/recent-wallet-list.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useSnapshot","ApiController","AssetUtil","ConnectionController","ListWallet","jsx","_jsx","RecentWalletList","itemStyle","onWalletPress","installed","state","recentWallets","imageHeaders","_getApiHeaders","RECENT_COUNT","length","slice","map","wallet","isInstalled","find","installedWallet","id","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;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQ3D,OAAO,SAASC,gBAAgBA,CAAC;EAAEC,SAAS;EAAEC;AAAqB,CAAC,EAAE;EACpE,MAAMC,SAAS,GAAGT,aAAa,CAACU,KAAK,CAACD,SAAS;EAC/C,MAAM;IAAEE;EAAc,CAAC,GAAGZ,WAAW,CAACG,oBAAoB,CAACQ,KAAK,CAAC;EACjE,MAAME,YAAY,GAAGZ,aAAa,CAACa,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,CAACJ,aAAa,EAAEI,MAAM,EAAE;IAC1B,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,oBACEjB,IAAA,CAACF,UAAU;MAEToB,QAAQ,EAAEtB,SAAS,CAACuB,cAAc,CAACN,MAAM,CAAE;MAC3CN,YAAY,EAAEA,YAAa;MAC3Ba,IAAI,EAAEP,MAAM,EAAEO,IAAI,IAAI,SAAU;MAChCC,OAAO,EAAEA,CAAA,KAAMlB,aAAa,CAACU,MAAM,EAAEC,WAAW,CAAE;MAClDQ,QAAQ,EAAC,QAAQ;MACjBC,UAAU,EAAC,OAAO;MAClBC,KAAK,EAAEtB,SAAU;MACjBE,SAAS,EAAEU;IAAY,GARlBD,MAAM,EAAEI,EASd,CAAC;EAEN,CAAC,CAAC;AACJ","ignoreList":[]}

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

@@ -0,0 +1,84 @@
+"use strict";
+
+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 { EventsController, RouterController } from '@reown/appkit-core-react-native';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+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 => {
+    if (provider === 'email') {
+      EventsController.sendEvent({
+        type: 'track',
+        event: 'EMAIL_LOGIN_SELECTED'
+      });
+    } else {
+      EventsController.sendEvent({
+        type: 'track',
+        event: 'SOCIAL_LOGIN_STARTED',
+        properties: {
+          provider
+        }
+      });
+    }
+    RouterController.push('ConnectingSocial', {
+      socialProvider: provider
+    });
+  };
+  const onMorePress = () => {
+    RouterController.push('ConnectSocials');
+  };
+  return /*#__PURE__*/_jsxs(FlexView, {
+    padding: ['xs', 's', '0', 's'],
+    children: [topSocial && /*#__PURE__*/_jsx(ListSocial, {
+      logo: topSocial,
+      disabled: disabled,
+      onPress: () => onItemPress(topSocial),
+      children: /*#__PURE__*/_jsx(Text, {
+        style: styles.topDescription,
+        color: disabled ? 'fg-300' : 'fg-100',
+        children: `Continue with ${StringUtil.capitalize(topSocial)}`
+      })
+    }), /*#__PURE__*/_jsxs(FlexView, {
+      flexDirection: "row",
+      justifyContent: "space-between",
+      margin: ['xs', '0', '0', '0'],
+      children: [bottomSocials?.map((social, index) => /*#__PURE__*/_jsx(LogoSelect, {
+        disabled: disabled,
+        logo: social,
+        onPress: () => onItemPress(social),
+        style: [styles.socialItem, index === 0 && styles.socialItemFirst, !showMoreButton && index === bottomSocials.length - 1 && styles.socialItemLast]
+      }, social)), showMoreButton && /*#__PURE__*/_jsx(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","EventsController","RouterController","jsx","_jsx","jsxs","_jsxs","MAX_OPTIONS","SocialLoginList","options","disabled","showBigSocial","length","showMoreButton","topSocial","bottomSocials","slice","onItemPress","provider","sendEvent","type","event","properties","push","socialProvider","onMorePress","padding","children","logo","onPress","style","styles","topDescription","color","capitalize","flexDirection","justifyContent","margin","map","social","index","socialItem","socialItemFirst","socialItemLast","create","textAlign","flex","marginHorizontal","marginLeft","marginRight"],"sourceRoot":"../../../../../src","sources":["views/w3m-connect-view/components/social-login-list.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,QAAQ,EAAEC,UAAU,EAAEC,UAAU,EAAEC,OAAO,EAAEC,IAAI,QAAQ,+BAA+B;AAC/F,SAA8BC,UAAU,QAAQ,mCAAmC;AACnF,SAASC,gBAAgB,EAAEC,gBAAgB,QAAQ,iCAAiC;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAOrF,MAAMC,WAAW,GAAG,CAAC;AAErB,OAAO,SAASC,eAAeA,CAAC;EAAEC,OAAO;EAAEC;AAA+B,CAAC,EAAE;EAC3E,MAAMC,aAAa,GAAGF,OAAO,EAAEG,MAAM,GAAG,CAAC,IAAIH,OAAO,EAAEG,MAAM,KAAK,CAAC;EAClE,MAAMC,cAAc,GAAGJ,OAAO,EAAEG,MAAM,GAAGL,WAAW;EACpD,MAAMO,SAAS,GAAGH,aAAa,GAAGF,OAAO,CAAC,CAAC,CAAC,GAAG,IAAI;EACnD,IAAIM,aAAa,GAAGJ,aAAa,GAAGF,OAAO,CAACO,KAAK,CAAC,CAAC,CAAC,GAAGP,OAAO;EAC9DM,aAAa,GAAGF,cAAc,GAAGE,aAAa,CAACC,KAAK,CAAC,CAAC,EAAET,WAAW,GAAG,CAAC,CAAC,GAAGQ,aAAa;EAExF,MAAME,WAAW,GAAIC,QAAwB,IAAK;IAChD,IAAIA,QAAQ,KAAK,OAAO,EAAE;MACxBjB,gBAAgB,CAACkB,SAAS,CAAC;QACzBC,IAAI,EAAE,OAAO;QACbC,KAAK,EAAE;MACT,CAAC,CAAC;IACJ,CAAC,MAAM;MACLpB,gBAAgB,CAACkB,SAAS,CAAC;QACzBC,IAAI,EAAE,OAAO;QACbC,KAAK,EAAE,sBAAsB;QAC7BC,UAAU,EAAE;UAAEJ;QAAS;MACzB,CAAC,CAAC;IACJ;IAEAhB,gBAAgB,CAACqB,IAAI,CAAC,kBAAkB,EAAE;MAAEC,cAAc,EAAEN;IAAS,CAAC,CAAC;EACzE,CAAC;EAED,MAAMO,WAAW,GAAGA,CAAA,KAAM;IACxBvB,gBAAgB,CAACqB,IAAI,CAAC,gBAAgB,CAAC;EACzC,CAAC;EAED,oBACEjB,KAAA,CAACX,QAAQ;IAAC+B,OAAO,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAE;IAAAC,QAAA,GACtCb,SAAS,iBACRV,IAAA,CAACR,UAAU;MAACgC,IAAI,EAAEd,SAAU;MAACJ,QAAQ,EAAEA,QAAS;MAACmB,OAAO,EAAEA,CAAA,KAAMZ,WAAW,CAACH,SAAS,CAAE;MAAAa,QAAA,eACrFvB,IAAA,CAACL,IAAI;QAAC+B,KAAK,EAAEC,MAAM,CAACC,cAAe;QAACC,KAAK,EAAEvB,QAAQ,GAAG,QAAQ,GAAG,QAAS;QAAAiB,QAAA,EACvE,iBAAiB3B,UAAU,CAACkC,UAAU,CAACpB,SAAS,CAAC;MAAE,CAChD;IAAC,CACG,CACb,eACDR,KAAA,CAACX,QAAQ;MAACwC,aAAa,EAAC,KAAK;MAACC,cAAc,EAAC,eAAe;MAACC,MAAM,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAE;MAAAV,QAAA,GACxFZ,aAAa,EAAEuB,GAAG,CAAC,CAACC,MAAsB,EAAEC,KAAK,kBAChDpC,IAAA,CAACP,UAAU;QAETa,QAAQ,EAAEA,QAAS;QACnBkB,IAAI,EAAEW,MAAO;QACbV,OAAO,EAAEA,CAAA,KAAMZ,WAAW,CAACsB,MAAM,CAAE;QACnCT,KAAK,EAAE,CACLC,MAAM,CAACU,UAAU,EACjBD,KAAK,KAAK,CAAC,IAAIT,MAAM,CAACW,eAAe,EACrC,CAAC7B,cAAc,IAAI2B,KAAK,KAAKzB,aAAa,CAACH,MAAM,GAAG,CAAC,IAAImB,MAAM,CAACY,cAAc;MAC9E,GARGJ,MASN,CACF,CAAC,EACD1B,cAAc,iBACbT,IAAA,CAACP,UAAU;QACT+B,IAAI,EAAC,MAAM;QACXlB,QAAQ,EAAEA,QAAS;QACnBoB,KAAK,EAAE,CAACC,MAAM,CAACU,UAAU,EAAEV,MAAM,CAACY,cAAc,CAAE;QAClDd,OAAO,EAAEJ;MAAY,CACtB,CACF;IAAA,CACO,CAAC;EAAA,CACH,CAAC;AAEf;AAEA,MAAMM,MAAM,GAAGrC,UAAU,CAACkD,MAAM,CAAC;EAC/BZ,cAAc,EAAE;IACda,SAAS,EAAE;EACb,CAAC;EACDJ,UAAU,EAAE;IACVK,IAAI,EAAE,CAAC;IACPC,gBAAgB,EAAEjD,OAAO,CAAC,KAAK;EACjC,CAAC;EACD4C,eAAe,EAAE;IACfM,UAAU,EAAE;EACd,CAAC;EACDL,cAAc,EAAE;IACdM,WAAW,EAAE;EACf;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,122 @@
+"use strict";
+
+import { useSnapshot } from 'valtio';
+import { ScrollView, View } from 'react-native';
+import { ApiController, EventUtil, EventsController, OptionsController, RouterController } from '@reown/appkit-core-react-native';
+import { FlexView, Icon, ListItem, Separator, Text } from '@reown/appkit-ui-react-native';
+import { ConstantsUtil } from '@reown/appkit-common-react-native';
+import { useCustomDimensions } from '../../hooks/useCustomDimensions';
+import { Placeholder } from '../../partials/w3m-placeholder';
+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 styles from './styles';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+export function ConnectView() {
+  const {
+    prefetchError
+  } = useSnapshot(ApiController.state);
+  const {
+    features
+  } = useSnapshot(OptionsController.state);
+  const {
+    padding
+  } = useCustomDimensions();
+  const isSocialEnabled = features?.socials && features?.socials.length > 0;
+  const showConnectWalletsButton = isSocialEnabled && !features?.showWallets;
+  const showLoadingError = !showConnectWalletsButton && prefetchError;
+  const showList = !showConnectWalletsButton && !showLoadingError;
+  const onWalletPress = (wallet, isInstalled) => {
+    const isExternal = wallet.id === ConstantsUtil.PHANTOM_EXPLORER_ID || wallet.id === ConstantsUtil.COINBASE_EXPLORER_ID;
+    if (isExternal) {
+      RouterController.push('ConnectingExternal', {
+        wallet
+      });
+    } else {
+      RouterController.push('ConnectingWalletConnect', {
+        wallet
+      });
+    }
+    const platform = EventUtil.getWalletPlatform(wallet, isInstalled);
+    EventsController.sendEvent({
+      type: 'track',
+      event: 'SELECT_WALLET',
+      properties: {
+        name: wallet.name ?? 'Unknown',
+        platform,
+        explorer_id: wallet.id
+      }
+    });
+  };
+  const onViewAllPress = () => {
+    RouterController.push('AllWallets');
+    EventsController.sendEvent({
+      type: 'track',
+      event: 'CLICK_ALL_WALLETS'
+    });
+  };
+  return /*#__PURE__*/_jsx(ScrollView, {
+    style: {
+      paddingHorizontal: padding
+    },
+    bounces: false,
+    children: /*#__PURE__*/_jsxs(FlexView, {
+      padding: ['xs', '0', '2xl', '0'],
+      children: [isSocialEnabled && /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx(SocialLoginList, {
+          options: features?.socials
+        }), /*#__PURE__*/_jsx(Separator, {
+          text: "or",
+          style: styles.socialSeparator
+        })]
+      }), /*#__PURE__*/_jsxs(FlexView, {
+        padding: ['0', 's', 'xs', 's'],
+        children: [showConnectWalletsButton && /*#__PURE__*/_jsxs(ListItem, {
+          contentStyle: styles.connectWalletButton,
+          onPress: onViewAllPress,
+          children: [/*#__PURE__*/_jsx(Icon, {
+            name: "wallet",
+            size: "lg"
+          }), /*#__PURE__*/_jsx(Text, {
+            variant: "paragraph-500",
+            children: "Continue with a wallet"
+          }), /*#__PURE__*/_jsx(View, {
+            style: styles.connectWalletEmpty
+          })]
+        }), showLoadingError && /*#__PURE__*/_jsxs(FlexView, {
+          alignItems: "center",
+          justifyContent: "center",
+          margin: ['l', '0', '0', '0'],
+          children: [/*#__PURE__*/_jsx(Placeholder, {
+            icon: "warningCircle",
+            iconColor: "error-100",
+            title: "Oops, we couldn\u2019t load the wallets at the moment",
+            description: `This might be due to a temporary network issue.\nPlease try reloading to see if that helps.`,
+            actionIcon: "refresh",
+            actionPress: ApiController.prefetch,
+            actionTitle: "Retry"
+          }), /*#__PURE__*/_jsx(Separator, {
+            style: styles.socialSeparator
+          })]
+        }), showList && /*#__PURE__*/_jsxs(_Fragment, {
+          children: [/*#__PURE__*/_jsx(RecentWalletList, {
+            itemStyle: styles.item,
+            onWalletPress: onWalletPress
+          }), /*#__PURE__*/_jsx(AllWalletList, {
+            itemStyle: styles.item,
+            onWalletPress: onWalletPress
+          }), /*#__PURE__*/_jsx(CustomWalletList, {
+            itemStyle: styles.item,
+            onWalletPress: onWalletPress
+          }), /*#__PURE__*/_jsx(AllWalletsButton, {
+            itemStyle: styles.item,
+            onPress: onViewAllPress
+          })]
+        })]
+      })]
+    })
+  });
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useSnapshot","ScrollView","View","ApiController","EventUtil","EventsController","OptionsController","RouterController","FlexView","Icon","ListItem","Separator","Text","ConstantsUtil","useCustomDimensions","Placeholder","CustomWalletList","AllWalletsButton","AllWalletList","RecentWalletList","SocialLoginList","styles","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","ConnectView","prefetchError","state","features","padding","isSocialEnabled","socials","length","showConnectWalletsButton","showWallets","showLoadingError","showList","onWalletPress","wallet","isInstalled","isExternal","id","PHANTOM_EXPLORER_ID","COINBASE_EXPLORER_ID","push","platform","getWalletPlatform","sendEvent","type","event","properties","name","explorer_id","onViewAllPress","style","paddingHorizontal","bounces","children","options","text","socialSeparator","contentStyle","connectWalletButton","onPress","size","variant","connectWalletEmpty","alignItems","justifyContent","margin","icon","iconColor","title","description","actionIcon","actionPress","prefetch","actionTitle","itemStyle","item"],"sourceRoot":"../../../../src","sources":["views/w3m-connect-view/index.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,20 @@
+"use strict";
+
+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","ignoreList":[]}

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

@@ -0,0 +1,9 @@
+"use strict";
+
+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","ignoreList":[]}

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

@@ -0,0 +1,119 @@
+"use strict";
+
+import { useSnapshot } from 'valtio';
+import { useCallback, useEffect, useState } from 'react';
+import { ScrollView } from 'react-native';
+import { RouterController, ApiController, EventsController, ConnectionController, AssetUtil } 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';
+import { useAppKit } from '../../AppKitContext';
+import { ConstantsUtil } from '@reown/appkit-common-react-native';
+import { UiUtil } from '../../utils/UiUtil';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function ConnectingExternalView() {
+  const {
+    data
+  } = useSnapshot(RouterController.state);
+  const {
+    connect
+  } = useAppKit();
+  const {
+    maxWidth: width
+  } = useCustomDimensions();
+  const [errorType, setErrorType] = useState();
+  const bodyMessage = getMessage({
+    walletName: data?.wallet?.name,
+    errorType
+  });
+  const onRetryPress = () => {
+    setErrorType(undefined);
+    onConnect();
+  };
+  const onConnect = useCallback(async () => {
+    try {
+      const wallet = RouterController.state.data?.wallet;
+      if (wallet) {
+        if (wallet.id === ConstantsUtil.PHANTOM_EXPLORER_ID) {
+          await connect('phantom');
+        } else if (wallet.id === ConstantsUtil.COINBASE_EXPLORER_ID) {
+          await connect('coinbase');
+        } else {
+          // All other wallets are handled by WalletConnect connector
+          return;
+        }
+        UiUtil.storeRecentWallet(wallet);
+        ConnectionController.setPressedWallet(wallet);
+        EventsController.sendEvent({
+          type: 'track',
+          event: 'CONNECT_SUCCESS',
+          properties: {
+            name: wallet?.name ?? 'Unknown',
+            method: 'mobile',
+            explorer_id: 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'
+        }
+      });
+    }
+  }, [connect]);
+  useEffect(() => {
+    onConnect();
+  }, [onConnect]);
+  return /*#__PURE__*/_jsx(ScrollView, {
+    bounces: false,
+    fadingEdgeLength: 20,
+    contentContainerStyle: styles.container,
+    children: /*#__PURE__*/_jsxs(FlexView, {
+      alignItems: "center",
+      alignSelf: "center",
+      padding: ['2xl', 'l', '0', 'l'],
+      style: {
+        width
+      },
+      children: [/*#__PURE__*/_jsxs(LoadingThumbnail, {
+        paused: !!errorType,
+        children: [/*#__PURE__*/_jsx(WalletImage, {
+          size: "xl",
+          imageSrc: AssetUtil.getWalletImage(data?.wallet),
+          imageHeaders: ApiController._getApiHeaders()
+        }), errorType && /*#__PURE__*/_jsx(IconBox, {
+          icon: 'close',
+          border: true,
+          background: true,
+          backgroundColor: "icon-box-bg-error-100",
+          size: "sm",
+          iconColor: "error-100",
+          style: styles.errorIcon
+        })]
+      }), /*#__PURE__*/_jsx(ConnectingBody, {
+        title: bodyMessage.title,
+        description: bodyMessage.description
+      }), errorType !== 'not_installed' && /*#__PURE__*/_jsx(Button, {
+        size: "sm",
+        variant: "accent",
+        iconLeft: "refresh",
+        style: styles.retryButton,
+        iconStyle: styles.retryIcon,
+        onPress: onRetryPress,
+        children: "Try again"
+      })]
+    })
+  });
+}
+//# sourceMappingURL=index.js.map