@rango-dev/widget-embedded 0.28.3-next.1 → 0.28.3-next.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rango-dev/widget-embedded",
-  "version": "0.28.3-next.1",
+  "version": "0.28.3-next.3",
   "license": "MIT",
   "type": "module",
   "source": "./src/index.ts",
@@ -25,7 +25,7 @@
     "@lingui/core": "4.2.1",
     "@lingui/react": "4.2.1",
     "@rango-dev/logging-core": "^0.3.1-next.1",
-    "@rango-dev/provider-all": "^0.33.3-next.0",
+    "@rango-dev/provider-all": "^0.33.3-next.2",
     "@rango-dev/queue-manager-core": "^0.26.0",
     "@rango-dev/queue-manager-rango-preset": "^0.33.3-next.0",
     "@rango-dev/queue-manager-react": "^0.26.0",
@@ -53,4 +53,4 @@
   "publishConfig": {
     "access": "public"
   }
-}
+}

package/src/containers/Wallets/Wallets.tsx

@@ -38,6 +38,9 @@ function Main(props: PropsWithChildren<PropTypes>) {
 
   const walletOptions: ProvidersOptions = {
     walletConnectProjectId: props.config?.walletConnectProjectId,
+    walletConnectListedDesktopWalletLink:
+      props.config.__UNSTABLE_OR_INTERNAL__
+        ?.walletConnectListedDesktopWalletLink,
   };
   const { providers } = useWalletProviders(config.wallets, walletOptions);
   const { connectWallet, disconnectWallet } = useWalletsStore();

package/src/hooks/useWalletList.ts

@@ -45,6 +45,8 @@ export function useWalletList(params: Params) {
   const listAvailableWalletTypes =
     configWalletsToWalletName(config?.wallets, {
       walletConnectProjectId: config?.walletConnectProjectId,
+      walletConnectListedDesktopWalletLink:
+        config.__UNSTABLE_OR_INTERNAL__?.walletConnectListedDesktopWalletLink,
     }) || ALL_SUPPORTED_WALLETS;
 
   let wallets = mapWalletTypesToWalletInfo(
@@ -56,7 +58,8 @@ export function useWalletList(params: Params) {
 
   wallets = detectMobileScreens()
     ? wallets.filter(
-        (wallet) => wallet.showOnMobile || state(wallet.type).installed
+        (wallet) =>
+          wallet.showOnMobile !== false && state(wallet.type).installed
       )
     : wallets;
 
@@ -137,9 +140,11 @@ export function useWalletList(params: Params) {
     const isEvmWalletInstalledExceptDefault = wallets.filter(
       (wallet) =>
         wallet.state != WalletState.NOT_INSTALLED &&
-        ![WalletTypes.DEFAULT, WalletTypes.WALLET_CONNECT_2].includes(
-          wallet.type as WalletTypes
-        ) &&
+        ![
+          WalletTypes.DEFAULT,
+          WalletTypes.WALLET_CONNECT_2,
+          WalletTypes.LEDGER,
+        ].includes(wallet.type as WalletTypes) &&
         getWalletInfo(wallet.type).supportedChains.filter(
           (blockchain) => blockchain.type == 'EVM'
         ).length > 0

package/src/hooks/useWalletProviders.ts

@@ -14,16 +14,12 @@ export function useWalletProviders(
   const clearConnectedWallet = useWalletsStore.use.clearConnectedWallet();
   let generateProviders: ProviderInterface[] = matchAndGenerateProviders(
     providers,
-    {
-      walletConnectProjectId: options?.walletConnectProjectId,
-    }
+    options
   );
 
   useEffect(() => {
     clearConnectedWallet();
-    generateProviders = matchAndGenerateProviders(providers, {
-      walletConnectProjectId: options?.walletConnectProjectId,
-    });
+    generateProviders = matchAndGenerateProviders(providers, options);
   }, [providers?.length]);
 
   return {

package/src/types/config.ts

@@ -214,4 +214,9 @@ export type WidgetConfig = {
   variant?: WidgetVariant;
   enableCentralizedSwappers?: boolean;
   signers?: SignersConfig;
+
+  // These are likely to change or remove at anytime. Please use with a caution.
+  __UNSTABLE_OR_INTERNAL__?: {
+    walletConnectListedDesktopWalletLink?: string;
+  };
 };

package/src/utils/providers.ts

@@ -5,6 +5,9 @@ import { allProviders } from '@rango-dev/provider-all';
 
 export interface ProvidersOptions {
   walletConnectProjectId?: WidgetConfig['walletConnectProjectId'];
+  walletConnectListedDesktopWalletLink?: NonNullable<
+    WidgetConfig['__UNSTABLE_OR_INTERNAL__']
+  >['walletConnectListedDesktopWalletLink'];
 }
 
 /**
@@ -20,6 +23,8 @@ export function matchAndGenerateProviders(
   const all = allProviders({
     walletconnect2: {
       WC_PROJECT_ID: options?.walletConnectProjectId || '',
+      DISABLE_MODAL_AND_OPEN_LINK:
+        options?.walletConnectListedDesktopWalletLink,
     },
     selectedProviders: providers,
   });