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

package/lib/module/utils/HelpersUtil.js

@@ -0,0 +1,148 @@
+import { solana, solanaDevnet } from '../networks/solana';
+// import { EnsController, type OptionsControllerState } from '@reown/appkit-controllers'
+
+// import { solana, solanaDevnet } from '../networks/index.js'
+
+export const DEFAULT_METHODS = {
+  solana: ['solana_signMessage', 'solana_signTransaction', 'solana_requestAccounts', 'solana_getAccounts', 'solana_signAllTransactions', 'solana_signAndSendTransaction'],
+  eip155: ['eth_accounts', 'eth_requestAccounts', 'eth_sendRawTransaction', 'eth_sign', 'eth_signTransaction', 'eth_signTypedData', 'eth_signTypedData_v3', 'eth_signTypedData_v4', 'eth_sendTransaction', 'personal_sign', 'wallet_switchEthereumChain', 'wallet_addEthereumChain', 'wallet_getPermissions', 'wallet_requestPermissions', 'wallet_registerOnboarding', 'wallet_watchAsset', 'wallet_scanQRCode',
+  // EIP-5792
+  'wallet_getCallsStatus', 'wallet_showCallsStatus', 'wallet_sendCalls', 'wallet_getCapabilities',
+  // EIP-7715
+  'wallet_grantPermissions', 'wallet_revokePermissions',
+  //EIP-7811
+  'wallet_getAssets'],
+  bip122: ['sendTransfer', 'signMessage', 'signPsbt', 'getAccountAddresses']
+};
+export const WcHelpersUtil = {
+  getMethodsByChainNamespace(chainNamespace) {
+    return DEFAULT_METHODS[chainNamespace] || [];
+  },
+  createDefaultNamespace(chainNamespace) {
+    return {
+      methods: this.getMethodsByChainNamespace(chainNamespace),
+      events: ['accountsChanged', 'chainChanged'],
+      chains: [],
+      rpcMap: {}
+    };
+  },
+  applyNamespaceOverrides(baseNamespaces, overrides) {
+    if (!overrides) {
+      return {
+        ...baseNamespaces
+      };
+    }
+    const result = {
+      ...baseNamespaces
+    };
+    const namespacesToOverride = new Set();
+    if (overrides.methods) {
+      Object.keys(overrides.methods).forEach(ns => namespacesToOverride.add(ns));
+    }
+    if (overrides.chains) {
+      Object.keys(overrides.chains).forEach(ns => namespacesToOverride.add(ns));
+    }
+    if (overrides.events) {
+      Object.keys(overrides.events).forEach(ns => namespacesToOverride.add(ns));
+    }
+    if (overrides.rpcMap) {
+      Object.keys(overrides.rpcMap).forEach(chainId => {
+        const [ns] = chainId.split(':');
+        if (ns) {
+          namespacesToOverride.add(ns);
+        }
+      });
+    }
+    namespacesToOverride.forEach(ns => {
+      if (!result[ns]) {
+        result[ns] = this.createDefaultNamespace(ns);
+      }
+    });
+    if (overrides.methods) {
+      Object.entries(overrides.methods).forEach(([ns, methods]) => {
+        if (result[ns]) {
+          //@ts-ignore
+          result[ns].methods = methods;
+        }
+      });
+    }
+    if (overrides.chains) {
+      Object.entries(overrides.chains).forEach(([ns, chains]) => {
+        if (result[ns]) {
+          //@ts-ignore
+          result[ns].chains = chains;
+        }
+      });
+    }
+    if (overrides.events) {
+      Object.entries(overrides.events).forEach(([ns, events]) => {
+        if (result[ns]) {
+          //@ts-ignore
+          result[ns].events = events;
+        }
+      });
+    }
+    if (overrides.rpcMap) {
+      const processedNamespaces = new Set();
+      Object.entries(overrides.rpcMap).forEach(([chainId, rpcUrl]) => {
+        const [ns, id] = chainId.split(':');
+        if (!ns || !id || !result[ns]) {
+          return;
+        }
+
+        //@ts-ignore
+        if (!result[ns].rpcMap) {
+          //@ts-ignore
+          result[ns].rpcMap = {};
+        }
+
+        //@ts-ignore
+        if (!processedNamespaces.has(ns)) {
+          //@ts-ignore
+          result[ns].rpcMap = {};
+          processedNamespaces.add(ns);
+        }
+
+        //@ts-ignore
+        result[ns].rpcMap[id] = rpcUrl;
+      });
+    }
+    return result;
+  },
+  createNamespaces(caipNetworks, configOverride) {
+    const defaultNamespaces = caipNetworks.reduce((acc, chain) => {
+      const {
+        id,
+        rpcUrls
+      } = chain;
+      const chainNamespace = chain.chainNamespace || 'eip155';
+      const rpcUrl = rpcUrls.default.http[0];
+      if (!acc[chainNamespace]) {
+        acc[chainNamespace] = this.createDefaultNamespace(chainNamespace);
+      }
+      const caipNetworkId = `${chainNamespace}:${id}`;
+      const namespace = acc[chainNamespace];
+      if (namespace) {
+        //@ts-ignore
+        namespace.chains.push(caipNetworkId);
+
+        // Workaround for wallets that only support deprecated Solana network ID
+        switch (caipNetworkId) {
+          case solana.caipNetworkId:
+            namespace.chains.push(solana.deprecatedCaipNetworkId);
+            break;
+          case solanaDevnet.caipNetworkId:
+            namespace.chains.push(solanaDevnet.deprecatedCaipNetworkId);
+            break;
+          default:
+        }
+        if (namespace?.rpcMap && rpcUrl) {
+          namespace.rpcMap[id] = rpcUrl;
+        }
+      }
+      return acc;
+    }, {});
+    return this.applyNamespaceOverrides(defaultNamespaces, configOverride);
+  }
+};
+//# sourceMappingURL=HelpersUtil.js.map

