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

package/lib/module/partials/w3m-header/index.js

@@ -0,0 +1,136 @@
+import { useSnapshot } from 'valtio';
+import { RouterController, ModalController, EventsController, ConnectionController, ConnectorController } from '@reown/appkit-core-react-native';
+import { IconLink, Text, FlexView } from '@reown/appkit-ui-react-native';
+import { StringUtil } from '@reown/appkit-common-react-native';
+import styles from './styles';
+export function Header() {
+  const {
+    data,
+    view
+  } = useSnapshot(RouterController.state);
+  const onHelpPress = () => {
+    RouterController.push('WhatIsAWallet');
+    EventsController.sendEvent({
+      type: 'track',
+      event: 'CLICK_WALLET_HELP'
+    });
+  };
+  const headings = (_data, _view) => {
+    const connectorName = _data?.connector?.name;
+    const walletName = _data?.wallet?.name;
+    const networkName = _data?.network?.name;
+    const socialName = ConnectionController.state.selectedSocialProvider ? StringUtil.capitalize(ConnectionController.state.selectedSocialProvider) : undefined;
+    return {
+      Account: undefined,
+      AccountDefault: undefined,
+      AllWallets: 'All wallets',
+      Connect: 'Connect wallet',
+      ConnectSocials: 'All socials',
+      ConnectingExternal: connectorName ?? 'Connect wallet',
+      ConnectingSiwe: undefined,
+      ConnectingFarcaster: socialName ?? 'Connecting Social',
+      ConnectingSocial: socialName ?? 'Connecting Social',
+      ConnectingWalletConnect: walletName ?? 'WalletConnect',
+      Create: 'Create wallet',
+      EmailVerifyDevice: ' ',
+      EmailVerifyOtp: 'Confirm email',
+      GetWallet: 'Get a wallet',
+      Networks: 'Select network',
+      OnRamp: undefined,
+      OnRampCheckout: 'Checkout',
+      OnRampSettings: 'Preferences',
+      OnRampLoading: undefined,
+      OnRampTransaction: ' ',
+      SwitchNetwork: networkName ?? 'Switch network',
+      Swap: 'Swap',
+      SwapSelectToken: 'Select token',
+      SwapPreview: 'Review swap',
+      Transactions: 'Activity',
+      UnsupportedChain: 'Switch network',
+      UpdateEmailPrimaryOtp: 'Confirm current email',
+      UpdateEmailSecondaryOtp: 'Confirm new email',
+      UpdateEmailWallet: 'Edit email',
+      UpgradeEmailWallet: 'Upgrade wallet',
+      UpgradeToSmartAccount: undefined,
+      WalletCompatibleNetworks: 'Compatible networks',
+      WalletReceive: 'Receive',
+      WalletSend: 'Send',
+      WalletSendPreview: 'Review send',
+      WalletSendSelectToken: 'Select token',
+      WhatIsANetwork: 'What is a network?',
+      WhatIsAWallet: 'What is a wallet?'
+    }[_view];
+  };
+  const noCloseViews = ['OnRampSettings'];
+  const showClose = !noCloseViews.includes(view);
+  const header = headings(data, view);
+  const checkSocial = () => {
+    if (RouterController.state.view === 'ConnectingFarcaster' || RouterController.state.view === 'ConnectingSocial') {
+      const socialProvider = ConnectionController.state.selectedSocialProvider;
+      const authProvider = ConnectorController.getAuthConnector()?.provider;
+      if (authProvider && socialProvider === 'farcaster') {
+        // TODO: remove this once Farcaster session refresh is implemented
+        // @ts-expect-error
+        authProvider.webviewRef?.current?.reload();
+      }
+      EventsController.sendEvent({
+        type: 'track',
+        event: 'SOCIAL_LOGIN_CANCELED',
+        properties: {
+          provider: ConnectionController.state.selectedSocialProvider
+        }
+      });
+    }
+  };
+  const handleGoBack = () => {
+    checkSocial();
+    RouterController.goBack();
+  };
+  const handleClose = () => {
+    checkSocial();
+    ModalController.close();
+  };
+  const dynamicButtonTemplate = () => {
+    const showBack = RouterController.state.history.length > 1;
+    const showHelp = RouterController.state.view === 'Connect';
+    if (showHelp) {
+      return /*#__PURE__*/React.createElement(IconLink, {
+        icon: "helpCircle",
+        size: "md",
+        onPress: onHelpPress,
+        testID: "help-button"
+      });
+    }
+    if (showBack) {
+      return /*#__PURE__*/React.createElement(IconLink, {
+        icon: "chevronLeft",
+        size: "md",
+        onPress: handleGoBack,
+        testID: "button-back"
+      });
+    }
+    return /*#__PURE__*/React.createElement(FlexView, {
+      style: styles.iconPlaceholder
+    });
+  };
+  if (!header) return null;
+  const bottomPadding = header === ' ' ? '0' : '4xs';
+  return /*#__PURE__*/React.createElement(FlexView, {
+    justifyContent: "space-between",
+    flexDirection: "row",
+    alignItems: "center",
+    padding: ['l', 'xl', bottomPadding, 'xl']
+  }, dynamicButtonTemplate(), /*#__PURE__*/React.createElement(Text, {
+    variant: "paragraph-600",
+    numberOfLines: 1,
+    testID: "header-text"
+  }, header), showClose ? /*#__PURE__*/React.createElement(IconLink, {
+    icon: "close",
+    size: "md",
+    onPress: handleClose,
+    testID: "header-close"
+  }) : /*#__PURE__*/React.createElement(FlexView, {
+    style: styles.iconPlaceholder
+  }));
+}
+//# sourceMappingURL=index.js.map

