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

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

@@ -0,0 +1,97 @@
+import { useRef, useState } from 'react';
+import { TextInput } from 'react-native';
+import { FlexView, Link, Text, useTheme, TokenButton } from '@reown/appkit-ui-react-native';
+import { NumberUtil } from '@reown/appkit-common-react-native';
+import { ConstantsUtil, SendController } from '@reown/appkit-core-react-native';
+import { getMaxAmount, getSendValue } from './utils';
+import styles from './styles';
+export function SendInputToken({
+  token,
+  sendTokenAmount,
+  gasPrice,
+  style,
+  onTokenPress
+}) {
+  const Theme = useTheme();
+  const valueInputRef = useRef(null);
+  const [inputValue, setInputValue] = useState(sendTokenAmount?.toString());
+  const sendValue = getSendValue(token, sendTokenAmount);
+  const maxAmount = getMaxAmount(token);
+  const maxError = token && sendTokenAmount && sendTokenAmount > Number(token.quantity.numeric);
+  const onInputChange = value => {
+    const formattedValue = value.replace(/,/g, '.');
+    if (Number(formattedValue) >= 0 || formattedValue === '') {
+      setInputValue(formattedValue);
+      SendController.setTokenAmount(Number(formattedValue));
+    }
+  };
+  const onMaxPress = () => {
+    if (token && gasPrice) {
+      const isNetworkToken = token.address === undefined || Object.values(ConstantsUtil.NATIVE_TOKEN_ADDRESS).some(nativeAddress => token?.address === nativeAddress);
+      const numericGas = NumberUtil.bigNumber(gasPrice).shiftedBy(-token.quantity.decimals);
+      const maxValue = isNetworkToken ? NumberUtil.bigNumber(token.quantity.numeric).minus(numericGas) : NumberUtil.bigNumber(token.quantity.numeric);
+      SendController.setTokenAmount(Number(maxValue.toFixed(20)));
+      setInputValue(maxValue.toFixed(20));
+      valueInputRef.current?.blur();
+    }
+  };
+  return /*#__PURE__*/React.createElement(FlexView, {
+    style: [styles.container, {
+      backgroundColor: Theme['gray-glass-005'],
+      borderColor: Theme['gray-glass-005']
+    }, style],
+    justifyContent: "center",
+    padding: ['xl', 'l', 'l', 'l']
+  }, /*#__PURE__*/React.createElement(FlexView, {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-between"
+  }, /*#__PURE__*/React.createElement(TextInput, {
+    ref: valueInputRef,
+    placeholder: "0",
+    placeholderTextColor: Theme['fg-275'],
+    returnKeyType: "done",
+    style: [styles.input, {
+      color: Theme['fg-100']
+    }],
+    autoCapitalize: "none",
+    autoCorrect: false,
+    value: inputValue,
+    onChangeText: onInputChange,
+    keyboardType: "decimal-pad",
+    inputMode: "decimal",
+    autoComplete: "off",
+    spellCheck: false,
+    selectionColor: Theme['accent-100'],
+    underlineColorAndroid: "transparent",
+    selectTextOnFocus: false,
+    numberOfLines: 1,
+    autoFocus: !!token
+  }), /*#__PURE__*/React.createElement(TokenButton, {
+    imageUrl: token?.iconUrl,
+    text: token?.symbol,
+    onPress: onTokenPress,
+    chevron: true
+  })), token && /*#__PURE__*/React.createElement(FlexView, {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-between",
+    margin: ['3xs', '0', '0', '0']
+  }, /*#__PURE__*/React.createElement(Text, {
+    variant: "small-400",
+    color: "fg-200",
+    style: styles.sendValue,
+    numberOfLines: 1
+  }, sendValue ?? ''), /*#__PURE__*/React.createElement(FlexView, {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "center"
+  }, /*#__PURE__*/React.createElement(Text, {
+    variant: "small-400",
+    color: maxError ? 'error-100' : 'fg-200',
+    numberOfLines: 1
+  }, maxAmount ?? ''), /*#__PURE__*/React.createElement(Link, {
+    onPress: onMaxPress
+  }, "Max"))));
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useRef","useState","TextInput","FlexView","Link","Text","useTheme","TokenButton","NumberUtil","ConstantsUtil","SendController","getMaxAmount","getSendValue","styles","SendInputToken","token","sendTokenAmount","gasPrice","style","onTokenPress","Theme","valueInputRef","inputValue","setInputValue","toString","sendValue","maxAmount","maxError","Number","quantity","numeric","onInputChange","value","formattedValue","replace","setTokenAmount","onMaxPress","isNetworkToken","address","undefined","Object","values","NATIVE_TOKEN_ADDRESS","some","nativeAddress","numericGas","bigNumber","shiftedBy","decimals","maxValue","minus","toFixed","current","blur","React","createElement","container","backgroundColor","borderColor","justifyContent","padding","flexDirection","alignItems","ref","placeholder","placeholderTextColor","returnKeyType","input","color","autoCapitalize","autoCorrect","onChangeText","keyboardType","inputMode","autoComplete","spellCheck","selectionColor","underlineColorAndroid","selectTextOnFocus","numberOfLines","autoFocus","imageUrl","iconUrl","text","symbol","onPress","chevron","margin","variant"],"sourceRoot":"../../../../src","sources":["partials/w3m-send-input-token/index.tsx"],"mappings":"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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["BorderRadius","Spacing","StyleSheet","create","container","height","width","borderRadius","s","borderWidth","hairlineWidth","input","fontSize","flex","marginRight","xs","sendValue"],"sourceRoot":"../../../../src","sources":["partials/w3m-send-input-token/styles.ts"],"mappings":"AAAA,SAASA,YAAY,EAAEC,OAAO,QAAQ,+BAA+B;AACrE,SAASC,UAAU,QAAQ,cAAc;AAEzC,eAAeA,UAAU,CAACC,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,MAAM,EAAE,GAAG;IACXC,KAAK,EAAE,MAAM;IACbC,YAAY,EAAEP,YAAY,CAACQ,CAAC;IAC5BC,WAAW,EAAEP,UAAU,CAACQ;EAC1B,CAAC;EACDC,KAAK,EAAE;IACLC,QAAQ,EAAE,EAAE;IACZC,IAAI,EAAE,CAAC;IACPC,WAAW,EAAEb,OAAO,CAACc;EACvB,CAAC;EACDC,SAAS,EAAE;IACTH,IAAI,EAAE,CAAC;IACPC,WAAW,EAAEb,OAAO,CAACc;EACvB;AACF,CAAC,CAAC"}