package/lib/module/utils/HelpersUtil.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["solana","solanaDevnet","DEFAULT_METHODS","eip155","bip122","WcHelpersUtil","getMethodsByChainNamespace","chainNamespace","createDefaultNamespace","methods","events","chains","rpcMap","applyNamespaceOverrides","baseNamespaces","overrides","result","namespacesToOverride","Set","Object","keys","forEach","ns","add","chainId","split","entries","processedNamespaces","rpcUrl","id","has","createNamespaces","caipNetworks","configOverride","defaultNamespaces","reduce","acc","chain","rpcUrls","default","http","caipNetworkId","namespace","push","deprecatedCaipNetworkId"],"sourceRoot":"../../../src","sources":["utils/HelpersUtil.ts"],"mappings":"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"}

package/lib/module/utils/NetworkUtil.js

@@ -0,0 +1,41 @@
+import { ConstantsUtil } from '@reown/appkit-common-react-native';
+export const NetworkUtil = {
+  //TODO: check this function
+  formatNetworks(networks, projectId) {
+    return networks.map(network => {
+      const formattedNetwork = {
+        ...network,
+        rpcUrls: {
+          ...network.rpcUrls
+        }
+      };
+      Object.keys(formattedNetwork.rpcUrls).forEach(key => {
+        const rpcConfig = formattedNetwork.rpcUrls[key];
+        if (rpcConfig?.http?.some(url => url.includes(ConstantsUtil.BLOCKCHAIN_API_RPC_URL))) {
+          formattedNetwork.rpcUrls[key] = {
+            ...rpcConfig,
+            http: [this.getBlockchainApiRpcUrl(network.caipNetworkId ?? `${network.chainNamespace ?? 'eip155'}:${network.id}`, projectId)]
+          };
+        }
+      });
+      return formattedNetwork;
+    });
+  },
+  getBlockchainApiRpcUrl(caipNetworkId, projectId) {
+    const url = new URL(`${ConstantsUtil.BLOCKCHAIN_API_RPC_URL}/v1/`);
+    url.searchParams.set('chainId', caipNetworkId);
+    url.searchParams.set('projectId', projectId);
+    return url.toString();
+  },
+  getDefaultChainId(network) {
+    if (!network) return undefined;
+    if (network.caipNetworkId) {
+      return network.caipNetworkId;
+    }
+    if (network.chainNamespace) {
+      return `${network.chainNamespace}:${network.id}`;
+    }
+    return `eip155:${network.id}`;
+  }
+};
+//# sourceMappingURL=NetworkUtil.js.map