package/lib/module/partials/w3m-header/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useSnapshot","RouterController","ModalController","EventsController","ConnectionController","ConnectorController","IconLink","Text","FlexView","StringUtil","styles","Header","data","view","state","onHelpPress","push","sendEvent","type","event","headings","_data","_view","connectorName","connector","name","walletName","wallet","networkName","network","socialName","selectedSocialProvider","capitalize","undefined","Account","AccountDefault","AllWallets","Connect","ConnectSocials","ConnectingExternal","ConnectingSiwe","ConnectingFarcaster","ConnectingSocial","ConnectingWalletConnect","Create","EmailVerifyDevice","EmailVerifyOtp","GetWallet","Networks","OnRamp","OnRampCheckout","OnRampSettings","OnRampLoading","OnRampTransaction","SwitchNetwork","Swap","SwapSelectToken","SwapPreview","Transactions","UnsupportedChain","UpdateEmailPrimaryOtp","UpdateEmailSecondaryOtp","UpdateEmailWallet","UpgradeEmailWallet","UpgradeToSmartAccount","WalletCompatibleNetworks","WalletReceive","WalletSend","WalletSendPreview","WalletSendSelectToken","WhatIsANetwork","WhatIsAWallet","noCloseViews","showClose","includes","header","checkSocial","socialProvider","authProvider","getAuthConnector","provider","webviewRef","current","reload","properties","handleGoBack","goBack","handleClose","close","dynamicButtonTemplate","showBack","history","length","showHelp","React","createElement","icon","size","onPress","testID","style","iconPlaceholder","bottomPadding","justifyContent","flexDirection","alignItems","padding","variant","numberOfLines"],"sourceRoot":"../../../../src","sources":["partials/w3m-header/index.tsx"],"mappings":"AAAA,SAASA,WAAW,QAAQ,QAAQ;AACpC,SACEC,gBAAgB,EAChBC,eAAe,EACfC,gBAAgB,EAEhBC,oBAAoB,EACpBC,mBAAmB,QAEd,iCAAiC;AACxC,SAASC,QAAQ,EAAEC,IAAI,EAAEC,QAAQ,QAAQ,+BAA+B;AACxE,SAASC,UAAU,QAAQ,mCAAmC;AAE9D,OAAOC,MAAM,MAAM,UAAU;AAE7B,OAAO,SAASC,MAAMA,CAAA,EAAG;EACvB,MAAM;IAAEC,IAAI;IAAEC;EAAK,CAAC,GAAGb,WAAW,CAACC,gBAAgB,CAACa,KAAK,CAAC;EAC1D,MAAMC,WAAW,GAAGA,CAAA,KAAM;IACxBd,gBAAgB,CAACe,IAAI,CAAC,eAAe,CAAC;IACtCb,gBAAgB,CAACc,SAAS,CAAC;MAAEC,IAAI,EAAE,OAAO;MAAEC,KAAK,EAAE;IAAoB,CAAC,CAAC;EAC3E,CAAC;EAED,MAAMC,QAAQ,GAAGA,CAACC,KAAoC,EAAEC,KAAoC,KAAK;IAC/F,MAAMC,aAAa,GAAGF,KAAK,EAAEG,SAAS,EAAEC,IAAI;IAC5C,MAAMC,UAAU,GAAGL,KAAK,EAAEM,MAAM,EAAEF,IAAI;IACtC,MAAMG,WAAW,GAAGP,KAAK,EAAEQ,OAAO,EAAEJ,IAAI;IACxC,MAAMK,UAAU,GAAG1B,oBAAoB,CAACU,KAAK,CAACiB,sBAAsB,GAChEtB,UAAU,CAACuB,UAAU,CAAC5B,oBAAoB,CAACU,KAAK,CAACiB,sBAAsB,CAAC,GACxEE,SAAS;IAEb,OAAO;MACLC,OAAO,EAAED,SAAS;MAClBE,cAAc,EAAEF,SAAS;MACzBG,UAAU,EAAE,aAAa;MACzBC,OAAO,EAAE,gBAAgB;MACzBC,cAAc,EAAE,aAAa;MAC7BC,kBAAkB,EAAEhB,aAAa,IAAI,gBAAgB;MACrDiB,cAAc,EAAEP,SAAS;MACzBQ,mBAAmB,EAAEX,UAAU,IAAI,mBAAmB;MACtDY,gBAAgB,EAAEZ,UAAU,IAAI,mBAAmB;MACnDa,uBAAuB,EAAEjB,UAAU,IAAI,eAAe;MACtDkB,MAAM,EAAE,eAAe;MACvBC,iBAAiB,EAAE,GAAG;MACtBC,cAAc,EAAE,eAAe;MAC/BC,SAAS,EAAE,cAAc;MACzBC,QAAQ,EAAE,gBAAgB;MAC1BC,MAAM,EAAEhB,SAAS;MACjBiB,cAAc,EAAE,UAAU;MAC1BC,cAAc,EAAE,aAAa;MAC7BC,aAAa,EAAEnB,SAAS;MACxBoB,iBAAiB,EAAE,GAAG;MACtBC,aAAa,EAAE1B,WAAW,IAAI,gBAAgB;MAC9C2B,IAAI,EAAE,MAAM;MACZC,eAAe,EAAE,cAAc;MAC/BC,WAAW,EAAE,aAAa;MAC1BC,YAAY,EAAE,UAAU;MACxBC,gBAAgB,EAAE,gBAAgB;MAClCC,qBAAqB,EAAE,uBAAuB;MAC9CC,uBAAuB,EAAE,mBAAmB;MAC5CC,iBAAiB,EAAE,YAAY;MAC/BC,kBAAkB,EAAE,gBAAgB;MACpCC,qBAAqB,EAAE/B,SAAS;MAChCgC,wBAAwB,EAAE,qBAAqB;MAC/CC,aAAa,EAAE,SAAS;MACxBC,UAAU,EAAE,MAAM;MAClBC,iBAAiB,EAAE,aAAa;MAChCC,qBAAqB,EAAE,cAAc;MACrCC,cAAc,EAAE,oBAAoB;MACpCC,aAAa,EAAE;IACjB,CAAC,CAACjD,KAAK,CAAC;EACV,CAAC;EAED,MAAMkD,YAAY,GAAG,CAAC,gBAAgB,CAAC;EACvC,MAAMC,SAAS,GAAG,CAACD,YAAY,CAACE,QAAQ,CAAC7D,IAAI,CAAC;EAC9C,MAAM8D,MAAM,GAAGvD,QAAQ,CAACR,IAAI,EAAEC,IAAI,CAAC;EAEnC,MAAM+D,WAAW,GAAGA,CAAA,KAAM;IACxB,IACE3E,gBAAgB,CAACa,KAAK,CAACD,IAAI,KAAK,qBAAqB,IACrDZ,gBAAgB,CAACa,KAAK,CAACD,IAAI,KAAK,kBAAkB,EAClD;MACA,MAAMgE,cAAc,GAAGzE,oBAAoB,CAACU,KAAK,CAACiB,sBAAsB;MACxE,MAAM+C,YAAY,GAAGzE,mBAAmB,CAAC0E,gBAAgB,CAAC,CAAC,EAAEC,QAA+B;MAE5F,IAAIF,YAAY,IAAID,cAAc,KAAK,WAAW,EAAE;QAClD;QACA;QACAC,YAAY,CAACG,UAAU,EAAEC,OAAO,EAAEC,MAAM,CAAC,CAAC;MAC5C;MAEAhF,gBAAgB,CAACc,SAAS,CAAC;QACzBC,IAAI,EAAE,OAAO;QACbC,KAAK,EAAE,uBAAuB;QAC9BiE,UAAU,EAAE;UAAEJ,QAAQ,EAAE5E,oBAAoB,CAACU,KAAK,CAACiB;QAAwB;MAC7E,CAAC,CAAC;IACJ;EACF,CAAC;EAED,MAAMsD,YAAY,GAAGA,CAAA,KAAM;IACzBT,WAAW,CAAC,CAAC;IACb3E,gBAAgB,CAACqF,MAAM,CAAC,CAAC;EAC3B,CAAC;EAED,MAAMC,WAAW,GAAGA,CAAA,KAAM;IACxBX,WAAW,CAAC,CAAC;IACb1E,eAAe,CAACsF,KAAK,CAAC,CAAC;EACzB,CAAC;EAED,MAAMC,qBAAqB,GAAGA,CAAA,KAAM;IAClC,MAAMC,QAAQ,GAAGzF,gBAAgB,CAACa,KAAK,CAAC6E,OAAO,CAACC,MAAM,GAAG,CAAC;IAC1D,MAAMC,QAAQ,GAAG5F,gBAAgB,CAACa,KAAK,CAACD,IAAI,KAAK,SAAS;IAE1D,IAAIgF,QAAQ,EAAE;MACZ,oBAAOC,KAAA,CAAAC,aAAA,CAACzF,QAAQ;QAAC0F,IAAI,EAAC,YAAY;QAACC,IAAI,EAAC,IAAI;QAACC,OAAO,EAAEnF,WAAY;QAACoF,MAAM,EAAC;MAAa,CAAE,CAAC;IAC5F;IAEA,IAAIT,QAAQ,EAAE;MACZ,oBAAOI,KAAA,CAAAC,aAAA,CAACzF,QAAQ;QAAC0F,IAAI,EAAC,aAAa;QAACC,IAAI,EAAC,IAAI;QAACC,OAAO,EAAEb,YAAa;QAACc,MAAM,EAAC;MAAa,CAAE,CAAC;IAC9F;IAEA,oBAAOL,KAAA,CAAAC,aAAA,CAACvF,QAAQ;MAAC4F,KAAK,EAAE1F,MAAM,CAAC2F;IAAgB,CAAE,CAAC;EACpD,CAAC;EAED,IAAI,CAAC1B,MAAM,EAAE,OAAO,IAAI;EAExB,MAAM2B,aAAa,GAAG3B,MAAM,KAAK,GAAG,GAAG,GAAG,GAAG,KAAK;EAElD,oBACEmB,KAAA,CAAAC,aAAA,CAACvF,QAAQ;IACP+F,cAAc,EAAC,eAAe;IAC9BC,aAAa,EAAC,KAAK;IACnBC,UAAU,EAAC,QAAQ;IACnBC,OAAO,EAAE,CAAC,GAAG,EAAE,IAAI,EAAEJ,aAAa,EAAE,IAAI;EAAE,GAEzCb,qBAAqB,CAAC,CAAC,eACxBK,KAAA,CAAAC,aAAA,CAACxF,IAAI;IAACoG,OAAO,EAAC,eAAe;IAACC,aAAa,EAAE,CAAE;IAACT,MAAM,EAAC;EAAa,GACjExB,MACG,CAAC,EACNF,SAAS,gBACRqB,KAAA,CAAAC,aAAA,CAACzF,QAAQ;IAAC0F,IAAI,EAAC,OAAO;IAACC,IAAI,EAAC,IAAI;IAACC,OAAO,EAAEX,WAAY;IAACY,MAAM,EAAC;EAAc,CAAE,CAAC,gBAE/EL,KAAA,CAAAC,aAAA,CAACvF,QAAQ;IAAC4F,KAAK,EAAE1F,MAAM,CAAC2F;EAAgB,CAAE,CAEpC,CAAC;AAEf"}

