@lifi/widget 1.31.1 → 1.32.0

package/cjs/hooks/useTokenSearch.js

@@ -1,35 +1,26 @@
 "use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useTokenSearch = void 0;
 const react_query_1 = require("@tanstack/react-query");
 const providers_1 = require("../providers");
-const useTokenSearch = (chainId, token, enabled) => {
+const useTokenSearch = (chainId, tokenQuery, enabled) => {
     const lifi = (0, providers_1.useLiFi)();
     const queryClient = (0, react_query_1.useQueryClient)();
-    const { data, isLoading } = (0, react_query_1.useQuery)(['token-search', chainId, token], ({ queryKey: [, chainId, token], signal }) => __awaiter(void 0, void 0, void 0, function* () {
-        const data = yield lifi.getToken(chainId, token, {
+    const { data, isLoading } = (0, react_query_1.useQuery)(['token-search', chainId, tokenQuery], async ({ queryKey: [, chainId, tokenQuery], signal }) => {
+        const token = await lifi.getToken(chainId, tokenQuery, {
             signal,
         });
-        if (data) {
-            queryClient.setQueriesData(['tokens', chainId], (tokens) => {
-                if (!(tokens === null || tokens === void 0 ? void 0 : tokens.some((token) => token.address === data.address))) {
-                    tokens === null || tokens === void 0 ? void 0 : tokens.push(data);
+        if (token) {
+            queryClient.setQueriesData(['tokens'], (data) => {
+                if (!data?.tokens[chainId].some((t) => t.address === token.address)) {
+                    data?.tokens[chainId].push(token);
                 }
-                return tokens;
-            });
+                return data;
+            }, { updatedAt: Date.now() });
         }
-        return data;
-    }), {
-        enabled: Boolean(chainId && token && enabled),
+        return token;
+    }, {
+        enabled: Boolean(chainId && tokenQuery && enabled),
         retry: false,
     });
     return {

package/cjs/hooks/useTokens.d.ts

@@ -1,5 +1,5 @@
 import type { Token } from '../types';
 export declare const useTokens: (selectedChainId?: number) => {
-    tokens: Token[] | undefined;
+    tokens: Token[];
     isLoading: boolean;
 };

package/cjs/hooks/useTokens.js

@@ -1,63 +1,61 @@
 "use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useTokens = void 0;
 const react_query_1 = require("@tanstack/react-query");
+const react_1 = require("react");
 const providers_1 = require("../providers");
 const useChains_1 = require("./useChains");
 const useFeaturedTokens_1 = require("./useFeaturedTokens");
 const useTokens = (selectedChainId) => {
-    var _a, _b, _c, _d;
     const lifi = (0, providers_1.useLiFi)();
+    const { data, isLoading, dataUpdatedAt } = (0, react_query_1.useQuery)(['tokens'], () => lifi.getTokens());
     const { getChainById, isLoading: isSupportedChainsLoading } = (0, useChains_1.useChains)();
     const featuredTokens = (0, useFeaturedTokens_1.useFeaturedTokens)(selectedChainId);
-    const { tokens, chains, disabledChains } = (0, providers_1.useWidgetConfig)();
-    const { data, isLoading } = (0, react_query_1.useQuery)([
-        'tokens',
-        selectedChainId,
-        featuredTokens === null || featuredTokens === void 0 ? void 0 : featuredTokens.length,
-        (_a = tokens === null || tokens === void 0 ? void 0 : tokens.allow) === null || _a === void 0 ? void 0 : _a.length,
-        (_b = tokens === null || tokens === void 0 ? void 0 : tokens.deny) === null || _b === void 0 ? void 0 : _b.length,
-        (_c = chains === null || chains === void 0 ? void 0 : chains.allow) === null || _c === void 0 ? void 0 : _c.length,
-        (_d = chains === null || chains === void 0 ? void 0 : chains.deny) === null || _d === void 0 ? void 0 : _d.length,
-    ], () => __awaiter(void 0, void 0, void 0, function* () {
-        var _e, _f, _g, _h, _j;
+    const { tokens: configTokens, chains: configChains, disabledChains, } = (0, providers_1.useWidgetConfig)();
+    const tokens = (0, react_1.useMemo)(() => {
+        if (isSupportedChainsLoading) {
+            return [];
+        }
         const chainAllowed = selectedChainId &&
             getChainById(selectedChainId) &&
-            (0, providers_1.isItemAllowed)(selectedChainId, chains, disabledChains);
+            (0, providers_1.isItemAllowed)(selectedChainId, configChains, disabledChains);
         if (!chainAllowed) {
             return [];
         }
-        let filteredTokens = (_e = tokens === null || tokens === void 0 ? void 0 : tokens.allow) === null || _e === void 0 ? void 0 : _e.filter((token) => token.chainId === selectedChainId);
-        if (!(filteredTokens === null || filteredTokens === void 0 ? void 0 : filteredTokens.length)) {
-            const data = yield lifi.getTokens({ chains: [selectedChainId] });
-            filteredTokens = (_f = data.tokens) === null || _f === void 0 ? void 0 : _f[selectedChainId];
+        let filteredTokens = configTokens?.allow?.filter((token) => token.chainId === selectedChainId);
+        if (!filteredTokens?.length) {
+            filteredTokens = data?.tokens[selectedChainId];
         }
-        const deniedTokenAddresses = (_g = tokens === null || tokens === void 0 ? void 0 : tokens.deny) === null || _g === void 0 ? void 0 : _g.filter((token) => token.chainId === selectedChainId).map((token) => token.address);
-        if (deniedTokenAddresses === null || deniedTokenAddresses === void 0 ? void 0 : deniedTokenAddresses.length) {
-            filteredTokens = filteredTokens === null || filteredTokens === void 0 ? void 0 : filteredTokens.filter((token) => !deniedTokenAddresses.includes(token.address));
+        const deniedTokenAddresses = configTokens?.deny
+            ?.filter((token) => token.chainId === selectedChainId)
+            .map((token) => token.address);
+        if (deniedTokenAddresses?.length) {
+            filteredTokens = filteredTokens?.filter((token) => !deniedTokenAddresses.includes(token.address));
         }
-        const featuredTokenAddresses = new Set(featuredTokens === null || featuredTokens === void 0 ? void 0 : featuredTokens.map((token) => token.address));
-        return [
-            ...((_h = featuredTokens === null || featuredTokens === void 0 ? void 0 : featuredTokens.map((token) => {
+        const featuredTokenAddresses = new Set(featuredTokens?.map((token) => token.address));
+        const tokens = [
+            ...(featuredTokens?.map((token) => {
                 token.featured = true;
                 return token;
-            })) !== null && _h !== void 0 ? _h : []),
-            ...((_j = filteredTokens === null || filteredTokens === void 0 ? void 0 : filteredTokens.filter((token) => !featuredTokenAddresses.has(token.address))) !== null && _j !== void 0 ? _j : []),
+            }) ?? []),
+            ...(filteredTokens?.filter((token) => !featuredTokenAddresses.has(token.address)) ?? []),
         ];
-    }), {
-        enabled: !isSupportedChainsLoading,
-    });
+        return tokens;
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [
+        isSupportedChainsLoading,
+        selectedChainId,
+        getChainById,
+        configChains,
+        disabledChains,
+        configTokens?.allow,
+        configTokens?.deny,
+        featuredTokens,
+        data,
+        dataUpdatedAt,
+    ]);
     return {
-        tokens: data,
+        tokens,
         isLoading,
     };
 };

package/cjs/hooks/useTools.d.ts

@@ -1,13 +1,4 @@
-import type { Bridge, Exchange } from '@lifi/sdk';
-interface WidgetBridge extends Omit<Bridge, 'key'> {
-    key: string;
-}
-type FormattedTool<T, K extends keyof T> = Record<string, Pick<T, K>>;
+import type { ToolsResponse } from '@lifi/sdk';
 export declare const useTools: () => {
-    tools: import("@lifi/sdk").ToolsResponse | undefined;
-    formattedTools: {
-        bridges: FormattedTool<WidgetBridge, "key" | "name" | "logoURI"> | undefined;
-        exchanges: FormattedTool<Exchange, "key" | "name" | "logoURI"> | undefined;
-    };
+    tools: ToolsResponse | undefined;
 };
-export {};

package/cjs/hooks/useTools.js

@@ -2,36 +2,27 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useTools = void 0;
 const react_query_1 = require("@tanstack/react-query");
-const react_1 = require("react");
 const providers_1 = require("../providers");
 const stores_1 = require("../stores");
 const useTools = () => {
     const lifi = (0, providers_1.useLiFi)();
     const { bridges, exchanges } = (0, providers_1.useWidgetConfig)();
     const settingsStoreContext = (0, stores_1.useSettingsStoreContext)();
-    const { data } = (0, react_query_1.useQuery)(['tools'], () => lifi.getTools(), {
+    const { data } = (0, react_query_1.useQuery)(['tools'], async () => {
+        const tools = await lifi.getTools();
+        return {
+            bridges: tools.bridges.filter((bridge) => (0, providers_1.isItemAllowed)(bridge.key, bridges)),
+            exchanges: tools.exchanges.filter((exchange) => (0, providers_1.isItemAllowed)(exchange.key, exchanges)),
+        };
+    }, {
         onSuccess(data) {
             const { initializeTools } = settingsStoreContext.getState();
-            initializeTools('Bridges', data.bridges
-                .filter((bridge) => (0, providers_1.isItemAllowed)(bridge.key, bridges))
-                .map((bridge) => bridge.key));
-            initializeTools('Exchanges', data.exchanges
-                .filter((exchange) => (0, providers_1.isItemAllowed)(exchange.key, exchanges))
-                .map((exchange) => exchange.key));
+            initializeTools('Bridges', data.bridges.map((bridge) => bridge.key));
+            initializeTools('Exchanges', data.exchanges.map((exchange) => exchange.key));
         },
         refetchInterval: 180000,
         staleTime: 180000,
     });
-    const formattedTools = (0, react_1.useMemo)(() => ({
-        bridges: data === null || data === void 0 ? void 0 : data.bridges.reduce((bridges, bridge) => {
-            bridges[bridge.key] = bridge;
-            return bridges;
-        }, {}),
-        exchanges: data === null || data === void 0 ? void 0 : data.exchanges.reduce((exchanges, exchange) => {
-            exchanges[exchange.key] = exchange;
-            return exchanges;
-        }, {}),
-    }), [data === null || data === void 0 ? void 0 : data.bridges, data === null || data === void 0 ? void 0 : data.exchanges]);
-    return { tools: data, formattedTools };
+    return { tools: data };
 };
 exports.useTools = useTools;

package/cjs/i18n/en.json

@@ -6,7 +6,6 @@
     "contactSupport": "Contact support",
     "continue": "Continue",
     "copyAddress": "Copy address",
-    "viewOnExplorer": "View on explorer",
     "dark": "Dark",
     "delete": "Delete",
     "disconnect": "Disconnect",
@@ -19,6 +18,8 @@
     "ok": "Ok",
     "okay": "Okay",
     "removeSwap": "Remove swap",
+    "reset": "Reset",
+    "resetSettings": "Reset settings",
     "restartSwap": "Restart swap",
     "reviewGasSwap": "Review gas swap",
     "reviewSwap": "Review swap",
@@ -27,7 +28,8 @@
     "startGasSwap": "Start gas swap",
     "startSwap": "Start swap",
     "swap": "Swap",
-    "tryAgain": "Try again"
+    "tryAgain": "Try again",
+    "viewOnExplorer": "View on explorer"
   },
   "format": {
     "currency": "{{value, currency(currency: USD)}}",
@@ -201,7 +203,8 @@
         "highValueLoss": "The value of the received tokens is significantly lower than the swapped tokens and transaction cost.",
         "insufficientFunds": "You don't have enough funds to execute the swap.",
         "insufficientGas": "You need to add at least:",
-        "rateChanged": "The exchange rate has changed. By continuing the swap, you'll accept the new rate."
+        "rateChanged": "The exchange rate has changed. By continuing the swap, you'll accept the new rate.",
+        "resetSettings": "This will reset your route priority, slippage, gas price, enabled bridges and exchanges."
       },
       "title": {
         "deleteActiveSwaps": "Delete all active swaps?",
@@ -209,7 +212,8 @@
         "deleteSwapHistory": "Delete swap history?",
         "highValueLoss": "High value loss",
         "insufficientGas": "Insufficient gas",
-        "rateChanged": "Rate changed"
+        "rateChanged": "Rate changed",
+        "resetSettings": "Reset settings?"
       }
     }
   },

package/cjs/icons/LiFiFullLogo.js

@@ -2,5 +2,5 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.LiFiFullLogo = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const LiFiFullLogo = (props) => ((0, jsx_runtime_1.jsxs)("svg", Object.assign({ width: "84", height: "32", viewBox: "0 0 84 32", fill: "inherit", xmlns: "http://www.w3.org/2000/svg" }, props, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M50.6689 20.5714H42.6849V8H39V24H50.6689V20.5714Z" }), (0, jsx_runtime_1.jsx)("path", { d: "M53.0717 24H56.7566V8H53.0717V24Z" }), (0, jsx_runtime_1.jsx)("path", { d: "M59.5088 24H63.0117V20.48H59.5088V24Z" }), (0, jsx_runtime_1.jsx)("path", { d: "M69.4396 17.76H77.1506V14.6057H69.4396V11.2457H77.8103V8H65.7547V24H69.4396V17.76Z" }), (0, jsx_runtime_1.jsx)("path", { d: "M80.3151 24H84V8H80.3151V24Z" }), (0, jsx_runtime_1.jsx)("path", { d: "M14.6163 21.6947L5.1336 23.89C4.78772 23.9766 4.52832 24.3232 4.52832 24.6698V31.1978C4.52832 31.7467 4.96066 32.0933 5.50829 31.9777L18.7379 28.9159C19.2856 28.8004 19.5162 28.2805 19.2856 27.7894L16.8933 22.8501C16.5186 22.0702 16.8933 21.2614 17.7291 21.0881L26.376 19.0084C26.9813 18.864 27.5001 18.2285 27.5001 17.593V11.5561C27.5001 11.0073 27.0677 10.6318 26.5201 10.7762L14.0398 13.7514C13.2616 13.9247 12.9157 14.6757 13.2616 15.3978L15.4521 19.9327C15.8268 20.7126 15.4521 21.4925 14.6163 21.6947Z" }), (0, jsx_runtime_1.jsx)("path", { d: "M8.36225 5.3748L10.841 10.4585C11.1581 11.1229 10.841 11.8161 10.1204 11.9606L5.53762 13.0293C4.96116 13.1737 4.5 13.7514 4.5 14.3291V19.7884C4.5 20.7127 5.24939 21.2904 6.1429 21.0882L10.4087 20.1061C10.9851 19.9906 11.4463 19.384 11.4463 18.8063L11.4751 13.2026C11.4751 12.4227 12.1092 11.6428 12.8586 11.4695L26.8376 8.11886C27.1835 8.03221 27.4429 7.68559 27.4429 7.33897V0.810981C27.4429 0.262168 27.0106 -0.113336 26.4629 0.0310883L8.90988 4.24829C8.36225 4.36383 8.13167 4.88375 8.36225 5.3748Z" })] })));
+const LiFiFullLogo = (props) => ((0, jsx_runtime_1.jsxs)("svg", { width: "84", height: "32", viewBox: "0 0 84 32", fill: "inherit", xmlns: "http://www.w3.org/2000/svg", ...props, children: [(0, jsx_runtime_1.jsx)("path", { d: "M50.6689 20.5714H42.6849V8H39V24H50.6689V20.5714Z" }), (0, jsx_runtime_1.jsx)("path", { d: "M53.0717 24H56.7566V8H53.0717V24Z" }), (0, jsx_runtime_1.jsx)("path", { d: "M59.5088 24H63.0117V20.48H59.5088V24Z" }), (0, jsx_runtime_1.jsx)("path", { d: "M69.4396 17.76H77.1506V14.6057H69.4396V11.2457H77.8103V8H65.7547V24H69.4396V17.76Z" }), (0, jsx_runtime_1.jsx)("path", { d: "M80.3151 24H84V8H80.3151V24Z" }), (0, jsx_runtime_1.jsx)("path", { d: "M14.6163 21.6947L5.1336 23.89C4.78772 23.9766 4.52832 24.3232 4.52832 24.6698V31.1978C4.52832 31.7467 4.96066 32.0933 5.50829 31.9777L18.7379 28.9159C19.2856 28.8004 19.5162 28.2805 19.2856 27.7894L16.8933 22.8501C16.5186 22.0702 16.8933 21.2614 17.7291 21.0881L26.376 19.0084C26.9813 18.864 27.5001 18.2285 27.5001 17.593V11.5561C27.5001 11.0073 27.0677 10.6318 26.5201 10.7762L14.0398 13.7514C13.2616 13.9247 12.9157 14.6757 13.2616 15.3978L15.4521 19.9327C15.8268 20.7126 15.4521 21.4925 14.6163 21.6947Z" }), (0, jsx_runtime_1.jsx)("path", { d: "M8.36225 5.3748L10.841 10.4585C11.1581 11.1229 10.841 11.8161 10.1204 11.9606L5.53762 13.0293C4.96116 13.1737 4.5 13.7514 4.5 14.3291V19.7884C4.5 20.7127 5.24939 21.2904 6.1429 21.0882L10.4087 20.1061C10.9851 19.9906 11.4463 19.384 11.4463 18.8063L11.4751 13.2026C11.4751 12.4227 12.1092 11.6428 12.8586 11.4695L26.8376 8.11886C27.1835 8.03221 27.4429 7.68559 27.4429 7.33897V0.810981C27.4429 0.262168 27.0106 -0.113336 26.4629 0.0310883L8.90988 4.24829C8.36225 4.36383 8.13167 4.88375 8.36225 5.3748Z" })] }));
 exports.LiFiFullLogo = LiFiFullLogo;

package/cjs/icons/LiFiLogo.js

@@ -2,5 +2,5 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.LiFiLogo = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const LiFiLogo = (props) => ((0, jsx_runtime_1.jsxs)("svg", Object.assign({ width: "32", height: "32", viewBox: "0 0 32 32", fill: "inherit", xmlns: "http://www.w3.org/2000/svg" }, props, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M14.6163 21.6947L5.1336 23.89C4.78772 23.9766 4.52832 24.3232 4.52832 24.6698V31.1978C4.52832 31.7467 4.96066 32.0933 5.50829 31.9777L18.7379 28.9159C19.2856 28.8004 19.5162 28.2805 19.2856 27.7894L16.8933 22.8501C16.5186 22.0702 16.8933 21.2614 17.7291 21.0881L26.376 19.0084C26.9813 18.864 27.5001 18.2285 27.5001 17.593V11.5561C27.5001 11.0073 27.0677 10.6318 26.5201 10.7762L14.0398 13.7514C13.2616 13.9247 12.9157 14.6757 13.2616 15.3978L15.4521 19.9327C15.8268 20.7126 15.4521 21.4925 14.6163 21.6947Z" }), (0, jsx_runtime_1.jsx)("path", { d: "M8.36225 5.3748L10.841 10.4585C11.1581 11.1229 10.841 11.8161 10.1204 11.9606L5.53762 13.0293C4.96116 13.1737 4.5 13.7514 4.5 14.3291V19.7884C4.5 20.7127 5.24939 21.2904 6.1429 21.0882L10.4087 20.1061C10.9851 19.9906 11.4463 19.384 11.4463 18.8063L11.4751 13.2026C11.4751 12.4227 12.1092 11.6428 12.8586 11.4695L26.8376 8.11886C27.1835 8.03221 27.4429 7.68559 27.4429 7.33897V0.810981C27.4429 0.262168 27.0106 -0.113336 26.4629 0.0310883L8.90988 4.24829C8.36225 4.36383 8.13167 4.88375 8.36225 5.3748Z" })] })));
+const LiFiLogo = (props) => ((0, jsx_runtime_1.jsxs)("svg", { width: "32", height: "32", viewBox: "0 0 32 32", fill: "inherit", xmlns: "http://www.w3.org/2000/svg", ...props, children: [(0, jsx_runtime_1.jsx)("path", { d: "M14.6163 21.6947L5.1336 23.89C4.78772 23.9766 4.52832 24.3232 4.52832 24.6698V31.1978C4.52832 31.7467 4.96066 32.0933 5.50829 31.9777L18.7379 28.9159C19.2856 28.8004 19.5162 28.2805 19.2856 27.7894L16.8933 22.8501C16.5186 22.0702 16.8933 21.2614 17.7291 21.0881L26.376 19.0084C26.9813 18.864 27.5001 18.2285 27.5001 17.593V11.5561C27.5001 11.0073 27.0677 10.6318 26.5201 10.7762L14.0398 13.7514C13.2616 13.9247 12.9157 14.6757 13.2616 15.3978L15.4521 19.9327C15.8268 20.7126 15.4521 21.4925 14.6163 21.6947Z" }), (0, jsx_runtime_1.jsx)("path", { d: "M8.36225 5.3748L10.841 10.4585C11.1581 11.1229 10.841 11.8161 10.1204 11.9606L5.53762 13.0293C4.96116 13.1737 4.5 13.7514 4.5 14.3291V19.7884C4.5 20.7127 5.24939 21.2904 6.1429 21.0882L10.4087 20.1061C10.9851 19.9906 11.4463 19.384 11.4463 18.8063L11.4751 13.2026C11.4751 12.4227 12.1092 11.6428 12.8586 11.4695L26.8376 8.11886C27.1835 8.03221 27.4429 7.68559 27.4429 7.33897V0.810981C27.4429 0.262168 27.0106 -0.113336 26.4629 0.0310883L8.90988 4.24829C8.36225 4.36383 8.13167 4.88375 8.36225 5.3748Z" })] }));
 exports.LiFiLogo = LiFiLogo;

package/cjs/icons/LiFiToolLogo.js

@@ -2,5 +2,5 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.LiFiToolLogo = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const LiFiToolLogo = (props) => ((0, jsx_runtime_1.jsxs)("svg", Object.assign({ width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: [(0, jsx_runtime_1.jsx)("circle", { cx: "16", cy: "16", r: "16", fill: "#F5B5FF" }), (0, jsx_runtime_1.jsx)("path", { d: "M15.5031 19.2031L10.1691 20.4379C9.97453 20.4867 9.82861 20.6816 9.82861 20.8766V24.5486C9.82861 24.8573 10.0718 25.0523 10.3798 24.9873L17.8215 23.265C18.1296 23.2 18.2593 22.9076 18.1296 22.6314L16.7839 19.853C16.5731 19.4143 16.7839 18.9594 17.2541 18.8619L22.1179 17.692C22.4584 17.6108 22.7502 17.2534 22.7502 16.8959V13.5001C22.7502 13.1914 22.507 12.9802 22.199 13.0614L15.1788 14.735C14.7411 14.8324 14.5465 15.2549 14.7411 15.6611L15.9733 18.212C16.184 18.6507 15.9733 19.0893 15.5031 19.2031Z", fill: "black" }), (0, jsx_runtime_1.jsx)("path", { d: "M11.985 10.0233L13.3793 12.8829C13.5577 13.2566 13.3793 13.6466 12.974 13.7278L10.3962 14.329C10.0719 14.4102 9.8125 14.7352 9.8125 15.0601V18.1309C9.8125 18.6509 10.234 18.9758 10.7366 18.8621L13.1361 18.3097C13.4604 18.2447 13.7198 17.9035 13.7198 17.5785L13.736 14.4265C13.736 13.9878 14.0927 13.5491 14.5142 13.4516L22.3774 11.5669C22.572 11.5181 22.7179 11.3231 22.7179 11.1282V7.45618C22.7179 7.14747 22.4747 6.93625 22.1666 7.01749L12.2931 9.38966C11.985 9.45465 11.8553 9.74711 11.985 10.0233Z", fill: "black" })] })));
+const LiFiToolLogo = (props) => ((0, jsx_runtime_1.jsxs)("svg", { width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [(0, jsx_runtime_1.jsx)("circle", { cx: "16", cy: "16", r: "16", fill: "#F5B5FF" }), (0, jsx_runtime_1.jsx)("path", { d: "M15.5031 19.2031L10.1691 20.4379C9.97453 20.4867 9.82861 20.6816 9.82861 20.8766V24.5486C9.82861 24.8573 10.0718 25.0523 10.3798 24.9873L17.8215 23.265C18.1296 23.2 18.2593 22.9076 18.1296 22.6314L16.7839 19.853C16.5731 19.4143 16.7839 18.9594 17.2541 18.8619L22.1179 17.692C22.4584 17.6108 22.7502 17.2534 22.7502 16.8959V13.5001C22.7502 13.1914 22.507 12.9802 22.199 13.0614L15.1788 14.735C14.7411 14.8324 14.5465 15.2549 14.7411 15.6611L15.9733 18.212C16.184 18.6507 15.9733 19.0893 15.5031 19.2031Z", fill: "black" }), (0, jsx_runtime_1.jsx)("path", { d: "M11.985 10.0233L13.3793 12.8829C13.5577 13.2566 13.3793 13.6466 12.974 13.7278L10.3962 14.329C10.0719 14.4102 9.8125 14.7352 9.8125 15.0601V18.1309C9.8125 18.6509 10.234 18.9758 10.7366 18.8621L13.1361 18.3097C13.4604 18.2447 13.7198 17.9035 13.7198 17.5785L13.736 14.4265C13.736 13.9878 14.0927 13.5491 14.5142 13.4516L22.3774 11.5669C22.572 11.5181 22.7179 11.3231 22.7179 11.1282V7.45618C22.7179 7.14747 22.4747 6.93625 22.1666 7.01749L12.2931 9.38966C11.985 9.45465 11.8553 9.74711 11.985 10.0233Z", fill: "black" })] }));
 exports.LiFiToolLogo = LiFiToolLogo;

package/cjs/index.d.ts

@@ -2,6 +2,7 @@
 import './fonts/inter.css';
 export type { WidgetDrawer } from './AppDrawer';
 export * from './components/NFT';
+export * from './config/version';
 export { useWidgetEvents, widgetEvents } from './hooks';
 export { useWallet } from './providers/WalletProvider';
 export * from './types';

package/cjs/index.js

@@ -17,8 +17,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.LiFiWidgetDrawer = exports.LiFiWidget = exports.useWallet = exports.widgetEvents = exports.useWidgetEvents = void 0;
 const App_1 = require("./App");
 const AppDrawer_1 = require("./AppDrawer");
+// TODO: remove or make optional
 require("./fonts/inter.css");
 __exportStar(require("./components/NFT"), exports);
+__exportStar(require("./config/version"), exports);
 var hooks_1 = require("./hooks");
 Object.defineProperty(exports, "useWidgetEvents", { enumerable: true, get: function () { return hooks_1.useWidgetEvents; } });
 Object.defineProperty(exports, "widgetEvents", { enumerable: true, get: function () { return hooks_1.widgetEvents; } });

package/cjs/pages/ActiveSwapsPage/ActiveSwapsEmpty.js

@@ -7,13 +7,13 @@ const material_1 = require("@mui/material");
 const react_i18next_1 = require("react-i18next");
 const ActiveSwapsEmpty = () => {
     const { t } = (0, react_i18next_1.useTranslation)();
-    return ((0, jsx_runtime_1.jsxs)(material_1.Container, Object.assign({ sx: {
+    return ((0, jsx_runtime_1.jsxs)(material_1.Container, { sx: {
             display: 'flex',
             flex: 1,
             flexDirection: 'column',
             alignItems: 'center',
             justifyContent: 'center',
             paddingY: 12,
-        } }, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ fontSize: 48 }, { children: (0, jsx_runtime_1.jsx)(icons_material_1.SwapHoriz, { fontSize: "inherit" }) })), (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ fontSize: 18, fontWeight: 700 }, { children: t('swap.info.title.emptyActiveSwaps') })), (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ fontSize: 14, color: "text.secondary", textAlign: "center", mt: 2 }, { children: t('swap.info.message.emptyActiveSwaps') }))] })));
+        }, children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { fontSize: 48, children: (0, jsx_runtime_1.jsx)(icons_material_1.SwapHoriz, { fontSize: "inherit" }) }), (0, jsx_runtime_1.jsx)(material_1.Typography, { fontSize: 18, fontWeight: 700, children: t('swap.info.title.emptyActiveSwaps') }), (0, jsx_runtime_1.jsx)(material_1.Typography, { fontSize: 14, color: "text.secondary", textAlign: "center", mt: 2, children: t('swap.info.message.emptyActiveSwaps') })] }));
 };
 exports.ActiveSwapsEmpty = ActiveSwapsEmpty;

package/cjs/pages/ActiveSwapsPage/ActiveSwapsPage.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const ActiveSwapsPage: () => JSX.Element;

package/cjs/pages/ActiveSwapsPage/ActiveSwapsPage.js

@@ -24,15 +24,15 @@ const ActiveSwapsPage = () => {
     }, []);
     (0, react_1.useEffect)(() => {
         if (executingRoutes.length) {
-            return Header_1.useHeaderActionStore.getState().setAction((0, jsx_runtime_1.jsx)(material_1.IconButton, Object.assign({ size: "medium", edge: "end", onClick: toggleDialog }, { children: (0, jsx_runtime_1.jsx)(icons_material_1.DeleteOutline, {}) })));
+            return Header_1.useHeaderActionStore.getState().setAction((0, jsx_runtime_1.jsx)(material_1.IconButton, { size: "medium", edge: "end", onClick: toggleDialog, children: (0, jsx_runtime_1.jsx)(icons_material_1.DeleteOutline, {}) }));
         }
     }, [executingRoutes.length, toggleDialog]);
     if (!executingRoutes.length) {
         return (0, jsx_runtime_1.jsx)(ActiveSwapsEmpty_1.ActiveSwapsEmpty, {});
     }
-    return ((0, jsx_runtime_1.jsxs)(material_1.Container, Object.assign({ disableGutters: true }, { children: [(0, jsx_runtime_1.jsx)(material_1.List, Object.assign({ sx: {
+    return ((0, jsx_runtime_1.jsxs)(material_1.Container, { disableGutters: true, children: [(0, jsx_runtime_1.jsx)(material_1.List, { sx: {
                     paddingLeft: 1.5,
                     paddingRight: 1.5,
-                } }, { children: executingRoutes.map((routeId) => ((0, jsx_runtime_1.jsx)(ActiveSwaps_1.ActiveSwapItem, { routeId: routeId }, routeId))) })), (0, jsx_runtime_1.jsxs)(Dialog_1.Dialog, Object.assign({ open: open, onClose: toggleDialog }, { children: [(0, jsx_runtime_1.jsx)(material_1.DialogTitle, { children: t('swap.warning.title.deleteActiveSwaps') }), (0, jsx_runtime_1.jsx)(material_1.DialogContent, { children: (0, jsx_runtime_1.jsx)(material_1.DialogContentText, { children: t('swap.warning.message.deleteActiveSwaps') }) }), (0, jsx_runtime_1.jsxs)(material_1.DialogActions, { children: [(0, jsx_runtime_1.jsx)(material_1.Button, Object.assign({ onClick: toggleDialog }, { children: t('button.cancel') })), (0, jsx_runtime_1.jsx)(material_1.Button, Object.assign({ variant: "contained", onClick: () => deleteRoutes('active'), autoFocus: true }, { children: t('button.delete') }))] })] }))] })));
+                }, children: executingRoutes.map((routeId) => ((0, jsx_runtime_1.jsx)(ActiveSwaps_1.ActiveSwapItem, { routeId: routeId }, routeId))) }), (0, jsx_runtime_1.jsxs)(Dialog_1.Dialog, { open: open, onClose: toggleDialog, children: [(0, jsx_runtime_1.jsx)(material_1.DialogTitle, { children: t('swap.warning.title.deleteActiveSwaps') }), (0, jsx_runtime_1.jsx)(material_1.DialogContent, { children: (0, jsx_runtime_1.jsx)(material_1.DialogContentText, { children: t('swap.warning.message.deleteActiveSwaps') }) }), (0, jsx_runtime_1.jsxs)(material_1.DialogActions, { children: [(0, jsx_runtime_1.jsx)(material_1.Button, { onClick: toggleDialog, children: t('button.cancel') }), (0, jsx_runtime_1.jsx)(material_1.Button, { variant: "contained", onClick: () => deleteRoutes('active'), autoFocus: true, children: t('button.delete') })] })] })] }));
 };
 exports.ActiveSwapsPage = ActiveSwapsPage;

package/cjs/pages/MainPage/MainPage.js

@@ -18,6 +18,6 @@ const MainPage = () => {
     const expandable = (0, hooks_1.useExpandableVariant)();
     const { variant } = (0, providers_1.useWidgetConfig)();
     const nft = variant === 'nft';
-    return ((0, jsx_runtime_1.jsxs)(MainPage_style_1.FormContainer, Object.assign({ disableGutters: true }, { children: [(0, jsx_runtime_1.jsx)(ActiveSwaps_1.ActiveSwaps, { mx: 3, mt: 1, mb: 2 }), nft ? (0, jsx_runtime_1.jsx)(ContractComponent_1.ContractComponent, { mx: 3, mt: 1, mb: 1 }) : null, (0, jsx_runtime_1.jsx)(SelectChainAndToken_1.SelectChainAndToken, { mt: 1, mx: 3, mb: 3 }), !nft ? (0, jsx_runtime_1.jsx)(SwapInput_1.SwapInput, { formType: "from", mx: 3, mb: 3 }) : null, !expandable ? (0, jsx_runtime_1.jsx)(SwapRoutes_1.SwapRoutes, { mx: 3, mb: 3 }) : null, (0, jsx_runtime_1.jsx)(GasSufficiencyMessage_1.GasSufficiencyMessage, { mx: 3, mb: 3 }), (0, jsx_runtime_1.jsxs)(material_1.Box, Object.assign({ mx: 3, mb: 1 }, { children: [(0, jsx_runtime_1.jsx)(SendToWallet_1.SendToWallet, { mb: 3 }), (0, jsx_runtime_1.jsxs)(material_1.Box, Object.assign({ sx: { display: 'flex' } }, { children: [(0, jsx_runtime_1.jsx)(MainSwapButton_1.MainSwapButton, {}), (0, jsx_runtime_1.jsx)(SendToWallet_1.SendToWalletButton, {})] }))] }))] })));
+    return ((0, jsx_runtime_1.jsxs)(MainPage_style_1.FormContainer, { disableGutters: true, children: [(0, jsx_runtime_1.jsx)(ActiveSwaps_1.ActiveSwaps, { mx: 3, mt: 1, mb: 2 }), nft ? (0, jsx_runtime_1.jsx)(ContractComponent_1.ContractComponent, { mx: 3, mt: 1, mb: 1 }) : null, (0, jsx_runtime_1.jsx)(SelectChainAndToken_1.SelectChainAndToken, { mt: 1, mx: 3, mb: 3 }), !nft ? (0, jsx_runtime_1.jsx)(SwapInput_1.SwapInput, { formType: "from", mx: 3, mb: 3 }) : null, !expandable ? (0, jsx_runtime_1.jsx)(SwapRoutes_1.SwapRoutes, { mx: 3, mb: 3 }) : null, (0, jsx_runtime_1.jsx)(GasSufficiencyMessage_1.GasSufficiencyMessage, { mx: 3, mb: 3 }), (0, jsx_runtime_1.jsxs)(material_1.Box, { mx: 3, mb: 1, children: [(0, jsx_runtime_1.jsx)(SendToWallet_1.SendToWallet, { mb: 3 }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: { display: 'flex' }, children: [(0, jsx_runtime_1.jsx)(MainSwapButton_1.MainSwapButton, {}), (0, jsx_runtime_1.jsx)(SendToWallet_1.SendToWalletButton, {})] })] })] }));
 };
 exports.MainPage = MainPage;

package/cjs/pages/MainPage/MainPage.style.d.ts

@@ -6,6 +6,6 @@ export declare const FormContainer: import("@emotion/styled").StyledComponent<{
     fixed?: boolean | undefined;
     maxWidth?: false | import("@mui/material").Breakpoint | undefined;
     sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
-} & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
+} & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: import("react").RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
 }, keyof import("@mui/material/OverridableComponent").CommonProps | "children" | "sx" | "maxWidth" | "fixed" | "disableGutters"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/cjs/pages/MainPage/MainSwapButton.js

@@ -1,13 +1,4 @@
 "use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MainSwapButton = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
@@ -22,15 +13,15 @@ const MainSwapButton = () => {
     const { isValid, isValidating } = (0, react_hook_form_1.useFormState)();
     const setExecutableRoute = (0, stores_1.useSetExecutableRoute)();
     const { routes: swapRoutes, isLoading, isFetching } = (0, hooks_1.useSwapRoutes)();
-    const currentRoute = swapRoutes === null || swapRoutes === void 0 ? void 0 : swapRoutes[0];
-    const handleClick = () => __awaiter(void 0, void 0, void 0, function* () {
+    const currentRoute = swapRoutes?.[0];
+    const handleClick = async () => {
         if (currentRoute) {
             setExecutableRoute(currentRoute);
             navigate(utils_1.navigationRoutes.swapExecution, {
                 state: { routeId: currentRoute.id },
             });
         }
-    });
+    };
     return ((0, jsx_runtime_1.jsx)(SwapButton_1.SwapButton, { onClick: handleClick, currentRoute: currentRoute, disabled: currentRoute && (isLoading || isFetching || isValidating || !isValid) }));
 };
 exports.MainSwapButton = MainSwapButton;

package/cjs/pages/SelectChainPage/SelectChainPage.js

@@ -1,26 +1,18 @@
 "use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SelectChainPage = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const material_1 = require("@mui/material");
 const ChainSelect_1 = require("../../components/ChainSelect");
+const ListItemButton_1 = require("../../components/ListItemButton");
+const ListItemText_1 = require("../../components/ListItemText");
 const TokenList_1 = require("../../components/TokenList");
 const hooks_1 = require("../../hooks");
-const SelectChainPage_style_1 = require("./SelectChainPage.style");
 const SelectChainPage = ({ formType, selectNativeToken, }) => {
     const { navigateBack } = (0, hooks_1.useNavigateBack)();
     const { chains, setCurrentChain } = (0, ChainSelect_1.useChainSelect)(formType);
     const selectToken = (0, TokenList_1.useTokenSelect)(formType, navigateBack);
-    const handleClick = (chain) => __awaiter(void 0, void 0, void 0, function* () {
+    const handleClick = async (chain) => {
         if (selectNativeToken) {
             selectToken(chain.nativeToken.address, chain.id);
         }
@@ -28,10 +20,10 @@ const SelectChainPage = ({ formType, selectNativeToken, }) => {
             setCurrentChain(chain.id);
             navigateBack();
         }
-    });
-    return ((0, jsx_runtime_1.jsx)(material_1.Container, Object.assign({ disableGutters: true }, { children: (0, jsx_runtime_1.jsx)(material_1.List, Object.assign({ sx: {
+    };
+    return ((0, jsx_runtime_1.jsx)(material_1.Container, { disableGutters: true, children: (0, jsx_runtime_1.jsx)(material_1.List, { sx: {
                 paddingLeft: 1.5,
                 paddingRight: 1.5,
-            } }, { children: chains === null || chains === void 0 ? void 0 : chains.map((chain) => ((0, jsx_runtime_1.jsxs)(SelectChainPage_style_1.ListItemButton, Object.assign({ onClick: () => handleClick(chain), disableRipple: true }, { children: [(0, jsx_runtime_1.jsx)(material_1.ListItemAvatar, { children: (0, jsx_runtime_1.jsx)(material_1.Avatar, Object.assign({ src: chain.logoURI, alt: chain.name }, { children: chain.name[0] })) }), (0, jsx_runtime_1.jsx)(SelectChainPage_style_1.ListItemText, { primary: chain.name })] }), chain.id))) })) })));
+            }, children: chains?.map((chain) => ((0, jsx_runtime_1.jsxs)(ListItemButton_1.ListItemButton, { onClick: () => handleClick(chain), disableRipple: true, children: [(0, jsx_runtime_1.jsx)(material_1.ListItemAvatar, { children: (0, jsx_runtime_1.jsx)(material_1.Avatar, { src: chain.logoURI, alt: chain.name, children: chain.name[0] }) }), (0, jsx_runtime_1.jsx)(ListItemText_1.ListItemText, { primary: chain.name })] }, chain.id))) }) }));
 };
 exports.SelectChainPage = SelectChainPage;

package/cjs/pages/SelectEnabledToolsPage/SelectEnabledToolsPage.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const SelectEnabledToolsPage: React.FC<{
+    type: 'Bridges' | 'Exchanges';
+}>;

package/cjs/pages/SelectEnabledToolsPage/SelectEnabledToolsPage.js

@@ -0,0 +1,51 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SelectEnabledToolsPage = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const icons_material_1 = require("@mui/icons-material");
+const material_1 = require("@mui/material");
+const Header_1 = require("../../components/Header");
+const react_1 = require("react");
+const shallow_1 = require("zustand/shallow");
+const ListItemText_1 = require("../../components/ListItemText");
+const hooks_1 = require("../../hooks");
+const stores_1 = require("../../stores");
+const SelectEnabledToolsPage_style_1 = require("./SelectEnabledToolsPage.style");
+const SelectEnabledToolsPage = ({ type }) => {
+    const typeKey = type.toLowerCase();
+    const { tools } = (0, hooks_1.useTools)();
+    const [enabledTools, setTools] = (0, stores_1.useSettingsStore)((state) => [state[`enabled${type}`], state.setTools], shallow_1.shallow);
+    const handleClick = (key) => {
+        if (!tools) {
+            return;
+        }
+        const toolKeys = tools[typeKey].map((tool) => tool.key);
+        if (enabledTools?.includes(key)) {
+            setTools(type, enabledTools.filter((toolKey) => toolKey !== key), toolKeys);
+        }
+        else {
+            setTools(type, [...enabledTools, key], toolKeys);
+        }
+    };
+    (0, react_1.useEffect)(() => {
+        const allToolsSelected = tools?.[typeKey].length === enabledTools.length;
+        const toggleCheckboxes = () => {
+            if (!tools) {
+                return;
+            }
+            const toolKeys = tools[typeKey].map((tool) => tool.key);
+            if (allToolsSelected) {
+                setTools(type, [], toolKeys);
+            }
+            else {
+                setTools(type, toolKeys, toolKeys);
+            }
+        };
+        return Header_1.useHeaderActionStore.getState().setAction((0, jsx_runtime_1.jsx)(material_1.IconButton, { size: "medium", edge: "end", onClick: toggleCheckboxes, children: allToolsSelected ? ((0, jsx_runtime_1.jsx)(icons_material_1.CheckBoxOutlined, {})) : enabledTools.length ? ((0, jsx_runtime_1.jsx)(icons_material_1.IndeterminateCheckBoxOutlined, {})) : ((0, jsx_runtime_1.jsx)(icons_material_1.CheckBoxOutlineBlankOutlined, {})) }));
+    }, [enabledTools.length, setTools, tools, type, typeKey]);
+    return ((0, jsx_runtime_1.jsx)(material_1.Container, { disableGutters: true, children: (0, jsx_runtime_1.jsx)(material_1.List, { sx: {
+                paddingLeft: 1.5,
+                paddingRight: 1.5,
+            }, children: tools?.[typeKey].map((tool) => ((0, jsx_runtime_1.jsxs)(SelectEnabledToolsPage_style_1.ListItemButton, { onClick: () => handleClick(tool.key), disableRipple: true, children: [(0, jsx_runtime_1.jsx)(material_1.ListItemAvatar, { children: (0, jsx_runtime_1.jsx)(material_1.Avatar, { src: tool.logoURI, alt: tool.name, children: tool.name[0] }) }), (0, jsx_runtime_1.jsx)(ListItemText_1.ListItemText, { primary: tool.name }), enabledTools?.includes(tool.key) ? ((0, jsx_runtime_1.jsx)(icons_material_1.CheckBox, { color: "primary" })) : ((0, jsx_runtime_1.jsx)(icons_material_1.CheckBoxOutlineBlankOutlined, {}))] }, tool.name))) }) }));
+};
+exports.SelectEnabledToolsPage = SelectEnabledToolsPage;

package/cjs/pages/SelectEnabledToolsPage/SelectEnabledToolsPage.style.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+export declare const ListItemButton: import("@emotion/styled").StyledComponent<import("@mui/material").ListItemButtonBaseProps & Omit<{
+    action?: import("react").Ref<import("@mui/material").ButtonBaseActions> | undefined;
+    centerRipple?: boolean | undefined;
+    children?: import("react").ReactNode;
+    classes?: Partial<import("@mui/material").ButtonBaseClasses> | undefined;
+    disabled?: boolean | undefined;
+    disableRipple?: boolean | undefined;
+    disableTouchRipple?: boolean | undefined;
+    focusRipple?: boolean | undefined;
+    focusVisibleClassName?: string | undefined;
+    LinkComponent?: import("react").ElementType<any> | undefined;
+    onFocusVisible?: import("react").FocusEventHandler<any> | undefined;
+    sx?: import("@mui/material/styles").SxProps<import("@mui/material/styles").Theme> | undefined;
+    tabIndex?: number | undefined;
+    TouchRippleProps?: Partial<import("@mui/material/ButtonBase/TouchRipple").TouchRippleProps> | undefined;
+    touchRippleRef?: import("react").Ref<import("@mui/material/ButtonBase/TouchRipple").TouchRippleActions> | undefined;
+}, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: import("react").RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+}, "className" | "style" | "classes" | "tabIndex" | "children" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "TouchRippleProps" | "touchRippleRef" | "alignItems" | "autoFocus" | "dense" | "divider" | "selected" | "disableGutters"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;

package/cjs/pages/SelectEnabledToolsPage/SelectEnabledToolsPage.style.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ListItemButton = void 0;
+const styles_1 = require("@mui/material/styles");
+const ListItemButton_1 = require("../../components/ListItemButton");
+exports.ListItemButton = (0, styles_1.styled)(ListItemButton_1.ListItemButton)(({ theme }) => ({
+    paddingRight: theme.spacing(1),
+}));

package/cjs/pages/SelectEnabledToolsPage/index.d.ts

@@ -0,0 +1 @@
+export * from './SelectEnabledToolsPage';

package/cjs/pages/SelectEnabledToolsPage/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./SelectEnabledToolsPage"), exports);