package/lib/module/utils/NetworkUtil.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ConstantsUtil","NetworkUtil","formatNetworks","networks","projectId","map","network","formattedNetwork","rpcUrls","Object","keys","forEach","key","rpcConfig","http","some","url","includes","BLOCKCHAIN_API_RPC_URL","getBlockchainApiRpcUrl","caipNetworkId","chainNamespace","id","URL","searchParams","set","toString","getDefaultChainId","undefined"],"sourceRoot":"../../../src","sources":["utils/NetworkUtil.ts"],"mappings":"AAAA,SAASA,aAAa,QAAQ,mCAAmC;AAGjE,OAAO,MAAMC,WAAW,GAAG;EACzB;EACAC,cAAcA,CAACC,QAAyB,EAAEC,SAAiB,EAAmB;IAC5E,OAAOD,QAAQ,CAACE,GAAG,CAACC,OAAO,IAAI;MAC7B,MAAMC,gBAAgB,GAAG;QACvB,GAAGD,OAAO;QACVE,OAAO,EAAE;UAAE,GAAGF,OAAO,CAACE;QAAQ;MAChC,CAAC;MAEDC,MAAM,CAACC,IAAI,CAACH,gBAAgB,CAACC,OAAO,CAAC,CAACG,OAAO,CAACC,GAAG,IAAI;QACnD,MAAMC,SAAS,GAAGN,gBAAgB,CAACC,OAAO,CAACI,GAAG,CAAC;QAC/C,IAAIC,SAAS,EAAEC,IAAI,EAAEC,IAAI,CAACC,GAAG,IAAIA,GAAG,CAACC,QAAQ,CAACjB,aAAa,CAACkB,sBAAsB,CAAC,CAAC,EAAE;UACpFX,gBAAgB,CAACC,OAAO,CAACI,GAAG,CAAC,GAAG;YAC9B,GAAGC,SAAS;YACZC,IAAI,EAAE,CACJ,IAAI,CAACK,sBAAsB,CACzBb,OAAO,CAACc,aAAa,IAAK,GAAEd,OAAO,CAACe,cAAc,IAAI,QAAS,IAAGf,OAAO,CAACgB,EAAG,EAAC,EAC9ElB,SACF,CAAC;UAEL,CAAC;QACH;MACF,CAAC,CAAC;MAEF,OAAOG,gBAAgB;IACzB,CAAC,CAAC;EACJ,CAAC;EAEDY,sBAAsBA,CAACC,aAA4B,EAAEhB,SAAiB,EAAE;IACtE,MAAMY,GAAG,GAAG,IAAIO,GAAG,CAAE,GAAEvB,aAAa,CAACkB,sBAAuB,MAAK,CAAC;IAClEF,GAAG,CAACQ,YAAY,CAACC,GAAG,CAAC,SAAS,EAAEL,aAAa,CAAC;IAC9CJ,GAAG,CAACQ,YAAY,CAACC,GAAG,CAAC,WAAW,EAAErB,SAAS,CAAC;IAE5C,OAAOY,GAAG,CAACU,QAAQ,CAAC,CAAC;EACvB,CAAC;EAEDC,iBAAiBA,CAACrB,OAAuB,EAA6B;IACpE,IAAI,CAACA,OAAO,EAAE,OAAOsB,SAAS;IAE9B,IAAItB,OAAO,CAACc,aAAa,EAAE;MACzB,OAAOd,OAAO,CAACc,aAAa;IAC9B;IAEA,IAAId,OAAO,CAACe,cAAc,EAAE;MAC1B,OAAQ,GAAEf,OAAO,CAACe,cAAe,IAAGf,OAAO,CAACgB,EAAG,EAAC;IAClD;IAEA,OAAQ,UAAShB,OAAO,CAACgB,EAAG,EAAC;EAC/B;AACF,CAAC"}

package/lib/module/utils/UiUtil.js

@@ -0,0 +1,23 @@
+import { AssetUtil, ConnectionController, StorageUtil } from '@reown/appkit-core-react-native';
+import { LayoutAnimation } from 'react-native';
+export const UiUtil = {
+  TOTAL_VISIBLE_WALLETS: 4,
+  createViewTransition: () => {
+    LayoutAnimation.configureNext(LayoutAnimation.create(200, 'easeInEaseOut', 'opacity'));
+  },
+  animateChange: (type = 'linear', creationProp = 'scaleX') => {
+    LayoutAnimation.configureNext(LayoutAnimation.create(150, type, creationProp));
+  },
+  storeConnectedWallet: async (wcLinking, pressedWallet) => {
+    StorageUtil.setWalletConnectDeepLink(wcLinking);
+    if (pressedWallet) {
+      const recentWallets = await StorageUtil.addRecentWallet(pressedWallet);
+      if (recentWallets) {
+        ConnectionController.setRecentWallets(recentWallets);
+      }
+      const url = AssetUtil.getWalletImage(pressedWallet);
+      ConnectionController.setConnectedWalletImageUrl(url);
+    }
+  }
+};
+//# sourceMappingURL=UiUtil.js.map

package/lib/module/utils/UiUtil.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["AssetUtil","ConnectionController","StorageUtil","LayoutAnimation","UiUtil","TOTAL_VISIBLE_WALLETS","createViewTransition","configureNext","create","animateChange","type","creationProp","storeConnectedWallet","wcLinking","pressedWallet","setWalletConnectDeepLink","recentWallets","addRecentWallet","setRecentWallets","url","getWalletImage","setConnectedWalletImageUrl"],"sourceRoot":"../../../src","sources":["utils/UiUtil.ts"],"mappings":"AAAA,SACEA,SAAS,EACTC,oBAAoB,EACpBC,WAAW,QAEN,iCAAiC;AACxC,SACEC,eAAe,QAGV,cAAc;AAErB,OAAO,MAAMC,MAAM,GAAG;EACpBC,qBAAqB,EAAE,CAAC;EAExBC,oBAAoB,EAAEA,CAAA,KAAM;IAC1BH,eAAe,CAACI,aAAa,CAACJ,eAAe,CAACK,MAAM,CAAC,GAAG,EAAE,eAAe,EAAE,SAAS,CAAC,CAAC;EACxF,CAAC;EAEDC,aAAa,EAAEA,CACbC,IAAyB,GAAG,QAAQ,EACpCC,YAAqC,GAAG,QAAQ,KAC7C;IACHR,eAAe,CAACI,aAAa,CAACJ,eAAe,CAACK,MAAM,CAAC,GAAG,EAAEE,IAAI,EAAEC,YAAY,CAAC,CAAC;EAChF,CAAC;EAEDC,oBAAoB,EAAE,MAAAA,CACpBC,SAAyC,EACzCC,aAAwB,KACrB;IACHZ,WAAW,CAACa,wBAAwB,CAACF,SAAS,CAAC;IAE/C,IAAIC,aAAa,EAAE;MACjB,MAAME,aAAa,GAAG,MAAMd,WAAW,CAACe,eAAe,CAACH,aAAa,CAAC;MACtE,IAAIE,aAAa,EAAE;QACjBf,oBAAoB,CAACiB,gBAAgB,CAACF,aAAa,CAAC;MACtD;MACA,MAAMG,GAAG,GAAGnB,SAAS,CAACoB,cAAc,CAACN,aAAa,CAAC;MACnDb,oBAAoB,CAACoB,0BAA0B,CAACF,GAAG,CAAC;IACtD;EACF;AACF,CAAC"}