package/lib/module/partials/w3m-header/styles.js

@@ -0,0 +1,8 @@
+import { StyleSheet } from 'react-native';
+export default StyleSheet.create({
+  iconPlaceholder: {
+    height: 32,
+    width: 32
+  }
+});
+//# sourceMappingURL=styles.js.map

package/lib/module/partials/w3m-header/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","create","iconPlaceholder","height","width"],"sourceRoot":"../../../../src","sources":["partials/w3m-header/styles.ts"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AAEzC,eAAeA,UAAU,CAACC,MAAM,CAAC;EAC/BC,eAAe,EAAE;IACfC,MAAM,EAAE,EAAE;IACVC,KAAK,EAAE;EACT;AACF,CAAC,CAAC"}

package/lib/module/partials/w3m-information-modal/index.js

@@ -0,0 +1,41 @@
+import Modal from 'react-native-modal';
+import { FlexView, Text, IconBox, useTheme, Button } from '@reown/appkit-ui-react-native';
+import styles from './styles';
+export function InformationModal({
+  iconName,
+  title,
+  description,
+  visible,
+  onClose
+}) {
+  const Theme = useTheme();
+  return /*#__PURE__*/React.createElement(Modal, {
+    isVisible: visible,
+    useNativeDriver: true,
+    useNativeDriverForBackdrop: true,
+    onBackdropPress: onClose,
+    onDismiss: onClose,
+    style: styles.modal
+  }, /*#__PURE__*/React.createElement(FlexView, {
+    style: [styles.content, {
+      backgroundColor: Theme['bg-200']
+    }],
+    padding: "2xl"
+  }, /*#__PURE__*/React.createElement(IconBox, {
+    icon: iconName,
+    size: "lg",
+    background: true
+  }), !!title && /*#__PURE__*/React.createElement(Text, {
+    variant: "paragraph-500",
+    style: styles.title
+  }, title), !!description && /*#__PURE__*/React.createElement(Text, {
+    variant: "small-400",
+    color: "fg-150",
+    center: true
+  }, description), /*#__PURE__*/React.createElement(Button, {
+    onPress: onClose,
+    variant: "fill",
+    style: styles.button
+  }, "Got it")));
+}
+//# sourceMappingURL=index.js.map

