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

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

@@ -0,0 +1,110 @@
+"use strict";
+
+import { useRef, useState } from 'react';
+import { TextInput } from 'react-native';
+import { FlexView, Link, Text, useTheme, TokenButton, Shimmer } from '@reown/appkit-ui-react-native';
+import { NumberUtil } from '@reown/appkit-common-react-native';
+import { SendController } from '@reown/appkit-core-react-native';
+import { getMaxAmount, getSendValue } from './utils';
+import styles from './styles';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function SendInputToken({
+  token,
+  sendTokenAmount,
+  style,
+  onTokenPress,
+  loading
+}) {
+  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?.quantity?.numeric) {
+      const maxValue = NumberUtil.bigNumber(token.quantity.numeric);
+      SendController.setTokenAmount(Number(maxValue.toFixed(20)));
+      setInputValue(maxValue.toFixed(20));
+      valueInputRef.current?.blur();
+    }
+  };
+  return loading ? /*#__PURE__*/_jsx(Shimmer, {
+    width: "100%",
+    height: 100,
+    borderRadius: 16,
+    style: styles.inputLoading
+  }) : /*#__PURE__*/_jsxs(FlexView, {
+    style: [styles.container, {
+      backgroundColor: Theme['gray-glass-005'],
+      borderColor: Theme['gray-glass-005']
+    }, style],
+    justifyContent: "center",
+    padding: ['xl', 'l', 'l', 'l'],
+    children: [/*#__PURE__*/_jsxs(FlexView, {
+      flexDirection: "row",
+      alignItems: "center",
+      justifyContent: "space-between",
+      children: [/*#__PURE__*/_jsx(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__*/_jsx(TokenButton, {
+        imageUrl: token?.iconUrl,
+        text: token?.symbol,
+        onPress: onTokenPress,
+        chevron: true
+      })]
+    }), token ? /*#__PURE__*/_jsxs(FlexView, {
+      flexDirection: "row",
+      alignItems: "center",
+      justifyContent: "space-between",
+      margin: ['3xs', '0', '0', '0'],
+      children: [/*#__PURE__*/_jsx(Text, {
+        variant: "small-400",
+        color: "fg-200",
+        style: styles.sendValue,
+        numberOfLines: 1,
+        children: sendValue ?? ''
+      }), /*#__PURE__*/_jsxs(FlexView, {
+        flexDirection: "row",
+        alignItems: "center",
+        justifyContent: "center",
+        children: [/*#__PURE__*/_jsx(Text, {
+          variant: "small-400",
+          color: maxError ? 'error-100' : 'fg-200',
+          numberOfLines: 1,
+          children: maxAmount ?? ''
+        }), /*#__PURE__*/_jsx(Link, {
+          onPress: onMaxPress,
+          children: "Max"
+        })]
+      })]
+    }) : null]
+  });
+}
+//# 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","Shimmer","NumberUtil","SendController","getMaxAmount","getSendValue","styles","jsx","_jsx","jsxs","_jsxs","SendInputToken","token","sendTokenAmount","style","onTokenPress","loading","Theme","valueInputRef","inputValue","setInputValue","toString","sendValue","maxAmount","maxError","Number","quantity","numeric","onInputChange","value","formattedValue","replace","setTokenAmount","onMaxPress","maxValue","bigNumber","toFixed","current","blur","width","height","borderRadius","inputLoading","container","backgroundColor","borderColor","justifyContent","padding","children","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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","ignoreList":[]}

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

