@rango-dev/ui 0.1.11-next.2 → 0.1.11-next.3

package/dist/ui.esm.js

@@ -2728,10 +2728,10 @@ function SecondaryPage(props) {
   })), props.textField && (props.children == null ? void 0 : props.children(searchedFor)), !props.textField && props.children), Footer);
 }
 
-var containsText = function containsText(text, searchText) {
+function containsText(text, searchText) {
   return text.toLowerCase().indexOf(searchText.toLowerCase()) > -1;
-};
-var getConciseAddress = function getConciseAddress(address, maxChars, ellipsisLength) {
+}
+function getConciseAddress(address, maxChars, ellipsisLength) {
   if (maxChars === void 0) {
     maxChars = 8;
   }
@@ -2743,7 +2743,19 @@ var getConciseAddress = function getConciseAddress(address, maxChars, ellipsisLe
   var start = Math.ceil((address.length - maxChars) / 2);
   var end = address.length - maxChars;
   return "" + address.substr(start, maxChars) + '.'.repeat(ellipsisLength) + address.substr(end);
-};
+}
+function limitDecimalPlaces(numberString, maxDecimalPlaces) {
+  if (maxDecimalPlaces === void 0) {
+    maxDecimalPlaces = 4;
+  }
+  var number = parseFloat(numberString);
+  if (isNaN(number)) return numberString; // Return the original string if it's not a valid number
+  else {
+    var multiplier = Math.pow(10, maxDecimalPlaces);
+    var roundedNumber = Math.round(number * multiplier) / multiplier;
+    return roundedNumber.toString();
+  }
+}
 
 var SpacerContainer = /*#__PURE__*/styled('div', {
   variants: {
@@ -4051,6 +4063,7 @@ function SwapContainer(props) {
 var TokenContainer = /*#__PURE__*/styled('div', {
   display: 'flex',
   alignItems: 'center',
+  width: '160px',
   '& .amount': {
     fontWeight: 'bold'
   }
@@ -4148,7 +4161,7 @@ function SwapDetail(_ref) {
         logo: firstStep.fromBlockchainLogo || '',
         name: firstStep.fromBlockchain
       },
-      amount: swap.inputAmount
+      amount: limitDecimalPlaces(swap.inputAmount)
     }
   }), React__default.createElement(Spacer, {
     size: 12
@@ -4167,7 +4180,7 @@ function SwapDetail(_ref) {
         logo: lastStep.toBlockchainLogo,
         name: lastStep.toBlockchain
       },
-      amount: lastStep.outputAmount || lastStep.expectedOutputAmountHumanReadable || ''
+      amount: limitDecimalPlaces(lastStep.outputAmount || lastStep.expectedOutputAmountHumanReadable || '')
     }
   })), React__default.createElement("div", {
     className: "status"