package/lib/module/partials/w3m-send-input-token/utils.js

@@ -0,0 +1,17 @@
+import { NumberUtil } from '@reown/appkit-common-react-native';
+import { UiUtil } from '@reown/appkit-ui-react-native';
+export function getSendValue(token, sendTokenAmount) {
+  if (token && sendTokenAmount) {
+    const price = token.price;
+    const totalValue = price * sendTokenAmount;
+    return totalValue ? `$${UiUtil.formatNumberToLocalString(totalValue, 2)}` : 'Incorrect value';
+  }
+  return null;
+}
+export function getMaxAmount(token) {
+  if (token) {
+    return NumberUtil.roundNumber(Number(token.quantity.numeric), 6, 5);
+  }
+  return null;
+}
+//# sourceMappingURL=utils.js.map

package/lib/module/partials/w3m-send-input-token/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["NumberUtil","UiUtil","getSendValue","token","sendTokenAmount","price","totalValue","formatNumberToLocalString","getMaxAmount","roundNumber","Number","quantity","numeric"],"sourceRoot":"../../../../src","sources":["partials/w3m-send-input-token/utils.ts"],"mappings":"AAAA,SAAuBA,UAAU,QAAQ,mCAAmC;AAC5E,SAASC,MAAM,QAAQ,+BAA+B;AAEtD,OAAO,SAASC,YAAYA,CAACC,KAAe,EAAEC,eAAwB,EAAE;EACtE,IAAID,KAAK,IAAIC,eAAe,EAAE;IAC5B,MAAMC,KAAK,GAAGF,KAAK,CAACE,KAAK;IACzB,MAAMC,UAAU,GAAGD,KAAK,GAAGD,eAAe;IAE1C,OAAOE,UAAU,GAAI,IAAGL,MAAM,CAACM,yBAAyB,CAACD,UAAU,EAAE,CAAC,CAAE,EAAC,GAAG,iBAAiB;EAC/F;EAEA,OAAO,IAAI;AACb;AAEA,OAAO,SAASE,YAAYA,CAACL,KAAe,EAAE;EAC5C,IAAIA,KAAK,EAAE;IACT,OAAOH,UAAU,CAACS,WAAW,CAACC,MAAM,CAACP,KAAK,CAACQ,QAAQ,CAACC,OAAO,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;EACrE;EAEA,OAAO,IAAI;AACb"}

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

