@rango-dev/widget-embedded 0.60.1-next.0 → 0.60.2-next.0

package/src/hooks/usePrepareBlockchainList/usePrepareBlockchainList.test.ts

@@ -30,69 +30,20 @@ describe('usePrepareBlockchainList', () => {
   });
 
   it('should sort blockchains by user preferences', () => {
-    const preferredBlockchains = ['UMEE', 'BANDCHAIN', 'LINEA'];
+    const preferredBlockchains = ['LINEA', 'BASE'];
     const sortedBlockchainsList = sample.sort(
       generateSortByPreferredBlockchainsFor(preferredBlockchains)
     );
 
     const expected = [
-      'UMEE',
-      'BANDCHAIN',
       'LINEA',
+      'BASE',
       'ETH',
       'BSC',
       'ARBITRUM',
       'POLYGON',
-      'ZKSYNC',
-      'STARKNET',
       'OPTIMISM',
-      'AVAX_CCHAIN',
-      'POLYGONZK',
-      'TRON',
-      'BTC',
-      'COSMOS',
-      'OSMOSIS',
-      'NEUTRON',
-      'NOBLE',
-      'SOLANA',
-      'CRONOS',
-      'BNB',
-      'AURORA',
-      'MAYA',
-      'THOR',
-      'BOBA',
-      'MOONBEAM',
-      'MOONRIVER',
-      'OKC',
-      'BOBA_AVALANCHE',
-      'LTC',
-      'BCH',
-      'HECO',
-      'STARGAZE',
-      'CRYPTO_ORG',
-      'CHIHUAHUA',
-      'COMDEX',
-      'REGEN',
-      'IRIS',
-      'EMONEY',
-      'JUNO',
-      'STRIDE',
-      'MARS',
-      'TERRA',
-      'BITSONG',
-      'AKASH',
-      'KI',
-      'PERSISTENCE',
-      'MEDIBLOC',
-      'KUJIRA',
-      'SENTINEL',
-      'INJECTIVE',
-      'SECRET',
-      'KONSTELLATION',
-      'STARNAME',
-      'BITCANNA',
-      'DESMOS',
-      'LUMNETWORK',
+      'SCROLL',
     ];
     const received = sortedBlockchainsList.map((blockchain) => blockchain.name);
 
@@ -100,66 +51,17 @@ describe('usePrepareBlockchainList', () => {
   });
 
   it('should prepare the list by most used and user preferences', () => {
-    const listLimit = 10;
-    const preferredBlockchains = ['BTC', 'SOLANA', 'COSMOS', 'ETH'];
+    const listLimit = 4;
+    const preferredBlockchains = ['LINEA', 'SCROLL'];
     const expected = [
-      'BTC',
-      'SOLANA',
+      'LINEA',
+      'SCROLL',
       'ETH',
-      'COSMOS',
-      'OSMOSIS',
       'BSC',
       'ARBITRUM',
       'POLYGON',
-      'ZKSYNC',
-      'STARKNET',
       'OPTIMISM',
-      'AVAX_CCHAIN',
-      'POLYGONZK',
-      'LINEA',
-      'TRON',
-      'NEUTRON',
-      'NOBLE',
-      'CRONOS',
-      'BNB',
-      'AURORA',
-      'MAYA',
-      'THOR',
-      'BOBA',
-      'MOONBEAM',
-      'MOONRIVER',
-      'OKC',
-      'BOBA_AVALANCHE',
-      'LTC',
-      'BCH',
-      'HECO',
-      'STARGAZE',
-      'CRYPTO_ORG',
-      'CHIHUAHUA',
-      'BANDCHAIN',
-      'COMDEX',
-      'REGEN',
-      'IRIS',
-      'EMONEY',
-      'JUNO',
-      'STRIDE',
-      'MARS',
-      'TERRA',
-      'BITSONG',
-      'AKASH',
-      'KI',
-      'PERSISTENCE',
-      'MEDIBLOC',
-      'KUJIRA',
-      'SENTINEL',
-      'INJECTIVE',
-      'SECRET',
-      'KONSTELLATION',
-      'STARNAME',
-      'BITCANNA',
-      'UMEE',
-      'DESMOS',
-      'LUMNETWORK',
+      'BASE',
     ];
     const received = prepare(sample, preferredBlockchains, {
       limit: listLimit,
@@ -181,85 +83,30 @@ describe('usePrepareBlockchainList', () => {
       expect(receivedMoreNames).not.toContain(listName);
     });
 
-    // Check preferred blockchains to be on the main list
+    // Check preferred blockchains end up in the main list
     preferredBlockchains.forEach((blockchain) => {
       expect(receivedListNames).toContain(blockchain);
     });
   });
 
-  it('should prepare the list correctly if user has a long list of preferences ', () => {
-    const listLimit = 10;
+  it('should prepare the list correctly if user has a long list of preferences', () => {
+    const listLimit = 4;
     const preferredBlockchains = [
-      'ETH',
-      'BTC',
-      'SOLANA',
-      'CRYPTO_ORG',
-      'TRON',
-      'BOBA_AVALANCHE',
-      'AKASH',
-      'LUMNETWORK',
-      'KONSTELLATION',
-      'BANDCHAIN',
-      'INJECTIVE',
+      'LINEA',
+      'SCROLL',
+      'BASE',
+      'OPTIMISM',
+      'POLYGON',
     ];
     const expected = [
+      'LINEA',
+      'SCROLL',
+      'BASE',
+      'OPTIMISM',
+      'POLYGON',
       'ETH',
-      'BTC',
-      'SOLANA',
-      'CRYPTO_ORG',
-      'TRON',
-      'BOBA_AVALANCHE',
-      'AKASH',
-      'LUMNETWORK',
-      'KONSTELLATION',
-      'BANDCHAIN',
-      'INJECTIVE',
-      'COSMOS',
-      'OSMOSIS',
       'BSC',
       'ARBITRUM',
-      'POLYGON',
-      'ZKSYNC',
-      'STARKNET',
-      'OPTIMISM',
-      'AVAX_CCHAIN',
-      'POLYGONZK',
-      'LINEA',
-      'NEUTRON',
-      'NOBLE',
-      'CRONOS',
-      'BNB',
-      'AURORA',
-      'MAYA',
-      'THOR',
-      'BOBA',
-      'MOONBEAM',
-      'MOONRIVER',
-      'OKC',
-      'LTC',
-      'BCH',
-      'HECO',
-      'STARGAZE',
-      'CHIHUAHUA',
-      'COMDEX',
-      'REGEN',
-      'IRIS',
-      'EMONEY',
-      'JUNO',
-      'STRIDE',
-      'MARS',
-      'TERRA',
-      'BITSONG',
-      'KI',
-      'PERSISTENCE',
-      'MEDIBLOC',
-      'KUJIRA',
-      'SENTINEL',
-      'SECRET',
-      'STARNAME',
-      'BITCANNA',
-      'UMEE',
-      'DESMOS',
     ];
     const received = prepare(sample, preferredBlockchains, {
       limit: listLimit,
@@ -272,66 +119,17 @@ describe('usePrepareBlockchainList', () => {
   });
 
   it('Last item of the main list should be moved to front if it selected again.', () => {
-    const listLimit = 10;
-    const preferredBlockchains = ['AVAX_CCHAIN', 'BTC'];
+    const listLimit = 4;
+    const preferredBlockchains = ['POLYGON', 'BASE'];
     const expected = [
-      'AVAX_CCHAIN',
-      'BTC',
+      'POLYGON',
+      'BASE',
       'ETH',
-      'COSMOS',
-      'OSMOSIS',
       'BSC',
       'ARBITRUM',
-      'POLYGON',
-      'ZKSYNC',
-      'STARKNET',
       'OPTIMISM',
-      'POLYGONZK',
       'LINEA',
-      'TRON',
-      'NEUTRON',
-      'NOBLE',
-      'SOLANA',
-      'CRONOS',
-      'BNB',
-      'AURORA',
-      'MAYA',
-      'THOR',
-      'BOBA',
-      'MOONBEAM',
-      'MOONRIVER',
-      'OKC',
-      'BOBA_AVALANCHE',
-      'LTC',
-      'BCH',
-      'HECO',
-      'STARGAZE',
-      'CRYPTO_ORG',
-      'CHIHUAHUA',
-      'BANDCHAIN',
-      'COMDEX',
-      'REGEN',
-      'IRIS',
-      'EMONEY',
-      'JUNO',
-      'STRIDE',
-      'MARS',
-      'TERRA',
-      'BITSONG',
-      'AKASH',
-      'KI',
-      'PERSISTENCE',
-      'MEDIBLOC',
-      'KUJIRA',
-      'SENTINEL',
-      'INJECTIVE',
-      'SECRET',
-      'KONSTELLATION',
-      'STARNAME',
-      'BITCANNA',
-      'UMEE',
-      'DESMOS',
-      'LUMNETWORK',
+      'SCROLL',
     ];
 
     const output = prepare(sample, preferredBlockchains, {

package/src/hooks/useWalletList.ts

@@ -1,21 +1,15 @@
 import type { ExtendedModalWalletInfo } from '../utils/wallets';
 import type { WalletInfo } from '@rango-dev/ui';
-import type { BlockchainMeta } from 'rango-sdk';
 
 import { WalletState } from '@rango-dev/ui';
 import { useWallets } from '@rango-dev/wallets-react';
-import {
-  detectMobileScreens,
-  KEPLR_COMPATIBLE_WALLETS,
-  WalletTypes,
-} from '@rango-dev/wallets-shared';
+import { detectMobileScreens, WalletTypes } from '@rango-dev/wallets-shared';
 import { useCallback, useEffect } from 'react';
 
 import { useAppStore } from '../store/AppStore';
 import { configWalletsToWalletName } from '../utils/providers';
 import {
   hashWalletsState,
-  isExperimentalChain,
   mapWalletTypesToWalletInfo,
   sortWalletsBasedOnConnectionState,
 } from '../utils/wallets';
@@ -40,9 +34,8 @@ interface API {
  */
 export function useWalletList(params?: Params): API {
   const { chain } = params || {};
-  const { connectedWallets, getAvailableProviders } = useAppStore();
+  const { getAvailableProviders } = useAppStore();
   const { state, getWalletInfo } = useWallets();
-  const blockchains = useAppStore().blockchains();
   const { handleDisconnect } = useStatefulConnect();
 
   /** It can be what has been set by widget config or as a fallback we use all the supported wallets by our library */
@@ -66,13 +59,6 @@ export function useWalletList(params?: Params): API {
 
   const sortedWallets = sortWalletsBasedOnConnectionState(wallets);
 
-  const isExperimentalChainNotAdded = (walletType: string) =>
-    !connectedWallets.find(
-      (connectedWallet) =>
-        connectedWallet.walletType === walletType &&
-        connectedWallet.chain === chain
-    );
-
   const terminateConnectingWallets = useCallback(() => {
     const connectingWallets =
       wallets?.filter((wallet) => wallet.state === WalletState.CONNECTING) ||
@@ -121,24 +107,15 @@ export function useWalletList(params?: Params): API {
     return isEvmWalletInstalledExceptDefault.length == 0;
   };
 
-  const shouldExcludeWallet = (
-    walletType: string,
-    chain: string,
-    blockchains: BlockchainMeta[]
-  ) => {
+  const shouldExcludeWallet = (walletType: string) => {
     return (
-      (isExperimentalChain(blockchains, chain) &&
-        isExperimentalChainNotAdded(walletType) &&
-        !KEPLR_COMPATIBLE_WALLETS.includes(walletType)) ||
-      (walletType == WalletTypes.DEFAULT &&
-        !shouldShowDefaultInjectedWallet(wallets))
+      walletType == WalletTypes.DEFAULT &&
+      !shouldShowDefaultInjectedWallet(wallets)
     );
   };
 
   return {
-    list: sortedWallets.filter(
-      (wallet) => !shouldExcludeWallet(wallet.type, chain ?? '', blockchains)
-    ),
+    list: sortedWallets.filter((wallet) => !shouldExcludeWallet(wallet.type)),
     terminateConnectingWallets,
   };
 }

package/src/store/utils/wallets.ts

@@ -17,7 +17,7 @@ import { ZERO } from '../../constants/numbers';
 import { BALANCE_SEPARATOR } from '../../constants/wallets';
 
 /**
- * Note: We need to use `symbol` as well since native coins and cosmos blockchains don't have `address`
+ * Note: We need to use `symbol` as well since native coins don't have `address`
  * output format: BlockchainId${BALANCE_SEPARATOR}TokenAddress${BALANCE_SEPARATOR}TokenSymbol
  */
 export function createAssetKey(asset: Asset): AssetKey {

package/src/test-utils/fixtures.ts

@@ -25,12 +25,7 @@ const listBlockchains = [
   'TRON',
   'BTC',
   'SCROLL',
-  'COSMOS',
-  'OSMOSIS',
   'METIS',
-  'NEUTRON',
-  'NOBLE',
-  'DYDX',
   'SOLANA',
   'CRONOS',
   'BNB',
@@ -47,43 +42,12 @@ const listBlockchains = [
   'LTC',
   'BCH',
   'HARMONY',
-  'EVMOS',
   'HECO',
-  'SIF',
   'BRISE',
-  'STARGAZE',
   'FUSE',
-  'CRYPTO_ORG',
-  'CHIHUAHUA',
-  'BANDCHAIN',
-  'COMDEX',
-  'REGEN',
-  'IRIS',
-  'EMONEY',
   'GNOSIS',
-  'JUNO',
-  'AXELAR',
-  'STRIDE',
   'KCC',
-  'MARS',
-  'TERRA',
   'TELOS',
-  'BITSONG',
-  'AKASH',
-  'KI',
-  'PERSISTENCE',
-  'MEDIBLOC',
-  'KUJIRA',
-  'SENTINEL',
-  'INJECTIVE',
-  'SECRET',
-  'KONSTELLATION',
-  'STARNAME',
-  'BITCANNA',
-  'UMEE',
-  'DESMOS',
-  'LUMNETWORK',
-  'TERRA_CLASSIC',
   'DASH',
   'DOGE',
 ];
@@ -105,13 +69,10 @@ const listTokens = [
   'FIL',
   'ETC',
   'DAI',
-  'ATOM',
   'IMX',
   'OP',
   'HBAR',
-  'INJ',
   'XLM',
-  'CRO',
   'RNDR',
   'GRT',
   'OKB',

package/src/utils/common.ts

@@ -237,7 +237,6 @@ export const isBlockchainTypeInCategory = (
     case BlockchainCategories.OTHER:
       return (
         blockchainType !== TransactionType.TRANSFER &&
-        blockchainType !== TransactionType.COSMOS &&
         blockchainType !== TransactionType.EVM
       );
     default:

package/src/utils/wallets.ts

@@ -23,13 +23,10 @@ import {
 import { legacyReadAccountAddress as readAccountAddress } from '@rango-dev/wallets-core/legacy';
 import {
   detectInstallLink,
-  getCosmosExperimentalChainInfo,
   isEvmAddress,
-  KEPLR_COMPATIBLE_WALLETS,
   Networks,
 } from '@rango-dev/wallets-shared';
 import BigNumber from 'bignumber.js';
-import { isCosmosBlockchain } from 'rango-types';
 
 import { ZERO } from '../constants/numbers';
 import {
@@ -314,35 +311,6 @@ function numberWithThousandSeparator(number: string | number): string {
   return parts.join('.');
 }
 
-export const isExperimentalChain = (
-  blockchains: BlockchainMeta[],
-  wallet: string
-): boolean => {
-  const cosmosExperimentalChainInfo = getCosmosExperimentalChainInfo(
-    Object.entries(blockchains)
-      .map(([, blockchainMeta]) => blockchainMeta)
-      .filter(isCosmosBlockchain)
-  );
-  return (
-    cosmosExperimentalChainInfo &&
-    !!cosmosExperimentalChainInfo[wallet]?.experimental
-  );
-};
-
-export const getKeplrCompatibleConnectedWallets = (
-  selectableWallets: Wallet[]
-): WalletType[] => {
-  const connectedWalletTypes = new Set(
-    selectableWallets.map((wallet) => {
-      return wallet.walletType;
-    })
-  );
-
-  return KEPLR_COMPATIBLE_WALLETS.filter((compatibleWallet) =>
-    connectedWalletTypes.has(compatibleWallet)
-  );
-};
-
 function representAmountInNumber(amount: string, decimals: number): string {
   return new BigNumber(amount).shiftedBy(-decimals).toFixed();
 }

package/dist/components/WalletStatefulConnect/ExperimentalChain.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-interface PropTypes {
-    displayName?: string;
-    onConfirm: () => void;
-    id: string;
-}
-export declare function ExperimentalChain(props: PropTypes): React.JSX.Element;
-export {};
-//# sourceMappingURL=ExperimentalChain.d.ts.map

package/dist/components/WalletStatefulConnect/ExperimentalChain.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ExperimentalChain.d.ts","sourceRoot":"","sources":["../../../src/components/WalletStatefulConnect/ExperimentalChain.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,SAAS;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,SAAS,qBA4BjD"}

package/dist/components/WalletStatefulConnect/ExperimentalChainStatus.d.ts

@@ -1,4 +0,0 @@
-import type { PropTypes } from './ExperimentalChainStatus.types';
-import React from 'react';
-export declare function ExperimentalChainStatus(props: PropTypes): React.JSX.Element;
-//# sourceMappingURL=ExperimentalChainStatus.d.ts.map

package/dist/components/WalletStatefulConnect/ExperimentalChainStatus.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ExperimentalChainStatus.d.ts","sourceRoot":"","sources":["../../../src/components/WalletStatefulConnect/ExperimentalChainStatus.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAGjE,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,SAAS,qBAsBvD"}

package/dist/components/WalletStatefulConnect/ExperimentalChainStatus.helpers.d.ts

@@ -1,8 +0,0 @@
-import type { PropTypes } from './ExperimentalChainStatus.types';
-import type { MessageType } from '@rango-dev/ui';
-export declare function generateMessageByStatus(status: PropTypes['status'], blockchainDisplayName: string | undefined): {
-    type: MessageType;
-    title: string;
-    description: string;
-};
-//# sourceMappingURL=ExperimentalChainStatus.helpers.d.ts.map

package/dist/components/WalletStatefulConnect/ExperimentalChainStatus.helpers.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ExperimentalChainStatus.helpers.d.ts","sourceRoot":"","sources":["../../../src/components/WalletStatefulConnect/ExperimentalChainStatus.helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAIjD,wBAAgB,uBAAuB,CACrC,MAAM,EAAE,SAAS,CAAC,QAAQ,CAAC,EAC3B,qBAAqB,EAAE,MAAM,GAAG,SAAS,GACxC;IACD,IAAI,EAAE,WAAW,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;CACrB,CAwCA"}

package/dist/components/WalletStatefulConnect/ExperimentalChainStatus.types.d.ts

@@ -1,6 +0,0 @@
-export interface PropTypes {
-    displayName?: string;
-    status: 'in-progress' | 'completed' | 'rejected';
-    image: string;
-}
-//# sourceMappingURL=ExperimentalChainStatus.types.d.ts.map

package/dist/components/WalletStatefulConnect/ExperimentalChainStatus.types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ExperimentalChainStatus.types.d.ts","sourceRoot":"","sources":["../../../src/components/WalletStatefulConnect/ExperimentalChainStatus.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,SAAS;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,aAAa,GAAG,WAAW,GAAG,UAAU,CAAC;IACjD,KAAK,EAAE,MAAM,CAAC;CACf"}

package/src/components/WalletStatefulConnect/ExperimentalChain.tsx

@@ -1,39 +0,0 @@
-import { i18n } from '@lingui/core';
-import { Button, Divider, MessageBox } from '@rango-dev/ui';
-import React from 'react';
-
-interface PropTypes {
-  displayName?: string;
-  onConfirm: () => void;
-  id: string;
-}
-
-export function ExperimentalChain(props: PropTypes) {
-  const { displayName, onConfirm, id } = props;
-
-  return (
-    <MessageBox
-      id={id}
-      title={i18n.t({
-        id: 'Add {blockchainDisplayName} Chain',
-        values: { blockchainDisplayName: displayName },
-      })}
-      type="warning"
-      description={i18n.t({
-        id: 'Would you like to add the {blockchainDisplayName} experimental chain to your wallet?',
-        values: { blockchainDisplayName: displayName },
-      })}>
-      <Divider size={18} />
-      <Divider size={32} />
-      <Button
-        id="widget-experimental-chain-confirm-btn"
-        onClick={onConfirm}
-        variant="outlined"
-        type="primary"
-        fullWidth
-        size="large">
-        {i18n.t('Confirm')}
-      </Button>
-    </MessageBox>
-  );
-}

package/src/components/WalletStatefulConnect/ExperimentalChainStatus.helpers.ts

@@ -1,53 +0,0 @@
-import type { PropTypes } from './ExperimentalChainStatus.types';
-import type { MessageType } from '@rango-dev/ui';
-
-import { i18n } from '@lingui/core';
-
-export function generateMessageByStatus(
-  status: PropTypes['status'],
-  blockchainDisplayName: string | undefined
-): {
-  type: MessageType;
-  title: string;
-  description: string;
-} {
-  switch (status) {
-    case 'in-progress':
-      return {
-        type: 'loading',
-        title: i18n.t({
-          id: 'Add {blockchainDisplayName} Chain',
-          values: { blockchainDisplayName },
-        }),
-        description: i18n.t({
-          id: 'Please approve the experimental chain pop-up in your wallet.',
-          values: { blockchainDisplayName },
-        }),
-      };
-    case 'completed':
-      return {
-        type: 'success',
-        title: i18n.t({
-          id: '{blockchainDisplayName} Chain Added',
-          values: { blockchainDisplayName },
-        }),
-        description: i18n.t({
-          id: 'The {blockchainDisplayName} chain has been successfully added to your wallet.',
-          values: { blockchainDisplayName },
-        }),
-      };
-    case 'rejected':
-      return {
-        type: 'error',
-        title: i18n.t('Request Rejected'),
-        description: i18n.t({
-          id: "You've rejected adding {blockchainDisplayName} chain to your wallet.",
-          values: { blockchainDisplayName },
-        }),
-      };
-    default:
-      throw new Error(
-        `Showing information about an experimentation chain status needs to be defined first. status: ${status}`
-      );
-  }
-}