@rango-dev/widget-embedded 0.1.16-next.19 → 0.1.16-next.20

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rango-dev/widget-embedded",
-  "version": "0.1.16-next.19",
+  "version": "0.1.16-next.20",
   "license": "MIT",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",
@@ -24,13 +24,13 @@
     "trailingComma": "es5"
   },
   "dependencies": {
-    "@rango-dev/provider-all": "^0.1.21",
+    "@rango-dev/provider-all": "^0.1.14-next.15",
     "@rango-dev/queue-manager-core": "^0.1.13-next.16",
-    "@rango-dev/queue-manager-rango-preset": "^0.1.13-next.16",
+    "@rango-dev/queue-manager-rango-preset": "^0.1.13-next.17",
     "@rango-dev/queue-manager-react": "^0.1.12-next.13",
     "@rango-dev/ui": "^0.1.14-next.12",
-    "@rango-dev/wallets-core": "^0.1.14-next.15",
-    "@rango-dev/wallets-shared": "^0.1.13",
+    "@rango-dev/wallets-core": "^0.1.14-next.16",
+    "@rango-dev/wallets-shared": "^0.1.13-next.18",
     "bignumber.js": "^9.1.1",
     "copy-to-clipboard": "^3.3.3",
     "dayjs": "^1.11.7",

package/src/QueueManager.tsx

@@ -52,6 +52,9 @@ function QueueManager(props: PropsWithChildren<{}>) {
     return connect(wallet, network);
   };
 
+  const isMobileWallet = (walletType: WalletType): boolean =>
+    !!getWalletInfo(walletType).mobileWallet;
+
   // TODO: this code copy & pasted from rango, should be refactored.
   const allBlockchains = blockchains
     .filter((blockchain) => blockchain.enabled)
@@ -106,6 +109,7 @@ function QueueManager(props: PropsWithChildren<{}>) {
     switchNetwork,
     connect,
     state,
+    isMobileWallet,
     notifier,
   };
 

package/src/index.tsx

@@ -28,13 +28,7 @@ import { useUiStore } from './store/ui';
 import { navigationRoutes } from './constants/navigationRoutes';
 import { initConfig } from './utils/configs';
 
-export {
-  WidgetConfig,
-  WalletType,
-  WidgetTheme,
-  WidgetColors,
-  BlockchainAndTokenConfig,
-};
+export { WidgetConfig, WidgetTheme, WidgetColors, BlockchainAndTokenConfig };
 
 export type WidgetProps = {
   config?: WidgetConfig;

package/src/pages/WalletsPage.tsx

@@ -8,7 +8,11 @@ import {
 } from '@rango-dev/ui';
 import React, { useEffect, useRef, useState } from 'react';
 import { getlistWallet, sortWalletsBasedOnState } from '../utils/wallets';
-import { WalletType, detectMobileScreens } from '@rango-dev/wallets-shared';
+import {
+  WalletType,
+  WalletTypes,
+  detectMobileScreens,
+} from '@rango-dev/wallets-shared';
 import { useWallets } from '@rango-dev/wallets-core';
 
 import { useUiStore } from '../store/ui';
@@ -50,7 +54,7 @@ export function WalletsPage({ supportedWallets, multiWallets }: PropTypes) {
   const wallets = getlistWallet(
     state,
     getWalletInfo,
-    supportedWallets || Object.values(WalletType)
+    supportedWallets || Object.values(WalletTypes)
   );
   const walletsRef = useRef<WalletInfo[]>();
 

package/src/utils/wallets.ts

@@ -7,6 +7,7 @@ import {
   WalletType,
   detectInstallLink,
   WalletInfo,
+  WalletTypes,
 } from '@rango-dev/wallets-shared';
 
 import {
@@ -42,7 +43,7 @@ export function getStateWallet(state: WalletState): WalletStatus {
   }
 }
 
-export const excludedWallets = [WalletType.UNKNOWN, WalletType.LEAP];
+export const excludedWallets = [WalletTypes.LEAP];
 
 export function getlistWallet(
   getState: (type: WalletType) => WalletState,
@@ -50,7 +51,7 @@ export function getlistWallet(
   list: WalletType[]
 ): ModalWalletInfo[] {
   return list
-    .filter((wallet) => !excludedWallets.includes(wallet))
+    .filter((wallet) => !excludedWallets.includes(wallet as WalletTypes))
     .map((type) => {
       const {
         name,
@@ -377,7 +378,9 @@ export const getKeplrCompatibleConnectedWallets = (
   selectableWallets: SelectableWallet[]
 ): WalletType[] => {
   const connectedWalletTypes = new Set(
-    selectableWallets.map((a: any) => a.walletType.toString())
+    selectableWallets.map((wallet) => {
+      return wallet.walletType;
+    })
   );
 
   return KEPLR_COMPATIBLE_WALLETS.filter((compatibleWallet) =>