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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rango-dev/widget-embedded",
-  "version": "0.44.2-next.0",
+  "version": "0.44.2-next.1",
   "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: {