package/lib/module/views/w3m-account-default-view/components/auth-buttons.js

@@ -0,0 +1,53 @@
+import { StyleSheet } from 'react-native';
+import { UpgradeWalletButton } from './upgrade-wallet-button';
+import { ListItem, ListSocial, Spacing, Text } from '@reown/appkit-ui-react-native';
+export function AuthButtons({
+  onUpgradePress,
+  onPress,
+  socialProvider,
+  text,
+  style
+}) {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(UpgradeWalletButton, {
+    onPress: onUpgradePress,
+    style: styles.upgradeButton
+  }), socialProvider ? /*#__PURE__*/React.createElement(ListSocial, {
+    logo: socialProvider,
+    logoHeight: 32,
+    logoWidth: 32,
+    style: [styles.socialContainer, style]
+  }, /*#__PURE__*/React.createElement(Text, {
+    color: "fg-100",
+    numberOfLines: 1,
+    ellipsizeMode: "tail",
+    style: styles.socialText
+  }, text)) : /*#__PURE__*/React.createElement(ListItem, {
+    icon: "mail",
+    onPress: onPress,
+    chevron: true,
+    testID: "button-email",
+    iconColor: "fg-100",
+    style: style
+  }, /*#__PURE__*/React.createElement(Text, {
+    color: "fg-100",
+    numberOfLines: 1,
+    ellipsizeMode: "tail"
+  }, text)));
+}
+const styles = StyleSheet.create({
+  actionButton: {
+    marginBottom: Spacing.xs
+  },
+  upgradeButton: {
+    marginBottom: Spacing.s
+  },
+  socialContainer: {
+    justifyContent: 'flex-start',
+    width: '100%'
+  },
+  socialText: {
+    flex: 1,
+    marginLeft: Spacing.s
+  }
+});
+//# sourceMappingURL=auth-buttons.js.map

package/lib/module/views/w3m-account-default-view/components/auth-buttons.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","UpgradeWalletButton","ListItem","ListSocial","Spacing","Text","AuthButtons","onUpgradePress","onPress","socialProvider","text","style","React","createElement","Fragment","styles","upgradeButton","logo","logoHeight","logoWidth","socialContainer","color","numberOfLines","ellipsizeMode","socialText","icon","chevron","testID","iconColor","create","actionButton","marginBottom","xs","s","justifyContent","width","flex","marginLeft"],"sourceRoot":"../../../../../src","sources":["views/w3m-account-default-view/components/auth-buttons.tsx"],"mappings":"AAAA,SAASA,UAAU,QAAwC,cAAc;AACzE,SAASC,mBAAmB,QAAQ,yBAAyB;AAC7D,SAASC,QAAQ,EAAEC,UAAU,EAAEC,OAAO,EAAEC,IAAI,QAAQ,+BAA+B;AAWnF,OAAO,SAASC,WAAWA,CAAC;EAC1BC,cAAc;EACdC,OAAO;EACPC,cAAc;EACdC,IAAI;EACJC;AACgB,CAAC,EAAE;EACnB,oBACEC,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,qBACEF,KAAA,CAAAC,aAAA,CAACZ,mBAAmB;IAACO,OAAO,EAAED,cAAe;IAACI,KAAK,EAAEI,MAAM,CAACC;EAAc,CAAE,CAAC,EAC5EP,cAAc,gBACbG,KAAA,CAAAC,aAAA,CAACV,UAAU;IACTc,IAAI,EAAER,cAAe;IACrBS,UAAU,EAAE,EAAG;IACfC,SAAS,EAAE,EAAG;IACdR,KAAK,EAAE,CAACI,MAAM,CAACK,eAAe,EAAET,KAAK;EAAE,gBAEvCC,KAAA,CAAAC,aAAA,CAACR,IAAI;IAACgB,KAAK,EAAC,QAAQ;IAACC,aAAa,EAAE,CAAE;IAACC,aAAa,EAAC,MAAM;IAACZ,KAAK,EAAEI,MAAM,CAACS;EAAW,GAClFd,IACG,CACI,CAAC,gBAEbE,KAAA,CAAAC,aAAA,CAACX,QAAQ;IACPuB,IAAI,EAAC,MAAM;IACXjB,OAAO,EAAEA,OAAQ;IACjBkB,OAAO;IACPC,MAAM,EAAC,cAAc;IACrBC,SAAS,EAAC,QAAQ;IAClBjB,KAAK,EAAEA;EAAM,gBAEbC,KAAA,CAAAC,aAAA,CAACR,IAAI;IAACgB,KAAK,EAAC,QAAQ;IAACC,aAAa,EAAE,CAAE;IAACC,aAAa,EAAC;EAAM,GACxDb,IACG,CACE,CAEZ,CAAC;AAEP;AAEA,MAAMK,MAAM,GAAGf,UAAU,CAAC6B,MAAM,CAAC;EAC/BC,YAAY,EAAE;IACZC,YAAY,EAAE3B,OAAO,CAAC4B;EACxB,CAAC;EACDhB,aAAa,EAAE;IACbe,YAAY,EAAE3B,OAAO,CAAC6B;EACxB,CAAC;EACDb,eAAe,EAAE;IACfc,cAAc,EAAE,YAAY;IAC5BC,KAAK,EAAE;EACT,CAAC;EACDX,UAAU,EAAE;IACVY,IAAI,EAAE,CAAC;IACPC,UAAU,EAAEjC,OAAO,CAAC6B;EACtB;AACF,CAAC,CAAC"}