package/lib/module/partials/w3m-information-modal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Modal","FlexView","Text","IconBox","useTheme","Button","styles","InformationModal","iconName","title","description","visible","onClose","Theme","React","createElement","isVisible","useNativeDriver","useNativeDriverForBackdrop","onBackdropPress","onDismiss","style","modal","content","backgroundColor","padding","icon","size","background","variant","color","center","onPress","button"],"sourceRoot":"../../../../src","sources":["partials/w3m-information-modal/index.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,oBAAoB;AACtC,SACEC,QAAQ,EACRC,IAAI,EAEJC,OAAO,EACPC,QAAQ,EACRC,MAAM,QACD,+BAA+B;AACtC,OAAOC,MAAM,MAAM,UAAU;AAU7B,OAAO,SAASC,gBAAgBA,CAAC;EAC/BC,QAAQ;EACRC,KAAK;EACLC,WAAW;EACXC,OAAO;EACPC;AACqB,CAAC,EAAE;EACxB,MAAMC,KAAK,GAAGT,QAAQ,CAAC,CAAC;EAExB,oBACEU,KAAA,CAAAC,aAAA,CAACf,KAAK;IACJgB,SAAS,EAAEL,OAAQ;IACnBM,eAAe;IACfC,0BAA0B;IAC1BC,eAAe,EAAEP,OAAQ;IACzBQ,SAAS,EAAER,OAAQ;IACnBS,KAAK,EAAEf,MAAM,CAACgB;EAAM,gBAEpBR,KAAA,CAAAC,aAAA,CAACd,QAAQ;IACPoB,KAAK,EAAE,CACLf,MAAM,CAACiB,OAAO,EACd;MACEC,eAAe,EAAEX,KAAK,CAAC,QAAQ;IACjC,CAAC,CACD;IACFY,OAAO,EAAC;EAAK,gBAEbX,KAAA,CAAAC,aAAA,CAACZ,OAAO;IAACuB,IAAI,EAAElB,QAAS;IAACmB,IAAI,EAAC,IAAI;IAACC,UAAU;EAAA,CAAE,CAAC,EAC/C,CAAC,CAACnB,KAAK,iBACNK,KAAA,CAAAC,aAAA,CAACb,IAAI;IAAC2B,OAAO,EAAC,eAAe;IAACR,KAAK,EAAEf,MAAM,CAACG;EAAM,GAC/CA,KACG,CACP,EAEA,CAAC,CAACC,WAAW,iBACZI,KAAA,CAAAC,aAAA,CAACb,IAAI;IAAC2B,OAAO,EAAC,WAAW;IAACC,KAAK,EAAC,QAAQ;IAACC,MAAM;EAAA,GAC5CrB,WACG,CACP,eACDI,KAAA,CAAAC,aAAA,CAACV,MAAM;IAAC2B,OAAO,EAAEpB,OAAQ;IAACiB,OAAO,EAAC,MAAM;IAACR,KAAK,EAAEf,MAAM,CAAC2B;EAAO,GAAC,QAEvD,CACA,CACL,CAAC;AAEZ"}

package/lib/module/partials/w3m-information-modal/styles.js

@@ -0,0 +1,22 @@
+import { Spacing } from '@reown/appkit-ui-react-native';
+import { StyleSheet } from 'react-native';
+export default StyleSheet.create({
+  modal: {
+    margin: 0,
+    justifyContent: 'flex-end'
+  },
+  content: {
+    borderTopLeftRadius: 16,
+    borderTopRightRadius: 16,
+    alignItems: 'center'
+  },
+  title: {
+    marginTop: Spacing.s,
+    marginBottom: Spacing.xs
+  },
+  button: {
+    marginTop: Spacing.xl,
+    width: '100%'
+  }
+});
+//# sourceMappingURL=styles.js.map

package/lib/module/partials/w3m-information-modal/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Spacing","StyleSheet","create","modal","margin","justifyContent","content","borderTopLeftRadius","borderTopRightRadius","alignItems","title","marginTop","s","marginBottom","xs","button","xl","width"],"sourceRoot":"../../../../src","sources":["partials/w3m-information-modal/styles.ts"],"mappings":"AAAA,SAASA,OAAO,QAAQ,+BAA+B;AACvD,SAASC,UAAU,QAAQ,cAAc;AAEzC,eAAeA,UAAU,CAACC,MAAM,CAAC;EAC/BC,KAAK,EAAE;IACLC,MAAM,EAAE,CAAC;IACTC,cAAc,EAAE;EAClB,CAAC;EACDC,OAAO,EAAE;IACPC,mBAAmB,EAAE,EAAE;IACvBC,oBAAoB,EAAE,EAAE;IACxBC,UAAU,EAAE;EACd,CAAC;EACDC,KAAK,EAAE;IACLC,SAAS,EAAEX,OAAO,CAACY,CAAC;IACpBC,YAAY,EAAEb,OAAO,CAACc;EACxB,CAAC;EACDC,MAAM,EAAE;IACNJ,SAAS,EAAEX,OAAO,CAACgB,EAAE;IACrBC,KAAK,EAAE;EACT;AACF,CAAC,CAAC"}

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

