@rango-dev/widget-embedded 0.44.2-next.0 → 0.44.2-next.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rango-dev/widget-embedded",
-  "version": "0.44.2-next.0",
+  "version": "0.44.2-next.2",
   "license": "MIT",
   "type": "module",
   "source": "./src/index.ts",
@@ -54,4 +54,4 @@
   "publishConfig": {
     "access": "public"
   }
-}
+}

package/src/hooks/useStatefulConnect/useStatefulConnect.ts

@@ -7,10 +7,7 @@ import { WalletState } from '@rango-dev/ui';
 import { useWallets } from '@rango-dev/wallets-react';
 import { useReducer } from 'react';
 
-import {
-  checkIsWalletPartiallyConnected,
-  type ExtendedModalWalletInfo,
-} from '../../utils/wallets';
+import { type ExtendedModalWalletInfo } from '../../utils/wallets';
 
 import {
   isStateOnDerivationPathStep,
@@ -148,14 +145,12 @@ export function useStatefulConnect(): UseStatefulConnect {
       }
     }
 
+    // If the wallet is a hub wallet and it is connected (fully or partially) and it contains more than one namespace, we should display detached modal
     if (!!wallet.isHub) {
-      const walletState = state(wallet.type);
-      const namespacesState = walletState.namespaces;
-      const isPartiallyConnected = checkIsWalletPartiallyConnected(
-        wallet,
-        namespacesState
-      );
-      if (isPartiallyConnected) {
+      const needsNamespace = wallet.properties?.find(
+        (item) => item.name === 'namespaces'
+      )?.value;
+      if (needsNamespace?.data.length && needsNamespace.data.length > 1) {
         dispatch({
           type: 'detached',
           payload: {

package/src/pages/Home.tsx

@@ -13,6 +13,7 @@ import { SameTokensWarning } from '../components/SameTokensWarning';
 import { SlippageWarningsAndErrors } from '../components/SlippageWarningsAndErrors/SlippageWarningsAndErrors';
 import { SwapMetrics } from '../components/SwapMetrics';
 import { navigationRoutes } from '../constants/navigationRoutes';
+import { SLIPPAGES } from '../constants/swapSettings';
 import { ExpandedQuotes } from '../containers/ExpandedQuotes';
 import { Inputs } from '../containers/Inputs';
 import { QuoteInfo } from '../containers/QuoteInfo';
@@ -136,10 +137,15 @@ export function Home() {
   };
 
   const onChangeSlippage = (slippage: number | null) => {
-    if (slippage) {
+    if (!slippage) {
+      return;
+    }
+    if (SLIPPAGES.includes(slippage)) {
       setSlippage(slippage);
       setCustomSlippage(null);
+      return;
     }
+    setCustomSlippage(slippage);
   };
 
   useEffect(() => {