package/lib/module/views/w3m-account-default-view/components/upgrade-wallet-button.js

@@ -0,0 +1,62 @@
+import { Animated, Pressable, StyleSheet } from 'react-native';
+import { BorderRadius, FlexView, Icon, IconBox, Spacing, Text, useTheme, useAnimatedValue } from '@reown/appkit-ui-react-native';
+const AnimatedPressable = Animated.createAnimatedComponent(Pressable);
+export function UpgradeWalletButton({
+  style,
+  onPress
+}) {
+  const Theme = useTheme();
+  const {
+    animatedValue,
+    setStartValue,
+    setEndValue
+  } = useAnimatedValue(Theme['accent-glass-010'], Theme['accent-glass-020']);
+  return /*#__PURE__*/React.createElement(AnimatedPressable, {
+    onPress: onPress,
+    onPressIn: setEndValue,
+    onPressOut: setStartValue,
+    style: [styles.container, {
+      backgroundColor: animatedValue
+    }, style]
+  }, /*#__PURE__*/React.createElement(IconBox, {
+    icon: "wallet",
+    size: "lg",
+    background: true,
+    iconColor: "accent-100"
+  }), /*#__PURE__*/React.createElement(FlexView, {
+    flexGrow: 1,
+    margin: ['0', 's', '0', 's']
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: styles.upgradeText,
+    color: "fg-100"
+  }, "Upgrade your wallet"), /*#__PURE__*/React.createElement(Text, {
+    variant: "small-400",
+    color: "fg-150"
+  }, "Transition to a self-custodial wallet")), /*#__PURE__*/React.createElement(Icon, {
+    name: "chevronRight",
+    size: "md",
+    color: "fg-150",
+    style: styles.chevron
+  }));
+}
+const styles = StyleSheet.create({
+  container: {
+    height: 75,
+    borderRadius: BorderRadius.s,
+    backgroundColor: 'red',
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    paddingHorizontal: Spacing.s
+  },
+  textContainer: {
+    marginHorizontal: Spacing.m
+  },
+  upgradeText: {
+    marginBottom: Spacing['3xs']
+  },
+  chevron: {
+    marginRight: Spacing['2xs']
+  }
+});
+//# sourceMappingURL=upgrade-wallet-button.js.map