@@ -0,0 +1,72 @@
+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

@@ -0,0 +1 @@
+{"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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"}

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

@@ -0,0 +1,15 @@
+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

@@ -0,0 +1 @@
+{"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"}

package/lib/module/partials/w3m-placeholder/index.js

@@ -0,0 +1,53 @@
+import { StyleSheet } from 'react-native';
+import { IconBox, Text, FlexView, Spacing, Button } from '@reown/appkit-ui-react-native';
+export function Placeholder({
+  icon,
+  iconColor = 'fg-175',
+  title,
+  description,
+  style,
+  actionPress,
+  actionTitle,
+  actionIcon
+}) {
+  return /*#__PURE__*/React.createElement(FlexView, {
+    alignItems: "center",
+    justifyContent: "center",
+    style: [styles.container, style]
+  }, icon && /*#__PURE__*/React.createElement(IconBox, {
+    icon: icon,
+    size: "xl",
+    iconColor: iconColor,
+    background: true,
+    style: styles.icon
+  }), title && /*#__PURE__*/React.createElement(Text, {
+    variant: "paragraph-500",
+    style: styles.title
+  }, title), description && /*#__PURE__*/React.createElement(Text, {
+    variant: "small-400",
+    color: "fg-200",
+    center: true
+  }, description), actionPress && /*#__PURE__*/React.createElement(Button, {
+    style: styles.button,
+    iconLeft: actionIcon,
+    size: "sm",
+    variant: "accent",
+    onPress: actionPress
+  }, actionTitle ?? ''));
+}
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    minHeight: 200
+  },
+  icon: {
+    marginBottom: Spacing.l
+  },
+  title: {
+    marginBottom: Spacing['2xs']
+  },
+  button: {
+    marginTop: Spacing.m
+  }
+});
+//# sourceMappingURL=index.js.map

package/lib/module/partials/w3m-placeholder/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","IconBox","Text","FlexView","Spacing","Button","Placeholder","icon","iconColor","title","description","style","actionPress","actionTitle","actionIcon","React","createElement","alignItems","justifyContent","styles","container","size","background","variant","color","center","button","iconLeft","onPress","create","flex","minHeight","marginBottom","l","marginTop","m"],"sourceRoot":"../../../../src","sources":["partials/w3m-placeholder/index.tsx"],"mappings":"AAAA,SAASA,UAAU,QAAwC,cAAc;AACzE,SACEC,OAAO,EACPC,IAAI,EACJC,QAAQ,EACRC,OAAO,EAEPC,MAAM,QAED,+BAA+B;AAatC,OAAO,SAASC,WAAWA,CAAC;EAC1BC,IAAI;EACJC,SAAS,GAAG,QAAQ;EACpBC,KAAK;EACLC,WAAW;EACXC,KAAK;EACLC,WAAW;EACXC,WAAW;EACXC;AACK,CAAC,EAAE;EACR,oBACEC,KAAA,CAAAC,aAAA,CAACb,QAAQ;IAACc,UAAU,EAAC,QAAQ;IAACC,cAAc,EAAC,QAAQ;IAACP,KAAK,EAAE,CAACQ,MAAM,CAACC,SAAS,EAAET,KAAK;EAAE,GACpFJ,IAAI,iBACHQ,KAAA,CAAAC,aAAA,CAACf,OAAO;IAACM,IAAI,EAAEA,IAAK;IAACc,IAAI,EAAC,IAAI;IAACb,SAAS,EAAEA,SAAU;IAACc,UAAU;IAACX,KAAK,EAAEQ,MAAM,CAACZ;EAAK,CAAE,CACtF,EACAE,KAAK,iBACJM,KAAA,CAAAC,aAAA,CAACd,IAAI;IAACqB,OAAO,EAAC,eAAe;IAACZ,KAAK,EAAEQ,MAAM,CAACV;EAAM,GAC/CA,KACG,CACP,EACAC,WAAW,iBACVK,KAAA,CAAAC,aAAA,CAACd,IAAI;IAACqB,OAAO,EAAC,WAAW;IAACC,KAAK,EAAC,QAAQ;IAACC,MAAM;EAAA,GAC5Cf,WACG,CACP,EACAE,WAAW,iBACVG,KAAA,CAAAC,aAAA,CAACX,MAAM;IACLM,KAAK,EAAEQ,MAAM,CAACO,MAAO;IACrBC,QAAQ,EAAEb,UAAW;IACrBO,IAAI,EAAC,IAAI;IACTE,OAAO,EAAC,QAAQ;IAChBK,OAAO,EAAEhB;EAAY,GAEpBC,WAAW,IAAI,EACV,CAEF,CAAC;AAEf;AAEA,MAAMM,MAAM,GAAGnB,UAAU,CAAC6B,MAAM,CAAC;EAC/BT,SAAS,EAAE;IACTU,IAAI,EAAE,CAAC;IACPC,SAAS,EAAE;EACb,CAAC;EACDxB,IAAI,EAAE;IACJyB,YAAY,EAAE5B,OAAO,CAAC6B;EACxB,CAAC;EACDxB,KAAK,EAAE;IACLuB,YAAY,EAAE5B,OAAO,CAAC,KAAK;EAC7B,CAAC;EACDsB,MAAM,EAAE;IACNQ,SAAS,EAAE9B,OAAO,CAAC+B;EACrB;AACF,CAAC,CAAC"}

package/lib/module/partials/w3m-selector-modal/index.js

