@reown/appkit-react-native 0.0.0-canary-20251008180350

package/lib/module/views/w3m-siwx-sign-view/index.js

@@ -0,0 +1,105 @@
+"use strict";
+
+import { useState } from 'react';
+import { ScrollView } from 'react-native';
+import { useSnapshot } from 'valtio';
+import { Avatar, Button, DoubleImageLoader, FlexView, Text, useCustomDimensions } from '@reown/appkit-ui-react-native';
+import { ConnectionsController, LogController, OptionsController, RouterController, SnackController } from '@reown/appkit-core-react-native';
+import { useInternalAppKit } from '../../AppKitContext';
+import { SIWXUtil } from '../../utils/SIWXUtil';
+import styles from './styles';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function SIWXSignMessageView() {
+  const {
+    disconnect
+  } = useInternalAppKit();
+  const {
+    padding
+  } = useCustomDimensions();
+  const {
+    metadata
+  } = useSnapshot(OptionsController.state);
+  const {
+    activeAddress,
+    identity,
+    walletInfo
+  } = useSnapshot(ConnectionsController.state);
+  const [isSigning, setIsSigning] = useState(false);
+  const [isDisconnecting, setIsDisconnecting] = useState(false);
+  const dappName = metadata?.name || 'Dapp';
+  const dappIcon = metadata?.icons[0] || '';
+  const walletIcon = walletInfo?.icon;
+  const onSign = async () => {
+    setIsSigning(true);
+    try {
+      await SIWXUtil.requestSignMessage();
+    } catch (error) {
+      LogController.sendError(error, 'SIWXSignMessageView.tsx', 'onSign');
+      SnackController.showError('Signature declined');
+    } finally {
+      setIsSigning(false);
+    }
+  };
+  const onCancel = async () => {
+    if (ConnectionsController.state.activeAddress) {
+      setIsDisconnecting(true);
+      await SIWXUtil.cancelSignMessage(disconnect);
+      setIsDisconnecting(false);
+    } else {
+      RouterController.push('Connect');
+    }
+  };
+  return /*#__PURE__*/_jsx(ScrollView, {
+    bounces: false,
+    fadingEdgeLength: 20,
+    style: {
+      paddingHorizontal: padding
+    },
+    children: /*#__PURE__*/_jsxs(FlexView, {
+      padding: ['0', 's', 's', 's'],
+      children: [/*#__PURE__*/_jsx(DoubleImageLoader, {
+        style: styles.logoContainer,
+        leftImage: dappIcon,
+        rightImage: walletIcon,
+        renderRightPlaceholder: () => /*#__PURE__*/_jsx(Avatar, {
+          imageSrc: identity?.avatar,
+          address: activeAddress,
+          size: 60,
+          borderWidth: 0
+        }),
+        rightItemStyle: !walletIcon && styles.walletAvatar
+      }), /*#__PURE__*/_jsxs(Text, {
+        center: true,
+        variant: "medium-600",
+        color: "fg-100",
+        style: styles.title,
+        children: [dappName, " needs to connect to your wallet"]
+      }), /*#__PURE__*/_jsx(Text, {
+        center: true,
+        variant: "small-400",
+        color: "fg-200",
+        style: styles.subtitle,
+        children: "Sign this message to prove you own this wallet and proceed. Cancelling will disconnect you"
+      }), /*#__PURE__*/_jsxs(FlexView, {
+        flexDirection: "row",
+        justifyContent: "space-between",
+        margin: ['s', '0', '0', '0'],
+        children: [/*#__PURE__*/_jsx(Button, {
+          variant: "shade",
+          onPress: onCancel,
+          style: styles.button,
+          loading: isDisconnecting,
+          children: "Cancel"
+        }), /*#__PURE__*/_jsx(Button, {
+          variant: "fill",
+          loading: isSigning,
+          disabled: isDisconnecting,
+          onPress: onSign,
+          style: styles.button,
+          children: "Sign"
+        })]
+      })]
+    })
+  });
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useState","ScrollView","useSnapshot","Avatar","Button","DoubleImageLoader","FlexView","Text","useCustomDimensions","ConnectionsController","LogController","OptionsController","RouterController","SnackController","useInternalAppKit","SIWXUtil","styles","jsx","_jsx","jsxs","_jsxs","SIWXSignMessageView","disconnect","padding","metadata","state","activeAddress","identity","walletInfo","isSigning","setIsSigning","isDisconnecting","setIsDisconnecting","dappName","name","dappIcon","icons","walletIcon","icon","onSign","requestSignMessage","error","sendError","showError","onCancel","cancelSignMessage","push","bounces","fadingEdgeLength","style","paddingHorizontal","children","logoContainer","leftImage","rightImage","renderRightPlaceholder","imageSrc","avatar","address","size","borderWidth","rightItemStyle","walletAvatar","center","variant","color","title","subtitle","flexDirection","justifyContent","margin","onPress","button","loading","disabled"],"sourceRoot":"../../../../src","sources":["views/w3m-siwx-sign-view/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/views/w3m-siwx-sign-view/styles.js

@@ -0,0 +1,24 @@
+"use strict";
+
+import { BorderRadius, Spacing } from '@reown/appkit-ui-react-native';
+import { StyleSheet } from 'react-native';
+export default StyleSheet.create({
+  logoContainer: {
+    marginTop: Spacing.xl,
+    marginBottom: Spacing.m
+  },
+  button: {
+    width: '48%'
+  },
+  title: {
+    marginHorizontal: '15%'
+  },
+  subtitle: {
+    marginHorizontal: '10%',
+    marginVertical: Spacing.l
+  },
+  walletAvatar: {
+    borderRadius: BorderRadius.full
+  }
+});
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["BorderRadius","Spacing","StyleSheet","create","logoContainer","marginTop","xl","marginBottom","m","button","width","title","marginHorizontal","subtitle","marginVertical","l","walletAvatar","borderRadius","full"],"sourceRoot":"../../../../src","sources":["views/w3m-siwx-sign-view/styles.ts"],"mappings":";;AAAA,SAASA,YAAY,EAAEC,OAAO,QAAQ,+BAA+B;AACrE,SAASC,UAAU,QAAQ,cAAc;AAEzC,eAAeA,UAAU,CAACC,MAAM,CAAC;EAC/BC,aAAa,EAAE;IACbC,SAAS,EAAEJ,OAAO,CAACK,EAAE;IACrBC,YAAY,EAAEN,OAAO,CAACO;EACxB,CAAC;EACDC,MAAM,EAAE;IACNC,KAAK,EAAE;EACT,CAAC;EACDC,KAAK,EAAE;IACLC,gBAAgB,EAAE;EACpB,CAAC;EACDC,QAAQ,EAAE;IACRD,gBAAgB,EAAE,KAAK;IACvBE,cAAc,EAAEb,OAAO,CAACc;EAC1B,CAAC;EACDC,YAAY,EAAE;IACZC,YAAY,EAAEjB,YAAY,CAACkB;EAC7B;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/views/w3m-swap-preview-view/index.js

@@ -0,0 +1,143 @@
+"use strict";
+
+import { useSnapshot } from 'valtio';
+import { useEffect } from 'react';
+import { ScrollView } from 'react-native';
+import { NumberUtil } from '@reown/appkit-common-react-native';
+import { RouterController, SwapController } from '@reown/appkit-core-react-native';
+import { Button, FlexView, Icon, Text, TokenButton, UiUtil, useCustomDimensions } from '@reown/appkit-ui-react-native';
+import { SwapDetails } from '../../partials/w3m-swap-details';
+import styles from './styles';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function SwapPreviewView() {
+  const {
+    padding
+  } = useCustomDimensions();
+  const {
+    sourceToken,
+    sourceTokenAmount,
+    sourceTokenPriceInUSD,
+    toToken,
+    toTokenAmount,
+    toTokenPriceInUSD,
+    loadingQuote,
+    loadingBuildTransaction,
+    loadingTransaction,
+    loadingApprovalTransaction
+  } = useSnapshot(SwapController.state);
+  const sourceTokenMarketValue = NumberUtil.parseLocalStringToNumber(sourceTokenAmount) * sourceTokenPriceInUSD;
+  const toTokenMarketValue = NumberUtil.parseLocalStringToNumber(toTokenAmount) * toTokenPriceInUSD;
+  const loading = loadingQuote || loadingBuildTransaction || loadingTransaction || loadingApprovalTransaction;
+  const onCancel = () => {
+    SwapController.clearTransactionLoaders();
+    RouterController.goBack();
+  };
+  const onSwap = () => {
+    if (SwapController.state.approvalTransaction) {
+      SwapController.sendTransactionForApproval(SwapController.state.approvalTransaction);
+    } else {
+      SwapController.sendTransactionForSwap(SwapController.state.swapTransaction);
+    }
+  };
+  useEffect(() => {
+    function refreshTransaction() {
+      if (!SwapController.state.loadingApprovalTransaction) {
+        SwapController.getTransaction();
+      }
+    }
+    SwapController.getTransaction();
+    const interval = setInterval(refreshTransaction, 10000);
+    return () => {
+      clearInterval(interval);
+    };
+  }, []);
+  return /*#__PURE__*/_jsx(ScrollView, {
+    style: {
+      paddingHorizontal: padding
+    },
+    bounces: false,
+    children: /*#__PURE__*/_jsxs(FlexView, {
+      padding: "l",
+      justifyContent: "center",
+      children: [/*#__PURE__*/_jsxs(FlexView, {
+        flexDirection: "row",
+        justifyContent: "space-between",
+        children: [/*#__PURE__*/_jsxs(FlexView, {
+          children: [/*#__PURE__*/_jsx(Text, {
+            variant: "small-400",
+            color: "fg-150",
+            children: "Send"
+          }), /*#__PURE__*/_jsxs(Text, {
+            variant: "paragraph-400",
+            color: "fg-100",
+            children: ["$", UiUtil.formatNumberToLocalString(sourceTokenMarketValue, 6)]
+          })]
+        }), /*#__PURE__*/_jsx(TokenButton, {
+          text: ` ${UiUtil.formatNumberToLocalString(sourceTokenAmount, 8)} ${sourceToken?.symbol}`,
+          imageUrl: sourceToken?.logoUri,
+          inverse: true,
+          disabled: true
+        })]
+      }), /*#__PURE__*/_jsx(Icon, {
+        name: "recycleHorizontal",
+        size: "md",
+        color: "fg-200",
+        style: styles.swapIcon
+      }), /*#__PURE__*/_jsxs(FlexView, {
+        flexDirection: "row",
+        justifyContent: "space-between",
+        margin: ['0', '0', 'xl', '0'],
+        children: [/*#__PURE__*/_jsxs(FlexView, {
+          children: [/*#__PURE__*/_jsx(Text, {
+            variant: "small-400",
+            color: "fg-150",
+            children: "Receive"
+          }), /*#__PURE__*/_jsxs(Text, {
+            variant: "paragraph-400",
+            color: "fg-100",
+            children: ["$", UiUtil.formatNumberToLocalString(toTokenMarketValue, 6)]
+          })]
+        }), /*#__PURE__*/_jsx(TokenButton, {
+          text: ` ${toTokenAmount} ${toToken?.symbol}`,
+          imageUrl: toToken?.logoUri,
+          inverse: true,
+          disabled: true
+        })]
+      }), /*#__PURE__*/_jsx(SwapDetails, {
+        initialOpen: true,
+        canClose: false
+      }), /*#__PURE__*/_jsxs(FlexView, {
+        flexDirection: "row",
+        alignItems: "center",
+        justifyContent: "center",
+        margin: ['m', '0', 'm', '0'],
+        children: [/*#__PURE__*/_jsx(Icon, {
+          name: "warningCircle",
+          size: "sm",
+          color: "fg-200",
+          style: styles.reviewIcon
+        }), /*#__PURE__*/_jsx(Text, {
+          variant: "small-400",
+          color: "fg-200",
+          children: "Review transaction carefully"
+        })]
+      }), /*#__PURE__*/_jsxs(FlexView, {
+        flexDirection: "row",
+        children: [/*#__PURE__*/_jsx(Button, {
+          variant: "shade",
+          style: styles.cancelButton,
+          onPress: onCancel,
+          children: "Cancel"
+        }), /*#__PURE__*/_jsx(Button, {
+          variant: "fill",
+          style: styles.sendButton,
+          loading: loading,
+          disabled: loading,
+          onPress: onSwap,
+          children: "Swap"
+        })]
+      })]
+    })
+  });
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useSnapshot","useEffect","ScrollView","NumberUtil","RouterController","SwapController","Button","FlexView","Icon","Text","TokenButton","UiUtil","useCustomDimensions","SwapDetails","styles","jsx","_jsx","jsxs","_jsxs","SwapPreviewView","padding","sourceToken","sourceTokenAmount","sourceTokenPriceInUSD","toToken","toTokenAmount","toTokenPriceInUSD","loadingQuote","loadingBuildTransaction","loadingTransaction","loadingApprovalTransaction","state","sourceTokenMarketValue","parseLocalStringToNumber","toTokenMarketValue","loading","onCancel","clearTransactionLoaders","goBack","onSwap","approvalTransaction","sendTransactionForApproval","sendTransactionForSwap","swapTransaction","refreshTransaction","getTransaction","interval","setInterval","clearInterval","style","paddingHorizontal","bounces","children","justifyContent","flexDirection","variant","color","formatNumberToLocalString","text","symbol","imageUrl","logoUri","inverse","disabled","name","size","swapIcon","margin","initialOpen","canClose","alignItems","reviewIcon","cancelButton","onPress","sendButton"],"sourceRoot":"../../../../src","sources":["views/w3m-swap-preview-view/index.tsx"],"mappings":";;AAAA,SAASA,WAAW,QAAQ,QAAQ;AACpC,SAASC,SAAS,QAAQ,OAAO;AACjC,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,UAAU,QAAQ,mCAAmC;AAC9D,SAASC,gBAAgB,EAAEC,cAAc,QAAQ,iCAAiC;AAClF,SACEC,MAAM,EACNC,QAAQ,EACRC,IAAI,EACJC,IAAI,EACJC,WAAW,EACXC,MAAM,EACNC,mBAAmB,QACd,+BAA+B;AACtC,SAASC,WAAW,QAAQ,iCAAiC;AAC7D,OAAOC,MAAM,MAAM,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAE9B,OAAO,SAASC,eAAeA,CAAA,EAAG;EAChC,MAAM;IAAEC;EAAQ,CAAC,GAAGR,mBAAmB,CAAC,CAAC;EACzC,MAAM;IACJS,WAAW;IACXC,iBAAiB;IACjBC,qBAAqB;IACrBC,OAAO;IACPC,aAAa;IACbC,iBAAiB;IACjBC,YAAY;IACZC,uBAAuB;IACvBC,kBAAkB;IAClBC;EACF,CAAC,GAAG9B,WAAW,CAACK,cAAc,CAAC0B,KAAK,CAAC;EAErC,MAAMC,sBAAsB,GAC1B7B,UAAU,CAAC8B,wBAAwB,CAACX,iBAAiB,CAAC,GAAGC,qBAAqB;EAChF,MAAMW,kBAAkB,GAAG/B,UAAU,CAAC8B,wBAAwB,CAACR,aAAa,CAAC,GAAGC,iBAAiB;EAEjG,MAAMS,OAAO,GACXR,YAAY,IAAIC,uBAAuB,IAAIC,kBAAkB,IAAIC,0BAA0B;EAE7F,MAAMM,QAAQ,GAAGA,CAAA,KAAM;IACrB/B,cAAc,CAACgC,uBAAuB,CAAC,CAAC;IACxCjC,gBAAgB,CAACkC,MAAM,CAAC,CAAC;EAC3B,CAAC;EAED,MAAMC,MAAM,GAAGA,CAAA,KAAM;IACnB,IAAIlC,cAAc,CAAC0B,KAAK,CAACS,mBAAmB,EAAE;MAC5CnC,cAAc,CAACoC,0BAA0B,CAACpC,cAAc,CAAC0B,KAAK,CAACS,mBAAmB,CAAC;IACrF,CAAC,MAAM;MACLnC,cAAc,CAACqC,sBAAsB,CAACrC,cAAc,CAAC0B,KAAK,CAACY,eAAe,CAAC;IAC7E;EACF,CAAC;EAED1C,SAAS,CAAC,MAAM;IACd,SAAS2C,kBAAkBA,CAAA,EAAG;MAC5B,IAAI,CAACvC,cAAc,CAAC0B,KAAK,CAACD,0BAA0B,EAAE;QACpDzB,cAAc,CAACwC,cAAc,CAAC,CAAC;MACjC;IACF;IAEAxC,cAAc,CAACwC,cAAc,CAAC,CAAC;IAE/B,MAAMC,QAAQ,GAAGC,WAAW,CAACH,kBAAkB,EAAE,KAAK,CAAC;IAEvD,OAAO,MAAM;MACXI,aAAa,CAACF,QAAQ,CAAC;IACzB,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,oBACE9B,IAAA,CAACd,UAAU;IAAC+C,KAAK,EAAE;MAAEC,iBAAiB,EAAE9B;IAAQ,CAAE;IAAC+B,OAAO,EAAE,KAAM;IAAAC,QAAA,eAChElC,KAAA,CAACX,QAAQ;MAACa,OAAO,EAAC,GAAG;MAACiC,cAAc,EAAC,QAAQ;MAAAD,QAAA,gBAC3ClC,KAAA,CAACX,QAAQ;QAAC+C,aAAa,EAAC,KAAK;QAACD,cAAc,EAAC,eAAe;QAAAD,QAAA,gBAC1DlC,KAAA,CAACX,QAAQ;UAAA6C,QAAA,gBACPpC,IAAA,CAACP,IAAI;YAAC8C,OAAO,EAAC,WAAW;YAACC,KAAK,EAAC,QAAQ;YAAAJ,QAAA,EAAC;UAEzC,CAAM,CAAC,eACPlC,KAAA,CAACT,IAAI;YAAC8C,OAAO,EAAC,eAAe;YAACC,KAAK,EAAC,QAAQ;YAAAJ,QAAA,GAAC,GAC1C,EAACzC,MAAM,CAAC8C,yBAAyB,CAACzB,sBAAsB,EAAE,CAAC,CAAC;UAAA,CACzD,CAAC;QAAA,CACC,CAAC,eACXhB,IAAA,CAACN,WAAW;UACVgD,IAAI,EAAE,IAAI/C,MAAM,CAAC8C,yBAAyB,CACxCnC,iBAAiB,EACjB,CACF,CAAC,IAAID,WAAW,EAAEsC,MAAM,EAAG;UAC3BC,QAAQ,EAAEvC,WAAW,EAAEwC,OAAQ;UAC/BC,OAAO;UACPC,QAAQ;QAAA,CACT,CAAC;MAAA,CACM,CAAC,eACX/C,IAAA,CAACR,IAAI;QAACwD,IAAI,EAAC,mBAAmB;QAACC,IAAI,EAAC,IAAI;QAACT,KAAK,EAAC,QAAQ;QAACP,KAAK,EAAEnC,MAAM,CAACoD;MAAS,CAAE,CAAC,eAClFhD,KAAA,CAACX,QAAQ;QAAC+C,aAAa,EAAC,KAAK;QAACD,cAAc,EAAC,eAAe;QAACc,MAAM,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,CAAE;QAAAf,QAAA,gBACzFlC,KAAA,CAACX,QAAQ;UAAA6C,QAAA,gBACPpC,IAAA,CAACP,IAAI;YAAC8C,OAAO,EAAC,WAAW;YAACC,KAAK,EAAC,QAAQ;YAAAJ,QAAA,EAAC;UAEzC,CAAM,CAAC,eACPlC,KAAA,CAACT,IAAI;YAAC8C,OAAO,EAAC,eAAe;YAACC,KAAK,EAAC,QAAQ;YAAAJ,QAAA,GAAC,GAC1C,EAACzC,MAAM,CAAC8C,yBAAyB,CAACvB,kBAAkB,EAAE,CAAC,CAAC;UAAA,CACrD,CAAC;QAAA,CACC,CAAC,eACXlB,IAAA,CAACN,WAAW;UACVgD,IAAI,EAAE,IAAIjC,aAAa,IAAID,OAAO,EAAEmC,MAAM,EAAG;UAC7CC,QAAQ,EAAEpC,OAAO,EAAEqC,OAAQ;UAC3BC,OAAO;UACPC,QAAQ;QAAA,CACT,CAAC;MAAA,CACM,CAAC,eACX/C,IAAA,CAACH,WAAW;QAACuD,WAAW,EAAE,IAAK;QAACC,QAAQ,EAAE;MAAM,CAAE,CAAC,eACnDnD,KAAA,CAACX,QAAQ;QACP+C,aAAa,EAAC,KAAK;QACnBgB,UAAU,EAAC,QAAQ;QACnBjB,cAAc,EAAC,QAAQ;QACvBc,MAAM,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAE;QAAAf,QAAA,gBAE7BpC,IAAA,CAACR,IAAI;UAACwD,IAAI,EAAC,eAAe;UAACC,IAAI,EAAC,IAAI;UAACT,KAAK,EAAC,QAAQ;UAACP,KAAK,EAAEnC,MAAM,CAACyD;QAAW,CAAE,CAAC,eAChFvD,IAAA,CAACP,IAAI;UAAC8C,OAAO,EAAC,WAAW;UAACC,KAAK,EAAC,QAAQ;UAAAJ,QAAA,EAAC;QAEzC,CAAM,CAAC;MAAA,CACC,CAAC,eACXlC,KAAA,CAACX,QAAQ;QAAC+C,aAAa,EAAC,KAAK;QAAAF,QAAA,gBAC3BpC,IAAA,CAACV,MAAM;UAACiD,OAAO,EAAC,OAAO;UAACN,KAAK,EAAEnC,MAAM,CAAC0D,YAAa;UAACC,OAAO,EAAErC,QAAS;UAAAgB,QAAA,EAAC;QAEvE,CAAQ,CAAC,eACTpC,IAAA,CAACV,MAAM;UACLiD,OAAO,EAAC,MAAM;UACdN,KAAK,EAAEnC,MAAM,CAAC4D,UAAW;UACzBvC,OAAO,EAAEA,OAAQ;UACjB4B,QAAQ,EAAE5B,OAAQ;UAClBsC,OAAO,EAAElC,MAAO;UAAAa,QAAA,EACjB;QAED,CAAQ,CAAC;MAAA,CACD,CAAC;IAAA,CACH;EAAC,CACD,CAAC;AAEjB","ignoreList":[]}

package/lib/module/views/w3m-swap-preview-view/styles.js

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","Spacing","create","swapIcon","marginVertical","xs","reviewIcon","marginRight","cancelButton","flex","sendButton","marginLeft","s"],"sourceRoot":"../../../../src","sources":["views/w3m-swap-preview-view/styles.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,OAAO,QAAQ,+BAA+B;AAEvD,eAAeD,UAAU,CAACE,MAAM,CAAC;EAC/BC,QAAQ,EAAE;IACRC,cAAc,EAAEH,OAAO,CAACI;EAC1B,CAAC;EACDC,UAAU,EAAE;IACVC,WAAW,EAAEN,OAAO,CAAC,KAAK;EAC5B,CAAC;EACDO,YAAY,EAAE;IACZC,IAAI,EAAE;EACR,CAAC;EACDC,UAAU,EAAE;IACVC,UAAU,EAAEV,OAAO,CAACW,CAAC;IACrBH,IAAI,EAAE;EACR;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/views/w3m-swap-view/components/select-token-modal/index.js

@@ -0,0 +1,151 @@
+"use strict";
+
+import { useState } from 'react';
+import { useSnapshot } from 'valtio';
+import { Modal, ScrollView, SectionList, View } from 'react-native';
+import { FlexView, IconLink, InputText, ListToken, ListTokenTotalHeight, Separator, Text, TokenButton, useTheme, useCustomDimensions } from '@reown/appkit-ui-react-native';
+import { AssetController, AssetUtil, ConnectionsController, SwapController } from '@reown/appkit-core-react-native';
+import { Placeholder } from '../../../../partials/w3m-placeholder';
+import styles from './styles';
+import { createSections } from './utils';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+export function SwapSelectTokenModal({
+  onClose,
+  type,
+  style,
+  visible
+}) {
+  const {
+    padding,
+    maxHeight
+  } = useCustomDimensions();
+  const Theme = useTheme();
+  const {
+    activeNetwork
+  } = useSnapshot(ConnectionsController.state);
+  const {
+    networkImages
+  } = useSnapshot(AssetController.state);
+  const {
+    sourceToken,
+    suggestedTokens,
+    myTokensWithBalance
+  } = useSnapshot(SwapController.state);
+  const networkImage = AssetUtil.getNetworkImage(activeNetwork, networkImages);
+  const [tokenSearch, setTokenSearch] = useState('');
+  const isSourceToken = type === 'sourceToken';
+  const filteredTokens = createSections(isSourceToken, tokenSearch, myTokensWithBalance);
+  const suggestedList = suggestedTokens?.filter(token => token.address !== SwapController.state.sourceToken?.address).slice(0, 8);
+  const onSearchChange = value => {
+    setTokenSearch(value);
+  };
+  const onTokenPress = token => {
+    if (isSourceToken) {
+      SwapController.setSourceToken(token);
+    } else {
+      SwapController.setToToken(token);
+      if (SwapController.state.sourceToken && SwapController.state.sourceTokenAmount) {
+        SwapController.swapTokens();
+      }
+    }
+    onClose();
+  };
+  return /*#__PURE__*/_jsx(Modal, {
+    visible: visible,
+    transparent: true,
+    animationType: "slide",
+    onRequestClose: onClose,
+    children: /*#__PURE__*/_jsxs(FlexView, {
+      padding: ['xl', '0', '0', '0'],
+      style: [styles.container, {
+        paddingHorizontal: padding,
+        backgroundColor: Theme['bg-100'],
+        height: maxHeight
+      }, style],
+      children: [/*#__PURE__*/_jsxs(FlexView, {
+        flexDirection: "row",
+        justifyContent: "space-between",
+        alignItems: "center",
+        padding: ['0', 'm', 'm', 'm'],
+        children: [/*#__PURE__*/_jsx(IconLink, {
+          icon: "chevronLeft",
+          size: "md",
+          onPress: onClose
+        }), /*#__PURE__*/_jsx(Text, {
+          variant: "paragraph-600",
+          children: "Select token"
+        }), /*#__PURE__*/_jsx(View, {
+          style: styles.iconPlaceholder
+        })]
+      }), /*#__PURE__*/_jsxs(FlexView, {
+        margin: ['0', '0', 'xs', '0'],
+        children: [/*#__PURE__*/_jsx(InputText, {
+          value: tokenSearch,
+          icon: "search",
+          placeholder: "Search token",
+          onChangeText: onSearchChange,
+          clearButtonMode: "while-editing",
+          style: styles.input
+        }), !isSourceToken && /*#__PURE__*/_jsxs(_Fragment, {
+          children: [/*#__PURE__*/_jsx(ScrollView, {
+            horizontal: true,
+            showsHorizontalScrollIndicator: false,
+            bounces: false,
+            fadingEdgeLength: 20,
+            style: styles.suggestedList,
+            contentContainerStyle: styles.suggestedListContent,
+            children: suggestedList?.map((token, index) => /*#__PURE__*/_jsx(TokenButton, {
+              text: token.symbol,
+              imageUrl: token.logoUri,
+              onPress: () => onTokenPress(token),
+              style: index !== suggestedList.length - 1 ? styles.suggestedToken : undefined
+            }, token.name))
+          }), /*#__PURE__*/_jsx(Separator, {
+            style: styles.suggestedSeparator,
+            color: "gray-glass-005"
+          })]
+        })]
+      }), /*#__PURE__*/_jsx(SectionList, {
+        sections: filteredTokens,
+        bounces: false,
+        fadingEdgeLength: 20,
+        contentContainerStyle: styles.tokenList,
+        renderSectionHeader: ({
+          section: {
+            title
+          }
+        }) => /*#__PURE__*/_jsx(Text, {
+          variant: "paragraph-500",
+          color: "fg-200",
+          style: [{
+            backgroundColor: Theme['bg-100']
+          }, styles.title],
+          children: title
+        }),
+        ListEmptyComponent: /*#__PURE__*/_jsx(Placeholder, {
+          icon: "coinPlaceholder",
+          title: "No tokens found",
+          description: "Your tokens will appear here"
+        }),
+        getItemLayout: (_, index) => ({
+          length: ListTokenTotalHeight,
+          offset: ListTokenTotalHeight * index,
+          index
+        }),
+        renderItem: ({
+          item
+        }) => /*#__PURE__*/_jsx(ListToken, {
+          name: item.name,
+          imageSrc: item.logoUri,
+          networkSrc: networkImage,
+          value: item.value,
+          amount: item.quantity.numeric,
+          currency: item.symbol,
+          onPress: () => onTokenPress(item),
+          disabled: item.address === sourceToken?.address
+        }, item.name)
+      })]
+    })
+  });
+}
+//# sourceMappingURL=index.js.map

package/lib/module/views/w3m-swap-view/components/select-token-modal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useState","useSnapshot","Modal","ScrollView","SectionList","View","FlexView","IconLink","InputText","ListToken","ListTokenTotalHeight","Separator","Text","TokenButton","useTheme","useCustomDimensions","AssetController","AssetUtil","ConnectionsController","SwapController","Placeholder","styles","createSections","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","SwapSelectTokenModal","onClose","type","style","visible","padding","maxHeight","Theme","activeNetwork","state","networkImages","sourceToken","suggestedTokens","myTokensWithBalance","networkImage","getNetworkImage","tokenSearch","setTokenSearch","isSourceToken","filteredTokens","suggestedList","filter","token","address","slice","onSearchChange","value","onTokenPress","setSourceToken","setToToken","sourceTokenAmount","swapTokens","transparent","animationType","onRequestClose","children","container","paddingHorizontal","backgroundColor","height","flexDirection","justifyContent","alignItems","icon","size","onPress","variant","iconPlaceholder","margin","placeholder","onChangeText","clearButtonMode","input","horizontal","showsHorizontalScrollIndicator","bounces","fadingEdgeLength","contentContainerStyle","suggestedListContent","map","index","text","symbol","imageUrl","logoUri","length","suggestedToken","undefined","name","suggestedSeparator","color","sections","tokenList","renderSectionHeader","section","title","ListEmptyComponent","description","getItemLayout","_","offset","renderItem","item","imageSrc","networkSrc","amount","quantity","numeric","currency","disabled"],"sourceRoot":"../../../../../../src","sources":["views/w3m-swap-view/components/select-token-modal/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/views/w3m-swap-view/components/select-token-modal/styles.js

@@ -0,0 +1,44 @@
+"use strict";
+
+import { StyleSheet } from 'react-native';
+import { BorderRadius, Spacing } from '@reown/appkit-ui-react-native';
+export default StyleSheet.create({
+  container: {
+    borderRadius: BorderRadius.l,
+    borderWidth: StyleSheet.hairlineWidth,
+    borderBottomLeftRadius: 0,
+    borderBottomRightRadius: 0,
+    overflow: 'hidden',
+    position: 'absolute',
+    bottom: 0,
+    left: 0,
+    right: 0,
+    margin: 0
+  },
+  title: {
+    paddingTop: Spacing['2xs']
+  },
+  tokenList: {
+    paddingHorizontal: Spacing.m
+  },
+  input: {
+    marginHorizontal: Spacing.xs
+  },
+  suggestedList: {
+    marginTop: Spacing.xs
+  },
+  suggestedListContent: {
+    paddingHorizontal: Spacing.s
+  },
+  suggestedToken: {
+    marginRight: Spacing.s
+  },
+  suggestedSeparator: {
+    marginTop: Spacing.s
+  },
+  iconPlaceholder: {
+    height: 32,
+    width: 32
+  }
+});
+//# sourceMappingURL=styles.js.map

package/lib/module/views/w3m-swap-view/components/select-token-modal/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","BorderRadius","Spacing","create","container","borderRadius","l","borderWidth","hairlineWidth","borderBottomLeftRadius","borderBottomRightRadius","overflow","position","bottom","left","right","margin","title","paddingTop","tokenList","paddingHorizontal","m","input","marginHorizontal","xs","suggestedList","marginTop","suggestedListContent","s","suggestedToken","marginRight","suggestedSeparator","iconPlaceholder","height","width"],"sourceRoot":"../../../../../../src","sources":["views/w3m-swap-view/components/select-token-modal/styles.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,YAAY,EAAEC,OAAO,QAAQ,+BAA+B;AAErE,eAAeF,UAAU,CAACG,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,YAAY,EAAEJ,YAAY,CAACK,CAAC;IAC5BC,WAAW,EAAEP,UAAU,CAACQ,aAAa;IACrCC,sBAAsB,EAAE,CAAC;IACzBC,uBAAuB,EAAE,CAAC;IAC1BC,QAAQ,EAAE,QAAQ;IAClBC,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAE,CAAC;IACTC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE;EACV,CAAC;EACDC,KAAK,EAAE;IACLC,UAAU,EAAEhB,OAAO,CAAC,KAAK;EAC3B,CAAC;EACDiB,SAAS,EAAE;IACTC,iBAAiB,EAAElB,OAAO,CAACmB;EAC7B,CAAC;EACDC,KAAK,EAAE;IACLC,gBAAgB,EAAErB,OAAO,CAACsB;EAC5B,CAAC;EACDC,aAAa,EAAE;IACbC,SAAS,EAAExB,OAAO,CAACsB;EACrB,CAAC;EACDG,oBAAoB,EAAE;IACpBP,iBAAiB,EAAElB,OAAO,CAAC0B;EAC7B,CAAC;EACDC,cAAc,EAAE;IACdC,WAAW,EAAE5B,OAAO,CAAC0B;EACvB,CAAC;EACDG,kBAAkB,EAAE;IAClBL,SAAS,EAAExB,OAAO,CAAC0B;EACrB,CAAC;EACDI,eAAe,EAAE;IACfC,MAAM,EAAE,EAAE;IACVC,KAAK,EAAE;EACT;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/views/w3m-swap-view/components/select-token-modal/utils.js

@@ -0,0 +1,31 @@
+"use strict";
+
+import { SwapController } from '@reown/appkit-core-react-native';
+export function filterTokens(tokens, searchValue) {
+  if (!tokens) {
+    return [];
+  }
+  if (!searchValue) {
+    return tokens;
+  }
+  return tokens.filter(token => token.name?.toLowerCase().includes(searchValue.toLowerCase()) || token.symbol.toLowerCase().includes(searchValue.toLowerCase()));
+}
+export function createSections(isSourceToken, searchValue, balances) {
+  const myTokensFiltered = filterTokens(balances ?? [], searchValue);
+  const popularFiltered = isSourceToken ? [] : filterTokens(SwapController.getFilteredPopularTokens(balances), searchValue);
+  const sections = [];
+  if (myTokensFiltered.length > 0) {
+    sections.push({
+      title: 'Your tokens',
+      data: myTokensFiltered
+    });
+  }
+  if (popularFiltered.length > 0) {
+    sections.push({
+      title: 'Popular tokens',
+      data: popularFiltered
+    });
+  }
+  return sections;
+}
+//# sourceMappingURL=utils.js.map

package/lib/module/views/w3m-swap-view/components/select-token-modal/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["SwapController","filterTokens","tokens","searchValue","filter","token","name","toLowerCase","includes","symbol","createSections","isSourceToken","balances","myTokensFiltered","popularFiltered","getFilteredPopularTokens","sections","length","push","title","data"],"sourceRoot":"../../../../../../src","sources":["views/w3m-swap-view/components/select-token-modal/utils.ts"],"mappings":";;AACA,SAASA,cAAc,QAAQ,iCAAiC;AAEhE,OAAO,SAASC,YAAYA,CAACC,MAA+B,EAAEC,WAAoB,EAAE;EAClF,IAAI,CAACD,MAAM,EAAE;IACX,OAAO,EAAE;EACX;EAEA,IAAI,CAACC,WAAW,EAAE;IAChB,OAAOD,MAAM;EACf;EAEA,OAAOA,MAAM,CAACE,MAAM,CAClBC,KAAK,IACHA,KAAK,CAACC,IAAI,EAAEC,WAAW,CAAC,CAAC,CAACC,QAAQ,CAACL,WAAW,CAACI,WAAW,CAAC,CAAC,CAAC,IAC7DF,KAAK,CAACI,MAAM,CAACF,WAAW,CAAC,CAAC,CAACC,QAAQ,CAACL,WAAW,CAACI,WAAW,CAAC,CAAC,CACjE,CAAC;AACH;AAEA,OAAO,SAASG,cAAcA,CAC5BC,aAAsB,EACtBR,WAAmB,EACnBS,QAAiC,EACjC;EACA,MAAMC,gBAAgB,GAAGZ,YAAY,CAACW,QAAQ,IAAI,EAAE,EAAET,WAAW,CAAC;EAClE,MAAMW,eAAe,GAAGH,aAAa,GACjC,EAAE,GACFV,YAAY,CAACD,cAAc,CAACe,wBAAwB,CAACH,QAAQ,CAAC,EAAET,WAAW,CAAC;EAEhF,MAAMa,QAAQ,GAAG,EAAE;EACnB,IAAIH,gBAAgB,CAACI,MAAM,GAAG,CAAC,EAAE;IAC/BD,QAAQ,CAACE,IAAI,CAAC;MAAEC,KAAK,EAAE,aAAa;MAAEC,IAAI,EAAEP;IAAiB,CAAC,CAAC;EACjE;EACA,IAAIC,eAAe,CAACG,MAAM,GAAG,CAAC,EAAE;IAC9BD,QAAQ,CAACE,IAAI,CAAC;MAAEC,KAAK,EAAE,gBAAgB;MAAEC,IAAI,EAAEN;IAAgB,CAAC,CAAC;EACnE;EAEA,OAAOE,QAAQ;AACjB","ignoreList":[]}