@@ -0,0 +1,25 @@
+"use strict";
+
+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
+  },
+  inputLoading: {
+    marginBottom: 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","inputLoading","marginBottom"],"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,CAAC;EACDE,YAAY,EAAE;IACZC,YAAY,EAAEjB,OAAO,CAACc;EACxB;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,19 @@
+"use strict";
+
+import { NumberUtil } from '@reown/appkit-common-react-native';
+import { UiUtil } from '@reown/appkit-ui-react-native';
+export function getSendValue(token, sendTokenAmount) {
+  if (token?.price && 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?.quantity?.numeric) {
+    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","quantity","numeric","roundNumber","Number"],"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,EAAEE,KAAK,IAAID,eAAe,EAAE;IACnC,MAAMC,KAAK,GAAGF,KAAK,CAACE,KAAK;IACzB,MAAMC,UAAU,GAAGD,KAAK,GAAGD,eAAe;IAE1C,OAAOE,UAAU,GAAG,IAAIL,MAAM,CAACM,yBAAyB,CAACD,UAAU,EAAE,CAAC,CAAC,EAAE,GAAG,iBAAiB;EAC/F;EAEA,OAAO,IAAI;AACb;AAEA,OAAO,SAASE,YAAYA,CAACL,KAAe,EAAE;EAC5C,IAAIA,KAAK,EAAEM,QAAQ,EAAEC,OAAO,EAAE;IAC5B,OAAOV,UAAU,CAACW,WAAW,CAACC,MAAM,CAACT,KAAK,CAACM,QAAQ,CAACC,OAAO,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;EACrE;EAEA,OAAO,IAAI;AACb","ignoreList":[]}

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

@@ -0,0 +1,45 @@
+"use strict";
+
+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';
+import { jsx as _jsx } from "react/jsx-runtime";
+const getIcon = variant => {
+  if (variant === 'loading') return 'loading';
+  return variant === 'success' ? 'checkmark' : 'close';
+};
+export function Snackbar() {
+  const {
+    open,
+    message,
+    variant
+  } = useSnapshot(SnackController.state);
+  const componentOpacity = useMemo(() => new Animated.Value(0), []);
+  useEffect(() => {
+    if (open) {
+      Animated.timing(componentOpacity, {
+        toValue: 1,
+        duration: 150,
+        useNativeDriver: true
+      }).start();
+    } else {
+      Animated.timing(componentOpacity, {
+        toValue: 0,
+        duration: 300,
+        useNativeDriver: true
+      }).start();
+    }
+  }, [open, componentOpacity]);
+  return /*#__PURE__*/_jsx(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","jsx","_jsx","getIcon","variant","open","message","state","componentOpacity","Value","timing","toValue","duration","useNativeDriver","start","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;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE9B,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,SAASN,QAAQA,CAAA,EAAG;EACzB,MAAM;IAAEO,IAAI;IAAEC,OAAO;IAAEF;EAAQ,CAAC,GAAGX,WAAW,CAACI,eAAe,CAACU,KAAK,CAAC;EACrE,MAAMC,gBAAgB,GAAGb,OAAO,CAAC,MAAM,IAAIC,QAAQ,CAACa,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;EAEjEf,SAAS,CAAC,MAAM;IACd,IAAIW,IAAI,EAAE;MACRT,QAAQ,CAACc,MAAM,CAACF,gBAAgB,EAAE;QAChCG,OAAO,EAAE,CAAC;QACVC,QAAQ,EAAE,GAAG;QACbC,eAAe,EAAE;MACnB,CAAC,CAAC,CAACC,KAAK,CAAC,CAAC;IACZ,CAAC,MAAM;MACLlB,QAAQ,CAACc,MAAM,CAACF,gBAAgB,EAAE;QAChCG,OAAO,EAAE,CAAC;QACVC,QAAQ,EAAE,GAAG;QACbC,eAAe,EAAE;MACnB,CAAC,CAAC,CAACC,KAAK,CAAC,CAAC;IACZ;EACF,CAAC,EAAE,CAACT,IAAI,EAAEG,gBAAgB,CAAC,CAAC;EAE5B,oBACEN,IAAA,CAACH,iBAAiB;IAChBO,OAAO,EAAEA,OAAQ;IACjBS,IAAI,EAAEZ,OAAO,CAACC,OAAO,CAAE;IACvBY,SAAS,EAAEZ,OAAO,KAAK,SAAS,GAAG,aAAa,GAAG,WAAY;IAC/Da,KAAK,EAAE,CAACjB,MAAM,CAACkB,SAAS,EAAE;MAAEC,OAAO,EAAEX;IAAiB,CAAC;EAAE,CAC1D,CAAC;AAEN","ignoreList":[]}

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

@@ -0,0 +1,14 @@
+"use strict";
+
+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","ignoreList":[]}

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

@@ -0,0 +1,178 @@
+"use strict";
+
+import { useSnapshot } from 'valtio';
+import { useState } from 'react';
+import { ConnectionsController, ConstantsUtil, 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';
+import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+// -- 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__*/_jsxs(FlexView, {
+    flexDirection: "row",
+    alignItems: "flex-start",
+    children: [/*#__PURE__*/_jsxs(Text, {
+      variant: "small-400",
+      color: "fg-100",
+      children: ["1 ", SwapController.state.sourceToken?.symbol, " = ", '', UiUtil.formatNumberToLocalString(toTokenSwappedAmount, 3), ' ', SwapController.state.toToken?.symbol]
+    }), /*#__PURE__*/_jsxs(Text, {
+      variant: "small-400",
+      color: "fg-200",
+      style: styles.titlePrice,
+      children: ["~$", 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: ConnectionsController.state.activeNetwork?.name
+    }));
+  };
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsxs(Toggle, {
+      title: renderTitle(),
+      style: [styles.container, {
+        backgroundColor: Theme['gray-glass-005']
+      }],
+      initialOpen: initialOpen,
+      canClose: canClose,
+      children: [/*#__PURE__*/_jsxs(FlexView, {
+        style: [styles.item, {
+          backgroundColor: Theme['gray-glass-002']
+        }],
+        children: [/*#__PURE__*/_jsxs(FlexView, {
+          flexDirection: "row",
+          alignItems: "center",
+          children: [/*#__PURE__*/_jsx(Text, {
+            variant: "small-400",
+            color: "fg-150",
+            style: styles.detailTitle,
+            children: "Network cost"
+          }), /*#__PURE__*/_jsx(Pressable, {
+            onPress: onNetworkCostPress,
+            style: styles.infoIcon,
+            hitSlop: 10,
+            children: /*#__PURE__*/_jsx(Icon, {
+              name: "infoCircle",
+              size: "sm",
+              color: "fg-150"
+            })
+          })]
+        }), /*#__PURE__*/_jsxs(Text, {
+          variant: "small-400",
+          color: "fg-100",
+          children: ["$", UiUtil.formatNumberToLocalString(gasPriceInUSD, gasPriceInUSD < 1 ? 8 : 2)]
+        })]
+      }), !!priceImpact && /*#__PURE__*/_jsxs(FlexView, {
+        style: [styles.item, {
+          backgroundColor: Theme['gray-glass-002']
+        }],
+        children: [/*#__PURE__*/_jsxs(FlexView, {
+          flexDirection: "row",
+          alignItems: "center",
+          children: [/*#__PURE__*/_jsx(Text, {
+            variant: "small-400",
+            color: "fg-150",
+            style: styles.detailTitle,
+            children: "Price impact"
+          }), /*#__PURE__*/_jsx(Pressable, {
+            onPress: onPriceImpactPress,
+            style: styles.infoIcon,
+            hitSlop: 10,
+            children: /*#__PURE__*/_jsx(Icon, {
+              name: "infoCircle",
+              size: "sm",
+              color: "fg-150"
+            })
+          })]
+        }), /*#__PURE__*/_jsxs(Text, {
+          variant: "small-400",
+          color: "fg-100",
+          children: ["~", UiUtil.formatNumberToLocalString(priceImpact, 3), "%"]
+        })]
+      }), maxSlippage !== undefined && maxSlippage > 0 && !!sourceToken?.symbol && /*#__PURE__*/_jsxs(FlexView, {
+        style: [styles.item, {
+          backgroundColor: Theme['gray-glass-002']
+        }],
+        children: [/*#__PURE__*/_jsxs(FlexView, {
+          flexDirection: "row",
+          alignItems: "center",
+          children: [/*#__PURE__*/_jsx(Text, {
+            variant: "small-400",
+            color: "fg-150",
+            style: styles.detailTitle,
+            children: "Max. slippage"
+          }), /*#__PURE__*/_jsx(Pressable, {
+            onPress: onSlippagePress,
+            style: styles.infoIcon,
+            hitSlop: 10,
+            children: /*#__PURE__*/_jsx(Icon, {
+              name: "infoCircle",
+              size: "sm",
+              color: "fg-150"
+            })
+          })]
+        }), /*#__PURE__*/_jsxs(Text, {
+          variant: "small-400",
+          color: "fg-200",
+          children: [UiUtil.formatNumberToLocalString(maxSlippage, 6), " ", toToken?.symbol, ' ', /*#__PURE__*/_jsxs(Text, {
+            variant: "small-400",
+            color: "fg-100",
+            children: [slippageRate, "%"]
+          })]
+        })]
+      }), /*#__PURE__*/_jsxs(FlexView, {
+        style: [styles.item, {
+          backgroundColor: Theme['gray-glass-002']
+        }],
+        children: [/*#__PURE__*/_jsx(Text, {
+          variant: "small-400",
+          color: "fg-150",
+          style: styles.detailTitle,
+          children: "Included provider fee"
+        }), /*#__PURE__*/_jsxs(Text, {
+          variant: "small-400",
+          color: "fg-100",
+          children: ["$", UiUtil.formatNumberToLocalString(providerFee, providerFee < 1 ? 8 : 2)]
+        })]
+      })]
+    }), /*#__PURE__*/_jsx(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","ConnectionsController","ConstantsUtil","SwapController","FlexView","Text","UiUtil","Toggle","useTheme","Pressable","Icon","NumberUtil","InformationModal","styles","getModalData","jsxs","_jsxs","jsx","_jsx","Fragment","_Fragment","slippageRate","CONVERT_SLIPPAGE_TOLERANCE","SwapDetails","initialOpen","canClose","Theme","maxSlippage","sourceToken","toToken","gasPriceInUSD","priceImpact","toTokenAmount","state","modalData","setModalData","toTokenSwappedAmount","sourceTokenPriceInUSD","toTokenPriceInUSD","renderTitle","flexDirection","alignItems","children","variant","color","symbol","formatNumberToLocalString","style","titlePrice","minimumReceive","parseLocalStringToNumber","providerFee","getProviderFeePrice","onPriceImpactPress","onSlippagePress","minimumString","toTokenSymbol","onNetworkCostPress","networkSymbol","networkTokenSymbol","networkName","activeNetwork","name","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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","ignoreList":[]}

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

@@ -0,0 +1,28 @@
+"use strict";
+
+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","ignoreList":[]}

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

@@ -0,0 +1,22 @@
+"use strict";
+
+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,EAAE,mJAAmJF,IAAI,EAAEG,cAAc,IAAIH,IAAI,EAAEI,aAAa;MAC7M,CAAC;IACH,KAAK,aAAa;MAChB,OAAO;QACLH,KAAK,EAAE,cAAc;QACrBC,WAAW,EAAE,2BAA2BF,IAAI,EAAEK,aAAa,WAAWL,IAAI,EAAEM,WAAW;MACzF,CAAC;IACH,KAAK,aAAa;MAChB,OAAO;QACLL,KAAK,EAAE,cAAc;QACrBC,WAAW,EAAE;MACf,CAAC;EACL;AACF,CAAC","ignoreList":[]}

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

@@ -0,0 +1,139 @@
+"use strict";
+
+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';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+const MINIMUM_USD_VALUE_TO_CONVERT = 0.00005;
+export function SwapInput({
+  token,
+  value,
+  style,
+  loading,
+  loadingValues,
+  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__*/_jsx(FlexView, {
+    style: [styles.container, {
+      backgroundColor: Theme['gray-glass-005'],
+      borderColor: Theme['gray-glass-005']
+    }, style],
+    justifyContent: "center",
+    padding: ['xl', 'l', 'l', 'l'],
+    children: loading ? /*#__PURE__*/_jsxs(FlexView, {
+      flexDirection: "row",
+      alignItems: "center",
+      justifyContent: "space-between",
+      children: [/*#__PURE__*/_jsxs(FlexView, {
+        alignItems: "flex-start",
+        children: [/*#__PURE__*/_jsx(Shimmer, {
+          height: 36,
+          width: 80,
+          borderRadius: 12,
+          style: styles.valueLoader
+        }), /*#__PURE__*/_jsx(Shimmer, {
+          height: 20,
+          width: 120,
+          borderRadius: 8
+        })]
+      }), /*#__PURE__*/_jsx(Shimmer, {
+        height: 36,
+        width: 80,
+        borderRadius: 18
+      })]
+    }) : /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsxs(FlexView, {
+        flexDirection: "row",
+        alignItems: "center",
+        justifyContent: "space-between",
+        children: [loadingValues ? /*#__PURE__*/_jsx(Shimmer, {
+          height: 36,
+          width: 80,
+          borderRadius: 12,
+          style: styles.valueLoader
+        }) : /*#__PURE__*/_jsx(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__*/_jsx(TokenButton, {
+          text: token?.symbol,
+          imageUrl: token?.logoUri,
+          onPress: onTokenPress,
+          chevron: true
+        })]
+      }), loadingValues ? /*#__PURE__*/_jsx(Shimmer, {
+        height: 20,
+        width: 120,
+        borderRadius: 8
+      }) : showMax || isMarketValueGreaterThanZero ? /*#__PURE__*/_jsxs(FlexView, {
+        flexDirection: "row",
+        alignItems: "center",
+        justifyContent: "space-between",
+        margin: ['3xs', '0', '0', '0'],
+        children: [/*#__PURE__*/_jsx(Text, {
+          variant: "small-400",
+          color: "fg-200",
+          numberOfLines: 1,
+          children: isMarketValueGreaterThanZero ? `~$${UiUtil.formatNumberToLocalString(marketValue, 6)}` : ''
+        }), showMax ? /*#__PURE__*/_jsxs(FlexView, {
+          flexDirection: "row",
+          alignItems: "center",
+          justifyContent: "center",
+          children: [/*#__PURE__*/_jsx(Text, {
+            variant: "small-400",
+            color: maxError ? 'error-100' : 'fg-200',
+            numberOfLines: 1,
+            children: showMax ? maxAmount : ''
+          }), /*#__PURE__*/_jsx(Link, {
+            onPress: handleMaxPress,
+            children: "Max"
+          })]
+        }) : null]
+      }) : null]
+    })
+  });
+}
+//# sourceMappingURL=index.js.map