@@ -0,0 +1,97 @@
+import { useSnapshot } from 'valtio';
+import Modal from 'react-native-modal';
+import { FlatList, View } from 'react-native';
+import { FlexView, IconBox, IconLink, Image, SearchBar, Separator, Spacing, Text, useTheme } from '@reown/appkit-ui-react-native';
+import styles from './styles';
+import { AssetUtil, ConnectionsController } from '@reown/appkit-core-react-native';
+const SEPARATOR_HEIGHT = Spacing.s;
+export function SelectorModal({
+  title,
+  visible,
+  onClose,
+  items,
+  selectedItem,
+  renderItem,
+  onSearch,
+  searchPlaceholder,
+  keyExtractor,
+  itemHeight,
+  showNetwork
+}) {
+  const Theme = useTheme();
+  const {
+    activeNetwork
+  } = useSnapshot(ConnectionsController.state);
+  const networkImage = AssetUtil.getNetworkImage(activeNetwork?.id);
+  const renderSeparator = () => {
+    return /*#__PURE__*/React.createElement(View, {
+      style: {
+        height: SEPARATOR_HEIGHT
+      }
+    });
+  };
+  return /*#__PURE__*/React.createElement(Modal, {
+    isVisible: visible,
+    useNativeDriver: true,
+    useNativeDriverForBackdrop: true,
+    statusBarTranslucent: true,
+    hideModalContentWhileAnimating: true,
+    onBackdropPress: onClose,
+    onDismiss: onClose,
+    style: styles.modal
+  }, /*#__PURE__*/React.createElement(FlexView, {
+    style: [styles.container, {
+      backgroundColor: Theme['bg-100']
+    }]
+  }, /*#__PURE__*/React.createElement(FlexView, {
+    alignItems: "center",
+    justifyContent: "space-between",
+    flexDirection: "row",
+    style: styles.header
+  }, /*#__PURE__*/React.createElement(IconLink, {
+    icon: "chevronLeft",
+    onPress: onClose,
+    testID: "selector-modal-button-back"
+  }), !!title && /*#__PURE__*/React.createElement(Text, {
+    variant: "paragraph-600"
+  }, title), showNetwork ? networkImage ? /*#__PURE__*/React.createElement(FlexView, {
+    alignItems: "center",
+    justifyContent: "center",
+    style: styles.iconPlaceholder
+  }, /*#__PURE__*/React.createElement(Image, {
+    source: networkImage,
+    style: styles.networkImage
+  })) : /*#__PURE__*/React.createElement(IconBox, {
+    style: styles.iconPlaceholder,
+    icon: "networkPlaceholder",
+    background: true,
+    iconColor: "fg-200",
+    size: "sm"
+  }) : /*#__PURE__*/React.createElement(View, {
+    style: styles.iconPlaceholder
+  })), /*#__PURE__*/React.createElement(SearchBar, {
+    onChangeText: onSearch,
+    style: styles.searchBar,
+    placeholder: searchPlaceholder
+  }), selectedItem && /*#__PURE__*/React.createElement(FlexView, {
+    style: styles.selectedContainer
+  }, renderItem({
+    item: selectedItem
+  }), /*#__PURE__*/React.createElement(Separator, {
+    style: styles.separator,
+    color: "gray-glass-020"
+  })), /*#__PURE__*/React.createElement(FlatList, {
+    data: items,
+    renderItem: renderItem,
+    fadingEdgeLength: 20,
+    contentContainerStyle: styles.listContent,
+    ItemSeparatorComponent: renderSeparator,
+    keyExtractor: keyExtractor,
+    getItemLayout: itemHeight ? (_, index) => ({
+      length: itemHeight + SEPARATOR_HEIGHT,
+      offset: (itemHeight + SEPARATOR_HEIGHT) * index,
+      index
+    }) : undefined
+  })));
+}
+//# sourceMappingURL=index.js.map

package/lib/module/partials/w3m-selector-modal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useSnapshot","Modal","FlatList","View","FlexView","IconBox","IconLink","Image","SearchBar","Separator","Spacing","Text","useTheme","styles","AssetUtil","ConnectionsController","SEPARATOR_HEIGHT","s","SelectorModal","title","visible","onClose","items","selectedItem","renderItem","onSearch","searchPlaceholder","keyExtractor","itemHeight","showNetwork","Theme","activeNetwork","state","networkImage","getNetworkImage","id","renderSeparator","React","createElement","style","height","isVisible","useNativeDriver","useNativeDriverForBackdrop","statusBarTranslucent","hideModalContentWhileAnimating","onBackdropPress","onDismiss","modal","container","backgroundColor","alignItems","justifyContent","flexDirection","header","icon","onPress","testID","variant","iconPlaceholder","source","background","iconColor","size","onChangeText","searchBar","placeholder","selectedContainer","item","separator","color","data","fadingEdgeLength","contentContainerStyle","listContent","ItemSeparatorComponent","getItemLayout","_","index","length","offset","undefined"],"sourceRoot":"../../../../src","sources":["partials/w3m-selector-modal/index.tsx"],"mappings":"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"}

package/lib/module/partials/w3m-selector-modal/styles.js

@@ -0,0 +1,42 @@
+import { BorderRadius, Spacing } from '@reown/appkit-ui-react-native';
+import { StyleSheet } from 'react-native';
+export default StyleSheet.create({
+  modal: {
+    margin: 0,
+    justifyContent: 'flex-end'
+  },
+  header: {
+    marginBottom: Spacing.s,
+    paddingHorizontal: Spacing.m
+  },
+  container: {
+    height: '80%',
+    borderTopLeftRadius: BorderRadius.l,
+    borderTopRightRadius: BorderRadius.l,
+    paddingTop: Spacing.m
+  },
+  selectedContainer: {
+    paddingHorizontal: Spacing.m
+  },
+  listContent: {
+    paddingTop: Spacing.s,
+    paddingHorizontal: Spacing.m
+  },
+  iconPlaceholder: {
+    height: 32,
+    width: 32
+  },
+  networkImage: {
+    height: 20,
+    width: 20,
+    borderRadius: BorderRadius.full
+  },
+  searchBar: {
+    marginBottom: Spacing.s,
+    marginHorizontal: Spacing.s
+  },
+  separator: {
+    marginTop: Spacing.m
+  }
+});
+//# sourceMappingURL=styles.js.map

