@rango-dev/widget-embedded 0.43.1-next.2 → 0.43.1-next.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rango-dev/widget-embedded",
-  "version": "0.43.1-next.2",
+  "version": "0.43.1-next.3",
   "license": "MIT",
   "type": "module",
   "source": "./src/index.ts",
@@ -25,15 +25,15 @@
     "@lingui/core": "4.2.1",
     "@lingui/react": "4.2.1",
     "@rango-dev/logging-core": "^0.8.0",
-    "@rango-dev/provider-all": "^0.46.1-next.2",
+    "@rango-dev/provider-all": "^0.46.1-next.3",
     "@rango-dev/queue-manager-core": "^0.29.0",
-    "@rango-dev/queue-manager-rango-preset": "^0.45.2-next.9",
+    "@rango-dev/queue-manager-rango-preset": "^0.45.2-next.10",
     "@rango-dev/queue-manager-react": "^0.29.0",
     "@rango-dev/signer-solana": "^0.39.1-next.3",
     "@rango-dev/ui": "^0.46.2-next.11",
-    "@rango-dev/wallets-core": "^0.43.1-next.8",
-    "@rango-dev/wallets-react": "^0.30.2-next.10",
-    "@rango-dev/wallets-shared": "^0.44.2-next.9",
+    "@rango-dev/wallets-core": "^0.43.1-next.10",
+    "@rango-dev/wallets-react": "^0.30.2-next.11",
+    "@rango-dev/wallets-shared": "^0.44.2-next.12",
     "bignumber.js": "^9.1.1",
     "copy-to-clipboard": "^3.3.3",
     "dayjs": "^1.11.7",

package/src/components/Quote/Quote.tsx

@@ -341,7 +341,7 @@ export function Quote(props: QuoteProps) {
           quote={quote}
           fullExpandedMode
           time={totalTime}
-          fee={fee}
+          fee={totalFee}
           feeWarning={feeWarning}
           timeWarning={timeWarning}
           showModalFee={showModalFee}
@@ -384,7 +384,7 @@ export function Quote(props: QuoteProps) {
           <QuoteCostDetails
             quote={quote}
             time={totalTime}
-            fee={fee}
+            fee={totalFee}
             feeWarning={feeWarning}
             timeWarning={timeWarning}
             showModalFee={showModalFee}

package/src/components/Quote/Quote.types.ts

@@ -1,5 +1,6 @@
 import type { QuoteError, QuoteWarning, SelectedQuote } from '../../types';
 import type { Step } from '@rango-dev/ui';
+import type BigNumber from 'bignumber.js';
 import type { ReactNode } from 'react';
 
 export type QuoteProps = {
@@ -45,7 +46,7 @@ export type QuoteTriggerImagesProps = {
 export type QuoteCostDetailsProps = {
   quote: SelectedQuote | null;
   steps: number;
-  fee: string;
+  fee: BigNumber;
   time: string;
   feeWarning?: boolean;
   timeWarning?: boolean;

package/src/components/Quote/QuoteCostDetails.tsx

@@ -71,6 +71,11 @@ export function QuoteCostDetails(props: QuoteCostDetailsProps) {
   const container = fullExpandedMode ? getExpanded() : getContainer();
 
   const feesGroup = getFeesGroup(swaps);
+  const roundedFee = numberToString(
+    fee,
+    GAS_FEE_MIN_DECIMALS,
+    GAS_FEE_MAX_DECIMALS
+  );
 
   return (
     <>
@@ -83,7 +88,7 @@ export function QuoteCostDetails(props: QuoteCostDetailsProps) {
               }
             : undefined
         }
-        fee={fee}
+        fee={roundedFee}
         feeWarning={feeWarning}
         timeWarning={timeWarning}
         time={time}
@@ -145,7 +150,7 @@ export function QuoteCostDetails(props: QuoteCostDetailsProps) {
                           fee.amount,
                           GAS_FEE_MIN_DECIMALS,
                           GAS_FEE_MAX_DECIMALS
-                        )}{' '}
+                        )}
                         {fee.asset.symbol} ($
                         {numberToString(
                           usdValue,
@@ -174,7 +179,7 @@ export function QuoteCostDetails(props: QuoteCostDetailsProps) {
             </Typography>
           </FeeSection>
           <Line />
-          {Object.keys(feesGroup.nonePayable).length && (
+          {!!Object.keys(feesGroup.nonePayable).length && (
             <CustomCollapsible
               triggerAnchor="bottom"
               onClickTrigger={() => setOpenCollapse((prev) => !prev)}

package/src/store/slices/wallets.ts

@@ -60,6 +60,7 @@ interface DeprecatedTokenBalance {
   rawAmount: string;
   decimal: number | null;
   amount: string;
+  isSupported: boolean;
   logo: string | null;
   usdPrice: number | null;
 }
@@ -807,6 +808,7 @@ export const createWalletsSlice = keepLastUpdated<AppStoreState, WalletsSlice>(
                   rawAmount: balance.amount,
                   decimal: balance.decimals,
                   amount: amount.toString(),
+                  isSupported: !!token,
                   logo: token?.image || null,
                   usdPrice: token?.usdPrice || null,
                 });

package/src/types/config.ts

@@ -200,7 +200,7 @@ export type TonConnectConfig = {
  * exchange.It can also used to limit source swap blockchains/tokens to some limited ones.
  * @property {TrezorManifest} trezorManifest - Trezor Connect Manifest requires that you,
  * as a Trezor Connect integrator,share your e-mail and application url.
- * @property {TonConnectConfig} tonConnect - Configuration for TON Connect compatible providers like MyTonWallet.
+ * @property {TonConnectConfig} tonConnect - Configuration for the TON Connect provider.
  * @property {BlockchainAndTokenConfig} to - The "to" property is an optional property of type
  * "BlockchainAndTokenConfig" that specifies the default blockchain and token to which the user wants to
  * exchange.It can also used to limit destination swap blockchains/tokens to some limited ones.

package/src/utils/swap.ts

@@ -305,8 +305,9 @@ export function getTotalFeeInUsd(
 
 export function getUsdFee(fee: SwapFee): BigNumber {
   let totalFeeInUsd = ZERO;
+  const price = new BigNumber(fee.price || 0);
   totalFeeInUsd = totalFeeInUsd.plus(
-    new BigNumber(fee.amount).multipliedBy(fee.price || 0)
+    new BigNumber(fee.amount).multipliedBy(price)
   );
 
   return totalFeeInUsd;