@@ -0,0 +1,46 @@
+import { useSnapshot } from 'valtio';
+import { useEffect, useMemo } from 'react';
+import { Animated } from 'react-native';
+import { SnackController } from '@reown/appkit-core-react-native';
+import { Snackbar as SnackbarComponent } from '@reown/appkit-ui-react-native';
+import styles from './styles';
+const getIcon = variant => {
+  if (variant === 'loading') return 'loading';
+  return variant === 'success' ? 'checkmark' : 'close';
+};
+export function Snackbar() {
+  const {
+    open,
+    message,
+    variant,
+    long
+  } = useSnapshot(SnackController.state);
+  const componentOpacity = useMemo(() => new Animated.Value(0), []);
+  useEffect(() => {
+    if (open) {
+      Animated.timing(componentOpacity, {
+        toValue: 1,
+        duration: 150,
+        useNativeDriver: true
+      }).start();
+      setTimeout(() => {
+        Animated.timing(componentOpacity, {
+          toValue: 0,
+          duration: 300,
+          useNativeDriver: true
+        }).start(() => {
+          SnackController.hide();
+        });
+      }, long ? 15000 : 2200);
+    }
+  }, [open, long, componentOpacity]);
+  return /*#__PURE__*/React.createElement(SnackbarComponent, {
+    message: message,
+    icon: getIcon(variant),
+    iconColor: variant === 'success' ? 'success-100' : 'error-100',
+    style: [styles.container, {
+      opacity: componentOpacity
+    }]
+  });
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useSnapshot","useEffect","useMemo","Animated","SnackController","Snackbar","SnackbarComponent","styles","getIcon","variant","open","message","long","state","componentOpacity","Value","timing","toValue","duration","useNativeDriver","start","setTimeout","hide","React","createElement","icon","iconColor","style","container","opacity"],"sourceRoot":"../../../../src","sources":["partials/w3m-snackbar/index.tsx"],"mappings":"AAAA,SAASA,WAAW,QAAQ,QAAQ;AACpC,SAASC,SAAS,EAAEC,OAAO,QAAQ,OAAO;AAC1C,SAASC,QAAQ,QAAQ,cAAc;AACvC,SAASC,eAAe,QAAmC,iCAAiC;AAC5F,SAASC,QAAQ,IAAIC,iBAAiB,QAAQ,+BAA+B;AAE7E,OAAOC,MAAM,MAAM,UAAU;AAE7B,MAAMC,OAAO,GAAIC,OAAwC,IAAK;EAC5D,IAAIA,OAAO,KAAK,SAAS,EAAE,OAAO,SAAS;EAE3C,OAAOA,OAAO,KAAK,SAAS,GAAG,WAAW,GAAG,OAAO;AACtD,CAAC;AAED,OAAO,SAASJ,QAAQA,CAAA,EAAG;EACzB,MAAM;IAAEK,IAAI;IAAEC,OAAO;IAAEF,OAAO;IAAEG;EAAK,CAAC,GAAGZ,WAAW,CAACI,eAAe,CAACS,KAAK,CAAC;EAC3E,MAAMC,gBAAgB,GAAGZ,OAAO,CAAC,MAAM,IAAIC,QAAQ,CAACY,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;EAEjEd,SAAS,CAAC,MAAM;IACd,IAAIS,IAAI,EAAE;MACRP,QAAQ,CAACa,MAAM,CAACF,gBAAgB,EAAE;QAChCG,OAAO,EAAE,CAAC;QACVC,QAAQ,EAAE,GAAG;QACbC,eAAe,EAAE;MACnB,CAAC,CAAC,CAACC,KAAK,CAAC,CAAC;MACVC,UAAU,CACR,MAAM;QACJlB,QAAQ,CAACa,MAAM,CAACF,gBAAgB,EAAE;UAChCG,OAAO,EAAE,CAAC;UACVC,QAAQ,EAAE,GAAG;UACbC,eAAe,EAAE;QACnB,CAAC,CAAC,CAACC,KAAK,CAAC,MAAM;UACbhB,eAAe,CAACkB,IAAI,CAAC,CAAC;QACxB,CAAC,CAAC;MACJ,CAAC,EACDV,IAAI,GAAG,KAAK,GAAG,IACjB,CAAC;IACH;EACF,CAAC,EAAE,CAACF,IAAI,EAAEE,IAAI,EAAEE,gBAAgB,CAAC,CAAC;EAElC,oBACES,KAAA,CAAAC,aAAA,CAAClB,iBAAiB;IAChBK,OAAO,EAAEA,OAAQ;IACjBc,IAAI,EAAEjB,OAAO,CAACC,OAAO,CAAE;IACvBiB,SAAS,EAAEjB,OAAO,KAAK,SAAS,GAAG,aAAa,GAAG,WAAY;IAC/DkB,KAAK,EAAE,CAACpB,MAAM,CAACqB,SAAS,EAAE;MAAEC,OAAO,EAAEf;IAAiB,CAAC;EAAE,CAC1D,CAAC;AAEN"}

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

@@ -0,0 +1,12 @@
+import { Spacing } from '@reown/appkit-ui-react-native';
+import { StyleSheet } from 'react-native';
+export default StyleSheet.create({
+  container: {
+    marginTop: Spacing.s,
+    justifyContent: 'center',
+    alignItems: 'center',
+    position: 'absolute',
+    alignSelf: 'center'
+  }
+});
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Spacing","StyleSheet","create","container","marginTop","s","justifyContent","alignItems","position","alignSelf"],"sourceRoot":"../../../../src","sources":["partials/w3m-snackbar/styles.ts"],"mappings":"AAAA,SAASA,OAAO,QAAQ,+BAA+B;AACvD,SAASC,UAAU,QAAQ,cAAc;AAEzC,eAAeA,UAAU,CAACC,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,SAAS,EAAEJ,OAAO,CAACK,CAAC;IACpBC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,QAAQ;IACpBC,QAAQ,EAAE,UAAU;IACpBC,SAAS,EAAE;EACb;AACF,CAAC,CAAC"}

package/lib/module/partials/w3m-swap-details/index.js

@@ -0,0 +1,150 @@
+import { useSnapshot } from 'valtio';
+import { useState } from 'react';
+import { ConstantsUtil, NetworkController, SwapController } from '@reown/appkit-core-react-native';
+import { FlexView, Text, UiUtil, Toggle, useTheme, Pressable, Icon } from '@reown/appkit-ui-react-native';
+import { NumberUtil } from '@reown/appkit-common-react-native';
+import { InformationModal } from '../w3m-information-modal';
+import styles from './styles';
+import { getModalData } from './utils';
+// -- Constants ----------------------------------------- //
+const slippageRate = ConstantsUtil.CONVERT_SLIPPAGE_TOLERANCE;
+export function SwapDetails({
+  initialOpen,
+  canClose
+}) {
+  const Theme = useTheme();
+  const {
+    maxSlippage = 0,
+    sourceToken,
+    toToken,
+    gasPriceInUSD = 0,
+    priceImpact,
+    toTokenAmount
+  } = useSnapshot(SwapController.state);
+  const [modalData, setModalData] = useState();
+  const toTokenSwappedAmount = SwapController.state.sourceTokenPriceInUSD && SwapController.state.toTokenPriceInUSD ? 1 / SwapController.state.toTokenPriceInUSD * SwapController.state.sourceTokenPriceInUSD : 0;
+  const renderTitle = () => /*#__PURE__*/React.createElement(FlexView, {
+    flexDirection: "row",
+    alignItems: "flex-start"
+  }, /*#__PURE__*/React.createElement(Text, {
+    variant: "small-400",
+    color: "fg-100"
+  }, "1 ", SwapController.state.sourceToken?.symbol, " = ", '', UiUtil.formatNumberToLocalString(toTokenSwappedAmount, 3), ' ', SwapController.state.toToken?.symbol), /*#__PURE__*/React.createElement(Text, {
+    variant: "small-400",
+    color: "fg-200",
+    style: styles.titlePrice
+  }, "~$", UiUtil.formatNumberToLocalString(SwapController.state.sourceTokenPriceInUSD)));
+  const minimumReceive = NumberUtil.parseLocalStringToNumber(toTokenAmount) - maxSlippage;
+  const providerFee = SwapController.getProviderFeePrice();
+  const onPriceImpactPress = () => {
+    setModalData(getModalData('priceImpact'));
+  };
+  const onSlippagePress = () => {
+    const minimumString = UiUtil.formatNumberToLocalString(minimumReceive, minimumReceive < 1 ? 8 : 2);
+    setModalData(getModalData('slippage', {
+      minimumReceive: minimumString,
+      toTokenSymbol: SwapController.state.toToken?.symbol
+    }));
+  };
+  const onNetworkCostPress = () => {
+    setModalData(getModalData('networkCost', {
+      networkSymbol: SwapController.state.networkTokenSymbol,
+      networkName: NetworkController.state.caipNetwork?.name
+    }));
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Toggle, {
+    title: renderTitle(),
+    style: [styles.container, {
+      backgroundColor: Theme['gray-glass-005']
+    }],
+    initialOpen: initialOpen,
+    canClose: canClose
+  }, /*#__PURE__*/React.createElement(FlexView, {
+    style: [styles.item, {
+      backgroundColor: Theme['gray-glass-002']
+    }]
+  }, /*#__PURE__*/React.createElement(FlexView, {
+    flexDirection: "row",
+    alignItems: "center"
+  }, /*#__PURE__*/React.createElement(Text, {
+    variant: "small-400",
+    color: "fg-150",
+    style: styles.detailTitle
+  }, "Network cost"), /*#__PURE__*/React.createElement(Pressable, {
+    onPress: onNetworkCostPress,
+    style: styles.infoIcon,
+    hitSlop: 10
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: "infoCircle",
+    size: "sm",
+    color: "fg-150"
+  }))), /*#__PURE__*/React.createElement(Text, {
+    variant: "small-400",
+    color: "fg-100"
+  }, "$", UiUtil.formatNumberToLocalString(gasPriceInUSD, gasPriceInUSD < 1 ? 8 : 2))), !!priceImpact && /*#__PURE__*/React.createElement(FlexView, {
+    style: [styles.item, {
+      backgroundColor: Theme['gray-glass-002']
+    }]
+  }, /*#__PURE__*/React.createElement(FlexView, {
+    flexDirection: "row",
+    alignItems: "center"
+  }, /*#__PURE__*/React.createElement(Text, {
+    variant: "small-400",
+    color: "fg-150",
+    style: styles.detailTitle
+  }, "Price impact"), /*#__PURE__*/React.createElement(Pressable, {
+    onPress: onPriceImpactPress,
+    style: styles.infoIcon,
+    hitSlop: 10
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: "infoCircle",
+    size: "sm",
+    color: "fg-150"
+  }))), /*#__PURE__*/React.createElement(Text, {
+    variant: "small-400",
+    color: "fg-100"
+  }, "~", UiUtil.formatNumberToLocalString(priceImpact, 3), "%")), maxSlippage !== undefined && maxSlippage > 0 && !!sourceToken?.symbol && /*#__PURE__*/React.createElement(FlexView, {
+    style: [styles.item, {
+      backgroundColor: Theme['gray-glass-002']
+    }]
+  }, /*#__PURE__*/React.createElement(FlexView, {
+    flexDirection: "row",
+    alignItems: "center"
+  }, /*#__PURE__*/React.createElement(Text, {
+    variant: "small-400",
+    color: "fg-150",
+    style: styles.detailTitle
+  }, "Max. slippage"), /*#__PURE__*/React.createElement(Pressable, {
+    onPress: onSlippagePress,
+    style: styles.infoIcon,
+    hitSlop: 10
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: "infoCircle",
+    size: "sm",
+    color: "fg-150"
+  }))), /*#__PURE__*/React.createElement(Text, {
+    variant: "small-400",
+    color: "fg-200"
+  }, UiUtil.formatNumberToLocalString(maxSlippage, 6), " ", toToken?.symbol, ' ', /*#__PURE__*/React.createElement(Text, {
+    variant: "small-400",
+    color: "fg-100"
+  }, slippageRate, "%"))), /*#__PURE__*/React.createElement(FlexView, {
+    style: [styles.item, {
+      backgroundColor: Theme['gray-glass-002']
+    }]
+  }, /*#__PURE__*/React.createElement(Text, {
+    variant: "small-400",
+    color: "fg-150",
+    style: styles.detailTitle
+  }, "Included provider fee"), /*#__PURE__*/React.createElement(Text, {
+    variant: "small-400",
+    color: "fg-100"
+  }, "$", UiUtil.formatNumberToLocalString(providerFee, providerFee < 1 ? 8 : 2)))), /*#__PURE__*/React.createElement(InformationModal, {
+    iconName: "infoCircle",
+    title: modalData?.title,
+    description: modalData?.description,
+    visible: !!modalData,
+    onClose: () => setModalData(undefined)
+  }));
+}
+//# sourceMappingURL=index.js.map

