@rango-dev/widget-embedded 0.1.10-next.81 → 0.1.10-next.83

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rango-dev/widget-embedded",
-  "version": "0.1.10-next.81",
+  "version": "0.1.10-next.83",
   "license": "MIT",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",
@@ -33,7 +33,7 @@
     "immer": "^9.0.19",
     "mitt": "^3.0.0",
     "parcel": "^2.8.0",
-    "rango-sdk": "^0.1.12",
+    "rango-sdk": "^0.1.17",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-router-dom": "^6.8.0",

package/src/App.tsx

@@ -6,12 +6,13 @@ import './app.css';
 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 { isEvmBlockchain, Network } from '@rango-dev/wallets-shared';
+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();
 interface Token {
@@ -40,7 +41,6 @@ export function App() {
   const disconnectWallet = useWalletsStore.use.disconnectWallet();
   const connectWallet = useWalletsStore.use.connectWallet();
   const evmBasedChainNames = blockchains
-    //@ts-ignore
     .filter(isEvmBlockchain)
     .map((chain) => chain.name);
 

package/src/lib.tsx

@@ -5,7 +5,7 @@ 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 { isEvmBlockchain, Network } from '@rango-dev/wallets-shared';
+import { Network } from '@rango-dev/wallets-shared';
 import {
   prepareAccountsForWalletStore,
   walletAndSupportedChainsNames,
@@ -14,6 +14,7 @@ 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();
 

package/src/pages/SettingsPage.tsx

@@ -25,17 +25,19 @@ export function SettingsPage() {
   const navigate = useNavigate();
   const { navigateBackFrom } = useNavigateBack();
 
+  const infiniteApprove = useSettingsStore.use.infiniteApprove();
+  const toggleInfiniteApprove = useSettingsStore.use.toggleInfiniteApprove();
   const uniqueSwappersGroups: Array<{
     title: string;
     logo: string;
     type: 'BRIDGE' | 'AGGREGATOR' | 'DEX';
     selected: boolean;
   }> = [];
-  removeDuplicateFrom(swappers.map((s) => s.swapperGroup))
-    .map((swapperGroup) => {
-      return swappers.find((s) => s.swapperGroup === swapperGroup);
+  removeDuplicateFrom(swappers.map(s => s.swapperGroup))
+    .map(swapperGroup => {
+      return swappers.find(s => s.swapperGroup === swapperGroup);
     })
-    .find((s) => {
+    .find(s => {
       if (s) {
         for (const type of s.types) {
           uniqueSwappersGroups.push({
@@ -52,7 +54,7 @@ export function SettingsPage() {
     <Settings
       slippages={SLIPPAGES}
       selectedSlippage={slippage}
-      onSlippageChange={(slippage) => setSlippage(slippage)}
+      onSlippageChange={slippage => setSlippage(slippage)}
       liquiditySources={uniqueSwappersGroups}
       selectedLiquiditySources={uniqueSwappersGroups.filter((s) => s.selected)}
       onLiquiditySourcesClick={navigate.bind(
@@ -66,6 +68,8 @@ export function SettingsPage() {
       maxSlippage={MAX_SLIPPAGE}
       selectedTheme={theme}
       onThemeChange={setTheme}
+      infiniteApprove={infiniteApprove}
+      toggleInfiniteApprove={toggleInfiniteApprove}
     />
   );
 }

package/src/store/bestRoute.ts

@@ -1,5 +1,5 @@
 import { BestRouteResponse, BlockchainMeta } from 'rango-sdk';
-import { Token } from 'rango-sdk/lib';
+import { Token } from 'rango-sdk';
 import { create } from 'zustand';
 import BigNumber from 'bignumber.js';
 import { ZERO } from '../constants/numbers';

package/src/store/settings.ts

@@ -10,12 +10,12 @@ type Theme = 'auto' | 'dark' | 'light';
 interface Settings {
   slippage: number;
   customSlippage: number | null;
-  infinitApprove: boolean;
+  infiniteApprove: boolean;
   disabledLiquiditySources: string[];
   theme: Theme;
   setSlippage: (slippage: number) => void;
   setCustomSlippage: (customSlippage: number | null) => void;
-  toggleInfinitApprove: () => void;
+  toggleInfiniteApprove: () => void;
   toggleLiquiditySource: (name: string) => void;
   setTheme: (theme: Theme) => void;
   toggleAllLiquiditySources: () => void;
@@ -27,7 +27,7 @@ export const useSettingsStore = createSelectors(
       subscribeWithSelector((set) => ({
         slippage: DEFAULT_SLIPPAGE,
         customSlippage: null,
-        infinitApprove: false,
+        infiniteApprove: false,
         disabledLiquiditySources: [],
         theme: 'auto',
         setSlippage: (slippage) =>
@@ -53,9 +53,9 @@ export const useSettingsStore = createSelectors(
               };
             }
           }),
-        toggleInfinitApprove: () =>
+        toggleInfiniteApprove: () =>
           set((state) => ({
-            infinitApprove: !state.infinitApprove,
+            infiniteApprove: !state.infiniteApprove,
           })),
         toggleLiquiditySource: (name) =>
           set((state) => {

package/src/swapBox.tsx

@@ -5,7 +5,7 @@ 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 { isEvmBlockchain, Network } from '@rango-dev/wallets-shared';
+import { Network } from '@rango-dev/wallets-shared';
 import {
   prepareAccountsForWalletStore,
   walletAndSupportedChainsNames,
@@ -14,6 +14,7 @@ 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();