@rango-dev/widget-embedded 0.22.4-next.10 → 0.22.4-next.12

package/dist/pages/Home.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Home.d.ts","sourceRoot":"","sources":["../../src/pages/Home.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAuCnD,wBAAgB,IAAI,sBAkQnB"}
+{"version":3,"file":"Home.d.ts","sourceRoot":"","sources":["../../src/pages/Home.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAuCnD,wBAAgB,IAAI,sBAgQnB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rango-dev/widget-embedded",
-  "version": "0.22.4-next.10",
+  "version": "0.22.4-next.12",
   "license": "MIT",
   "type": "module",
   "source": "./src/index.ts",
@@ -21,11 +21,11 @@
   "dependencies": {
     "@lingui/core": "4.2.1",
     "@lingui/react": "4.2.1",
-    "@rango-dev/provider-all": "^0.27.1-next.2",
+    "@rango-dev/provider-all": "^0.27.1-next.3",
     "@rango-dev/queue-manager-core": "^0.25.1-next.0",
     "@rango-dev/queue-manager-rango-preset": "^0.27.1-next.2",
     "@rango-dev/queue-manager-react": "^0.25.1-next.0",
-    "@rango-dev/ui": "^0.28.2-next.9",
+    "@rango-dev/ui": "^0.28.2-next.10",
     "@rango-dev/wallets-react": "^0.13.1-next.2",
     "@rango-dev/wallets-shared": "^0.27.1-next.2",
     "bignumber.js": "^9.1.1",

package/src/components/ConfirmWalletsModal/ConfirmWalletsModal.tsx

@@ -84,18 +84,23 @@ export function ConfirmWalletsModal(props: PropTypes) {
   const isWalletRequiredFor = (blockchain: string) =>
     !!selectedQuote?.swaps.find((swap) => swap.from.blockchain === blockchain);
 
-  const [selectableWallets, setSelectableWallets] = useState<ConnectedWallet[]>(
+  const getInitialSelectableWallets = () =>
     connectedWallets.filter((connectedWallet) => {
       return (
         connectedWallet.selected &&
         requiredWallets.includes(connectedWallet.chain)
       );
-    })
+    });
+
+  const [selectableWallets, setSelectableWallets] = useState<ConnectedWallet[]>(
+    getInitialSelectableWallets()
   );
   const lastStepToBlockchainMeta = blockchains.find(
     (chain) => chain.name === lastStepToBlockchain?.name
   );
 
+  const isInsufficientBalanceModalOpen = balanceWarnings.length > 0;
+
   const isSelected = (walletType: string, chain: string) =>
     !!selectableWallets.find(
       (selectableWallet) =>
@@ -291,7 +296,7 @@ export function ConfirmWalletsModal(props: PropTypes) {
       })}
       anchor="center">
       <WatermarkedModal
-        open={balanceWarnings.length > 0}
+        open={isInsufficientBalanceModalOpen}
         onClose={setBalanceWarnings.bind(null, [])}
         container={modalContainer}>
         <MessageBox

package/src/components/SwapDetailsModal/SwapDetailsCompleteModal.tsx

@@ -95,9 +95,7 @@ export function SwapDetailsCompleteModal(props: CompleteModalPropTypes) {
             type="primary"
             size="large"
             onClick={() => window.open(diagnosisUrl, '_blank')}>
-            <Typography variant="title" size="medium" color="primary">
-              {i18n.t('Diagnosis')}
-            </Typography>
+            {i18n.t('Diagnosis')}
           </Button>
           <Divider size={12} />
         </>

package/src/components/SwapDetailsModal/SwapDetailsModal.Cancel.tsx

@@ -1,7 +1,7 @@
 import type { CancelContentProps } from './SwapDetailsModal.types';
 
 import { i18n } from '@lingui/core';
-import { Button, Divider, MessageBox, Typography } from '@rango-dev/ui';
+import { Button, Divider, MessageBox } from '@rango-dev/ui';
 import React from 'react';
 
 export const CancelContent = ({ onCancel, onClose }: CancelContentProps) => {
@@ -19,15 +19,11 @@ export const CancelContent = ({ onCancel, onClose }: CancelContentProps) => {
         type="primary"
         size="large"
         onClick={onCancel}>
-        <Typography variant="title" size="medium" color="neutral100">
-          {i18n.t('Yes, Cancel it')}
-        </Typography>
+        {i18n.t('Yes, Cancel it')}
       </Button>
       <Divider size={12} />
       <Button variant="outlined" type="primary" size="large" onClick={onClose}>
-        <Typography variant="title" size="medium" color="primary">
-          {i18n.t('No, Continue')}
-        </Typography>
+        {i18n.t('No, Continue')}
       </Button>
     </>
   );

package/src/components/SwapDetailsModal/SwapDetailsModal.Delete.tsx

@@ -19,9 +19,7 @@ export const DeleteContent = ({ onDelete, onClose }: DeleteContentProps) => {
         type="primary"
         size="large"
         onClick={onDelete}>
-        <Typography variant="title" size="medium" color="neutral100">
-          {i18n.t('Yes, Delete it')}
-        </Typography>
+        {i18n.t('Yes, Delete it')}
       </Button>
       <Divider size={12} />
       <Button variant="outlined" type="primary" size="large" onClick={onClose}>

package/src/pages/Home.tsx

@@ -102,7 +102,7 @@ export function Home() {
     formatBalance(fromTokenBalance)?.amount ?? '0';
 
   const tokenBalanceReal =
-    !!fromBlockchain && !!fromToken
+    !!fromBlockchain && !!fromToken && fromTokenBalance?.amount
       ? numberToString(fromTokenBalance?.amount, fromTokenBalance?.decimals)
       : '0';
 
@@ -203,9 +203,7 @@ export function Home() {
               loadingBalance={fetchingBalance}
               tooltipContainer={getContainer()}
               onSelectMaxBalance={() => {
-                if (fromTokenFormattedBalance !== '0') {
-                  setInputAmount(tokenBalanceReal.split(',').join(''));
-                }
+                setInputAmount(tokenBalanceReal.split(',').join(''));
               }}
             />
             <SwitchFromAndToButton />