package/lib/module/partials/w3m-swap-details/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useSnapshot","useState","ConstantsUtil","NetworkController","SwapController","FlexView","Text","UiUtil","Toggle","useTheme","Pressable","Icon","NumberUtil","InformationModal","styles","getModalData","slippageRate","CONVERT_SLIPPAGE_TOLERANCE","SwapDetails","initialOpen","canClose","Theme","maxSlippage","sourceToken","toToken","gasPriceInUSD","priceImpact","toTokenAmount","state","modalData","setModalData","toTokenSwappedAmount","sourceTokenPriceInUSD","toTokenPriceInUSD","renderTitle","React","createElement","flexDirection","alignItems","variant","color","symbol","formatNumberToLocalString","style","titlePrice","minimumReceive","parseLocalStringToNumber","providerFee","getProviderFeePrice","onPriceImpactPress","onSlippagePress","minimumString","toTokenSymbol","onNetworkCostPress","networkSymbol","networkTokenSymbol","networkName","caipNetwork","name","Fragment","title","container","backgroundColor","item","detailTitle","onPress","infoIcon","hitSlop","size","undefined","iconName","description","visible","onClose"],"sourceRoot":"../../../../src","sources":["partials/w3m-swap-details/index.tsx"],"mappings":"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"}

package/lib/module/partials/w3m-swap-details/styles.js

