@rango-dev/widget-embedded 0.14.1-next.2 → 0.14.1-next.21

package/src/components/ConfirmWalletsModal/WalletList.tsx

@@ -52,8 +52,8 @@ export function WalletList(props: PropTypes) {
   const [showExperimentalChainModal, setShowExperimentalChainModal] =
     useState(false);
   const [addingExperimentalChainStatus, setAddingExperimentalChainStatus] =
-    useState<'in-progress' | 'completed' | null>(null);
-  const { connect } = useWallets();
+    useState<'in-progress' | 'completed' | 'rejected' | null>(null);
+  const { suggestAndConnect } = useWallets();
   let modalTimerId: ReturnType<typeof setTimeout> | null = null;
   const { list, error, handleClick } = useWalletList({
     config,
@@ -79,8 +79,12 @@ export function WalletList(props: PropTypes) {
   const addExperimentalChain = async (wallet: Wallet) => {
     setShowExperimentalChainModal(false);
     setAddingExperimentalChainStatus('in-progress');
-    await connect(wallet.walletType, wallet.chain);
-    setAddingExperimentalChainStatus('completed');
+    try {
+      await suggestAndConnect(wallet.walletType, wallet.chain);
+      setAddingExperimentalChainStatus('completed');
+    } catch (e) {
+      setAddingExperimentalChainStatus('rejected');
+    }
   };
 
   useEffect(() => {
@@ -106,7 +110,10 @@ export function WalletList(props: PropTypes) {
 
   useEffect(() => {
     let timeout: ReturnType<typeof setTimeout> | null = null;
-    if (addingExperimentalChainStatus === 'completed') {
+    if (
+      addingExperimentalChainStatus === 'completed' ||
+      addingExperimentalChainStatus === 'rejected'
+    ) {
       timeout = setTimeout(
         () => setAddingExperimentalChainStatus(null),
         TIME_TO_CLOSE_MODAL
@@ -145,8 +152,7 @@ export function WalletList(props: PropTypes) {
 
         const connectedWalletDescription = couldAddExperimentalChain
           ? i18n.t({
-              id: 'addChain',
-              message: 'Add {chain} chain',
+              id: 'Add {chain} chain',
               values: { chain },
             })
           : conciseAddress;
@@ -195,15 +201,12 @@ export function WalletList(props: PropTypes) {
                 }}>
                 <MessageBox
                   title={i18n.t({
-                    id: 'addBlockchain',
-                    message: 'Add {blockchainDisplayName} Chain',
+                    id: 'Add {blockchainDisplayName} Chain',
                     values: { blockchainDisplayName },
                   })}
                   type="warning"
                   description={i18n.t({
-                    id: 'addBlockchainDescription',
-                    message:
-                      'You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address',
+                    id: 'You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address',
                     values: { blockchainDisplayName },
                   })}>
                   <Divider size={18} />
@@ -227,18 +230,15 @@ export function WalletList(props: PropTypes) {
                 open={!!addingExperimentalChainStatus}
                 onClose={setAddingExperimentalChainStatus.bind(null, null)}
                 container={modalContainer}>
-                {addingExperimentalChainStatus === 'in-progress' ? (
+                {addingExperimentalChainStatus === 'in-progress' && (
                   <MessageBox
                     type="loading"
                     title={i18n.t({
-                      id: 'addBlockchain',
-                      message: 'Add {blockchainDisplayName} Chain',
+                      id: 'Add {blockchainDisplayName} Chain',
                       values: { blockchainDisplayName },
                     })}
                     description={i18n.t({
-                      id: 'addBlockchainDescription',
-                      message:
-                        'You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address',
+                      id: 'You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address',
                       values: { blockchainDisplayName },
                     })}
                     icon={
@@ -250,22 +250,33 @@ export function WalletList(props: PropTypes) {
                       </LogoContainer>
                     }
                   />
-                ) : (
+                )}
+
+                {addingExperimentalChainStatus === 'completed' && (
                   <MessageBox
                     type="success"
                     title={i18n.t({
-                      id: 'blockchainAdded',
-                      message: '{blockchainDisplayName} Chain Added',
+                      id: '{blockchainDisplayName} Chain Added',
                       values: { blockchainDisplayName },
                     })}
                     description={i18n.t({
-                      id: 'blockchainAddedDescription',
-                      message:
-                        '{blockchainDisplayName} is added to your wallet, you can use it to swap.',
+                      id: '{blockchainDisplayName} is added to your wallet, you can use it to swap.',
                       values: { blockchainDisplayName },
                     })}
                   />
                 )}
+
+                {addingExperimentalChainStatus === 'rejected' && (
+                  <MessageBox
+                    type="error"
+                    title={i18n.t('Request Rejected')}
+                    description={i18n.t({
+                      id: "You've rejected adding {blockchainDisplayName} chain to your wallet.",
+                      values: { blockchainDisplayName },
+                    })}
+                  />
+                )}
+
                 <Divider direction="vertical" size={32} />
               </Modal>
             )}

package/src/components/Layout/Layout.styles.ts

@@ -1,4 +1,4 @@
-import { styled } from '@rango-dev/ui';
+import { darkTheme, styled } from '@rango-dev/ui';
 
 export const Container = styled('div', {
   position: 'relative',
@@ -10,7 +10,11 @@ export const Container = styled('div', {
   width: '95vw',
   maxWidth: '390px',
   maxHeight: '700px',
-  backgroundColor: '$neutral100',
+  $$color: '$colors$neutral100',
+  [`.${darkTheme} &`]: {
+    $$color: '$colors$neutral300',
+  },
+  backgroundColor: '$$color',
   variants: {
     fixedHeight: {
       true: {
@@ -22,6 +26,7 @@ export const Container = styled('div', {
     },
   },
 });
+
 export const Content = styled('div', {
   borderTopLeftRadius: '20px',
   borderTopRightRadius: '20px',

package/src/components/LoadingSwapDetails/LoadingSwapDetails.styles.ts

@@ -73,6 +73,6 @@ export const StepContainer = styled('div', {
 export const StepSeparator = styled('div', {
   width: '0px',
   height: '$20',
-  borderLeft: '1px dashed $neutral900',
+  borderLeft: '1px dashed $neutral700',
   marginLeft: '25px',
 });

package/src/components/NoRoutes/NoRoutes.helper.ts

@@ -15,7 +15,7 @@ export function makeInfo(
     return {
       alert: {
         type: 'warning',
-        text: errorMessages.genericServerError,
+        text: errorMessages().genericServerError,
         action: {
           onClick: refetchBestRoute,
           title: i18n.t('Retry'),
@@ -36,17 +36,17 @@ export function makeInfo(
     return {
       alert: {
         type: 'warning',
-        text: errorMessages.liquiditySourcesError.title,
+        text: errorMessages().liquiditySourcesError.title,
         action: {
           onClick: () => toggleAllLiquiditySources(true),
           title: i18n.t('Reset'),
         },
       },
-      description: errorMessages.liquiditySourcesError.description,
+      description: errorMessages().liquiditySourcesError.description,
     };
   }
   return {
     alert: null,
-    description: errorMessages.noRoutesError.description,
+    description: errorMessages().noRoutesError.description,
   };
 }

package/src/components/NoRoutes/NoRoutes.tsx

@@ -40,14 +40,14 @@ export function NoRoutes(props: PropTypes) {
       <NoRouteIcon size={24} color="gray" />
       <Divider size={4} />
       <Typography variant="title" size="small">
-        {errorMessages.noRoutesError.title}
+        {errorMessages().noRoutesError.title}
       </Typography>
       {!!info.description && (
         <Typography
           variant="body"
           size="small"
           align="center"
-          color="neutral900">
+          color="neutral700">
           {info.description}
         </Typography>
       )}

package/src/components/NotificationContent/NotificationContent.tsx

@@ -72,7 +72,7 @@ export function NotificationContent() {
                 key={notificationItem.requestId}
                 onClick={() => handleOnClick(notificationItem.requestId)}
                 title={
-                  <Typography variant="body" size="small" color="$neutral900">
+                  <Typography variant="body" size="small" color="$neutral700">
                     {i18n.t(notificationItem.event.message)}
                   </Typography>
                 }

package/src/components/NotificationContent/NotificationNotFound.tsx

@@ -9,7 +9,7 @@ export function NotificationNotFound() {
     <NotFoundContainer>
       <NoNotificationIcon color="secondary" size={26} />
       <Divider size={12} />
-      <Typography variant="body" size="medium" color="neutral900">
+      <Typography variant="body" size="medium" color="neutral700">
         {i18n.t('You have no notification')}
       </Typography>
     </NotFoundContainer>

package/src/components/RouteErrors/RouteErrors.tsx

@@ -42,8 +42,8 @@ export function RouteErrors(props: PropTypes) {
               <Alert
                 title={
                   highValueLoss
-                    ? errorMessages.highValueLossError.title
-                    : errorMessages.unknownPriceError.title
+                    ? errorMessages().highValueLossError.title
+                    : errorMessages().unknownPriceError.title
                 }
                 type={
                   highValueLoss && !!percentageChange?.lt(WARNING_LEVEL_LIMIT)

package/src/components/RouteErrors/RouteErrorsModal.tsx

@@ -87,14 +87,14 @@ export function RouteErrorsModal(props: ModalPropTypes) {
       {highValueLoss ? (
         <MessageBox
           type={type}
-          title={errorMessages.highValueLossError.impactTitle}
-          description={errorMessages.highValueLossError.description}
+          title={errorMessages().highValueLossError.impactTitle}
+          description={errorMessages().highValueLossError.description}
         />
       ) : (
         <MessageBox
           type={type}
-          title={errorMessages.unknownPriceError.impactTitle}
-          description={errorMessages.unknownPriceError.description}
+          title={errorMessages().unknownPriceError.impactTitle}
+          description={errorMessages().unknownPriceError.description}
         />
       )}
       {highValueLoss && (
@@ -121,8 +121,8 @@ export function RouteErrorsModal(props: ModalPropTypes) {
           navigate(navigationRoutes.confirmSwap);
         }}>
         {highValueLoss
-          ? errorMessages.highValueLossError.confirmMessage
-          : errorMessages.unknownPriceError.confirmMessage}
+          ? errorMessages().highValueLossError.confirmMessage
+          : errorMessages().unknownPriceError.confirmMessage}
       </Button>
     </Modal>
   );

package/src/components/RouteErrors/RouteErrorsModalItem.tsx

@@ -10,7 +10,7 @@ export function RouteErrorsModalItem(props: ModalContentData) {
 
   return (
     <Item>
-      <Typography size="medium" variant="label" color="neutral800">
+      <Typography size="medium" variant="label" color="neutral600">
         {title}
       </Typography>
       <Typography

package/src/components/Slippage/SlippageTooltipContent.tsx

@@ -7,7 +7,7 @@ import { SlippageTooltipContainer } from './Slippage.styles';
 export function SlippageTooltipContent() {
   return (
     <SlippageTooltipContainer>
-      <Typography variant="label" size="medium" color="neutral900">
+      <Typography variant="label" size="medium" color="neutral700">
         {i18n.t(
           'Your transaction will be reverted if the price changes unfavorably by more than this percentage'
         )}

package/src/components/SwapDetails/SwapDetails.Placeholder.tsx

@@ -38,11 +38,11 @@ export function SwapDetailsPlaceholder(props: SwapDetailsPlaceholderPropTypes) {
         <Container>
           <HeaderDetails>
             <div className="row">
-              <Typography variant="label" size="large" color="neutral900">
+              <Typography variant="label" size="large" color="neutral700">
                 {`${i18n.t('Request ID')}:`}
               </Typography>
               <div className="request-id">
-                <Typography variant="label" size="small" color="neutral900">
+                <Typography variant="label" size="small" color="neutral700">
                   <Skeleton width={60} height={10} variant="rounded" />
                 </Typography>
                 <IconButton variant="ghost">
@@ -51,10 +51,10 @@ export function SwapDetailsPlaceholder(props: SwapDetailsPlaceholderPropTypes) {
               </div>
             </div>
             <div className="row">
-              <Typography variant="label" size="large" color="neutral900">
+              <Typography variant="label" size="large" color="neutral700">
                 {`${i18n.t('Created at')}:`}
               </Typography>
-              <Typography variant="label" size="small" color="neutral900">
+              <Typography variant="label" size="small" color="neutral700">
                 <Skeleton width={60} height={10} variant="rounded" />
               </Typography>
             </div>
@@ -67,9 +67,8 @@ export function SwapDetailsPlaceholder(props: SwapDetailsPlaceholderPropTypes) {
           <NotFound
             title={i18n.t('Not found')}
             description={i18n.t({
-              id: 'swapNotFound',
+              id: 'Swap with request ID = {requestId} not found.',
               values: { requestId },
-              message: 'Swap with request ID = {requestId} not found.',
             })}
           />
         </PlaceholderContainer>

package/src/components/SwapDetails/SwapDetails.tsx

@@ -206,9 +206,7 @@ export function SwapDetails(props: SwapDetailsProps) {
   const completeModalDesc =
     swap.status === 'success'
       ? i18n.t({
-          id: 'receivedMessage',
-          message:
-            'You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.',
+          id: 'You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.',
           values: {
             amount: numberToString(
               outputAmount,
@@ -226,9 +224,7 @@ export function SwapDetails(props: SwapDetailsProps) {
       : `${i18n.t('Transaction was not sent.')} ${
           lastConvertedTokenInFailedSwap
             ? i18n.t({
-                id: 'remainSymbol',
-                message:
-                  '{amount} {symbol} on {blockchain} remain in your wallet',
+                id: '{amount} {symbol} on {blockchain} remain in your wallet',
                 values: {
                   amount: lastConvertedTokenInFailedSwap.outputAmount,
                   symbol: lastConvertedTokenInFailedSwap.symbol,
@@ -281,11 +277,11 @@ export function SwapDetails(props: SwapDetailsProps) {
       <Container>
         <HeaderDetails>
           <div className="row">
-            <Typography variant="label" size="large" color="neutral900">
+            <Typography variant="label" size="large" color="neutral700">
               {`${i18n.t('Request ID')}:`}
             </Typography>
             <div className="request-id">
-              <Typography variant="label" size="small" color="neutral900">
+              <Typography variant="label" size="small" color="neutral700">
                 {requestId}
               </Typography>
               <IconButton
@@ -296,10 +292,10 @@ export function SwapDetails(props: SwapDetailsProps) {
             </div>
           </div>
           <div className="row">
-            <Typography variant="label" size="large" color="neutral900">
+            <Typography variant="label" size="large" color="neutral700">
               {`${i18n.t('Created at')}:`}
             </Typography>
-            <Typography variant="label" size="small" color="neutral900">
+            <Typography variant="label" size="small" color="neutral700">
               {swapDate}
             </Typography>
           </div>

package/src/components/SwapDetailsModal/SwapDetailsCompleteModal.tsx

@@ -52,7 +52,7 @@ export function SwapDetailsCompleteModal(props: CompleteModalPropTypes) {
           <Typography
             variant="body"
             size="medium"
-            color="neutral900"
+            color="neutral700"
             align="center">
             {description}
           </Typography>

package/src/components/SwapsGroup/SwapsGroup.tsx

@@ -34,7 +34,7 @@ export function SwapsGroup(props: PropTypes) {
                 <Typography
                   variant="label"
                   size="medium"
-                  color="neutral800"
+                  color="neutral600"
                   className="group-title">
                   {i18n.t(group.title)}
                 </Typography>
@@ -68,7 +68,7 @@ export function SwapsGroup(props: PropTypes) {
                 <Typography
                   variant="label"
                   size="medium"
-                  color="neutral800"
+                  color="neutral600"
                   className="group-title">
                   {i18n.t(group.title)}
                 </Typography>

package/src/components/TokenList/TokenList.styles.ts

@@ -40,7 +40,7 @@ export const List = styled('ul', {
         '& a': {
           fontSize: '$12',
           lineHeight: '$16',
-          color: '$neutral800',
+          color: '$neutral600',
           textDecoration: 'none',
         },
       },

package/src/components/TokenList/TokenList.tsx

@@ -24,7 +24,7 @@ import React, { forwardRef, useEffect, useState } from 'react';
 import { useAppStore } from '../../store/app';
 import { useMetaStore } from '../../store/meta';
 import { useWalletsStore } from '../../store/wallets';
-import { generateRangeColors } from '../../utils/common';
+import { generateRangeColors } from '../../utils/colors';
 
 import { LoadingTokenList } from './LoadingTokenList';
 import {
@@ -239,7 +239,7 @@ export function TokenList(props: PropTypes) {
                         {token.balance?.usdValue && (
                           <Typography
                             variant="body"
-                            color="neutral800"
+                            color="neutral600"
                             size="xsmall">
                             {`$${token.balance?.usdValue}`}
                           </Typography>

package/src/constants/configs.ts

@@ -0,0 +1 @@
+export const BLOCKCHAIN_LIST_SIZE = 10;

package/src/constants/errors.ts

@@ -4,54 +4,57 @@ import { i18n } from '@lingui/core';
 
 import { ConfirmSwapErrorTypes } from '../types';
 
-export const errorMessages = {
-  genericServerError: i18n.t('Failed Network, Please retry your swap.'),
-  liquiditySourcesError: {
-    title: i18n.t('Please reset your liquidity sources.'),
-    description: i18n.t(
-      'You have limited the liquidity sources and this might result in Rango finding no routes. Please consider resetting your liquidity sources'
-    ),
-  },
-  noRoutesError: {
-    title: i18n.t('No Routes Found'),
-    description:
-      "Reasons why Rango couldn't find a route: low liquidity on token, very low input amount or no routes available for the selected input/output token combination.",
-  },
-  bridgeLimitErrors: {
-    increaseAmount: i18n.t('Bridge Limit Error: Please increase your amount'),
-    decreaseAmount: i18n.t('Bridge Limit Error: Please decrease your amount'),
-  },
-  highValueLossError: {
-    impactTitle: i18n.t('High Price Impact'),
-    title: i18n.t('Price impact is too high!'),
-    description: i18n.t(
-      'The price impact is significantly higher than the allowed amount. If you are sure, continue, otherwise, change the swap.'
-    ),
-    confirmMessage: i18n.t('Confirm High price impact'),
-  },
-  routeUpdatedWithHighValueLoss: {
-    title: i18n.t(
-      'Route updated and price impact is too high, try again later!'
-    ),
-  },
-  unknownPriceError: {
-    impactTitle: i18n.t('USD Price Unknown'),
-    title: i18n.t('USD Price Unknown, Cannot calculate Price Impact.'),
-    description: i18n.t(
-      'USD Price Unknown, Cannot calculate Price Impact. The price impact may be higher than usual. Are you sure to continue the Swap?'
-    ),
-    confirmMessage: i18n.t('Confirm USD Price Unknown'),
-  },
+export const errorMessages = () => {
+  return {
+    genericServerError: i18n.t('Failed Network, Please retry your swap.'),
+    liquiditySourcesError: {
+      title: i18n.t('Please reset your liquidity sources.'),
+      description: i18n.t(
+        'You have limited the liquidity sources and this might result in Rango finding no routes. Please consider resetting your liquidity sources'
+      ),
+    },
+    noRoutesError: {
+      title: i18n.t('No Routes Found'),
+      description: i18n.t(
+        "Reasons why Rango couldn't find a route: low liquidity on token, very low input amount or no routes available for the selected input/output token combination."
+      ),
+    },
+    bridgeLimitErrors: {
+      increaseAmount: i18n.t('Bridge Limit Error: Please increase your amount'),
+      decreaseAmount: i18n.t('Bridge Limit Error: Please decrease your amount'),
+    },
+    highValueLossError: {
+      impactTitle: i18n.t('High Price Impact'),
+      title: i18n.t('Price impact is too high!'),
+      description: i18n.t(
+        'The price impact is significantly higher than the allowed amount. If you are sure, continue, otherwise, change the swap.'
+      ),
+      confirmMessage: i18n.t('Confirm High price impact'),
+    },
+    routeUpdatedWithHighValueLoss: {
+      title: i18n.t(
+        'Route updated and price impact is too high, try again later!'
+      ),
+    },
+    unknownPriceError: {
+      impactTitle: i18n.t('USD Price Unknown'),
+      title: i18n.t('USD Price Unknown, Cannot calculate Price Impact.'),
+      description: i18n.t(
+        'USD Price Unknown, Cannot calculate Price Impact. The price impact may be higher than usual. Are you sure to continue the Swap?'
+      ),
+      confirmMessage: i18n.t('Confirm USD Price Unknown'),
+    },
+  };
 };
 
 export function getConfirmSwapErrorMessage(error: ConfirmSwapError) {
   switch (error.type) {
     case ConfirmSwapErrorTypes.NO_ROUTE:
-      return error.diagnosisMessage ?? errorMessages.noRoutesError.title;
+      return error.diagnosisMessage ?? errorMessages().noRoutesError.title;
     case ConfirmSwapErrorTypes.REQUEST_FAILED:
-      return errorMessages.genericServerError;
+      return errorMessages().genericServerError;
     case ConfirmSwapErrorTypes.ROUTE_UPDATED_WITH_HIGH_VALUE_LOSS:
-      return errorMessages.routeUpdatedWithHighValueLoss.title;
+      return errorMessages().routeUpdatedWithHighValueLoss.title;
     default:
       return '';
   }

package/src/constants/fonts.ts

@@ -0,0 +1 @@
+export const DEFAULT_FONT_FAMILY = 'Roboto';

package/src/constants/languages.ts

@@ -0,0 +1,19 @@
+import type { FlagPropTypes, Language } from '@rango-dev/ui';
+
+import { English, French, Japanese, Spanish } from '@rango-dev/ui';
+
+export type LanguageItem = {
+  title: string;
+  label: string;
+  local: Language;
+  SVGFlag: React.ComponentType<FlagPropTypes>;
+};
+
+export const LANGUAGES: LanguageItem[] = [
+  { title: 'English', label: 'English', local: 'en', SVGFlag: English },
+  { title: 'Spanish', label: 'Español', local: 'es', SVGFlag: Spanish },
+  { title: 'French', label: 'Français', local: 'fr', SVGFlag: French },
+  { title: 'Japanese', label: '日本語', local: 'ja', SVGFlag: Japanese },
+];
+
+export const DEFAULT_LANGUAGE = 'en';

package/src/constants/messages.ts

@@ -1,8 +1,10 @@
 import { i18n } from '@lingui/core';
 
-export const swapButtonTitles = {
-  connectWallet: i18n.t('Connect Wallet'),
-  swap: i18n.t('Swap'),
-  swapAnyway: i18n.t('Swap anyway'),
-  ethRouteWarning: i18n.t('The route goes through Ethereum. Continue?'),
+export const swapButtonTitles = () => {
+  return {
+    connectWallet: i18n.t('Connect Wallet'),
+    swap: i18n.t('Swap'),
+    swapAnyway: i18n.t('Swap anyway'),
+    ethRouteWarning: i18n.t('The route goes through Ethereum. Continue?'),
+  };
 };

package/src/hooks/useConfirmSwap.ts

@@ -70,7 +70,7 @@ function throwErrorIfResponseIsNotValid(
   params: { inputUsdValue: BigNumber | null; outputUsdValue: number | null }
 ) {
   if (!response.result) {
-    throw new Error(errorMessages.noRoutesError.title, {
+    throw new Error(errorMessages().noRoutesError.title, {
       cause: {
         type: ConfirmSwapErrorTypes.NO_ROUTE,
         diagnosisMessage: response.diagnosisMessages?.[0],

package/src/hooks/useLanguage.ts

@@ -0,0 +1,27 @@
+import type { LanguageItem } from '../constants/languages';
+
+import { type Language } from '@rango-dev/ui';
+
+import { DEFAULT_LANGUAGE, LANGUAGES } from '../constants/languages';
+import { useSettingsStore } from '../store/settings';
+
+interface UseLanguage {
+  languages: LanguageItem[];
+  defaultLanguage: Language;
+  activeLanguage: Language;
+  changeLanguage: (language: Language) => void;
+}
+
+export function useLanguage(): UseLanguage {
+  const language = useSettingsStore.use.language();
+  const setLanguage = useSettingsStore.use.setLanguage();
+  const languages = LANGUAGES;
+  const defaultLanguage = DEFAULT_LANGUAGE;
+
+  return {
+    activeLanguage: language,
+    languages,
+    defaultLanguage,
+    changeLanguage: setLanguage,
+  };
+}

package/src/hooks/usePrepareBlockchainList/index.ts

@@ -0,0 +1 @@
+export { usePrepareBlockchainList } from './usePrepareBlockchainList';

package/src/hooks/usePrepareBlockchainList/usePrepareBlockchainList.constants.ts

@@ -0,0 +1 @@
+export const MOST_USED_BLOCKChAINS = ['ETH', 'COSMOS', 'OSMOSIS'];