package/lib/module/views/w3m-account-default-view/components/upgrade-wallet-button.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Animated","Pressable","StyleSheet","BorderRadius","FlexView","Icon","IconBox","Spacing","Text","useTheme","useAnimatedValue","AnimatedPressable","createAnimatedComponent","UpgradeWalletButton","style","onPress","Theme","animatedValue","setStartValue","setEndValue","React","createElement","onPressIn","onPressOut","styles","container","backgroundColor","icon","size","background","iconColor","flexGrow","margin","upgradeText","color","variant","name","chevron","create","height","borderRadius","s","flexDirection","alignItems","justifyContent","paddingHorizontal","textContainer","marginHorizontal","m","marginBottom","marginRight"],"sourceRoot":"../../../../../src","sources":["views/w3m-account-default-view/components/upgrade-wallet-button.tsx"],"mappings":"AAAA,SAASA,QAAQ,EAAEC,SAAS,EAAEC,UAAU,QAAwC,cAAc;AAC9F,SACEC,YAAY,EACZC,QAAQ,EACRC,IAAI,EACJC,OAAO,EACPC,OAAO,EACPC,IAAI,EACJC,QAAQ,EACRC,gBAAgB,QACX,+BAA+B;AAEtC,MAAMC,iBAAiB,GAAGX,QAAQ,CAACY,uBAAuB,CAACX,SAAS,CAAC;AAOrE,OAAO,SAASY,mBAAmBA,CAAC;EAAEC,KAAK;EAAEC;AAAe,CAAC,EAAE;EAC7D,MAAMC,KAAK,GAAGP,QAAQ,CAAC,CAAC;EACxB,MAAM;IAAEQ,aAAa;IAAEC,aAAa;IAAEC;EAAY,CAAC,GAAGT,gBAAgB,CACpEM,KAAK,CAAC,kBAAkB,CAAC,EACzBA,KAAK,CAAC,kBAAkB,CAC1B,CAAC;EAED,oBACEI,KAAA,CAAAC,aAAA,CAACV,iBAAiB;IAChBI,OAAO,EAAEA,OAAQ;IACjBO,SAAS,EAAEH,WAAY;IACvBI,UAAU,EAAEL,aAAc;IAC1BJ,KAAK,EAAE,CAACU,MAAM,CAACC,SAAS,EAAE;MAAEC,eAAe,EAAET;IAAc,CAAC,EAAEH,KAAK;EAAE,gBAErEM,KAAA,CAAAC,aAAA,CAACf,OAAO;IAACqB,IAAI,EAAC,QAAQ;IAACC,IAAI,EAAC,IAAI;IAACC,UAAU;IAACC,SAAS,EAAC;EAAY,CAAE,CAAC,eACrEV,KAAA,CAAAC,aAAA,CAACjB,QAAQ;IAAC2B,QAAQ,EAAE,CAAE;IAACC,MAAM,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG;EAAE,gBAClDZ,KAAA,CAAAC,aAAA,CAACb,IAAI;IAACM,KAAK,EAAEU,MAAM,CAACS,WAAY;IAACC,KAAK,EAAC;EAAQ,GAAC,qBAE1C,CAAC,eACPd,KAAA,CAAAC,aAAA,CAACb,IAAI;IAAC2B,OAAO,EAAC,WAAW;IAACD,KAAK,EAAC;EAAQ,GAAC,uCAEnC,CACE,CAAC,eACXd,KAAA,CAAAC,aAAA,CAAChB,IAAI;IAAC+B,IAAI,EAAC,cAAc;IAACR,IAAI,EAAC,IAAI;IAACM,KAAK,EAAC,QAAQ;IAACpB,KAAK,EAAEU,MAAM,CAACa;EAAQ,CAAE,CAC1D,CAAC;AAExB;AAEA,MAAMb,MAAM,GAAGtB,UAAU,CAACoC,MAAM,CAAC;EAC/Bb,SAAS,EAAE;IACTc,MAAM,EAAE,EAAE;IACVC,YAAY,EAAErC,YAAY,CAACsC,CAAC;IAC5Bf,eAAe,EAAE,KAAK;IACtBgB,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,eAAe;IAC/BC,iBAAiB,EAAEtC,OAAO,CAACkC;EAC7B,CAAC;EACDK,aAAa,EAAE;IACbC,gBAAgB,EAAExC,OAAO,CAACyC;EAC5B,CAAC;EACDf,WAAW,EAAE;IACXgB,YAAY,EAAE1C,OAAO,CAAC,KAAK;EAC7B,CAAC;EACD8B,OAAO,EAAE;IACPa,WAAW,EAAE3C,OAAO,CAAC,KAAK;EAC5B;AACF,CAAC,CAAC"}

package/lib/module/views/w3m-account-default-view/index.js

