@reown/appkit-react-native 2.0.0-alpha.1 → 2.0.0-alpha.2

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

@@ -1,23 +1,26 @@
+"use strict";
+
 import { useRef, useState } from 'react';
 import { TextInput } from 'react-native';
-import { FlexView, Link, Text, useTheme, TokenButton } from '@reown/appkit-ui-react-native';
+import { FlexView, Link, Text, useTheme, TokenButton, Shimmer } from '@reown/appkit-ui-react-native';
 import { NumberUtil } from '@reown/appkit-common-react-native';
-import { ConstantsUtil, SendController } from '@reown/appkit-core-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,
-  gasPrice,
   style,
-  onTokenPress
+  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 maxError = token && sendTokenAmount && sendTokenAmount > Number(token?.quantity?.numeric);
   const onInputChange = value => {
     const formattedValue = value.replace(/,/g, '.');
     if (Number(formattedValue) >= 0 || formattedValue === '') {
@@ -26,72 +29,82 @@ export function SendInputToken({
     }
   };
   const onMaxPress = () => {
-    if (token && gasPrice) {
-      const isNetworkToken = token.address === undefined || Object.values(ConstantsUtil.NATIVE_TOKEN_ADDRESS).some(nativeAddress => token?.address?.split(':')[2] === 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);
+    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 /*#__PURE__*/React.createElement(FlexView, {
+  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']
-  }, /*#__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"))));
+    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"
+        })]
+      })]
+    })]
+  });
 }
 //# sourceMappingURL=index.js.map

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

@@ -1 +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","split","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":"AAAA,SAASA,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AACxC,SAASC,SAAS,QAAwC,cAAc;AACxE,SAASC,QAAQ,EAAEC,IAAI,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,WAAW,QAAQ,+BAA+B;AAC3F,SAASC,UAAU,QAAsB,mCAAmC;AAC5E,SAASC,aAAa,EAAEC,cAAc,QAAQ,iCAAiC;AAE/E,SAASC,YAAY,EAAEC,YAAY,QAAQ,SAAS;AACpD,OAAOC,MAAM,MAAM,UAAU;AAU7B,OAAO,SAASC,cAAcA,CAAC;EAC7BC,KAAK;EACLC,eAAe;EACfC,QAAQ;EACRC,KAAK;EACLC;AACmB,CAAC,EAAE;EACtB,MAAMC,KAAK,GAAGd,QAAQ,CAAC,CAAC;EACxB,MAAMe,aAAa,GAAGrB,MAAM,CAAmB,IAAI,CAAC;EACpD,MAAM,CAACsB,UAAU,EAAEC,aAAa,CAAC,GAAGtB,QAAQ,CAAqBe,eAAe,EAAEQ,QAAQ,CAAC,CAAC,CAAC;EAC7F,MAAMC,SAAS,GAAGb,YAAY,CAACG,KAAK,EAAEC,eAAe,CAAC;EACtD,MAAMU,SAAS,GAAGf,YAAY,CAACI,KAAK,CAAC;EACrC,MAAMY,QAAQ,GAAGZ,KAAK,IAAIC,eAAe,IAAIA,eAAe,GAAGY,MAAM,CAACb,KAAK,CAACc,QAAQ,CAACC,OAAO,CAAC;EAE7F,MAAMC,aAAa,GAAIC,KAAa,IAAK;IACvC,MAAMC,cAAc,GAAGD,KAAK,CAACE,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC;IAE/C,IAAIN,MAAM,CAACK,cAAc,CAAC,IAAI,CAAC,IAAIA,cAAc,KAAK,EAAE,EAAE;MACxDV,aAAa,CAACU,cAAc,CAAC;MAC7BvB,cAAc,CAACyB,cAAc,CAACP,MAAM,CAACK,cAAc,CAAC,CAAC;IACvD;EACF,CAAC;EAED,MAAMG,UAAU,GAAGA,CAAA,KAAM;IACvB,IAAIrB,KAAK,IAAIE,QAAQ,EAAE;MACrB,MAAMoB,cAAc,GAClBtB,KAAK,CAACuB,OAAO,KAAKC,SAAS,IAC3BC,MAAM,CAACC,MAAM,CAAChC,aAAa,CAACiC,oBAAoB,CAAC,CAACC,IAAI,CACpDC,aAAa,IAAI7B,KAAK,EAAEuB,OAAO,EAAEO,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,KAAKD,aACrD,CAAC;MAEH,MAAME,UAAU,GAAGtC,UAAU,CAACuC,SAAS,CAAC9B,QAAQ,CAAC,CAAC+B,SAAS,CAAC,CAACjC,KAAK,CAACc,QAAQ,CAACoB,QAAQ,CAAC;MAErF,MAAMC,QAAQ,GAAGb,cAAc,GAC3B7B,UAAU,CAACuC,SAAS,CAAChC,KAAK,CAACc,QAAQ,CAACC,OAAO,CAAC,CAACqB,KAAK,CAACL,UAAU,CAAC,GAC9DtC,UAAU,CAACuC,SAAS,CAAChC,KAAK,CAACc,QAAQ,CAACC,OAAO,CAAC;MAEhDpB,cAAc,CAACyB,cAAc,CAACP,MAAM,CAACsB,QAAQ,CAACE,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC;MAC3D7B,aAAa,CAAC2B,QAAQ,CAACE,OAAO,CAAC,EAAE,CAAC,CAAC;MACnC/B,aAAa,CAACgC,OAAO,EAAEC,IAAI,CAAC,CAAC;IAC/B;EACF,CAAC;EAED,oBACEC,KAAA,CAAAC,aAAA,CAACrD,QAAQ;IACPe,KAAK,EAAE,CACLL,MAAM,CAAC4C,SAAS,EAChB;MAAEC,eAAe,EAAEtC,KAAK,CAAC,gBAAgB,CAAC;MAAEuC,WAAW,EAAEvC,KAAK,CAAC,gBAAgB;IAAE,CAAC,EAClFF,KAAK,CACL;IACF0C,cAAc,EAAC,QAAQ;IACvBC,OAAO,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG;EAAE,gBAE/BN,KAAA,CAAAC,aAAA,CAACrD,QAAQ;IAAC2D,aAAa,EAAC,KAAK;IAACC,UAAU,EAAC,QAAQ;IAACH,cAAc,EAAC;EAAe,gBAC9EL,KAAA,CAAAC,aAAA,CAACtD,SAAS;IACR8D,GAAG,EAAE3C,aAAc;IACnB4C,WAAW,EAAC,GAAG;IACfC,oBAAoB,EAAE9C,KAAK,CAAC,QAAQ,CAAE;IACtC+C,aAAa,EAAC,MAAM;IACpBjD,KAAK,EAAE,CAACL,MAAM,CAACuD,KAAK,EAAE;MAAEC,KAAK,EAAEjD,KAAK,CAAC,QAAQ;IAAE,CAAC,CAAE;IAClDkD,cAAc,EAAC,MAAM;IACrBC,WAAW,EAAE,KAAM;IACnBvC,KAAK,EAAEV,UAAW;IAClBkD,YAAY,EAAEzC,aAAc;IAC5B0C,YAAY,EAAC,aAAa;IAC1BC,SAAS,EAAC,SAAS;IACnBC,YAAY,EAAC,KAAK;IAClBC,UAAU,EAAE,KAAM;IAClBC,cAAc,EAAEzD,KAAK,CAAC,YAAY,CAAE;IACpC0D,qBAAqB,EAAC,aAAa;IACnCC,iBAAiB,EAAE,KAAM;IACzBC,aAAa,EAAE,CAAE;IACjBC,SAAS,EAAE,CAAC,CAAClE;EAAM,CACpB,CAAC,eACFwC,KAAA,CAAAC,aAAA,CAACjD,WAAW;IACV2E,QAAQ,EAAEnE,KAAK,EAAEoE,OAAQ;IACzBC,IAAI,EAAErE,KAAK,EAAEsE,MAAO;IACpBC,OAAO,EAAEnE,YAAa;IACtBoE,OAAO;EAAA,CACR,CACO,CAAC,EACVxE,KAAK,iBACJwC,KAAA,CAAAC,aAAA,CAACrD,QAAQ;IACP2D,aAAa,EAAC,KAAK;IACnBC,UAAU,EAAC,QAAQ;IACnBH,cAAc,EAAC,eAAe;IAC9B4B,MAAM,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG;EAAE,gBAE/BjC,KAAA,CAAAC,aAAA,CAACnD,IAAI;IAACoF,OAAO,EAAC,WAAW;IAACpB,KAAK,EAAC,QAAQ;IAACnD,KAAK,EAAEL,MAAM,CAACY,SAAU;IAACuD,aAAa,EAAE;EAAE,GAChFvD,SAAS,IAAI,EACV,CAAC,eACP8B,KAAA,CAAAC,aAAA,CAACrD,QAAQ;IAAC2D,aAAa,EAAC,KAAK;IAACC,UAAU,EAAC,QAAQ;IAACH,cAAc,EAAC;EAAQ,gBACvEL,KAAA,CAAAC,aAAA,CAACnD,IAAI;IAACoF,OAAO,EAAC,WAAW;IAACpB,KAAK,EAAE1C,QAAQ,GAAG,WAAW,GAAG,QAAS;IAACqD,aAAa,EAAE;EAAE,GAClFtD,SAAS,IAAI,EACV,CAAC,eACP6B,KAAA,CAAAC,aAAA,CAACpD,IAAI;IAACkF,OAAO,EAAElD;EAAW,GAAC,KAAS,CAC5B,CACF,CAEJ,CAAC;AAEf"}
+{"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

@@ -1,3 +1,5 @@
+"use strict";
+
 import { BorderRadius, Spacing } from '@reown/appkit-ui-react-native';
 import { StyleSheet } from 'react-native';
 export default StyleSheet.create({
@@ -15,6 +17,9 @@ export default StyleSheet.create({
   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

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

@@ -1,7 +1,9 @@
+"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 && sendTokenAmount) {
+  if (token?.price && sendTokenAmount) {
     const price = token.price;
     const totalValue = price * sendTokenAmount;
     return totalValue ? `$${UiUtil.formatNumberToLocalString(totalValue, 2)}` : 'Incorrect value';
@@ -9,7 +11,7 @@ export function getSendValue(token, sendTokenAmount) {
   return null;
 }
 export function getMaxAmount(token) {
-  if (token) {
+  if (token?.quantity?.numeric) {
     return NumberUtil.roundNumber(Number(token.quantity.numeric), 6, 5);
   }
   return null;

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

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

@@ -1,9 +1,12 @@
+"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';
@@ -12,8 +15,7 @@ export function Snackbar() {
   const {
     open,
     message,
-    variant,
-    long
+    variant
   } = useSnapshot(SnackController.state);
   const componentOpacity = useMemo(() => new Animated.Value(0), []);
   useEffect(() => {
@@ -23,18 +25,15 @@ export function Snackbar() {
         duration: 150,
         useNativeDriver: true
       }).start();
-      setTimeout(() => {
-        Animated.timing(componentOpacity, {
-          toValue: 0,
-          duration: 300,
-          useNativeDriver: true
-        }).start(() => {
-          SnackController.hide();
-        });
-      }, long ? 15000 : 2200);
+    } else {
+      Animated.timing(componentOpacity, {
+        toValue: 0,
+        duration: 300,
+        useNativeDriver: true
+      }).start();
     }
-  }, [open, long, componentOpacity]);
-  return /*#__PURE__*/React.createElement(SnackbarComponent, {
+  }, [open, componentOpacity]);
+  return /*#__PURE__*/_jsx(SnackbarComponent, {
     message: message,
     icon: getIcon(variant),
     iconColor: variant === 'success' ? 'success-100' : 'error-100',

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

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

@@ -1,3 +1,5 @@
+"use strict";
+
 import { Spacing } from '@reown/appkit-ui-react-native';
 import { StyleSheet } from 'react-native';
 export default StyleSheet.create({

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

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

@@ -1,3 +1,5 @@
+"use strict";
+
 import { useSnapshot } from 'valtio';
 import { useState } from 'react';
 import { ConnectionsController, ConstantsUtil, SwapController } from '@reown/appkit-core-react-native';
@@ -6,6 +8,7 @@ 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({
@@ -23,17 +26,20 @@ export function SwapDetails({
   } = 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, {
+  const renderTitle = () => /*#__PURE__*/_jsxs(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)));
+    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 = () => {
@@ -52,99 +58,121 @@ export function SwapDetails({
       networkName: ConnectionsController.state.activeNetwork?.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)
-  }));
+  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