package/lib/module/partials/w3m-selector-modal/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BorderRadius","Spacing","StyleSheet","create","modal","margin","justifyContent","header","marginBottom","s","paddingHorizontal","m","container","height","borderTopLeftRadius","l","borderTopRightRadius","paddingTop","selectedContainer","listContent","iconPlaceholder","width","networkImage","borderRadius","full","searchBar","marginHorizontal","separator","marginTop"],"sourceRoot":"../../../../src","sources":["partials/w3m-selector-modal/styles.ts"],"mappings":"AAAA,SAASA,YAAY,EAAEC,OAAO,QAAQ,+BAA+B;AACrE,SAASC,UAAU,QAAQ,cAAc;AAEzC,eAAeA,UAAU,CAACC,MAAM,CAAC;EAC/BC,KAAK,EAAE;IACLC,MAAM,EAAE,CAAC;IACTC,cAAc,EAAE;EAClB,CAAC;EACDC,MAAM,EAAE;IACNC,YAAY,EAAEP,OAAO,CAACQ,CAAC;IACvBC,iBAAiB,EAAET,OAAO,CAACU;EAC7B,CAAC;EACDC,SAAS,EAAE;IACTC,MAAM,EAAE,KAAK;IACbC,mBAAmB,EAAEd,YAAY,CAACe,CAAC;IACnCC,oBAAoB,EAAEhB,YAAY,CAACe,CAAC;IACpCE,UAAU,EAAEhB,OAAO,CAACU;EACtB,CAAC;EACDO,iBAAiB,EAAE;IACjBR,iBAAiB,EAAET,OAAO,CAACU;EAC7B,CAAC;EACDQ,WAAW,EAAE;IACXF,UAAU,EAAEhB,OAAO,CAACQ,CAAC;IACrBC,iBAAiB,EAAET,OAAO,CAACU;EAC7B,CAAC;EACDS,eAAe,EAAE;IACfP,MAAM,EAAE,EAAE;IACVQ,KAAK,EAAE;EACT,CAAC;EACDC,YAAY,EAAE;IACZT,MAAM,EAAE,EAAE;IACVQ,KAAK,EAAE,EAAE;IACTE,YAAY,EAAEvB,YAAY,CAACwB;EAC7B,CAAC;EACDC,SAAS,EAAE;IACTjB,YAAY,EAAEP,OAAO,CAACQ,CAAC;IACvBiB,gBAAgB,EAAEzB,OAAO,CAACQ;EAC5B,CAAC;EACDkB,SAAS,EAAE;IACTC,SAAS,EAAE3B,OAAO,CAACU;EACrB;AACF,CAAC,CAAC"}

package/lib/module/partials/w3m-send-input-address/index.js

@@ -0,0 +1,66 @@
+import { useState } from 'react';
+import { TextInput } from 'react-native';
+import { FlexView, useTheme } from '@reown/appkit-ui-react-native';
+import { ConnectionController, SendController } from '@reown/appkit-core-react-native';
+import { useDebounceCallback } from '../../hooks/useDebounceCallback';
+import styles from './styles';
+export function SendInputAddress({
+  value
+}) {
+  const Theme = useTheme();
+  const [inputValue, setInputValue] = useState(value);
+  const onSearch = async search => {
+    SendController.setLoading(true);
+    const address = await ConnectionController.getEnsAddress(search);
+    SendController.setLoading(false);
+    if (address) {
+      SendController.setReceiverProfileName(search);
+      SendController.setReceiverAddress(address);
+      const avatar = await ConnectionController.getEnsAvatar(search);
+      SendController.setReceiverProfileImageUrl(avatar || undefined);
+    } else {
+      SendController.setReceiverAddress(search);
+      SendController.setReceiverProfileName(undefined);
+      SendController.setReceiverProfileImageUrl(undefined);
+    }
+  };
+  const {
+    debouncedCallback: onDebounceSearch
+  } = useDebounceCallback({
+    callback: onSearch,
+    delay: 800
+  });
+  const onInputChange = address => {
+    setInputValue(address);
+    SendController.setReceiverAddress(address);
+    onDebounceSearch(address);
+  };
+  return /*#__PURE__*/React.createElement(FlexView, {
+    style: [styles.container, {
+      backgroundColor: Theme['gray-glass-005'],
+      borderColor: Theme['gray-glass-005']
+    }],
+    justifyContent: "center",
+    padding: ['xl', 'l', 'l', 'l']
+  }, /*#__PURE__*/React.createElement(TextInput, {
+    placeholder: "Type or paste address",
+    placeholderTextColor: Theme['fg-275'],
+    returnKeyType: "done",
+    style: [styles.input, {
+      color: Theme['fg-100']
+    }],
+    autoCapitalize: "none",
+    autoCorrect: false,
+    value: inputValue,
+    onChangeText: onInputChange,
+    keyboardType: "default",
+    inputMode: "text",
+    autoComplete: "off",
+    spellCheck: false,
+    selectionColor: Theme['accent-100'],
+    underlineColorAndroid: "transparent",
+    selectTextOnFocus: false,
+    returnKeyLabel: "Done"
+  }));
+}
+//# sourceMappingURL=index.js.map

