@rango-dev/widget-embedded 0.12.1-next.9 → 0.14.0

package/src/utils/time.ts

@@ -1,46 +1,79 @@
-import { PendingSwap } from '@rango-dev/queue-manager-rango-preset';
-
-export function timeSince(timeMillis: number): string {
-  const seconds = Math.floor((new Date().getTime() - timeMillis) / 1000);
-  let intervalType: string;
-
-  let interval = Math.floor(seconds / 31536000);
-  if (interval >= 1) {
-    intervalType = 'year';
-  } else {
-    interval = Math.floor(seconds / 2592000);
-    if (interval >= 1) {
-      intervalType = 'month';
-    } else {
-      interval = Math.floor(seconds / 86400);
-      if (interval >= 1) {
-        intervalType = 'day';
-      } else {
-        interval = Math.floor(seconds / 3600);
-        if (interval >= 1) {
-          intervalType = 'hour';
-        } else {
-          interval = Math.floor(seconds / 60);
-          if (interval >= 1) {
-            intervalType = 'minute';
-          } else {
-            interval = seconds;
-            intervalType = 'second';
-          }
-        }
-      }
+import type { PendingSwap } from '@rango-dev/queue-manager-rango-preset';
+
+import { i18n } from '@lingui/core';
+
+const MILLISECOND_PER_SECOND = 1000;
+const SECONDS_PER_YEAR = 31536000;
+const SECONDS_PER_MONTH = 2592000;
+const SECONDS_PER_DAY = 86400;
+const SECONDS_PER_HOUR = 3600;
+const SECONDS_PER_MINUTE = 60;
+
+export function timeSince(millisecond: number): string {
+  const seconds = Math.floor(
+    (Date.now() - millisecond) / MILLISECOND_PER_SECOND
+  );
+
+  const intervals = [
+    {
+      turningPoint: SECONDS_PER_YEAR,
+      label: i18n.t('year'),
+      pluralLabel: i18n.t('years'),
+    },
+    {
+      turningPoint: SECONDS_PER_MONTH,
+      label: i18n.t('month'),
+      pluralLabel: i18n.t('months'),
+    },
+    {
+      turningPoint: SECONDS_PER_DAY,
+      label: i18n.t('day'),
+      pluralLabel: i18n.t('days'),
+    },
+    {
+      turningPoint: SECONDS_PER_HOUR,
+      label: i18n.t('hour'),
+      pluralLabel: i18n.t('hours'),
+    },
+    {
+      turningPoint: SECONDS_PER_MINUTE,
+      label: i18n.t('minute'),
+      pluralLabel: i18n.t('minutes'),
+    },
+  ];
+
+  const sortedIntervals = intervals.sort(
+    (a, b) => b.turningPoint - a.turningPoint
+  );
+
+  for (const interval of sortedIntervals) {
+    const { turningPoint, label, pluralLabel } = interval;
+    const intervalCount = Math.floor(seconds / turningPoint);
+    if (intervalCount > 1) {
+      return `${intervalCount} ${pluralLabel}`;
+    }
+    if (intervalCount === 1) {
+      return `${intervalCount} ${label}`;
     }
   }
 
-  if (interval > 1 || interval === 0) {
-    intervalType += 's';
+  if (seconds > 1) {
+    return `${seconds} ${i18n.t('seconds')}`;
   }
 
-  return interval + ' ' + intervalType;
+  return `${seconds} ${i18n.t('second')}`;
 }
 
 export function getSwapDate(pendingSwap: PendingSwap) {
   return pendingSwap.finishTime
-    ? `${timeSince(parseInt(pendingSwap.finishTime))} ago`
-    : `${timeSince(parseInt(pendingSwap.creationTime))} ago`;
+    ? i18n.t({
+        id: 'timeAgo',
+        message: '{time} ago',
+        values: { time: timeSince(parseInt(pendingSwap.finishTime)) },
+      })
+    : i18n.t({
+        id: 'timeAgo',
+        message: '{time} ago',
+        values: { time: timeSince(parseInt(pendingSwap.creationTime)) },
+      });
 }

package/src/utils/wallets.ts

@@ -135,19 +135,19 @@ export function prepareAccountsForWalletStore(
     /*
      * In some cases we can handle unknown network by checking its address
      * pattern and act on it.
-     * Example: showing our evm compatible netwrok when the uknown network is evem.
+     * Example: showing our evm compatible network when the unknown network is evm.
      * Otherwise, we stop executing this function.
      */
-    const isUknownAndEvmBased =
+    const isUnknownAndEvmBased =
       network === Networks.Unknown && isEvmAddress(address);
-    if (isUnknown && !isUknownAndEvmBased) {
+    if (isUnknown && !isUnknownAndEvmBased) {
       return;
     }
 
     const isEvmBasedChain = evmBasedChains.includes(network);
 
     // If it's an evm network, we will add the address to all the evm chains.
-    if (isEvmBasedChain || isUknownAndEvmBased) {
+    if (isEvmBasedChain || isUnknownAndEvmBased) {
       /*
        * all evm chains are not supported in wallets, so we are adding
        * only to those that are supported by wallet.
@@ -158,7 +158,7 @@ export function prepareAccountsForWalletStore(
 
       evmChainsSupportedByWallet.forEach((network) => {
         /*
-         * EVM addresses are not case sensetive.
+         * EVM addresses are not case sensitive.
          * Some wallets like Binance-chain return some letters in uppercase which produces bugs in our wallet state.
          */
         addAccount(network, address.toLowerCase());
@@ -311,7 +311,7 @@ export function resetConnectedWalletState(
 
 export const calculateWalletUsdValue = (connectedWallet: ConnectedWallet[]) => {
   const uniqueAccountAddresses = new Set<string | null>();
-  const uniqueBalane: ConnectedWallet[] = connectedWallet?.reduce(
+  const uniqueBalance: ConnectedWallet[] = connectedWallet?.reduce(
     (acc: ConnectedWallet[], current: ConnectedWallet) => {
       return acc.findIndex(
         (i) => i.address === current.address && i.chain === current.chain
@@ -323,7 +323,7 @@ export const calculateWalletUsdValue = (connectedWallet: ConnectedWallet[]) => {
     []
   );
 
-  const modifiedWalletBlockchains = uniqueBalane?.map((chain) => {
+  const modifiedWalletBlockchains = uniqueBalance?.map((chain) => {
     const modifiedWalletBlockchain: Blockchain = {
       name: chain.chain,
       accounts: [],
@@ -348,10 +348,10 @@ export const calculateWalletUsdValue = (connectedWallet: ConnectedWallet[]) => {
       ?.reduce((a, b) => a.plus(b), ZERO) || ZERO
   ).toString();
 
-  return numberWithThousandSeperator(total);
+  return numberWithThousandSeparator(total);
 };
 
-function numberWithThousandSeperator(number: string | number): string {
+function numberWithThousandSeparator(number: string | number): string {
   const parts = number.toString().split('.');
   parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ',');
   return parts.join('.');
@@ -428,7 +428,6 @@ export function getTokensWithBalance(
   tokens: TokenWithBalance[],
   connectedWallets: ConnectedWallet[]
 ): TokenWithBalance[] {
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   return tokens.map(({ balance, ...otherProps }) => {
     const tokenAmount = numberToString(
       new BigNumber(
@@ -464,17 +463,55 @@ export function getTokensWithBalance(
   });
 }
 
+export function getTokensBalanceFromWalletAndSort(
+  tokens: TokenWithBalance[],
+  connectedWallets: ConnectedWallet[]
+) {
+  const list =
+    connectedWallets.length > 0
+      ? getTokensWithBalance(tokens, connectedWallets)
+      : tokens;
+  list.sort((tokenA, tokenB) => {
+    if (tokenA.balance?.usdValue && tokenB.balance?.usdValue) {
+      return (
+        parseFloat(tokenB.balance.usdValue) -
+        parseFloat(tokenA.balance.usdValue)
+      );
+    }
+
+    if (!tokenA.balance?.usdValue && tokenB.balance?.usdValue) {
+      return 1;
+    }
+
+    if (tokenA.balance?.usdValue && !tokenB.balance?.usdValue) {
+      return -1;
+    }
+
+    if (!tokenA.balance?.usdValue && !tokenB.balance?.usdValue) {
+      return (
+        parseFloat(tokenB.balance?.amount || '0') -
+        parseFloat(tokenA.balance?.amount || '0')
+      );
+    }
+
+    return 0;
+  });
+
+  return list;
+}
+
 export function getSortedTokens(
   chain: BlockchainMeta | null,
   tokens: Token[],
   connectedWallets: ConnectedWallet[],
   otherChainTokens: TokenWithBalance[]
 ): TokenWithBalance[] {
-  const fromChainEqueulsToToBlockchain =
+  const fromChainEqualsToToBlockchain =
     chain?.name === otherChainTokens[0]?.name;
-  if (fromChainEqueulsToToBlockchain) {
+  if (fromChainEqualsToToBlockchain) {
     return otherChainTokens;
   }
+
   const filteredTokens = tokens.filter(
     (token) => token.blockchain === chain?.name
   );
@@ -492,23 +529,6 @@ export function tokensAreEqual(
   );
 }
 
-export function getDefaultToken(
-  sortedTokens: TokenWithBalance[],
-  otherToken: TokenWithBalance | null
-): TokenWithBalance {
-  let selectedToken: TokenWithBalance;
-  const firstToken = sortedTokens[0];
-  const secondToken = sortedTokens[1];
-  if (sortedTokens.length === 1) {
-    selectedToken = firstToken;
-  } else if (tokensAreEqual(firstToken, otherToken)) {
-    selectedToken = secondToken;
-  } else {
-    selectedToken = firstToken;
-  }
-  return selectedToken;
-}
-
 export function sortWalletsBasedOnConnectionState(
   wallets: ModalWalletInfo[]
 ): ModalWalletInfo[] {

package/dist/components/BlockchainsChip/BlockchainsChip.d.ts

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

package/dist/components/BlockchainsChip/BlockchainsChip.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BlockchainsChip.d.ts","sourceRoot":"","sources":["../../../src/components/BlockchainsChip/BlockchainsChip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE/C,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,wBAAgB,eAAe,CAAC,KAAK,EAAE,iBAAiB,CAAC,SAAS,CAAC,qBAOlE"}

package/dist/components/BlockchainsChip/BlockchainsChip.styles.d.ts

@@ -1,151 +0,0 @@
-export declare const Chip: import("@stitches/react/types/styled-component").StyledComponent<"button", {
-    selected?: boolean | "true" | "false" | undefined;
-}, {
-    sm: string;
-    md: string;
-    lg: string;
-}, import("@stitches/react/types/css-util").CSS<{
-    sm: string;
-    md: string;
-    lg: string;
-}, {
-    colors: {
-        primary500: string;
-        primary600: string;
-        secondary100: string;
-        secondary200: string;
-        secondary300: string;
-        secondary400: string;
-        secondary500: string;
-        secondary600: string;
-        secondary700: string;
-        secondary800: string;
-        secondary900: string;
-        neutral100: string;
-        neutral200: string;
-        neutral300: string;
-        neutral400: string;
-        neutral500: string;
-        neutral600: string;
-        neutral700: string;
-        neutral800: string;
-        neutral900: string;
-        error100: string;
-        error300: string;
-        error500: string;
-        error600: string;
-        error700: string;
-        warning100: string;
-        warning300: string;
-        warning500: string;
-        warning600: string;
-        warning700: string;
-        info100: string;
-        info300: string;
-        info500: string;
-        info600: string;
-        info700: string;
-        success100: string;
-        success300: string;
-        success500: string;
-        success600: string;
-        success700: string;
-        background: string;
-        foreground: string;
-    };
-    space: {
-        0: string;
-        5: string;
-        10: string;
-        15: string;
-        20: string;
-        25: string;
-        30: string;
-        40: string;
-        46: string;
-        50: string;
-        60: string;
-        70: string;
-        80: string;
-        90: string;
-        100: string;
-        2: string;
-        4: string;
-        6: string;
-        8: string;
-        12: string;
-        16: string;
-        24: string;
-        28: string;
-        32: string;
-    };
-    radii: {
-        xs: string;
-        sm: string;
-        xm: string;
-        md: string;
-        xl: string;
-        lg: string;
-    };
-    fontSizes: {
-        10: string;
-        12: string;
-        14: string;
-        16: string;
-        18: string;
-        20: string;
-        22: string;
-        24: string;
-        28: string;
-        32: string;
-        36: string;
-        40: string;
-        48: string;
-    };
-    fonts: {};
-    fontWeights: {
-        regular: number;
-        medium: number;
-        semiBold: number;
-        bold: number;
-    };
-    lineHeights: {
-        12: string;
-        16: string;
-        20: string;
-        24: string;
-        26: string;
-        28: string;
-        30: string;
-        36: string;
-        40: string;
-        44: string;
-        52: string;
-        64: string;
-    };
-    letterSpacings: {};
-    sizes: {
-        4: string;
-        6: string;
-        8: string;
-        12: string;
-        16: string;
-        18: string;
-        20: string;
-        24: string;
-        28: string;
-        32: string;
-        36: string;
-        40: string;
-        45: string;
-        48: string;
-    };
-    borderWidths: {};
-    borderStyles: {};
-    shadows: {
-        s: string;
-    };
-    zIndices: {};
-    transitions: {};
-}, import("@stitches/react/types/config").DefaultThemeMap, {}>>;
-//# sourceMappingURL=BlockchainsChip.styles.d.ts.map

package/dist/components/BlockchainsChip/BlockchainsChip.styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BlockchainsChip.styles.d.ts","sourceRoot":"","sources":["../../../src/components/BlockchainsChip/BlockchainsChip.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DA2Bf,CAAC"}

package/dist/components/BlockchainsChip/BlockchainsChip.types.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-export interface PropTypes {
-    selected?: boolean;
-    onClick?: React.MouseEventHandler<HTMLButtonElement>;
-}
-//# sourceMappingURL=BlockchainsChip.types.d.ts.map

package/dist/components/BlockchainsChip/BlockchainsChip.types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BlockchainsChip.types.d.ts","sourceRoot":"","sources":["../../../src/components/BlockchainsChip/BlockchainsChip.types.ts"],"names":[],"mappings":";AAAA,MAAM,WAAW,SAAS;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;CACtD"}

package/dist/components/BlockchainsChip/index.d.ts

@@ -1,2 +0,0 @@
-export { BlockchainsChip } from './BlockchainsChip';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/BlockchainsChip/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/BlockchainsChip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/components/BlockchainsSection/BlockchainSection.helpers.d.ts

@@ -1,3 +0,0 @@
-import type { BlockchainMeta } from 'rango-sdk';
-export declare const sortBlockchains: (blockchains: BlockchainMeta[]) => BlockchainMeta[];
-//# sourceMappingURL=BlockchainSection.helpers.d.ts.map

package/dist/components/BlockchainsSection/BlockchainSection.helpers.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BlockchainSection.helpers.d.ts","sourceRoot":"","sources":["../../../src/components/BlockchainsSection/BlockchainSection.helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAEhD,eAAO,MAAM,eAAe,gBAAiB,cAAc,EAAE,qBAiB5D,CAAC"}

package/dist/components/SelectableCategoryList/SelectableCategoryList.d.ts

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

package/dist/components/SelectableCategoryList/SelectableCategoryList.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SelectableCategoryList.d.ts","sourceRoot":"","sources":["../../../src/components/SelectableCategoryList/SelectableCategoryList.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAIhE,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,SAAS,qBA4DtD"}

package/dist/components/SelectableCategoryList/SelectableCategoryList.helpers.d.ts

@@ -1,4 +0,0 @@
-import { type BlockchainMeta } from 'rango-sdk';
-import { BlockchainCategories } from './SelectableCategoryList.types';
-export declare const generateBlockchainsLogo: (list: BlockchainMeta[], type: Exclude<BlockchainCategories, 'ALL'>) => BlockchainMeta[];
-//# sourceMappingURL=SelectableCategoryList.helpers.d.ts.map

package/dist/components/SelectableCategoryList/SelectableCategoryList.helpers.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SelectableCategoryList.helpers.d.ts","sourceRoot":"","sources":["../../../src/components/SelectableCategoryList/SelectableCategoryList.helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,WAAW,CAAC;AAIhD,OAAO,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AAStE,eAAO,MAAM,uBAAuB,SAC5B,cAAc,EAAE,QAChB,QAAQ,oBAAoB,EAAE,KAAK,CAAC,qBAIoB,CAAC"}

package/dist/components/SelectableCategoryList/SelectableCategoryList.styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SelectableCategoryList.styles.d.ts","sourceRoot":"","sources":["../../../src/components/SelectableCategoryList/SelectableCategoryList.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAIpB,CAAC;AAEH,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAMvB,CAAC;AACH,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAKrB,CAAC"}

package/dist/components/SelectableCategoryList/SelectableCategoryList.types.d.ts

@@ -1,12 +0,0 @@
-export interface PropTypes {
-    setCategory: (type: string) => void;
-    category: string;
-}
-export declare enum BlockchainCategories {
-    ALL = "ALL",
-    EVM = "EVM",
-    COSMOS = "COSMOS",
-    UTXO = "UTXO",
-    OTHER = "OTHER"
-}
-//# sourceMappingURL=SelectableCategoryList.types.d.ts.map

package/dist/components/SelectableCategoryList/SelectableCategoryList.types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SelectableCategoryList.types.d.ts","sourceRoot":"","sources":["../../../src/components/SelectableCategoryList/SelectableCategoryList.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,SAAS;IACxB,WAAW,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,oBAAY,oBAAoB;IAC9B,GAAG,QAAQ;IACX,GAAG,QAAQ;IACX,MAAM,WAAW;IACjB,IAAI,SAAS;IACb,KAAK,UAAU;CAChB"}

package/dist/components/SelectableCategoryList/index.d.ts

@@ -1,2 +0,0 @@
-export { SelectableCategoryList } from './SelectableCategoryList';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/SelectableCategoryList/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SelectableCategoryList/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC"}

package/src/components/BlockchainsChip/BlockchainsChip.styles.ts

@@ -1,30 +0,0 @@
-import { styled } from '@rango-dev/ui';
-
-export const Chip = styled('button', {
-  padding: '$10',
-  borderRadius: '$sm',
-  backgroundColor: '$neutral100',
-  display: 'flex',
-  flexDirection: 'column',
-  justifyContent: 'center',
-  alignItems: 'center',
-  cursor: 'pointer',
-  border: 0,
-  '.image-container': {
-    borderRadius: '$xm',
-    overflow: 'hidden',
-  },
-  '&:hover': {
-    backgroundColor: '$neutral400',
-  },
-  '&:focus-visible': {
-    outline: 0,
-    backgroundColor: '$neutral500',
-  },
-  variants: {
-    selected: {
-      true: { outline: '1px solid $secondary500' },
-      false: { outline: 0 },
-    },
-  },
-});

package/src/components/BlockchainsChip/BlockchainsChip.tsx

@@ -1,15 +0,0 @@
-import type { PropTypes } from './BlockchainsChip.types';
-import type { PropsWithChildren } from 'react';
-
-import React from 'react';
-
-import { Chip } from './BlockchainsChip.styles';
-
-export function BlockchainsChip(props: PropsWithChildren<PropTypes>) {
-  const { children, selected, onClick } = props;
-  return (
-    <Chip selected={selected} onClick={onClick}>
-      {children}
-    </Chip>
-  );
-}

package/src/components/BlockchainsChip/BlockchainsChip.types.ts

@@ -1,4 +0,0 @@
-export interface PropTypes {
-  selected?: boolean;
-  onClick?: React.MouseEventHandler<HTMLButtonElement>;
-}

package/src/components/BlockchainsChip/index.ts

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

package/src/components/BlockchainsSection/BlockchainSection.helpers.ts

@@ -1,20 +0,0 @@
-import type { BlockchainMeta } from 'rango-sdk';
-
-export const sortBlockchains = (blockchains: BlockchainMeta[]) => {
-  const importantBlockchains: BlockchainMeta[] = [];
-  const otherBlockchains: BlockchainMeta[] = [];
-
-  for (const blockchain of blockchains) {
-    if (
-      blockchain.name === 'ETH' ||
-      blockchain.name === 'COSMOS' ||
-      blockchain.name === 'OSMOSIS'
-    ) {
-      importantBlockchains.push(blockchain);
-    } else {
-      otherBlockchains.push(blockchain);
-    }
-  }
-
-  return importantBlockchains.concat(otherBlockchains);
-};

package/src/components/SelectableCategoryList/SelectableCategoryList.helpers.ts

@@ -1,20 +0,0 @@
-import { type BlockchainMeta } from 'rango-sdk';
-
-import { filterByType } from '../BlockchainList/BlockchainList.helpers';
-
-import { BlockchainCategories } from './SelectableCategoryList.types';
-
-const blockchainslogo = {
-  [BlockchainCategories.EVM]: ['ETH', 'BSC', 'POLYGON'],
-  [BlockchainCategories.COSMOS]: ['COSMOS', 'OSMOSIS', 'JUNO'],
-  [BlockchainCategories.UTXO]: ['BTC', 'LTC', 'BCH'],
-  [BlockchainCategories.OTHER]: ['STARKNET', 'TRON', 'SOLANA'],
-};
-
-export const generateBlockchainsLogo = (
-  list: BlockchainMeta[],
-  type: Exclude<BlockchainCategories, 'ALL'>
-) =>
-  list
-    .filter((item) => filterByType(item, type))
-    .filter((item) => blockchainslogo[type].includes(item.name));

package/src/components/SelectableCategoryList/SelectableCategoryList.styles.ts

@@ -1,21 +0,0 @@
-import { styled } from '@rango-dev/ui';
-
-export const Container = styled('div', {
-  display: 'grid',
-  gap: '$10',
-  gridTemplateColumns: 'auto 1fr 1fr 1fr 1fr',
-});
-
-export const ImageContent = styled('div', {
-  display: 'flex',
-  position: 'relative',
-  alignItems: 'center',
-  justifyContent: 'center',
-  paddingTop: '$10',
-});
-export const FirstImage = styled('img', {
-  position: 'absolute',
-  top: -2,
-  width: 15,
-  height: 15,
-});