@@ -0,0 +1,283 @@
+import { useSnapshot } from 'valtio';
+import { useState } from 'react';
+import { Linking, ScrollView } from 'react-native';
+import { AccountController, ApiController, AssetUtil, ConnectionController, ConnectorController, CoreHelperUtil, EventsController, ModalController, NetworkController, OptionsController, RouterController, SnackController, ConstantsUtil, SwapController, OnRampController, ConnectionsController } from '@reown/appkit-core-react-native';
+import { Avatar, Button, FlexView, IconLink, Text, UiUtil, Spacing, ListItem } from '@reown/appkit-ui-react-native';
+import { useAppKit } from '../../AppKitContext';
+import { useCustomDimensions } from '../../hooks/useCustomDimensions';
+import { AuthButtons } from './components/auth-buttons';
+import styles from './styles';
+export function AccountDefaultView() {
+  const {
+    profileName,
+    profileImage,
+    preferredAccountType
+  } = useSnapshot(AccountController.state);
+  const {
+    loading
+  } = useSnapshot(ModalController.state);
+  const {
+    activeAddress: address,
+    activeBalance: balance,
+    activeNetwork
+  } = useSnapshot(ConnectionsController.state);
+  const account = address?.split(':')[2];
+  const [disconnecting, setDisconnecting] = useState(false);
+  const {
+    connectedConnector
+  } = useSnapshot(ConnectorController.state);
+  const {
+    connectedSocialProvider
+  } = useSnapshot(ConnectionController.state);
+  const {
+    features,
+    isOnRampEnabled
+  } = useSnapshot(OptionsController.state);
+  const {
+    history
+  } = useSnapshot(RouterController.state);
+  const networkImage = AssetUtil.getNetworkImage(activeNetwork?.id);
+  const showCopy = OptionsController.isClipboardAvailable();
+  const isAuth = connectedConnector === 'AUTH';
+  const showBalance = balance && !isAuth;
+  const showExplorer = Object.keys(activeNetwork?.blockExplorers ?? {}).length > 0 && !isAuth;
+  const showBack = history.length > 1;
+  const showSwitchAccountType = isAuth && NetworkController.checkIfSmartAccountEnabled();
+  const {
+    padding
+  } = useCustomDimensions();
+  const {
+    disconnect
+  } = useAppKit();
+  async function onDisconnect() {
+    setDisconnecting(true);
+    await disconnect(ConnectionsController.state.activeNamespace);
+    setDisconnecting(false);
+  }
+  const onSwitchAccountType = async () => {
+    try {
+      if (isAuth) {
+        ModalController.setLoading(true);
+        const accountType = AccountController.state.preferredAccountType === 'eoa' ? 'smartAccount' : 'eoa';
+        const provider = ConnectorController.getAuthConnector()?.provider;
+        await provider?.setPreferredAccount(accountType);
+        EventsController.sendEvent({
+          type: 'track',
+          event: 'SET_PREFERRED_ACCOUNT_TYPE',
+          properties: {
+            accountType,
+            network: NetworkController.state.caipNetwork?.id || ''
+          }
+        });
+      }
+    } catch (error) {
+      ModalController.setLoading(false);
+      SnackController.showError('Error switching account type');
+    }
+  };
+  const getUserEmail = () => {
+    const provider = ConnectorController.getAuthConnector()?.provider;
+    if (!provider) return '';
+    return provider.getEmail();
+  };
+  const getUsername = () => {
+    const provider = ConnectorController.getAuthConnector()?.provider;
+    if (!provider) return '';
+    return provider.getUsername();
+  };
+  const onExplorerPress = () => {
+    if (showExplorer && ConnectionsController.state.activeNetwork?.blockExplorers?.default?.url) {
+      Linking.openURL(ConnectionsController.state.activeNetwork?.blockExplorers?.default?.url);
+    }
+  };
+  const onCopyAddress = () => {
+    //TODO: Check ENS name
+    if (OptionsController.isClipboardAvailable() && ConnectionsController.state.activeAddress) {
+      const _address = ConnectionsController.state.activeAddress.split(':')[2];
+      if (_address) {
+        OptionsController.copyToClipboard(_address);
+        SnackController.showSuccess('Address copied');
+      }
+    }
+  };
+  const onSwapPress = () => {
+    if (NetworkController.state.caipNetwork?.id && !ConstantsUtil.SWAP_SUPPORTED_NETWORKS.includes(`${NetworkController.state.caipNetwork.id}`)) {
+      RouterController.push('UnsupportedChain');
+    } else {
+      SwapController.resetState();
+      EventsController.sendEvent({
+        type: 'track',
+        event: 'OPEN_SWAP',
+        properties: {
+          network: NetworkController.state.caipNetwork?.id || '',
+          isSmartAccount: false
+        }
+      });
+      RouterController.push('Swap');
+    }
+  };
+  const onBuyPress = () => {
+    EventsController.sendEvent({
+      type: 'track',
+      event: 'SELECT_BUY_CRYPTO'
+    });
+    OnRampController.resetState();
+    RouterController.push('OnRamp');
+  };
+  const onActivityPress = () => {
+    RouterController.push('Transactions');
+  };
+  const onNetworkPress = () => {
+    RouterController.push('Networks');
+    EventsController.sendEvent({
+      type: 'track',
+      event: 'CLICK_NETWORKS'
+    });
+  };
+  const onUpgradePress = () => {
+    EventsController.sendEvent({
+      type: 'track',
+      event: 'EMAIL_UPGRADE_FROM_MODAL'
+    });
+    RouterController.push('UpgradeEmailWallet');
+  };
+  const onEmailPress = () => {
+    if (ConnectionController.state.connectedSocialProvider) return;
+    RouterController.push('UpdateEmailWallet', {
+      email: getUserEmail()
+    });
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, showBack && /*#__PURE__*/React.createElement(IconLink, {
+    icon: "chevronLeft",
+    style: styles.backIcon,
+    onPress: RouterController.goBack
+  }), /*#__PURE__*/React.createElement(IconLink, {
+    icon: "close",
+    style: styles.closeIcon,
+    onPress: ModalController.close,
+    testID: "header-close"
+  }), /*#__PURE__*/React.createElement(ScrollView, {
+    bounces: false,
+    fadingEdgeLength: 20,
+    style: {
+      paddingHorizontal: padding
+    }
+  }, /*#__PURE__*/React.createElement(FlexView, {
+    alignItems: "center",
+    padding: ['3xl', 's', '3xl', 's']
+  }, /*#__PURE__*/React.createElement(Avatar, {
+    imageSrc: profileImage,
+    address: account ?? ''
+  }), /*#__PURE__*/React.createElement(FlexView, {
+    flexDirection: "row",
+    alignItems: "center",
+    margin: ['s', '0', '0', '0']
+  }, /*#__PURE__*/React.createElement(Text, {
+    variant: "medium-title-600"
+  }, profileName ? UiUtil.getTruncateString({
+    string: profileName,
+    charsStart: 20,
+    charsEnd: 0,
+    truncate: 'end'
+  }) : UiUtil.getTruncateString({
+    string: account ?? '',
+    charsStart: 4,
+    charsEnd: 6,
+    truncate: 'middle'
+  })), showCopy && /*#__PURE__*/React.createElement(IconLink, {
+    icon: "copy",
+    size: "md",
+    iconColor: "fg-275",
+    onPress: onCopyAddress,
+    style: styles.copyButton
+  })), showBalance && /*#__PURE__*/React.createElement(Text, {
+    variant: "paragraph-400",
+    color: "fg-200"
+  }, CoreHelperUtil.formatBalance(balance.amount, balance.symbol, 6)), showExplorer && /*#__PURE__*/React.createElement(Button, {
+    size: "sm",
+    variant: "shade",
+    iconLeft: "compass",
+    iconRight: "externalLink",
+    onPress: onExplorerPress,
+    style: {
+      marginVertical: Spacing.s
+    }
+  }, "Block Explorer"), /*#__PURE__*/React.createElement(FlexView, {
+    margin: ['s', '0', '0', '0']
+  }, isAuth && /*#__PURE__*/React.createElement(AuthButtons, {
+    onUpgradePress: onUpgradePress,
+    socialProvider: connectedSocialProvider,
+    onPress: onEmailPress,
+    style: styles.actionButton,
+    text: UiUtil.getTruncateString({
+      string: getUsername() || getUserEmail() || '',
+      charsStart: 30,
+      charsEnd: 0,
+      truncate: 'end'
+    })
+  }), /*#__PURE__*/React.createElement(ListItem, {
+    chevron: true,
+    icon: "networkPlaceholder",
+    iconColor: "accent-100",
+    iconBackgroundColor: "accent-glass-015",
+    imageSrc: networkImage,
+    imageHeaders: ApiController._getApiHeaders(),
+    onPress: onNetworkPress,
+    testID: "button-network",
+    style: styles.actionButton
+  }, /*#__PURE__*/React.createElement(Text, {
+    numberOfLines: 1,
+    color: "fg-100",
+    testID: "account-select-network-text"
+  }, activeNetwork?.name)), !isAuth && isOnRampEnabled && /*#__PURE__*/React.createElement(ListItem, {
+    chevron: true,
+    icon: "card",
+    iconColor: "accent-100",
+    iconBackgroundColor: "accent-glass-015",
+    onPress: onBuyPress,
+    testID: "button-onramp",
+    style: styles.actionButton
+  }, /*#__PURE__*/React.createElement(Text, {
+    color: "fg-100"
+  }, "Buy crypto")), !isAuth && features?.swaps && /*#__PURE__*/React.createElement(ListItem, {
+    chevron: true,
+    icon: "recycleHorizontal",
+    iconColor: "accent-100",
+    iconBackgroundColor: "accent-glass-015",
+    onPress: onSwapPress,
+    testID: "button-swap",
+    style: styles.actionButton
+  }, /*#__PURE__*/React.createElement(Text, {
+    color: "fg-100"
+  }, "Swap")), !isAuth && /*#__PURE__*/React.createElement(ListItem, {
+    chevron: true,
+    icon: "clock",
+    iconColor: "accent-100",
+    iconBackgroundColor: "accent-glass-015",
+    onPress: onActivityPress,
+    testID: "button-activity",
+    style: styles.actionButton
+  }, /*#__PURE__*/React.createElement(Text, {
+    color: "fg-100"
+  }, "Activity")), showSwitchAccountType && /*#__PURE__*/React.createElement(ListItem, {
+    chevron: true,
+    icon: "swapHorizontal",
+    onPress: onSwitchAccountType,
+    testID: "account-button-type",
+    iconColor: "accent-100",
+    iconBackgroundColor: "accent-glass-015",
+    style: styles.actionButton,
+    loading: loading
+  }, /*#__PURE__*/React.createElement(Text, {
+    color: "fg-100"
+  }, `Switch to your ${preferredAccountType === 'eoa' ? 'smart account' : 'EOA'}`)), /*#__PURE__*/React.createElement(ListItem, {
+    icon: "disconnect",
+    onPress: onDisconnect,
+    loading: disconnecting,
+    iconBackgroundColor: "gray-glass-010",
+    testID: "button-disconnect"
+  }, /*#__PURE__*/React.createElement(Text, {
+    color: "fg-200"
+  }, "Disconnect"))))));
+}
+//# sourceMappingURL=index.js.map