package/lib/module/partials/w3m-send-input-address/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useState","TextInput","FlexView","useTheme","ConnectionController","SendController","useDebounceCallback","styles","SendInputAddress","value","Theme","inputValue","setInputValue","onSearch","search","setLoading","address","getEnsAddress","setReceiverProfileName","setReceiverAddress","avatar","getEnsAvatar","setReceiverProfileImageUrl","undefined","debouncedCallback","onDebounceSearch","callback","delay","onInputChange","React","createElement","style","container","backgroundColor","borderColor","justifyContent","padding","placeholder","placeholderTextColor","returnKeyType","input","color","autoCapitalize","autoCorrect","onChangeText","keyboardType","inputMode","autoComplete","spellCheck","selectionColor","underlineColorAndroid","selectTextOnFocus","returnKeyLabel"],"sourceRoot":"../../../../src","sources":["partials/w3m-send-input-address/index.tsx"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,OAAO;AAChC,SAASC,SAAS,QAAQ,cAAc;AACxC,SAASC,QAAQ,EAAEC,QAAQ,QAAQ,+BAA+B;AAClE,SAASC,oBAAoB,EAAEC,cAAc,QAAQ,iCAAiC;AAEtF,SAASC,mBAAmB,QAAQ,iCAAiC;AACrE,OAAOC,MAAM,MAAM,UAAU;AAM7B,OAAO,SAASC,gBAAgBA,CAAC;EAAEC;AAA6B,CAAC,EAAE;EACjE,MAAMC,KAAK,GAAGP,QAAQ,CAAC,CAAC;EACxB,MAAM,CAACQ,UAAU,EAAEC,aAAa,CAAC,GAAGZ,QAAQ,CAAqBS,KAAK,CAAC;EAEvE,MAAMI,QAAQ,GAAG,MAAOC,MAAc,IAAK;IACzCT,cAAc,CAACU,UAAU,CAAC,IAAI,CAAC;IAC/B,MAAMC,OAAO,GAAG,MAAMZ,oBAAoB,CAACa,aAAa,CAACH,MAAM,CAAC;IAChET,cAAc,CAACU,UAAU,CAAC,KAAK,CAAC;IAEhC,IAAIC,OAAO,EAAE;MACXX,cAAc,CAACa,sBAAsB,CAACJ,MAAM,CAAC;MAC7CT,cAAc,CAACc,kBAAkB,CAACH,OAAO,CAAC;MAC1C,MAAMI,MAAM,GAAG,MAAMhB,oBAAoB,CAACiB,YAAY,CAACP,MAAM,CAAC;MAC9DT,cAAc,CAACiB,0BAA0B,CAACF,MAAM,IAAIG,SAAS,CAAC;IAChE,CAAC,MAAM;MACLlB,cAAc,CAACc,kBAAkB,CAACL,MAAM,CAAC;MACzCT,cAAc,CAACa,sBAAsB,CAACK,SAAS,CAAC;MAChDlB,cAAc,CAACiB,0BAA0B,CAACC,SAAS,CAAC;IACtD;EACF,CAAC;EAED,MAAM;IAAEC,iBAAiB,EAAEC;EAAiB,CAAC,GAAGnB,mBAAmB,CAAC;IAClEoB,QAAQ,EAAEb,QAAQ;IAClBc,KAAK,EAAE;EACT,CAAC,CAAC;EAEF,MAAMC,aAAa,GAAIZ,OAAe,IAAK;IACzCJ,aAAa,CAACI,OAAO,CAAC;IACtBX,cAAc,CAACc,kBAAkB,CAACH,OAAO,CAAC;IAC1CS,gBAAgB,CAACT,OAAO,CAAC;EAC3B,CAAC;EAED,oBACEa,KAAA,CAAAC,aAAA,CAAC5B,QAAQ;IACP6B,KAAK,EAAE,CACLxB,MAAM,CAACyB,SAAS,EAChB;MAAEC,eAAe,EAAEvB,KAAK,CAAC,gBAAgB,CAAC;MAAEwB,WAAW,EAAExB,KAAK,CAAC,gBAAgB;IAAE,CAAC,CAClF;IACFyB,cAAc,EAAC,QAAQ;IACvBC,OAAO,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG;EAAE,gBAE/BP,KAAA,CAAAC,aAAA,CAAC7B,SAAS;IACRoC,WAAW,EAAC,uBAAuB;IACnCC,oBAAoB,EAAE5B,KAAK,CAAC,QAAQ,CAAE;IACtC6B,aAAa,EAAC,MAAM;IACpBR,KAAK,EAAE,CAACxB,MAAM,CAACiC,KAAK,EAAE;MAAEC,KAAK,EAAE/B,KAAK,CAAC,QAAQ;IAAE,CAAC,CAAE;IAClDgC,cAAc,EAAC,MAAM;IACrBC,WAAW,EAAE,KAAM;IACnBlC,KAAK,EAAEE,UAAW;IAClBiC,YAAY,EAAEhB,aAAc;IAC5BiB,YAAY,EAAC,SAAS;IACtBC,SAAS,EAAC,MAAM;IAChBC,YAAY,EAAC,KAAK;IAClBC,UAAU,EAAE,KAAM;IAClBC,cAAc,EAAEvC,KAAK,CAAC,YAAY,CAAE;IACpCwC,qBAAqB,EAAC,aAAa;IACnCC,iBAAiB,EAAE,KAAM;IACzBC,cAAc,EAAC;EAAM,CACtB,CACO,CAAC;AAEf"}

package/lib/module/partials/w3m-send-input-address/styles.js

@@ -0,0 +1,14 @@
+import { StyleSheet } from 'react-native';
+import { BorderRadius } from '@reown/appkit-ui-react-native';
+export default StyleSheet.create({
+  container: {
+    height: 100,
+    width: '100%',
+    borderRadius: BorderRadius.s,
+    borderWidth: StyleSheet.hairlineWidth
+  },
+  input: {
+    fontSize: 18
+  }
+});
+//# sourceMappingURL=styles.js.map

package/lib/module/partials/w3m-send-input-address/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","BorderRadius","create","container","height","width","borderRadius","s","borderWidth","hairlineWidth","input","fontSize"],"sourceRoot":"../../../../src","sources":["partials/w3m-send-input-address/styles.ts"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,YAAY,QAAQ,+BAA+B;AAE5D,eAAeD,UAAU,CAACE,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,MAAM,EAAE,GAAG;IACXC,KAAK,EAAE,MAAM;IACbC,YAAY,EAAEL,YAAY,CAACM,CAAC;IAC5BC,WAAW,EAAER,UAAU,CAACS;EAC1B,CAAC;EACDC,KAAK,EAAE;IACLC,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC"}