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

package/dist/helper/index.d.ts

@@ -1,2 +1,3 @@
-export declare const containsText: (text: string, searchText: string) => boolean;
-export declare const getConciseAddress: (address: string | null, maxChars?: number, ellipsisLength?: number) => string | null;
+export declare function containsText(text: string, searchText: string): boolean;
+export declare function getConciseAddress(address: string | null, maxChars?: number, ellipsisLength?: number): string | null;
+export declare function limitDecimalPlaces(numberString: string, maxDecimalPlaces?: number): string;

package/dist/ui.cjs.development.js

@@ -2735,10 +2735,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;
   }
@@ -2750,7 +2750,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: {
@@ -4057,6 +4069,7 @@ function SwapContainer(props) {
 var TokenContainer = /*#__PURE__*/styled('div', {
   display: 'flex',
   alignItems: 'center',
+  width: '160px',
   '& .amount': {
     fontWeight: 'bold'
   }
@@ -4154,7 +4167,7 @@ function SwapDetail(_ref) {
         logo: firstStep.fromBlockchainLogo || '',
         name: firstStep.fromBlockchain
       },
-      amount: swap.inputAmount
+      amount: limitDecimalPlaces(swap.inputAmount)
     }
   }), React__default.createElement(Spacer, {
     size: 12
@@ -4173,7 +4186,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"