@rango-dev/widget-embedded 0.28.3-next.2 → 0.28.3-next.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rango-dev/widget-embedded",
-  "version": "0.28.3-next.2",
+  "version": "0.28.3-next.4",
   "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.1",
+    "@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/containers/WidgetProvider/WidgetProvider.tsx

@@ -2,7 +2,7 @@ import type { PropTypes } from './WidgetProvider.types';
 import type { PropsWithChildren } from 'react';
 
 import { setSolanaSignerConfig } from '@rango-dev/signer-solana';
-import React, { useEffect } from 'react';
+import React, { useEffect, useMemo } from 'react';
 
 import { DEFAULT_BASE_URL, RANGO_PUBLIC_API_KEY } from '../../constants';
 import useFontLoader from '../../hooks/useFontLoader';
@@ -24,7 +24,7 @@ export function WidgetProvider(props: PropsWithChildren<PropTypes>) {
     }
   }, [fontFamily]);
 
-  useEffect(() => {
+  useMemo(() => {
     initConfig({
       API_KEY: config?.apiKey || RANGO_PUBLIC_API_KEY,
       BASE_URL: config?.apiUrl || DEFAULT_BASE_URL,

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(

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,
   });