@@ -0,0 +1,26 @@
+import { StyleSheet } from 'react-native';
+import { BorderRadius, Spacing } from '@reown/appkit-ui-react-native';
+export default StyleSheet.create({
+  container: {
+    width: '100%',
+    borderRadius: 16
+  },
+  titlePrice: {
+    marginLeft: Spacing['3xs']
+  },
+  detailTitle: {
+    marginRight: Spacing['3xs']
+  },
+  item: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+    padding: Spacing.s,
+    borderRadius: BorderRadius.xxs,
+    marginTop: Spacing['2xs']
+  },
+  infoIcon: {
+    borderRadius: BorderRadius.full
+  }
+});
+//# sourceMappingURL=styles.js.map

package/lib/module/partials/w3m-swap-details/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","BorderRadius","Spacing","create","container","width","borderRadius","titlePrice","marginLeft","detailTitle","marginRight","item","flexDirection","justifyContent","alignItems","padding","s","xxs","marginTop","infoIcon","full"],"sourceRoot":"../../../../src","sources":["partials/w3m-swap-details/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,KAAK,EAAE,MAAM;IACbC,YAAY,EAAE;EAChB,CAAC;EACDC,UAAU,EAAE;IACVC,UAAU,EAAEN,OAAO,CAAC,KAAK;EAC3B,CAAC;EACDO,WAAW,EAAE;IACXC,WAAW,EAAER,OAAO,CAAC,KAAK;EAC5B,CAAC;EACDS,IAAI,EAAE;IACJC,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE,eAAe;IAC/BC,UAAU,EAAE,QAAQ;IACpBC,OAAO,EAAEb,OAAO,CAACc,CAAC;IAClBV,YAAY,EAAEL,YAAY,CAACgB,GAAG;IAC9BC,SAAS,EAAEhB,OAAO,CAAC,KAAK;EAC1B,CAAC;EACDiB,QAAQ,EAAE;IACRb,YAAY,EAAEL,YAAY,CAACmB;EAC7B;AACF,CAAC,CAAC"}

