@rango-dev/widget-embedded 0.51.0 → 0.51.1-next.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rango-dev/widget-embedded",
-  "version": "0.51.0",
+  "version": "0.51.1-next.1",
   "license": "MIT",
   "type": "module",
   "source": "./src/index.ts",
@@ -25,14 +25,14 @@
     "@lingui/core": "4.2.1",
     "@lingui/react": "4.2.1",
     "@rango-dev/logging-core": "^0.11.0",
-    "@rango-dev/provider-all": "^0.53.0",
+    "@rango-dev/provider-all": "^0.53.1-next.0",
     "@rango-dev/queue-manager-core": "^0.32.0",
     "@rango-dev/queue-manager-rango-preset": "^0.53.0",
     "@rango-dev/queue-manager-react": "^0.32.0",
     "@rango-dev/signer-solana": "^0.44.0",
     "@rango-dev/ui": "^0.54.0",
     "@rango-dev/wallets-core": "^0.50.0",
-    "@rango-dev/wallets-react": "^0.37.0",
+    "@rango-dev/wallets-react": "^0.37.1-next.0",
     "@rango-dev/wallets-shared": "^0.51.0",
     "bignumber.js": "^9.1.1",
     "copy-to-clipboard": "^3.3.3",

package/src/containers/Wallets/Wallets.tsx

@@ -5,7 +5,7 @@ import type {
   WidgetContextInterface,
 } from './Wallets.types';
 import type { ProvidersOptions } from '../../utils/providers';
-import type { LegacyEventHandler } from '@rango-dev/wallets-core/dist/legacy/mod';
+import type { LegacyEventHandler } from '@rango-dev/wallets-core/legacy';
 import type { PropsWithChildren } from 'react';
 
 import { Provider } from '@rango-dev/wallets-react';

package/src/hooks/useStatefulConnect/index.ts

@@ -1,4 +1,5 @@
 export { useStatefulConnect } from './useStatefulConnect';
+export type { UseStatefulConnect } from './useStatefulConnect';
 export { ResultStatus } from './useStatefulConnect.types';
 export type {
   NeedsNamespacesState,

package/src/hooks/useStatefulConnect/useStatefulConnect.ts

@@ -17,7 +17,7 @@ import {
 import { initState, reducer, type State } from './useStatefulConnect.state';
 import { ResultStatus } from './useStatefulConnect.types';
 
-interface UseStatefulConnect {
+export interface UseStatefulConnect {
   handleConnect: (
     wallet: WalletInfoWithExtra,
     options?: HandleConnectOptions

package/src/hooks/useWalletProviders/useWalletProviders.helpers.ts

@@ -1,13 +1,18 @@
 import type { ProviderInterface } from '@rango-dev/wallets-react';
 
+import { Provider } from '@rango-dev/wallets-core';
+
 export function hashProviders(
-  providers: (string | ProviderInterface)[]
+  providers: (string | ProviderInterface | Provider)[]
 ): string {
   return providers
     .map((provider) => {
       if (typeof provider === 'string') {
         return provider;
       }
+      if (provider instanceof Provider) {
+        return provider.id;
+      }
       return provider.config.type;
     })
     .join('-');

package/src/index.ts

@@ -1,4 +1,5 @@
 import type { WidgetProps } from './containers/Widget';
+import type { UseStatefulConnect } from './hooks/useStatefulConnect';
 import type { ConnectedWallet } from './store/slices/wallets';
 import type {
   BlockchainAndTokenConfig,
@@ -86,6 +87,7 @@ import {
   WalletEventTypes,
   WidgetEvents,
 } from './types';
+import { pickProviderVersionWithFallbackToLegacy } from './utils/providers';
 import { customizedThemeTokens } from './utils/ui';
 
 export const StatefulConnect = {
@@ -131,6 +133,7 @@ export type {
   QuoteEventData,
   UiEventData,
   WalletInfoWithExtra,
+  UseStatefulConnect,
 };
 export {
   Widget,
@@ -180,6 +183,7 @@ export type {
 // Internal function and enum exports for Rango
 export {
   readAccountAddress,
+  pickProviderVersionWithFallbackToLegacy,
   Networks,
   WalletEvents,
   WalletTypes,

package/src/types/config.ts

@@ -1,5 +1,6 @@
 import type { Language, theme } from '@rango-dev/ui';
-import type { LegacyProviderInterface } from '@rango-dev/wallets-core/dist/legacy/mod';
+import type { Provider } from '@rango-dev/wallets-core';
+import type { LegacyProviderInterface } from '@rango-dev/wallets-core/legacy';
 import type { WalletType } from '@rango-dev/wallets-shared';
 import type { Asset } from 'rango-sdk';
 import type { ReactElement } from 'react';
@@ -272,7 +273,7 @@ export type WidgetConfig = {
   from?: BlockchainAndTokenConfig;
   to?: BlockchainAndTokenConfig;
   liquiditySources?: string[];
-  wallets?: (WalletType | LegacyProviderInterface)[];
+  wallets?: (WalletType | LegacyProviderInterface | Provider)[];
   multiWallets?: boolean;
   customDestination?: boolean;
   defaultCustomDestinations?: { [blockchain: string]: string };

package/src/utils/providers.ts

@@ -95,7 +95,7 @@ export function matchAndGenerateProviders({
   return allProviders;
 }
 
-function pickProviderVersionWithFallbackToLegacy(
+export function pickProviderVersionWithFallbackToLegacy(
   provider: VersionedProviders
 ): BothProvidersInterface {
   try {