@rango-dev/widget-embedded 0.1.11-next.12 → 0.1.11-next.15

package/dist/widget-embedded.esm.js

@@ -117,6 +117,7 @@ const decimalNumber = function (number, toFixed) {
   }
   return parseFloat(number).toFixed(toFixed);
 };
+const isPositiveNumber = text => !!text && parseFloat(text) > 0;
 
 function searchParamsToToken(tokens, searchParams, chain) {
   if (!chain) return null;
@@ -942,7 +943,7 @@ const useBestRouteStore = /*#__PURE__*/createSelectors( /*#__PURE__*/create()( /
   setBestRoute: bestRoute => set(state => {
     let outputAmount = null;
     let outputUsdValue = ZERO;
-    if (!state.inputAmount || state.inputAmount === '0') return {};
+    if (!isPositiveNumber(state.inputAmount)) return {};
     if (!!bestRoute) {
       outputAmount = !!bestRoute.result?.outputAmount ? new BigNumber(bestRoute.result?.outputAmount) : null;
       outputUsdValue = calcOutputUsdValue(bestRoute.result?.outputAmount, getBestRouteToTokenUsdPrice(bestRoute) || state.toToken?.usdPrice);
@@ -1077,7 +1078,7 @@ const bestRoute = (bestRouteStore, settingsStore) => {
       disabledLiquiditySources,
       affiliateRef
     } = settingsStore.getState();
-    if (!fromToken || !toToken || !inputAmount || inputAmount === '0') return;
+    if (!fromToken || !toToken || !isPositiveNumber(inputAmount)) return;
     abortController?.abort();
     abortController = new AbortController();
     const userSlippage = !!customSlippage ? customSlippage : slippage;
@@ -1115,7 +1116,7 @@ const bestRoute = (bestRouteStore, settingsStore) => {
       inputAmount,
       inputUsdValue
     } = useBestRouteStore.getState();
-    if (!inputAmount || inputAmount === '0' || inputUsdValue.eq(0)) return bestRouteStore.setState({
+    if (!isPositiveNumber(inputAmount) || inputUsdValue.eq(0)) return bestRouteStore.setState({
       loading: false
     });
     if (tokensAreEqual(fromToken, toToken)) return bestRouteStore.setState({
@@ -1770,11 +1771,9 @@ function Home() {
     type: "error",
     title: `${swap?.swapperId} Limit`
   }, React.createElement(React.Fragment, null, React.createElement(Typography, {
-    variant: "body2"
-  }, fromAmountRangeError), React.createElement("br", null), React.createElement(Typography, {
-    variant: "body2"
-  }, "Yours: ", numberToString(swap?.fromAmount || null), swap?.from.symbol), React.createElement("br", null), React.createElement(Typography, {
-    variant: "body2"
+    variant: "body3"
+  }, fromAmountRangeError, ", Yours: ", numberToString(swap?.fromAmount || null), "\u00A0", swap?.from.symbol), React.createElement(Typography, {
+    variant: "body3"
   }, recommendation)))), React.createElement(Footer, null, React.createElement(Button, {
     type: "primary",
     align: "grow",
@@ -2028,6 +2027,7 @@ var ConfirmSwapErrorTypes;
   ConfirmSwapErrorTypes[ConfirmSwapErrorTypes["ROUTE_UPDATED_WITH_HIGH_VALUE_LOSS"] = 1] = "ROUTE_UPDATED_WITH_HIGH_VALUE_LOSS";
   ConfirmSwapErrorTypes[ConfirmSwapErrorTypes["REQUEST_FAILED"] = 2] = "REQUEST_FAILED";
   ConfirmSwapErrorTypes[ConfirmSwapErrorTypes["INSUFFICIENT_SLIPPAGE"] = 3] = "INSUFFICIENT_SLIPPAGE";
+  ConfirmSwapErrorTypes[ConfirmSwapErrorTypes["INSUFFICIENT_BALANCE"] = 4] = "INSUFFICIENT_BALANCE";
 })(ConfirmSwapErrorTypes || (ConfirmSwapErrorTypes = {}));
 var ConfirmSwapWarningTypes;
 (function (ConfirmSwapWarningTypes) {
@@ -2035,7 +2035,6 @@ var ConfirmSwapWarningTypes;
   ConfirmSwapWarningTypes[ConfirmSwapWarningTypes["ROUTE_SWAPPERS_UPDATED"] = 1] = "ROUTE_SWAPPERS_UPDATED";
   ConfirmSwapWarningTypes[ConfirmSwapWarningTypes["ROUTE_COINS_UPDATED"] = 2] = "ROUTE_COINS_UPDATED";
   ConfirmSwapWarningTypes[ConfirmSwapWarningTypes["ROUTE_AND_OUTPUT_AMOUNT_UPDATED"] = 3] = "ROUTE_AND_OUTPUT_AMOUNT_UPDATED";
-  ConfirmSwapWarningTypes[ConfirmSwapWarningTypes["INSUFFICIENT_BALANCE"] = 4] = "INSUFFICIENT_BALANCE";
 })(ConfirmSwapWarningTypes || (ConfirmSwapWarningTypes = {}));
 
 function useConfirmSwap() {
@@ -2124,8 +2123,8 @@ function useConfirmSwap() {
       }
       const balanceWarnings = getBalanceWarnings(confiremedRoute, selectedWallets);
       const enoughBalance = balanceWarnings.length === 0;
-      if (!enoughBalance) confirmSwapState.warnings.push({
-        type: ConfirmSwapWarningTypes.INSUFFICIENT_BALANCE,
+      if (!enoughBalance) confirmSwapState.errors.push({
+        type: ConfirmSwapErrorTypes.INSUFFICIENT_BALANCE,
         messages: balanceWarnings
       });
       const minRequiredSlippage = getMinRequiredSlippage(initialRoute);
@@ -2195,31 +2194,6 @@ function MinRequiredSlippage(_ref) {
   }), React.createElement(ChangeSlippageButton, null));
 }
 
-function ConfirmSwapErrors(errors) {
-  return errors.flatMap(error => {
-    switch (error.type) {
-      case ConfirmSwapErrorTypes.NO_ROUTE:
-        return React.createElement(Typography, {
-          variant: "body2"
-        }, "No routes found. Please try again later.");
-      case ConfirmSwapErrorTypes.REQUEST_FAILED:
-        return React.createElement(Typography, {
-          variant: "body2"
-        }, `Failed to confirm swap ${error.status ? `'status': ${error.status})` : ''}, please try again.`);
-      case ConfirmSwapErrorTypes.ROUTE_UPDATED_WITH_HIGH_VALUE_LOSS:
-        return React.createElement(Typography, {
-          variant: "body2"
-        }, "Route updated and price impact is too high, try again later!");
-      case ConfirmSwapErrorTypes.INSUFFICIENT_SLIPPAGE:
-        return React.createElement(MinRequiredSlippage, {
-          minRequiredSlippage: error.minRequiredSlippage
-        });
-      default:
-        return [];
-    }
-  });
-}
-
 const List = /*#__PURE__*/styled('ul', {
   variants: {
     showListStyle: {
@@ -2240,47 +2214,63 @@ const ListItem = /*#__PURE__*/styled('li', {
   }
 });
 const Message = /*#__PURE__*/styled(Typography, {
-  display: 'block',
-  color: '$warning500 !important'
+  display: 'block'
 });
-function BalanceWarnings(_ref) {
+function BalanceErrors(_ref) {
   let {
     messages
   } = _ref;
   const showListStyle = messages.length > 1;
-  return React.createElement(List, {
+  return React.createElement(React.Fragment, null, React.createElement(Typography, {
+    className: "title",
+    variant: "title",
+    color: 'error'
+  }, "Insufficent Balance:"), React.createElement(Spacer, {
+    size: 8,
+    direction: "vertical"
+  }), React.createElement(List, {
     showListStyle: showListStyle
   }, messages.map(warning => React.createElement(ListItem, {
     showListStyle: showListStyle
   }, React.createElement(Message, {
-    variant: "body2"
-  }, warning))));
+    variant: "body3"
+  }, "- ", warning)))));
+}
+
+function ConfirmSwapErrors(errors) {
+  return errors.flatMap(error => {
+    switch (error.type) {
+      case ConfirmSwapErrorTypes.NO_ROUTE:
+        return "No routes found. Please try again later.";
+      case ConfirmSwapErrorTypes.REQUEST_FAILED:
+        return `Failed to confirm swap ${error.status ? `'status': ${error.status})` : ''}, please try again.`;
+      case ConfirmSwapErrorTypes.ROUTE_UPDATED_WITH_HIGH_VALUE_LOSS:
+        return "Route updated and price impact is too high, try again later!";
+      case ConfirmSwapErrorTypes.INSUFFICIENT_SLIPPAGE:
+        return React.createElement(MinRequiredSlippage, {
+          minRequiredSlippage: error.minRequiredSlippage
+        });
+      case ConfirmSwapErrorTypes.INSUFFICIENT_BALANCE:
+        return React.createElement(BalanceErrors, {
+          messages: error.messages
+        });
+      default:
+        return [];
+    }
+  });
 }
 
 function ConfirmSwapWarnings(warnings) {
   return warnings.flatMap(warning => {
     switch (warning.type) {
       case ConfirmSwapWarningTypes.ROUTE_UPDATED:
-        return React.createElement(Typography, {
-          variant: "body2"
-        }, "Route has been updated.");
+        return "Route has been updated.";
       case ConfirmSwapWarningTypes.ROUTE_AND_OUTPUT_AMOUNT_UPDATED:
-        return React.createElement(Typography, {
-          variant: "body2"
-        }, `Output amount changed to ${warning.newOutputAmount} 
-      (${warning.percentageChange}% change).`);
+        return `Output amount changed to ${warning.newOutputAmount} (${warning.percentageChange}% change).`;
       case ConfirmSwapWarningTypes.ROUTE_SWAPPERS_UPDATED:
-        return React.createElement(Typography, {
-          variant: "body2"
-        }, "Route swappers has been updated.");
+        return "Route swappers has been updated.";
       case ConfirmSwapWarningTypes.ROUTE_COINS_UPDATED:
-        return React.createElement(Typography, {
-          variant: "body2"
-        }, "Route internal coins has been updated.");
-      case ConfirmSwapWarningTypes.INSUFFICIENT_BALANCE:
-        return React.createElement(BalanceWarnings, {
-          messages: warning.messages
-        });
+        return "Route internal coins has been updated.";
       default:
         return [];
     }
@@ -2728,8 +2718,9 @@ function WalletsPage(_ref) {
     textField: false,
     onBack: navigateBackFrom.bind(null, navigationRoutes.wallets)
   }, React.createElement(React.Fragment, null, walletErrorMessage && React.createElement(AlertContainer, null, React.createElement(Alert, {
-    type: "error"
-  }, walletErrorMessage)), loadingMetaStatus === 'loading' && React.createElement(LoaderContainer, {
+    type: "error",
+    title: walletErrorMessage
+  })), loadingMetaStatus === 'loading' && React.createElement(LoaderContainer, {
     className: "loader"
   }, React.createElement(Spinner, {
     size: 24
@@ -2793,7 +2784,7 @@ function timeSince(timeMillis) {
   return interval + ' ' + intervalType;
 }
 function getSwapDate(pendingSwap) {
-  return pendingSwap.finishTime ? `Finished ${timeSince(parseInt(pendingSwap.finishTime))} ago @ ${new Date(parseInt(pendingSwap.finishTime)).toLocaleString()}` : `Started ${timeSince(parseInt(pendingSwap.creationTime))} ago @ ${new Date(parseInt(pendingSwap.creationTime)).toLocaleString()}`;
+  return pendingSwap.finishTime ? `${timeSince(parseInt(pendingSwap.finishTime))} ago` : `${timeSince(parseInt(pendingSwap.creationTime))} ago`;
 }
 
 const PlaceholderContainer = /*#__PURE__*/styled('div', {