package/lib/module/partials/w3m-swap-details/utils.js

@@ -0,0 +1,20 @@
+export const getModalData = (detail, opts) => {
+  switch (detail) {
+    case 'slippage':
+      return {
+        title: 'Max. slippage',
+        description: `Max slippage sets the minimum amount you must receive for the transaction to proceed. The transaction will be reversed if you receive less than ${opts?.minimumReceive} ${opts?.toTokenSymbol} due to price changes`
+      };
+    case 'networkCost':
+      return {
+        title: 'Network cost',
+        description: `Network cost is paid in ${opts?.networkSymbol} on the ${opts?.networkName} network in order to execute the transaction`
+      };
+    case 'priceImpact':
+      return {
+        title: 'Price impact',
+        description: 'Price impact reflects the change in market price due to your trade'
+      };
+  }
+};
+//# sourceMappingURL=utils.js.map

package/lib/module/partials/w3m-swap-details/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getModalData","detail","opts","title","description","minimumReceive","toTokenSymbol","networkSymbol","networkName"],"sourceRoot":"../../../../src","sources":["partials/w3m-swap-details/utils.ts"],"mappings":"AAcA,OAAO,MAAMA,YAAY,GAAGA,CAACC,MAAmB,EAAEC,IAAoB,KAAK;EACzE,QAAQD,MAAM;IACZ,KAAK,UAAU;MACb,OAAO;QACLE,KAAK,EAAE,eAAe;QACtBC,WAAW,EAAG,mJAAkJF,IAAI,EAAEG,cAAe,IAAGH,IAAI,EAAEI,aAAc;MAC9M,CAAC;IACH,KAAK,aAAa;MAChB,OAAO;QACLH,KAAK,EAAE,cAAc;QACrBC,WAAW,EAAG,2BAA0BF,IAAI,EAAEK,aAAc,WAAUL,IAAI,EAAEM,WAAY;MAC1F,CAAC;IACH,KAAK,aAAa;MAChB,OAAO;QACLL,KAAK,EAAE,cAAc;QACrBC,WAAW,EAAE;MACf,CAAC;EACL;AACF,CAAC"}

