@reown/appkit-react-native 0.0.0-feat-multichain-20250725183909 → 0.0.0-feat-multichain-20250731180941

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

@@ -1,7 +1,6 @@
 import { useSnapshot } from 'valtio';
 import { useEffect, useState } from 'react';
-import { Platform, ScrollView } from 'react-native';
-import Modal from 'react-native-modal';
+import { ScrollView, Modal } from 'react-native';
 import {
   ConnectionsController,
   ConstantsUtil,
@@ -10,7 +9,7 @@ import {
   SwapController,
   type SwapInputTarget
 } from '@reown/appkit-core-react-native';
-import { Button, FlexView, IconLink, Spacing, useTheme } from '@reown/appkit-ui-react-native';
+import { Button, FlexView, IconLink, useTheme } from '@reown/appkit-ui-react-native';
 import { NumberUtil } from '@reown/appkit-common-react-native';
 
 import { useKeyboard } from '../../hooks/useKeyboard';
@@ -37,7 +36,7 @@ export function SwapView() {
   } = useSnapshot(SwapController.state);
   const Theme = useTheme();
   const { padding } = useCustomDimensions();
-  const { keyboardShown, keyboardHeight } = useKeyboard();
+  const { keyboardShown } = useKeyboard();
   const [showModal, setShowModal] = useState<SwapInputTarget | undefined>();
   const showDetails = !!sourceToken && !!toToken && !inputError;
 
@@ -51,11 +50,6 @@ export function SwapView() {
       token => token.address === SwapController.state.toToken?.address
     ) >= 0;
 
-  const paddingBottom = Platform.select({
-    android: keyboardShown ? keyboardHeight + Spacing['2xl'] : Spacing['2xl'],
-    default: Spacing['2xl']
-  });
-
   const getActionButtonState = () => {
     if (!SwapController.state.sourceToken || !SwapController.state.toToken) {
       return { text: 'Select token', disabled: true };
@@ -159,11 +153,11 @@ export function SwapView() {
   return (
     <>
       <ScrollView
-        style={{ paddingHorizontal: padding }}
+        style={[{ paddingHorizontal: padding }, keyboardShown && styles.withKeyboard]}
         bounces={false}
         keyboardShouldPersistTaps="always"
       >
-        <FlexView padding="l" alignItems="center" justifyContent="center" style={{ paddingBottom }}>
+        <FlexView padding={['l', 'l', '2xl', 'l']} alignItems="center" justifyContent="center">
           <SwapInput
             token={sourceToken}
             value={sourceTokenAmount}
@@ -210,15 +204,8 @@ export function SwapView() {
           </Button>
         </FlexView>
       </ScrollView>
-      <Modal
-        isVisible={!!showModal}
-        useNativeDriver
-        useNativeDriverForBackdrop
-        onBackdropPress={onModalClose}
-        onDismiss={onModalClose}
-        style={styles.modal}
-      >
-        <SwapSelectTokenView onClose={onModalClose} type={showModal} />
+      <Modal visible={!!showModal} transparent animationType="slide" onRequestClose={onModalClose}>
+        <SwapSelectTokenView style={styles.modalContent} onClose={onModalClose} type={showModal} />
       </Modal>
     </>
   );

package/src/views/w3m-swap-view/styles.ts

@@ -20,8 +20,12 @@ export default StyleSheet.create({
     marginTop: Spacing.xs,
     width: '100%'
   },
-  modal: {
+  modalContent: {
     margin: 0,
+    flex: 1,
     justifyContent: 'flex-end'
+  },
+  withKeyboard: {
+    height: '100%'
   }
 });

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

@@ -10,7 +10,6 @@ import {
   UiUtil
 } from '@reown/appkit-ui-react-native';
 import {
-  AccountController,
   ApiController,
   AssetController,
   ConnectionsController,
@@ -22,9 +21,8 @@ import {
 import { useCustomDimensions } from '../../hooks/useCustomDimensions';
 
 export function WalletReceiveView() {
-  const { profileName } = useSnapshot(AccountController.state);
   const { networkImages } = useSnapshot(AssetController.state);
-  const { activeNetwork, networks, activeAddress, accountType } = useSnapshot(
+  const { activeNetwork, networks, activeAddress, accountType, identity } = useSnapshot(
     ConnectionsController.state
   );
   const address = CoreHelperUtil.getPlainAddress(activeAddress);
@@ -46,10 +44,10 @@ export function WalletReceiveView() {
     .filter(Boolean) as string[];
 
   const label = UiUtil.getTruncateString({
-    string: profileName ?? address ?? '',
-    charsStart: profileName ? 30 : 4,
-    charsEnd: profileName ? 0 : 4,
-    truncate: profileName ? 'end' : 'middle'
+    string: identity?.name ?? address ?? '',
+    charsStart: identity?.name ? 30 : 4,
+    charsEnd: identity?.name ? 0 : 4,
+    truncate: identity?.name ? 'end' : 'middle'
   });
 
   const onNetworkPress = () => {

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

@@ -1,5 +1,5 @@
 import { useEffect, useState } from 'react';
-import { Platform, ScrollView } from 'react-native';
+import { ScrollView } from 'react-native';
 import { useSnapshot } from 'valtio';
 import {
   ConnectionsController,
@@ -7,7 +7,7 @@ import {
   RouterController,
   SendController
 } from '@reown/appkit-core-react-native';
-import { Button, FlexView, IconBox, Spacing } from '@reown/appkit-ui-react-native';
+import { Button, FlexView, IconBox } from '@reown/appkit-ui-react-native';
 import { SendInputToken } from '../../partials/w3m-send-input-token';
 import { useCustomDimensions } from '../../hooks/useCustomDimensions';
 import { useKeyboard } from '../../hooks/useKeyboard';
@@ -16,17 +16,12 @@ import styles from './styles';
 
 export function WalletSendView() {
   const { padding } = useCustomDimensions();
-  const { keyboardShown, keyboardHeight } = useKeyboard();
+  const { keyboardShown } = useKeyboard();
   const [isBalanceLoading, setBalanceLoading] = useState(false);
   const { token, sendTokenAmount, receiverAddress, receiverProfileName, loading } = useSnapshot(
     SendController.state
   );
 
-  const paddingBottom = Platform.select({
-    android: keyboardShown ? keyboardHeight + Spacing['2xl'] : Spacing['2xl'],
-    default: Spacing['2xl']
-  });
-
   const onSendPress = () => {
     RouterController.push('WalletSendPreview');
   };
@@ -86,11 +81,11 @@ export function WalletSendView() {
 
   return (
     <ScrollView
-      style={{ paddingHorizontal: padding }}
+      style={[{ paddingHorizontal: padding }, keyboardShown && styles.withKeyboard]}
       bounces={false}
       keyboardShouldPersistTaps="always"
     >
-      <FlexView padding="l" alignItems="center" justifyContent="center" style={{ paddingBottom }}>
+      <FlexView padding={['l', 'l', '2xl', 'l']} alignItems="center" justifyContent="center">
         <SendInputToken
           token={token}
           sendTokenAmount={sendTokenAmount}

package/src/views/w3m-wallet-send-view/styles.ts

@@ -17,5 +17,8 @@ export default StyleSheet.create({
   },
   addressContainer: {
     width: '100%'
+  },
+  withKeyboard: {
+    height: '100%'
   }
 });

package/lib/commonjs/config/animations.js

@@ -1,9 +0,0 @@
-"use strict";
-
-var _reactNative = require("react-native");
-if (_reactNative.Platform.OS === 'android') {
-  if (_reactNative.UIManager.setLayoutAnimationEnabledExperimental) {
-    _reactNative.UIManager.setLayoutAnimationEnabledExperimental(true);
-  }
-}
-//# sourceMappingURL=animations.js.map

package/lib/commonjs/config/animations.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_reactNative","require","Platform","OS","UIManager","setLayoutAnimationEnabledExperimental"],"sourceRoot":"../../../src","sources":["config/animations.ts"],"mappings":";;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAEA,IAAIC,qBAAQ,CAACC,EAAE,KAAK,SAAS,EAAE;EAC7B,IAAIC,sBAAS,CAACC,qCAAqC,EAAE;IACnDD,sBAAS,CAACC,qCAAqC,CAAC,IAAI,CAAC;EACvD;AACF","ignoreList":[]}

package/lib/commonjs/partials/w3m-otp-code/index.js

@@ -1,79 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.OtpCodeView = OtpCodeView;
-var _reactNative = require("react-native");
-var _appkitUiReactNative = require("@reown/appkit-ui-react-native");
-var _useKeyboard = require("../../hooks/useKeyboard");
-var _styles = _interopRequireDefault(require("./styles"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function OtpCodeView({
-  onCodeChange,
-  onSubmit,
-  onRetry,
-  error,
-  loading,
-  email,
-  timeLeft = 0,
-  codeExpiry = 20,
-  retryLabel = "Didn't receive it?",
-  retryDisabledButtonLabel = 'Resend',
-  retryButtonLabel = 'Resend code'
-}) {
-  const {
-    keyboardShown,
-    keyboardHeight
-  } = (0, _useKeyboard.useKeyboard)();
-  const paddingBottom = _reactNative.Platform.select({
-    android: keyboardShown ? keyboardHeight + _appkitUiReactNative.Spacing.l : _appkitUiReactNative.Spacing.l,
-    default: _appkitUiReactNative.Spacing.l
-  });
-  const handleCodeChange = code => {
-    onCodeChange?.(code);
-    if (code.length === 6) {
-      onSubmit?.(code);
-    }
-  };
-  return /*#__PURE__*/React.createElement(_appkitUiReactNative.FlexView, {
-    padding: ['l', 'l', '3xl', 'l'],
-    alignItems: "center",
-    style: {
-      paddingBottom
-    }
-  }, /*#__PURE__*/React.createElement(_appkitUiReactNative.Text, {
-    center: true,
-    variant: "paragraph-400"
-  }, "Enter the code we sent to", ' '), /*#__PURE__*/React.createElement(_appkitUiReactNative.Text, {
-    variant: "paragraph-500"
-  }, email ?? 'your email'), /*#__PURE__*/React.createElement(_appkitUiReactNative.Text, {
-    style: _styles.default.expiryText,
-    variant: "small-400",
-    color: "fg-200"
-  }, `The code expires in ${codeExpiry} minutes`), /*#__PURE__*/React.createElement(_appkitUiReactNative.FlexView, {
-    justifyContent: "center",
-    style: _styles.default.otpContainer
-  }, loading ? /*#__PURE__*/React.createElement(_appkitUiReactNative.LoadingSpinner, {
-    size: "xl"
-  }) : /*#__PURE__*/React.createElement(_appkitUiReactNative.Otp, {
-    length: 6,
-    onChangeText: handleCodeChange,
-    autoFocus: true
-  })), error && /*#__PURE__*/React.createElement(_appkitUiReactNative.Text, {
-    variant: "small-400",
-    color: "error-100",
-    style: _styles.default.errorText
-  }, error), !loading && /*#__PURE__*/React.createElement(_appkitUiReactNative.FlexView, {
-    alignItems: "center",
-    flexDirection: "row",
-    margin: ['s', '0', '0', '0']
-  }, /*#__PURE__*/React.createElement(_appkitUiReactNative.Text, {
-    variant: "small-400",
-    color: "fg-200"
-  }, retryLabel), /*#__PURE__*/React.createElement(_appkitUiReactNative.Link, {
-    onPress: onRetry,
-    disabled: timeLeft > 0 || loading
-  }, timeLeft > 0 ? `${retryDisabledButtonLabel} in ${timeLeft}s` : retryButtonLabel)));
-}
-//# sourceMappingURL=index.js.map

package/lib/commonjs/partials/w3m-otp-code/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_reactNative","require","_appkitUiReactNative","_useKeyboard","_styles","_interopRequireDefault","e","__esModule","default","OtpCodeView","onCodeChange","onSubmit","onRetry","error","loading","email","timeLeft","codeExpiry","retryLabel","retryDisabledButtonLabel","retryButtonLabel","keyboardShown","keyboardHeight","useKeyboard","paddingBottom","Platform","select","android","Spacing","l","handleCodeChange","code","length","React","createElement","FlexView","padding","alignItems","style","Text","center","variant","styles","expiryText","color","justifyContent","otpContainer","LoadingSpinner","size","Otp","onChangeText","autoFocus","errorText","flexDirection","margin","Link","onPress","disabled"],"sourceRoot":"../../../../src","sources":["partials/w3m-otp-code/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/partials/w3m-otp-code/styles.js

@@ -1,21 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _reactNative = require("react-native");
-var _appkitUiReactNative = require("@reown/appkit-ui-react-native");
-var _default = exports.default = _reactNative.StyleSheet.create({
-  expiryText: {
-    marginTop: _appkitUiReactNative.Spacing.s,
-    marginBottom: _appkitUiReactNative.Spacing.l
-  },
-  otpContainer: {
-    height: 60
-  },
-  errorText: {
-    marginTop: _appkitUiReactNative.Spacing['2xs']
-  }
-});
-//# sourceMappingURL=styles.js.map

package/lib/commonjs/partials/w3m-otp-code/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_reactNative","require","_appkitUiReactNative","_default","exports","default","StyleSheet","create","expiryText","marginTop","Spacing","s","marginBottom","l","otpContainer","height","errorText"],"sourceRoot":"../../../../src","sources":["partials/w3m-otp-code/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,oBAAA,GAAAD,OAAA;AAAwD,IAAAE,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEzCC,uBAAU,CAACC,MAAM,CAAC;EAC/BC,UAAU,EAAE;IACVC,SAAS,EAAEC,4BAAO,CAACC,CAAC;IACpBC,YAAY,EAAEF,4BAAO,CAACG;EACxB,CAAC;EACDC,YAAY,EAAE;IACZC,MAAM,EAAE;EACV,CAAC;EACDC,SAAS,EAAE;IACTP,SAAS,EAAEC,4BAAO,CAAC,KAAK;EAC1B;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -1,55 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ConnectorList = ConnectorList;
-// import { useSnapshot } from 'valtio';
-// import type { StyleProp, ViewStyle } from 'react-native';
-// import {
-//   ConnectorController,
-//   AssetUtil,
-//   RouterController,
-//   ApiController
-// } from '@reown/appkit-core-react-native';
-
-// import { ListWallet } from '@reown/appkit-ui-react-native';
-// import type { ConnectorType } from '@reown/appkit-common-react-native';
-
-// interface Props {
-//   itemStyle: StyleProp<ViewStyle>;
-//   isWalletConnectEnabled: boolean;
-// }
-
-// TODO: check this for coinbase
-function ConnectorList(/*{ itemStyle, isWalletConnectEnabled }: Props*/
-) {
-  // const { connectors } = useSnapshot(ConnectorController.state);
-  // const excludeConnectors: ConnectorType[] = ['WALLET_CONNECT', 'AUTH'];
-  // const imageHeaders = ApiController._getApiHeaders();
-
-  // if (isWalletConnectEnabled) {
-  //   // use wallet from api list
-  //   excludeConnectors.push('COINBASE');
-  // }
-
-  // return connectors.map(connector => {
-  //   if (excludeConnectors.includes(connector.type)) {
-  //     return null;
-  //   }
-
-  //   return (
-  //     <ListWallet
-  //       key={connector.type}
-  //       imageSrc={AssetUtil.getConnectorImage(connector)}
-  //       imageHeaders={imageHeaders}
-  //       name={connector.name || 'Unknown'}
-  //       onPress={() => RouterController.push('ConnectingExternal', { connector })}
-  //       style={itemStyle}
-  //       installed={connector.installed}
-  //     />
-  //   );
-  // });
-  return null;
-}
-//# sourceMappingURL=connectors-list.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["ConnectorList"],"sourceRoot":"../../../../../src","sources":["views/w3m-connect-view/components/connectors-list.tsx"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACO,SAASA,aAAaA,CAAC;AAAA,EAAkD;EAC9E;EACA;EACA;;EAEA;EACA;EACA;EACA;;EAEA;EACA;EACA;EACA;;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,OAAO,IAAI;AACb","ignoreList":[]}

package/lib/module/config/animations.js

@@ -1,7 +0,0 @@
-import { Platform, UIManager } from 'react-native';
-if (Platform.OS === 'android') {
-  if (UIManager.setLayoutAnimationEnabledExperimental) {
-    UIManager.setLayoutAnimationEnabledExperimental(true);
-  }
-}
-//# sourceMappingURL=animations.js.map

package/lib/module/config/animations.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["Platform","UIManager","OS","setLayoutAnimationEnabledExperimental"],"sourceRoot":"../../../src","sources":["config/animations.ts"],"mappings":"AAAA,SAASA,QAAQ,EAAEC,SAAS,QAAQ,cAAc;AAElD,IAAID,QAAQ,CAACE,EAAE,KAAK,SAAS,EAAE;EAC7B,IAAID,SAAS,CAACE,qCAAqC,EAAE;IACnDF,SAAS,CAACE,qCAAqC,CAAC,IAAI,CAAC;EACvD;AACF","ignoreList":[]}

package/lib/module/partials/w3m-otp-code/index.js

@@ -1,72 +0,0 @@
-import { Platform } from 'react-native';
-import { FlexView, Link, LoadingSpinner, Otp, Spacing, Text } from '@reown/appkit-ui-react-native';
-import { useKeyboard } from '../../hooks/useKeyboard';
-import styles from './styles';
-export function OtpCodeView({
-  onCodeChange,
-  onSubmit,
-  onRetry,
-  error,
-  loading,
-  email,
-  timeLeft = 0,
-  codeExpiry = 20,
-  retryLabel = "Didn't receive it?",
-  retryDisabledButtonLabel = 'Resend',
-  retryButtonLabel = 'Resend code'
-}) {
-  const {
-    keyboardShown,
-    keyboardHeight
-  } = useKeyboard();
-  const paddingBottom = Platform.select({
-    android: keyboardShown ? keyboardHeight + Spacing.l : Spacing.l,
-    default: Spacing.l
-  });
-  const handleCodeChange = code => {
-    onCodeChange?.(code);
-    if (code.length === 6) {
-      onSubmit?.(code);
-    }
-  };
-  return /*#__PURE__*/React.createElement(FlexView, {
-    padding: ['l', 'l', '3xl', 'l'],
-    alignItems: "center",
-    style: {
-      paddingBottom
-    }
-  }, /*#__PURE__*/React.createElement(Text, {
-    center: true,
-    variant: "paragraph-400"
-  }, "Enter the code we sent to", ' '), /*#__PURE__*/React.createElement(Text, {
-    variant: "paragraph-500"
-  }, email ?? 'your email'), /*#__PURE__*/React.createElement(Text, {
-    style: styles.expiryText,
-    variant: "small-400",
-    color: "fg-200"
-  }, `The code expires in ${codeExpiry} minutes`), /*#__PURE__*/React.createElement(FlexView, {
-    justifyContent: "center",
-    style: styles.otpContainer
-  }, loading ? /*#__PURE__*/React.createElement(LoadingSpinner, {
-    size: "xl"
-  }) : /*#__PURE__*/React.createElement(Otp, {
-    length: 6,
-    onChangeText: handleCodeChange,
-    autoFocus: true
-  })), error && /*#__PURE__*/React.createElement(Text, {
-    variant: "small-400",
-    color: "error-100",
-    style: styles.errorText
-  }, error), !loading && /*#__PURE__*/React.createElement(FlexView, {
-    alignItems: "center",
-    flexDirection: "row",
-    margin: ['s', '0', '0', '0']
-  }, /*#__PURE__*/React.createElement(Text, {
-    variant: "small-400",
-    color: "fg-200"
-  }, retryLabel), /*#__PURE__*/React.createElement(Link, {
-    onPress: onRetry,
-    disabled: timeLeft > 0 || loading
-  }, timeLeft > 0 ? `${retryDisabledButtonLabel} in ${timeLeft}s` : retryButtonLabel)));
-}
-//# sourceMappingURL=index.js.map

package/lib/module/partials/w3m-otp-code/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["Platform","FlexView","Link","LoadingSpinner","Otp","Spacing","Text","useKeyboard","styles","OtpCodeView","onCodeChange","onSubmit","onRetry","error","loading","email","timeLeft","codeExpiry","retryLabel","retryDisabledButtonLabel","retryButtonLabel","keyboardShown","keyboardHeight","paddingBottom","select","android","l","default","handleCodeChange","code","length","React","createElement","padding","alignItems","style","center","variant","expiryText","color","justifyContent","otpContainer","size","onChangeText","autoFocus","errorText","flexDirection","margin","onPress","disabled"],"sourceRoot":"../../../../src","sources":["partials/w3m-otp-code/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/partials/w3m-otp-code/styles.js

@@ -1,15 +0,0 @@
-import { StyleSheet } from 'react-native';
-import { Spacing } from '@reown/appkit-ui-react-native';
-export default StyleSheet.create({
-  expiryText: {
-    marginTop: Spacing.s,
-    marginBottom: Spacing.l
-  },
-  otpContainer: {
-    height: 60
-  },
-  errorText: {
-    marginTop: Spacing['2xs']
-  }
-});
-//# sourceMappingURL=styles.js.map

package/lib/module/partials/w3m-otp-code/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["StyleSheet","Spacing","create","expiryText","marginTop","s","marginBottom","l","otpContainer","height","errorText"],"sourceRoot":"../../../../src","sources":["partials/w3m-otp-code/styles.ts"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,OAAO,QAAQ,+BAA+B;AAEvD,eAAeD,UAAU,CAACE,MAAM,CAAC;EAC/BC,UAAU,EAAE;IACVC,SAAS,EAAEH,OAAO,CAACI,CAAC;IACpBC,YAAY,EAAEL,OAAO,CAACM;EACxB,CAAC;EACDC,YAAY,EAAE;IACZC,MAAM,EAAE;EACV,CAAC;EACDC,SAAS,EAAE;IACTN,SAAS,EAAEH,OAAO,CAAC,KAAK;EAC1B;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -1,49 +0,0 @@
-// import { useSnapshot } from 'valtio';
-// import type { StyleProp, ViewStyle } from 'react-native';
-// import {
-//   ConnectorController,
-//   AssetUtil,
-//   RouterController,
-//   ApiController
-// } from '@reown/appkit-core-react-native';
-
-// import { ListWallet } from '@reown/appkit-ui-react-native';
-// import type { ConnectorType } from '@reown/appkit-common-react-native';
-
-// interface Props {
-//   itemStyle: StyleProp<ViewStyle>;
-//   isWalletConnectEnabled: boolean;
-// }
-
-// TODO: check this for coinbase
-export function ConnectorList(/*{ itemStyle, isWalletConnectEnabled }: Props*/
-) {
-  // const { connectors } = useSnapshot(ConnectorController.state);
-  // const excludeConnectors: ConnectorType[] = ['WALLET_CONNECT', 'AUTH'];
-  // const imageHeaders = ApiController._getApiHeaders();
-
-  // if (isWalletConnectEnabled) {
-  //   // use wallet from api list
-  //   excludeConnectors.push('COINBASE');
-  // }
-
-  // return connectors.map(connector => {
-  //   if (excludeConnectors.includes(connector.type)) {
-  //     return null;
-  //   }
-
-  //   return (
-  //     <ListWallet
-  //       key={connector.type}
-  //       imageSrc={AssetUtil.getConnectorImage(connector)}
-  //       imageHeaders={imageHeaders}
-  //       name={connector.name || 'Unknown'}
-  //       onPress={() => RouterController.push('ConnectingExternal', { connector })}
-  //       style={itemStyle}
-  //       installed={connector.installed}
-  //     />
-  //   );
-  // });
-  return null;
-}
-//# sourceMappingURL=connectors-list.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["ConnectorList"],"sourceRoot":"../../../../../src","sources":["views/w3m-connect-view/components/connectors-list.tsx"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA,OAAO,SAASA,aAAaA,CAAC;AAAA,EAAkD;EAC9E;EACA;EACA;;EAEA;EACA;EACA;EACA;;EAEA;EACA;EACA;EACA;;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,OAAO,IAAI;AACb","ignoreList":[]}

package/lib/typescript/config/animations.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=animations.d.ts.map

package/lib/typescript/config/animations.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"animations.d.ts","sourceRoot":"","sources":["../../../src/config/animations.ts"],"names":[],"mappings":""}

package/lib/typescript/partials/w3m-otp-code/index.d.ts

@@ -1,16 +0,0 @@
-interface Props {
-    onCodeChange?: (code: string) => void;
-    onSubmit: (code: string) => void;
-    onRetry: () => void;
-    loading?: boolean;
-    error?: string;
-    email?: string;
-    timeLeft?: number;
-    codeExpiry?: number;
-    retryLabel?: string;
-    retryDisabledButtonLabel?: string;
-    retryButtonLabel?: string;
-}
-export declare function OtpCodeView({ onCodeChange, onSubmit, onRetry, error, loading, email, timeLeft, codeExpiry, retryLabel, retryDisabledButtonLabel, retryButtonLabel }: Props): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=index.d.ts.map

package/lib/typescript/partials/w3m-otp-code/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/partials/w3m-otp-code/index.tsx"],"names":[],"mappings":"AAMA,UAAU,KAAK;IACb,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,wBAAgB,WAAW,CAAC,EAC1B,YAAY,EACZ,QAAQ,EACR,OAAO,EACP,KAAK,EACL,OAAO,EACP,KAAK,EACL,QAAY,EACZ,UAAe,EACf,UAAiC,EACjC,wBAAmC,EACnC,gBAAgC,EACjC,EAAE,KAAK,2CAgDP"}

package/lib/typescript/partials/w3m-otp-code/styles.d.ts

@@ -1,14 +0,0 @@
-declare const _default: {
-    expiryText: {
-        marginTop: number;
-        marginBottom: number;
-    };
-    otpContainer: {
-        height: number;
-    };
-    errorText: {
-        marginTop: number;
-    };
-};
-export default _default;
-//# sourceMappingURL=styles.d.ts.map

package/lib/typescript/partials/w3m-otp-code/styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/partials/w3m-otp-code/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;AAGA,wBAWG"}

package/lib/typescript/views/w3m-connect-view/components/connectors-list.d.ts

@@ -1,2 +0,0 @@
-export declare function ConnectorList(): null;
-//# sourceMappingURL=connectors-list.d.ts.map

package/lib/typescript/views/w3m-connect-view/components/connectors-list.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"connectors-list.d.ts","sourceRoot":"","sources":["../../../../../src/views/w3m-connect-view/components/connectors-list.tsx"],"names":[],"mappings":"AAkBA,wBAAgB,aAAa,SA4B5B"}

package/src/config/animations.ts

@@ -1,7 +0,0 @@
-import { Platform, UIManager } from 'react-native';
-
-if (Platform.OS === 'android') {
-  if (UIManager.setLayoutAnimationEnabledExperimental) {
-    UIManager.setLayoutAnimationEnabledExperimental(true);
-  }
-}