@rango-dev/widget-embedded 0.39.1-next.8 → 0.40.0

package/src/store/utils/wallets.ts

@@ -1,38 +1,39 @@
 import type { Balance } from '../../types';
 import type { AppStoreState } from '../app';
-import type {
-  AggregatedBalanceState,
-  AssetKey,
-  BalanceKey,
-  BalanceState,
-} from '../slices/wallets';
 import type { Asset, WalletDetail } from 'rango-types';
 
 import BigNumber from 'bignumber.js';
 
 import { ZERO } from '../../constants/numbers';
+import { BALANCE_SEPARATOR } from '../../constants/wallets';
+import {
+  type AggregatedBalanceState,
+  type AssetKey,
+  type BalanceKey,
+  type BalanceState,
+} from '../slices/wallets';
 
 /**
  * Note: We need to use `symbol` as well since native coins and cosmos blockchains don't have `address`
- * output format: BlockchainId-TokenAddress-TokenSymbol
+ * output format: BlockchainId${BALANCE_SEPARATOR}TokenAddress${BALANCE_SEPARATOR}TokenSymbol
  */
 export function createAssetKey(asset: Asset): AssetKey {
-  return `${asset.blockchain}-${asset.address}-${asset.symbol}`;
+  return `${asset.blockchain}${BALANCE_SEPARATOR}${asset.address}${BALANCE_SEPARATOR}${asset.symbol}`;
 }
 
 /**
- * output format: BlockchainId-TokenAddress-TokenSymbol-WalletAddress
+ * output format: BlockchainId${BALANCE_SEPARATOR}TokenAddress${BALANCE_SEPARATOR}TokenSymbol${BALANCE_SEPARATOR}WalletAddress
  */
 export function createBalanceKey(
   accountAddress: string,
   asset: Asset
 ): BalanceKey {
   const assetKey = createAssetKey(asset);
-  return `${assetKey}-${accountAddress}`;
+  return `${assetKey}${BALANCE_SEPARATOR}${accountAddress}`;
 }
 
 export function extractAssetFromBalanceKey(key: BalanceKey): Asset {
-  const [assetChain, assetAddress, assetSymbol] = key.split('-');
+  const [assetChain, assetAddress, assetSymbol] = key.split(BALANCE_SEPARATOR);
 
   // null will be serialized to 'null', we need to make it back to a null type
   const address = assetAddress === 'null' ? null : assetAddress;

package/src/utils/common.ts

@@ -26,10 +26,12 @@ export function areEqual(
     array1.length === array2.length && array1.every((v, i) => v === array2[i])
   );
 }
-// eslint-disable-next-line @typescript-eslint/ban-types
+
+// eslint-disable-next-line @typescript-eslint/no-unsafe-function-type
 export function debounce(fn: Function, time: number) {
   let timeoutId: ReturnType<typeof setTimeout> | null;
   return wrapper;
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   function wrapper(...args: any) {
     if (timeoutId) {
       clearTimeout(timeoutId);
@@ -42,7 +44,6 @@ export function debounce(fn: Function, time: number) {
 }
 
 export function containsText(text: string, searchText: string): boolean {
-  // eslint-disable-next-line @typescript-eslint/no-magic-numbers
   return text.toLowerCase().indexOf(searchText.toLowerCase()) > -1;
 }
 
@@ -258,3 +259,24 @@ export function isSingleWalletActive(
   );
   return multiWallets === false && atLeastOneWalletIsConnected;
 }
+
+/**
+ * A simple memo implementation
+ * you can use it when you want to memoize a value in js space
+ */
+export function memoizedResult(): <R>(fn: () => R, key: number | string) => R {
+  let currentKey: number | string;
+
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  let result: any;
+
+  return (fn, key) => {
+    if (!result || !currentKey || currentKey !== key) {
+      currentKey = key;
+      result = fn();
+      return result;
+    }
+
+    return result;
+  };
+}