package/lib/module/partials/w3m-swap-input/index.js

@@ -0,0 +1,108 @@
+import { useRef } from 'react';
+import { TextInput } from 'react-native';
+import { FlexView, useTheme, TokenButton, Shimmer, Text, UiUtil, Link } from '@reown/appkit-ui-react-native';
+import styles from './styles';
+import { NumberUtil } from '@reown/appkit-common-react-native';
+const MINIMUM_USD_VALUE_TO_CONVERT = 0.00005;
+export function SwapInput({
+  token,
+  value,
+  style,
+  loading,
+  onTokenPress,
+  onMaxPress,
+  onChange,
+  marketValue,
+  editable,
+  autoFocus
+}) {
+  const Theme = useTheme();
+  const valueInputRef = useRef(null);
+  const isMarketValueGreaterThanZero = !!marketValue && NumberUtil.bigNumber(marketValue).isGreaterThan('0');
+  const maxAmount = UiUtil.formatNumberToLocalString(token?.quantity.numeric, 3);
+  const maxError = Number(value) > Number(token?.quantity.numeric);
+  const showMax = onMaxPress && !!token?.quantity.numeric && NumberUtil.multiply(token?.quantity.numeric, token?.price).isGreaterThan(MINIMUM_USD_VALUE_TO_CONVERT);
+  const handleInputChange = _value => {
+    const formattedValue = _value.replace(/,/g, '.');
+    if (Number(formattedValue) >= 0 || formattedValue === '') {
+      onChange?.(formattedValue);
+    }
+  };
+  const handleMaxPress = () => {
+    if (valueInputRef.current) {
+      valueInputRef.current.blur();
+    }
+    onMaxPress?.();
+  };
+  return /*#__PURE__*/React.createElement(FlexView, {
+    style: [styles.container, {
+      backgroundColor: Theme['gray-glass-005'],
+      borderColor: Theme['gray-glass-005']
+    }, style],
+    justifyContent: "center",
+    padding: ['xl', 'l', 'l', 'l']
+  }, loading ? /*#__PURE__*/React.createElement(FlexView, {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-between"
+  }, /*#__PURE__*/React.createElement(Shimmer, {
+    height: 36,
+    width: 80,
+    borderRadius: 12
+  }), /*#__PURE__*/React.createElement(Shimmer, {
+    height: 36,
+    width: 80,
+    borderRadius: 18
+  })) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FlexView, {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-between"
+  }, /*#__PURE__*/React.createElement(TextInput, {
+    ref: valueInputRef,
+    placeholder: "0",
+    placeholderTextColor: Theme['fg-275'],
+    returnKeyType: "done",
+    style: [styles.input, {
+      color: Theme['fg-100']
+    }],
+    autoCapitalize: "none",
+    autoCorrect: false,
+    value: value,
+    onChangeText: handleInputChange,
+    keyboardType: "decimal-pad",
+    inputMode: "decimal",
+    autoComplete: "off",
+    spellCheck: false,
+    selectionColor: Theme['accent-100'],
+    underlineColorAndroid: "transparent",
+    selectTextOnFocus: false,
+    numberOfLines: 1,
+    editable: editable,
+    autoFocus: autoFocus
+  }), /*#__PURE__*/React.createElement(TokenButton, {
+    text: token?.symbol,
+    imageUrl: token?.logoUri,
+    onPress: onTokenPress,
+    chevron: true
+  })), (showMax || isMarketValueGreaterThanZero) && /*#__PURE__*/React.createElement(FlexView, {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-between",
+    margin: ['3xs', '0', '0', '0']
+  }, /*#__PURE__*/React.createElement(Text, {
+    variant: "small-400",
+    color: "fg-200",
+    numberOfLines: 1
+  }, isMarketValueGreaterThanZero ? `~$${UiUtil.formatNumberToLocalString(marketValue, 2)}` : ''), showMax && /*#__PURE__*/React.createElement(FlexView, {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "center"
+  }, /*#__PURE__*/React.createElement(Text, {
+    variant: "small-400",
+    color: maxError ? 'error-100' : 'fg-200',
+    numberOfLines: 1
+  }, showMax ? maxAmount : ''), /*#__PURE__*/React.createElement(Link, {
+    onPress: handleMaxPress
+  }, "Max")))));
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useRef","TextInput","FlexView","useTheme","TokenButton","Shimmer","Text","UiUtil","Link","styles","NumberUtil","MINIMUM_USD_VALUE_TO_CONVERT","SwapInput","token","value","style","loading","onTokenPress","onMaxPress","onChange","marketValue","editable","autoFocus","Theme","valueInputRef","isMarketValueGreaterThanZero","bigNumber","isGreaterThan","maxAmount","formatNumberToLocalString","quantity","numeric","maxError","Number","showMax","multiply","price","handleInputChange","_value","formattedValue","replace","handleMaxPress","current","blur","React","createElement","container","backgroundColor","borderColor","justifyContent","padding","flexDirection","alignItems","height","width","borderRadius","Fragment","ref","placeholder","placeholderTextColor","returnKeyType","input","color","autoCapitalize","autoCorrect","onChangeText","keyboardType","inputMode","autoComplete","spellCheck","selectionColor","underlineColorAndroid","selectTextOnFocus","numberOfLines","text","symbol","imageUrl","logoUri","onPress","chevron","margin","variant"],"sourceRoot":"../../../../src","sources":["partials/w3m-swap-input/index.tsx"],"mappings":"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"}

