@rango-dev/widget-embedded 0.1.10-next.89 → 0.1.10-next.92

package/src/utils/common.ts

@@ -2,6 +2,34 @@ export function removeDuplicateFrom<T>(array: T[]): T[] {
   return Array.from(new Set(array));
 }
 
-export function areEqual(array1: (number | string)[], array2: (number | string)[]) {
-  return array1.length === array2.length && array1.every((v, i) => v === array2[i]);
+export function areEqual(
+  array1: (number | string)[],
+  array2: (number | string)[]
+) {
+  return (
+    array1.length === array2.length && array1.every((v, i) => v === array2[i])
+  );
+}
+export function shadeColor(color: string, percent: number) {
+  var R = parseInt(color.substring(1, 3), 16);
+  var G = parseInt(color.substring(3, 5), 16);
+  var B = parseInt(color.substring(5, 7), 16);
+
+  R = (R * (100 + percent)) / 100;
+  G = (G * (100 + percent)) / 100;
+  B = (B * (100 + percent)) / 100;
+
+  R = R < 255 ? R : 255;
+  G = G < 255 ? G : 255;
+  B = B < 255 ? B : 255;
+
+  R = Math.round(R);
+  G = Math.round(G);
+  B = Math.round(B);
+
+  var RR = R.toString(16).length == 1 ? '0' + R.toString(16) : R.toString(16);
+  var GG = G.toString(16).length == 1 ? '0' + G.toString(16) : G.toString(16);
+  var BB = B.toString(16).length == 1 ? '0' + B.toString(16) : B.toString(16);
+
+  return '#' + RR + GG + BB;
 }

package/src/utils/numbers.ts

@@ -68,6 +68,7 @@ export const convertBigNumberToHex = (value: BigNumber, decimals: number): strin
 
 export const uint8ArrayToHex = (buffer: Uint8Array): string => {
   // buffer is an ArrayBuffer
+  // @ts-ignore
   return [...buffer].map((x) => x.toString(16).padStart(2, '0')).join('');
 };
 

package/src/utils/swap.ts

@@ -18,8 +18,8 @@ import { numberToString } from './numbers';
 import { WalletType } from '@rango-dev/wallets-shared';
 import { getRequiredBalanceOfWallet } from './routing';
 import { getRequiredChains, SelectedWallet } from './wallets';
-import { SwapButtonState } from '../types';
 import { LoadingStatus } from '../store/meta';
+import { SwapButtonState } from '../types';
 
 export function getOutputRatio(
   inputUsdValue: BigNumber,

package/src/utils/wallets.ts

@@ -55,7 +55,7 @@ export function getlistWallet(
     WalletType.UNKNOWN,
     WalletType.TERRA_STATION,
     WalletType.LEAP,
-  ];
+  ];  
 
   return list
     .filter((wallet) => !excludedWallets.includes(wallet))

package/dist/swapBox.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-export declare const SwapBox: React.FC;
-//# sourceMappingURL=swapBox.d.ts.map

package/dist/swapBox.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"swapBox.d.ts","sourceRoot":"","sources":["src/swapBox.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAmB1B,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EA4C3B,CAAC"}

package/src/swapBox.tsx

@@ -1,65 +0,0 @@
-import { SwapContainer } from '@rango-dev/ui';
-import React from 'react';
-import { AppRouter } from './components/AppRouter';
-import { useMetaStore } from './store/meta';
-import { Events, Provider } from '@rango-dev/wallets-core';
-import { allProviders } from '@rango-dev/provider-all';
-import { EventHandler } from '@rango-dev/wallets-core/dist/wallet';
-import { Network } from '@rango-dev/wallets-shared';
-import {
-  prepareAccountsForWalletStore,
-  walletAndSupportedChainsNames,
-} from './utils/wallets';
-import { useWalletsStore } from './store/wallets';
-import { Layout } from './components/Layout';
-import { globalStyles } from './globalStyles';
-import { useTheme } from './hooks/useTheme';
-import { isEvmBlockchain } from 'rango-sdk';
-
-const providers = allProviders();
-
-export const SwapBox: React.FC = () => {
-  globalStyles();
-  const { activeTheme } = useTheme();
-  const { blockchains } = useMetaStore.use.meta();
-  const disconnectWallet = useWalletsStore.use.disconnectWallet();
-  const connectWallet = useWalletsStore.use.connectWallet();
-  const evmBasedChainNames = blockchains
-    .filter(isEvmBlockchain)
-    .map((chain) => chain.name);
-
-  const onUpdateState: EventHandler = (type, event, value, supportedChains) => {
-    if (event === Events.ACCOUNTS) {
-      if (value) {
-        const supportedChainNames: Network[] | null =
-          //@ts-ignore
-          walletAndSupportedChainsNames(supportedChains);
-        const data = prepareAccountsForWalletStore(
-          type,
-          value,
-          evmBasedChainNames,
-          supportedChainNames
-        );
-        connectWallet(data);
-      } else {
-        disconnectWallet(type);
-      }
-    }
-  };
-
-  return (
-    <Provider
-      allBlockChains={blockchains}
-      providers={providers}
-      onUpdateState={onUpdateState}
-    >
-      <div id="pageContainer" className={activeTheme}>
-        <SwapContainer>
-          <AppRouter>
-            <Layout />
-          </AppRouter>
-        </SwapContainer>
-      </div>
-    </Provider>
-  );
-};