@rango-dev/ui 0.1.10-next.89 → 0.1.10-next.91

package/dist/components/TokenSelector/TokenSelector.d.ts

@@ -3,7 +3,7 @@ import { TokenWithAmount } from '../TokenList/TokenList';
 export interface PropTypes {
     list: TokenWithAmount[];
     type?: 'Source' | 'Destination';
-    selected?: TokenWithAmount;
+    selected: TokenWithAmount | null;
     onChange: (token: TokenWithAmount) => void;
     hasHeader?: boolean;
     multiSelect?: boolean;

package/dist/containers/ConfirmSwap/ConfirmSwap.d.ts

@@ -1,5 +1,5 @@
-import { BestRouteResponse } from 'rango-sdk';
 import React, { PropsWithChildren, ReactNode } from 'react';
+import { BestRouteWithFee } from '../../types/swaps';
 export declare const Line: any;
 export declare const SwapperContainer: any;
 export declare const BodyError: any;
@@ -13,7 +13,7 @@ export declare const ArrowDown: any;
 export declare const UpdateIcon: any;
 export declare const StyledUpdateIcon: any;
 export interface PropTypes {
-    bestRoute: BestRouteResponse | null;
+    bestRoute: BestRouteWithFee | null;
     onRefresh?: React.MouseEventHandler<SVGElement>;
     confirmButtonTitle: string;
     confirmButtonDisabled: boolean;

package/dist/containers/ConfirmWallets/ConfirmWallets.d.ts

@@ -2,7 +2,7 @@ import { BestRouteResponse } from 'rango-sdk';
 import React, { PropsWithChildren } from 'react';
 import { SelectableWallet } from '../../types';
 export interface PropTypes {
-    swap: BestRouteResponse;
+    swap: BestRouteResponse | null;
     fromAmount: string;
     toAmount: string;
     onBack: () => void;

package/dist/types/index.d.ts

@@ -1 +1,2 @@
 export * from './wallet';
+export { BestRouteWithFee } from './swaps';

package/dist/types/swaps.d.ts

@@ -1,4 +1,4 @@
-import { BestRouteResponse, BlockchainValidationStatus, WalletRequiredAssets } from 'rango-sdk';
+import { BestRouteResponse, BlockchainValidationStatus, SimulationResult, SwapResult, WalletRequiredAssets } from 'rango-sdk';
 export declare type SwapStatus = 'running' | 'failed' | 'success';
 export declare type MessageSeverity = 'error' | 'warning' | 'info' | 'success';
 export declare type StepStatus = 'created' | 'running' | 'failed' | 'success' | 'waitingForApproval' | 'approved';
@@ -20,3 +20,10 @@ export declare type SwapSavedSettings = {
 export declare type SimulationAssetAndAmount = WalletRequiredAssets;
 export declare type SimulationValidationStatus = BlockchainValidationStatus;
 export declare type BestRouteType = BestRouteResponse;
+export declare type BestRouteWithFee = Omit<BestRouteResponse, 'result'> & {
+    result: Omit<SimulationResult, 'swaps'> & {
+        swaps: (SwapResult & {
+            feeInUsd?: string;
+        })[];
+    };
+};

package/dist/types/wallet.d.ts

@@ -11,6 +11,7 @@ export declare type WalletInfo = {
     name: string;
     image: string;
     type: WalletType;
+    showOnMobile: boolean;
 };
 export interface SelectableWallet {
     chain: string;

package/dist/ui.cjs.development.js

@@ -4075,15 +4075,19 @@ function ConfirmSwap(props) {
       onClick: onRefresh
     })
   }, React__default.createElement(MainContainer$2, null, React__default.createElement("div", null, extraMessages || null, React__default.createElement(Alerts, null, errors == null ? void 0 : errors.map(function (error, index) {
-    return React__default.createElement(Alert, {
+    return React__default.createElement(React__default.Fragment, null, React__default.createElement(Spacer, {
+      direction: "vertical"
+    }), React__default.createElement(Alert, {
       type: "error",
       key: index
-    }, error);
+    }, error));
   }), warnings == null ? void 0 : warnings.map(function (warning, index) {
-    return React__default.createElement(Alert, {
+    return React__default.createElement(React__default.Fragment, null, React__default.createElement(Spacer, {
+      direction: "vertical"
+    }), React__default.createElement(Alert, {
       type: "warning",
       key: index
-    }, warning);
+    }, warning));
   }))), React__default.createElement(BestRouteContainer$1, null, bestRoute == null ? void 0 : (_bestRoute$result = bestRoute.result) == null ? void 0 : _bestRoute$result.swaps.map(function (swap, index) {
     var _bestRoute$result2;
     return React__default.createElement(React.Fragment, {
@@ -4103,7 +4107,7 @@ function ConfirmSwap(props) {
     }, swap.swapperType, " from ", swap.from.symbol, " to", ' ', swap.to.symbol, " via ", swap.swapperId, ' '), React__default.createElement(Fee, null, React__default.createElement(GasIcon, null), React__default.createElement(Typography, {
       ml: 4,
       variant: "caption"
-    }, parseFloat(swap.fee[0].amount).toFixed(6), " estimated gas fee")))), React__default.createElement(Line$2, null), index + 1 === ((_bestRoute$result2 = bestRoute.result) == null ? void 0 : _bestRoute$result2.swaps.length) && React__default.createElement(ArrowDown, null), React__default.createElement(StepDetail, {
+    }, "$", swap.feeInUsd, " estimated gas fee")))), React__default.createElement(Line$2, null), index + 1 === ((_bestRoute$result2 = bestRoute.result) == null ? void 0 : _bestRoute$result2.swaps.length) && React__default.createElement(ArrowDown, null), React__default.createElement(StepDetail, {
       logo: swap.to.logo,
       symbol: swap.to.symbol,
       chainLogo: swap.to.blockchainLogo,
@@ -4137,8 +4141,8 @@ function ConfirmWallets(props) {
     handleConnectChain = props.handleConnectChain,
     fromAmount = props.fromAmount,
     toAmount = props.toAmount;
-  var firstStep = (_swap$result = swap.result) == null ? void 0 : _swap$result.swaps[0];
-  var lastStep = (_swap$result2 = swap.result) == null ? void 0 : _swap$result2.swaps[((_swap$result3 = swap.result) == null ? void 0 : _swap$result3.swaps.length) - 1];
+  var firstStep = swap == null ? void 0 : (_swap$result = swap.result) == null ? void 0 : _swap$result.swaps[0];
+  var lastStep = swap == null ? void 0 : (_swap$result2 = swap.result) == null ? void 0 : _swap$result2.swaps[((_swap$result3 = swap.result) == null ? void 0 : _swap$result3.swaps.length) - 1];
   return React__default.createElement(SecondaryPage, {
     textField: false,
     title: "Confirm Swap",
@@ -4381,7 +4385,7 @@ function SwapHistory(props) {
     }, step.swapperType, " from ", step.fromSymbol, " to ", step.toSymbol, "via ", step.swapperId), React__default.createElement(Fee, null, React__default.createElement(GasIcon, null), React__default.createElement(Typography, {
       ml: 4,
       variant: "caption"
-    }, step.feeInUsd, " estimated gas fee")))), React__default.createElement("div", {
+    }, "$", step.feeInUsd, " estimated gas fee")))), React__default.createElement("div", {
       style: {
         display: 'flex'
       }