package/lib/module/partials/w3m-swap-input/styles.js

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["BorderRadius","Spacing","StyleSheet","create","container","height","width","borderRadius","s","borderWidth","hairlineWidth","input","fontSize","flex","marginRight","xs","sendValue"],"sourceRoot":"../../../../src","sources":["partials/w3m-swap-input/styles.ts"],"mappings":"AAAA,SAASA,YAAY,EAAEC,OAAO,QAAQ,+BAA+B;AACrE,SAASC,UAAU,QAAQ,cAAc;AAEzC,eAAeA,UAAU,CAACC,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,MAAM,EAAE,GAAG;IACXC,KAAK,EAAE,MAAM;IACbC,YAAY,EAAEP,YAAY,CAACQ,CAAC;IAC5BC,WAAW,EAAEP,UAAU,CAACQ;EAC1B,CAAC;EACDC,KAAK,EAAE;IACLC,QAAQ,EAAE,EAAE;IACZC,IAAI,EAAE,CAAC;IACPC,WAAW,EAAEb,OAAO,CAACc;EACvB,CAAC;EACDC,SAAS,EAAE;IACTH,IAAI,EAAE,CAAC;IACPC,WAAW,EAAEb,OAAO,CAACc;EACvB;AACF,CAAC,CAAC"}