@lifi/widget 3.0.0-alpha.2 → 3.0.0-alpha.4

package/src/_cjs/pages/SelectTokenPage/types.d.ts

@@ -0,0 +1,4 @@
+export declare enum TokenFilterType {
+    My = 0,
+    All = 1
+}

package/src/_cjs/pages/SelectTokenPage/types.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TokenFilterType = void 0;
+var TokenFilterType;
+(function (TokenFilterType) {
+    TokenFilterType[TokenFilterType["My"] = 0] = "My";
+    TokenFilterType[TokenFilterType["All"] = 1] = "All";
+})(TokenFilterType || (exports.TokenFilterType = TokenFilterType = {}));
+//# sourceMappingURL=types.js.map

package/src/_cjs/pages/SelectTokenPage/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/pages/SelectTokenPage/types.ts"],"names":[],"mappings":";;;AAAA,IAAY,eAGX;AAHD,WAAY,eAAe;IACzB,iDAAE,CAAA;IACF,mDAAG,CAAA;AACL,CAAC,EAHW,eAAe,+BAAf,eAAe,QAG1B"}

package/src/_cjs/pages/SelectWalletPage/EVMListItemButton.d.ts

@@ -0,0 +1,8 @@
+import type { Connector } from 'wagmi';
+interface EVMListItemButtonProps {
+    connectedConnector?: Connector;
+    connector: Connector;
+    onNotInstalled(connector: Connector): void;
+}
+export declare const EVMListItemButton: ({ connectedConnector, connector, onNotInstalled, }: EVMListItemButtonProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/src/_cjs/pages/SelectWalletPage/EVMListItemButton.js

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EVMListItemButton = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const sdk_1 = require("@lifi/sdk");
+const wallet_management_1 = require("@lifi/wallet-management");
+const material_1 = require("@mui/material");
+const wagmi_1 = require("wagmi");
+const ListItemButton_1 = require("../../components/ListItemButton");
+const ListItemText_1 = require("../../components/ListItemText");
+const hooks_1 = require("../../hooks");
+const types_1 = require("../../types");
+const EVMListItemButton = ({ connectedConnector, connector, onNotInstalled, }) => {
+    const { navigateBack } = (0, hooks_1.useNavigateBack)();
+    const emitter = (0, hooks_1.useWidgetEvents)();
+    const { connectAsync } = (0, wagmi_1.useConnect)();
+    const { disconnectAsync } = (0, wagmi_1.useDisconnect)();
+    const handleEVMConnect = async () => {
+        const identityCheckPassed = await (0, wallet_management_1.isWalletInstalledAsync)(connector.id);
+        if (!identityCheckPassed) {
+            onNotInstalled(connector);
+            return;
+        }
+        if (connectedConnector) {
+            await disconnectAsync({ connector: connectedConnector });
+        }
+        await connectAsync({ connector }, {
+            onSuccess(data) {
+                emitter.emit(types_1.WidgetEvent.WalletConnected, {
+                    address: data.accounts[0],
+                    chainId: data.chainId,
+                    chainType: sdk_1.ChainType.EVM,
+                });
+            },
+        });
+        navigateBack();
+    };
+    return ((0, jsx_runtime_1.jsxs)(ListItemButton_1.ListItemButton, { onClick: handleEVMConnect, children: [(0, jsx_runtime_1.jsx)(material_1.ListItemAvatar, { children: (0, jsx_runtime_1.jsx)(material_1.Avatar, { src: connector.icon || (0, wallet_management_1.getWalletIcon)(connector.id), alt: connector.name, children: connector.name[0] }) }), (0, jsx_runtime_1.jsx)(ListItemText_1.ListItemText, { primary: connector.name })] }, connector.uid));
+};
+exports.EVMListItemButton = EVMListItemButton;
+//# sourceMappingURL=EVMListItemButton.js.map

package/src/_cjs/pages/SelectWalletPage/EVMListItemButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EVMListItemButton.js","sourceRoot":"","sources":["../../../../../src/pages/SelectWalletPage/EVMListItemButton.tsx"],"names":[],"mappings":";;;;AAAA,mCAAsC;AACtC,+DAAgF;AAChF,4CAAuD;AAEvD,iCAAkD;AAClD,oEAAiE;AACjE,gEAA6D;AAC7D,uCAA+D;AAC/D,uCAA0C;AAQnC,MAAM,iBAAiB,GAAG,CAAC,EAChC,kBAAkB,EAClB,SAAS,EACT,cAAc,GACS,EAAE,EAAE;IAC3B,MAAM,EAAE,YAAY,EAAE,GAAG,IAAA,uBAAe,GAAE,CAAC;IAC3C,MAAM,OAAO,GAAG,IAAA,uBAAe,GAAE,CAAC;IAClC,MAAM,EAAE,YAAY,EAAE,GAAG,IAAA,kBAAU,GAAE,CAAC;IACtC,MAAM,EAAE,eAAe,EAAE,GAAG,IAAA,qBAAa,GAAE,CAAC;IAE5C,MAAM,gBAAgB,GAAG,KAAK,IAAI,EAAE;QAClC,MAAM,mBAAmB,GAAG,MAAM,IAAA,0CAAsB,EAAC,SAAS,CAAC,EAAE,CAAC,CAAC;QACvE,IAAI,CAAC,mBAAmB,EAAE,CAAC;YACzB,cAAc,CAAC,SAAS,CAAC,CAAC;YAC1B,OAAO;QACT,CAAC;QACD,IAAI,kBAAkB,EAAE,CAAC;YACvB,MAAM,eAAe,CAAC,EAAE,SAAS,EAAE,kBAAkB,EAAE,CAAC,CAAC;QAC3D,CAAC;QACD,MAAM,YAAY,CAChB,EAAE,SAAS,EAAE,EACb;YACE,SAAS,CAAC,IAAI;gBACZ,OAAO,CAAC,IAAI,CAAC,mBAAW,CAAC,eAAe,EAAE;oBACxC,OAAO,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC;oBACzB,OAAO,EAAE,IAAI,CAAC,OAAO;oBACrB,SAAS,EAAE,eAAS,CAAC,GAAG;iBACzB,CAAC,CAAC;YACL,CAAC;SACF,CACF,CAAC;QACF,YAAY,EAAE,CAAC;IACjB,CAAC,CAAC;IAEF,OAAO,CACL,wBAAC,+BAAc,IAAqB,OAAO,EAAE,gBAAgB,aAC3D,uBAAC,yBAAc,cACb,uBAAC,iBAAM,IACL,GAAG,EAAE,SAAS,CAAC,IAAI,IAAI,IAAA,iCAAa,EAAC,SAAS,CAAC,EAAE,CAAC,EAClD,GAAG,EAAE,SAAS,CAAC,IAAI,YAElB,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,GACX,GACM,EACjB,uBAAC,2BAAY,IAAC,OAAO,EAAE,SAAS,CAAC,IAAI,GAAI,KATtB,SAAS,CAAC,GAAG,CAUjB,CAClB,CAAC;AACJ,CAAC,CAAC;AA/CW,QAAA,iBAAiB,qBA+C5B"}

package/src/_cjs/pages/SelectWalletPage/SVMListItemButton.d.ts

@@ -0,0 +1,6 @@
+import type { Wallet } from '@solana/wallet-adapter-react';
+interface SVMListItemButtonProps {
+    wallet: Wallet;
+}
+export declare const SVMListItemButton: ({ wallet }: SVMListItemButtonProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/src/_cjs/pages/SelectWalletPage/SVMListItemButton.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SVMListItemButton = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const sdk_1 = require("@lifi/sdk");
+const material_1 = require("@mui/material");
+const wallet_adapter_react_1 = require("@solana/wallet-adapter-react");
+const ListItemButton_1 = require("../../components/ListItemButton");
+const ListItemText_1 = require("../../components/ListItemText");
+const hooks_1 = require("../../hooks");
+const types_1 = require("../../types");
+const SVMListItemButton = ({ wallet }) => {
+    const { navigateBack } = (0, hooks_1.useNavigateBack)();
+    const emitter = (0, hooks_1.useWidgetEvents)();
+    const { select, disconnect, connected } = (0, wallet_adapter_react_1.useWallet)();
+    const connect = async () => {
+        if (connected) {
+            await disconnect();
+        }
+        select(wallet.adapter.name);
+        // We use autoConnect on wallet selection
+        // await solanaConnect();
+        wallet.adapter.once('connect', (publicKey) => {
+            emitter.emit(types_1.WidgetEvent.WalletConnected, {
+                address: publicKey?.toString(),
+                chainId: sdk_1.ChainId.SOL,
+                chainType: sdk_1.ChainType.SVM,
+            });
+        });
+        navigateBack();
+    };
+    return ((0, jsx_runtime_1.jsxs)(ListItemButton_1.ListItemButton, { onClick: connect, children: [(0, jsx_runtime_1.jsx)(material_1.ListItemAvatar, { children: (0, jsx_runtime_1.jsx)(material_1.Avatar, { src: wallet.adapter.icon, alt: wallet.adapter.name, children: wallet.adapter.name[0] }) }), (0, jsx_runtime_1.jsx)(ListItemText_1.ListItemText, { primary: `${wallet.adapter.name} (Solana)` })] }, wallet.adapter.name));
+};
+exports.SVMListItemButton = SVMListItemButton;
+//# sourceMappingURL=SVMListItemButton.js.map

package/src/_cjs/pages/SelectWalletPage/SVMListItemButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SVMListItemButton.js","sourceRoot":"","sources":["../../../../../src/pages/SelectWalletPage/SVMListItemButton.tsx"],"names":[],"mappings":";;;;AAAA,mCAA+C;AAC/C,4CAAuD;AAEvD,uEAAyD;AACzD,oEAAiE;AACjE,gEAA6D;AAC7D,uCAA+D;AAC/D,uCAA0C;AAMnC,MAAM,iBAAiB,GAAG,CAAC,EAAE,MAAM,EAA0B,EAAE,EAAE;IACtE,MAAM,EAAE,YAAY,EAAE,GAAG,IAAA,uBAAe,GAAE,CAAC;IAC3C,MAAM,OAAO,GAAG,IAAA,uBAAe,GAAE,CAAC;IAClC,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,IAAA,gCAAS,GAAE,CAAC;IAEtD,MAAM,OAAO,GAAG,KAAK,IAAI,EAAE;QACzB,IAAI,SAAS,EAAE,CAAC;YACd,MAAM,UAAU,EAAE,CAAC;QACrB,CAAC;QACD,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QAC5B,yCAAyC;QACzC,yBAAyB;QACzB,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC,SAAS,EAAE,EAAE;YAC3C,OAAO,CAAC,IAAI,CAAC,mBAAW,CAAC,eAAe,EAAE;gBACxC,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE;gBAC9B,OAAO,EAAE,aAAO,CAAC,GAAG;gBACpB,SAAS,EAAE,eAAS,CAAC,GAAG;aACzB,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;QACH,YAAY,EAAE,CAAC;IACjB,CAAC,CAAC;IAEF,OAAO,CACL,wBAAC,+BAAc,IAA2B,OAAO,EAAE,OAAO,aACxD,uBAAC,yBAAc,cACb,uBAAC,iBAAM,IAAC,GAAG,EAAE,MAAM,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,EAAE,MAAM,CAAC,OAAO,CAAC,IAAI,YACvD,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,GAChB,GACM,EACjB,uBAAC,2BAAY,IAAC,OAAO,EAAE,GAAG,MAAM,CAAC,OAAO,CAAC,IAAI,WAAW,GAAI,KANzC,MAAM,CAAC,OAAO,CAAC,IAAI,CAOvB,CAClB,CAAC;AACJ,CAAC,CAAC;AAhCW,QAAA,iBAAiB,qBAgC5B"}

package/src/_cjs/pages/SelectWalletPage/SelectWalletPage.d.ts

@@ -0,0 +1 @@
+export declare const SelectWalletPage: () => import("react/jsx-runtime").JSX.Element;

package/src/_cjs/pages/SelectWalletPage/SelectWalletPage.js

@@ -0,0 +1,60 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SelectWalletPage = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const wallet_management_1 = require("@lifi/wallet-management");
+const material_1 = require("@mui/material");
+const useMediaQuery_1 = require("@mui/material/useMediaQuery");
+const wallet_adapter_base_1 = require("@solana/wallet-adapter-base");
+const wallet_adapter_react_1 = require("@solana/wallet-adapter-react");
+const react_1 = require("react");
+const react_i18next_1 = require("react-i18next");
+const wagmi_1 = require("wagmi");
+const Dialog_1 = require("../../components/Dialog");
+const EVMListItemButton_1 = require("./EVMListItemButton");
+const SVMListItemButton_1 = require("./SVMListItemButton");
+const utils_1 = require("./utils");
+const SelectWalletPage = () => {
+    const { t } = (0, react_i18next_1.useTranslation)();
+    const account = (0, wagmi_1.useAccount)();
+    const { connectors } = (0, wagmi_1.useConnect)();
+    const [walletIdentity, setWalletIdentity] = (0, react_1.useState)({ show: false });
+    const { wallets: solanaWallets } = (0, wallet_adapter_react_1.useWallet)();
+    const isDesktopView = (0, useMediaQuery_1.default)((theme) => theme.breakpoints.up('sm'));
+    const closeDialog = () => {
+        setWalletIdentity((state) => ({
+            ...state,
+            show: false,
+        }));
+    };
+    const handleNotInstalled = (0, react_1.useCallback)(async (connector) => {
+        setWalletIdentity({
+            show: true,
+            connector,
+        });
+    }, []);
+    const wallets = (0, react_1.useMemo)(() => {
+        const evmInstalled = connectors.filter((connector) => (0, wallet_management_1.isWalletInstalled)(connector.id) &&
+            // We should not show already connected connectors
+            account.connector?.id !== connector.id);
+        const evmNotDetected = connectors.filter((connector) => !(0, wallet_management_1.isWalletInstalled)(connector.id));
+        const svmInstalled = solanaWallets?.filter((connector) => connector.adapter.readyState === wallet_adapter_base_1.WalletReadyState.Installed &&
+            // We should not show already connected connectors
+            !connector.adapter.connected);
+        const svmNotDetected = solanaWallets?.filter((connector) => connector.adapter.readyState !== wallet_adapter_base_1.WalletReadyState.Installed);
+        const installedWallets = [...evmInstalled, ...svmInstalled].sort(utils_1.walletComparator);
+        if (isDesktopView) {
+            const notDetectedWallets = [...evmNotDetected, ...svmNotDetected].sort(utils_1.walletComparator);
+            installedWallets.push(...notDetectedWallets);
+        }
+        return installedWallets;
+    }, [account.connector?.id, connectors, isDesktopView, solanaWallets]);
+    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: wallets?.map((connector) => connector.uid ? ((0, jsx_runtime_1.jsx)(EVMListItemButton_1.EVMListItemButton, { connector: connector, connectedConnector: account.connector, onNotInstalled: handleNotInstalled }, connector.uid)) : ((0, jsx_runtime_1.jsx)(SVMListItemButton_1.SVMListItemButton, { wallet: connector }, connector.adapter.name))) }), (0, jsx_runtime_1.jsxs)(Dialog_1.Dialog, { open: walletIdentity.show, onClose: closeDialog, children: [(0, jsx_runtime_1.jsx)(material_1.DialogContent, { children: (0, jsx_runtime_1.jsx)(material_1.DialogContentText, { children: t('wallet.extensionNotFound', {
+                                name: walletIdentity.connector?.name,
+                            }) }) }), (0, jsx_runtime_1.jsx)(material_1.DialogActions, { children: (0, jsx_runtime_1.jsx)(material_1.Button, { variant: "contained", onClick: closeDialog, autoFocus: true, children: t('button.ok') }) })] })] }));
+};
+exports.SelectWalletPage = SelectWalletPage;
+//# sourceMappingURL=SelectWalletPage.js.map

package/src/_cjs/pages/SelectWalletPage/SelectWalletPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectWalletPage.js","sourceRoot":"","sources":["../../../../../src/pages/SelectWalletPage/SelectWalletPage.tsx"],"names":[],"mappings":"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"}

package/src/_cjs/pages/SelectWalletPage/index.d.ts

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

package/src/_cjs/pages/SelectWalletPage/index.js

@@ -0,0 +1,18 @@
+"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("./SelectWalletPage"), exports);
+//# sourceMappingURL=index.js.map

package/src/_cjs/pages/SelectWalletPage/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/pages/SelectWalletPage/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,qDAAmC"}

package/src/_cjs/pages/SelectWalletPage/utils.d.ts

@@ -0,0 +1,3 @@
+import type { Wallet } from '@solana/wallet-adapter-react';
+import type { Connector } from 'wagmi';
+export declare const walletComparator: (a: Connector | Wallet, b: Connector | Wallet) => number;

package/src/_cjs/pages/SelectWalletPage/utils.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.walletComparator = void 0;
+const wallet_management_1 = require("@lifi/wallet-management");
+const walletComparator = (a, b) => {
+    let aId = a.id || a.adapter?.name;
+    let bId = b.id || b.adapter?.name;
+    const priorityA = (0, wallet_management_1.getWalletPriority)(aId);
+    const priorityB = (0, wallet_management_1.getWalletPriority)(bId);
+    if (priorityA !== priorityB) {
+        return priorityA - priorityB;
+    }
+    if (aId < bId) {
+        return -1;
+    }
+    if (aId > bId) {
+        return 1;
+    }
+    return 0;
+};
+exports.walletComparator = walletComparator;
+//# sourceMappingURL=utils.js.map

package/src/_cjs/pages/SelectWalletPage/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../src/pages/SelectWalletPage/utils.ts"],"names":[],"mappings":";;;AAAA,+DAA4D;AAIrD,MAAM,gBAAgB,GAAG,CAC9B,CAAqB,EACrB,CAAqB,EACrB,EAAE;IACF,IAAI,GAAG,GAAI,CAAe,CAAC,EAAE,IAAK,CAAY,CAAC,OAAO,EAAE,IAAI,CAAC;IAC7D,IAAI,GAAG,GAAI,CAAe,CAAC,EAAE,IAAK,CAAY,CAAC,OAAO,EAAE,IAAI,CAAC;IAE7D,MAAM,SAAS,GAAG,IAAA,qCAAiB,EAAC,GAAG,CAAC,CAAC;IACzC,MAAM,SAAS,GAAG,IAAA,qCAAiB,EAAC,GAAG,CAAC,CAAC;IAEzC,IAAI,SAAS,KAAK,SAAS,EAAE,CAAC;QAC5B,OAAO,SAAS,GAAG,SAAS,CAAC;IAC/B,CAAC;IAED,IAAI,GAAG,GAAG,GAAG,EAAE,CAAC;QACd,OAAO,CAAC,CAAC,CAAC;IACZ,CAAC;IACD,IAAI,GAAG,GAAG,GAAG,EAAE,CAAC;QACd,OAAO,CAAC,CAAC;IACX,CAAC;IACD,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AArBW,QAAA,gBAAgB,oBAqB3B"}

package/src/_cjs/pages/SettingsPage/BridgeAndExchangeSettings.d.ts

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

package/src/_cjs/pages/SettingsPage/BridgeAndExchangeSettings.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BridgeAndExchangeSettings = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_i18next_1 = require("react-i18next");
+const react_router_dom_1 = require("react-router-dom");
+const shallow_1 = require("zustand/shallow");
+const AirlineStops_1 = require("@mui/icons-material/AirlineStops");
+const SwapHoriz_1 = require("@mui/icons-material/SwapHoriz");
+const stores_1 = require("../../stores");
+const utils_1 = require("../../utils");
+const hooks_1 = require("../../hooks");
+const SettingsCard_1 = require("./SettingsCard");
+const supportedIcons = {
+    Bridges: AirlineStops_1.default,
+    Exchanges: SwapHoriz_1.default,
+};
+const BridgeAndExchangeSettings = ({ type }) => {
+    const { isBridgesChanged, isExchangesChanged } = (0, hooks_1.useSettingMonitor)();
+    const { t } = (0, react_i18next_1.useTranslation)();
+    const navigate = (0, react_router_dom_1.useNavigate)();
+    const [enabledTools, tools] = (0, stores_1.useSettingsStore)((state) => {
+        const enabledTools = Object.values(state[`_enabled${type}`] ?? {});
+        return [enabledTools.filter(Boolean).length, enabledTools.length];
+    }, shallow_1.shallow);
+    const customisationLookUp = {
+        Bridges: isBridgesChanged,
+        Exchanges: isExchangesChanged,
+    };
+    const handleClick = () => {
+        navigate(utils_1.navigationRoutes[type.toLowerCase()]);
+    };
+    const Icon = supportedIcons[type];
+    return ((0, jsx_runtime_1.jsx)(SettingsCard_1.SettingCardButton, { onClick: handleClick, icon: (0, jsx_runtime_1.jsx)(Icon, {}), title: t(`settings.enabled${type}`), children: (0, jsx_runtime_1.jsx)(SettingsCard_1.BadgedValue, { badgeColor: "info", showBadge: customisationLookUp[type], children: `${enabledTools}/${tools}` }) }));
+};
+exports.BridgeAndExchangeSettings = BridgeAndExchangeSettings;
+//# sourceMappingURL=BridgeAndExchangeSettings.js.map

package/src/_cjs/pages/SettingsPage/BridgeAndExchangeSettings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BridgeAndExchangeSettings.js","sourceRoot":"","sources":["../../../../../src/pages/SettingsPage/BridgeAndExchangeSettings.tsx"],"names":[],"mappings":";;;;AAAA,iDAA+C;AAC/C,uDAA+C;AAC/C,6CAA0C;AAC1C,mEAAgE;AAChE,6DAA0D;AAC1D,yCAAgD;AAChD,uCAA+C;AAC/C,uCAAgD;AAChD,iDAAgE;AAEhE,MAAM,cAAc,GAAG;IACrB,OAAO,EAAE,sBAAgB;IACzB,SAAS,EAAE,mBAAa;CACzB,CAAC;AAEK,MAAM,yBAAyB,GAEjC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE;IAChB,MAAM,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,GAAG,IAAA,yBAAiB,GAAE,CAAC;IACrE,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,MAAM,QAAQ,GAAG,IAAA,8BAAW,GAAE,CAAC;IAC/B,MAAM,CAAC,YAAY,EAAE,KAAK,CAAC,GAAG,IAAA,yBAAgB,EAAC,CAAC,KAAK,EAAE,EAAE;QACvD,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,WAAW,IAAI,EAAE,CAAC,IAAI,EAAE,CAAC,CAAC;QACnE,OAAO,CAAC,YAAY,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC;IACpE,CAAC,EAAE,iBAAO,CAAC,CAAC;IAEZ,MAAM,mBAAmB,GAAG;QAC1B,OAAO,EAAE,gBAAgB;QACzB,SAAS,EAAE,kBAAkB;KAC9B,CAAC;IAEF,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,QAAQ,CAAC,wBAAgB,CAAC,IAAI,CAAC,WAAW,EAA6B,CAAC,CAAC,CAAC;IAC5E,CAAC,CAAC;IAEF,MAAM,IAAI,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC;IAElC,OAAO,CACL,uBAAC,gCAAiB,IAChB,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE,uBAAC,IAAI,KAAG,EACd,KAAK,EAAE,CAAC,CAAC,mBAAmB,IAAI,EAAE,CAAC,YAEnC,uBAAC,0BAAW,IACV,UAAU,EAAC,MAAM,EACjB,SAAS,EAAE,mBAAmB,CAAC,IAAI,CAAC,YACpC,GAAG,YAAY,IAAI,KAAK,EAAE,GAAe,GACzB,CACrB,CAAC;AACJ,CAAC,CAAC;AAlCW,QAAA,yBAAyB,6BAkCpC"}

package/src/_cjs/pages/SettingsPage/GasPriceSettings.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const GasPriceSettings: React.FC;

package/src/_cjs/pages/SettingsPage/GasPriceSettings.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GasPriceSettings = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const EvStation_1 = require("@mui/icons-material/EvStation");
+const react_i18next_1 = require("react-i18next");
+const stores_1 = require("../../stores");
+const Tabs_1 = require("../../components/Tabs");
+const hooks_1 = require("../../hooks");
+const SettingsCard_1 = require("./SettingsCard");
+const GasPriceSettings = () => {
+    const { t } = (0, react_i18next_1.useTranslation)();
+    const setValue = (0, stores_1.useSettingsStore)((state) => state.setValue);
+    const { isGasPriceChanged } = (0, hooks_1.useSettingMonitor)();
+    const { gasPrice } = (0, stores_1.useSettings)(['gasPrice']);
+    const handleGasPriceChange = (_, gasPrice) => {
+        setValue('gasPrice', gasPrice);
+    };
+    return ((0, jsx_runtime_1.jsx)(SettingsCard_1.SettingCardExpandable, { value: (0, jsx_runtime_1.jsx)(SettingsCard_1.BadgedValue, { badgeColor: "info", showBadge: isGasPriceChanged, children: t(`settings.gasPrice.${gasPrice}`) }), icon: (0, jsx_runtime_1.jsx)(EvStation_1.default, {}), title: t(`settings.gasPrice.title`), children: (0, jsx_runtime_1.jsxs)(Tabs_1.Tabs, { value: gasPrice, "aria-label": "tabs", indicatorColor: "primary", onChange: handleGasPriceChange, sx: { mt: 1.5 }, children: [(0, jsx_runtime_1.jsx)(Tabs_1.Tab, { label: t(`settings.gasPrice.slow`), value: "slow", disableRipple: true }), (0, jsx_runtime_1.jsx)(Tabs_1.Tab, { label: t(`settings.gasPrice.normal`), value: "normal", disableRipple: true }), (0, jsx_runtime_1.jsx)(Tabs_1.Tab, { label: t(`settings.gasPrice.fast`), value: "fast", disableRipple: true })] }) }));
+};
+exports.GasPriceSettings = GasPriceSettings;
+//# sourceMappingURL=GasPriceSettings.js.map

package/src/_cjs/pages/SettingsPage/GasPriceSettings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GasPriceSettings.js","sourceRoot":"","sources":["../../../../../src/pages/SettingsPage/GasPriceSettings.tsx"],"names":[],"mappings":";;;;AAAA,6DAA0D;AAC1D,iDAA+C;AAC/C,yCAA6D;AAC7D,gDAAkD;AAClD,uCAAgD;AAChD,iDAAoE;AAE7D,MAAM,gBAAgB,GAAa,GAAG,EAAE;IAC7C,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,MAAM,QAAQ,GAAG,IAAA,yBAAgB,EAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAC7D,MAAM,EAAE,iBAAiB,EAAE,GAAG,IAAA,yBAAiB,GAAE,CAAC;IAClD,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,oBAAW,EAAC,CAAC,UAAU,CAAC,CAAC,CAAC;IAE/C,MAAM,oBAAoB,GAAG,CAAC,CAAuB,EAAE,QAAgB,EAAE,EAAE;QACzE,QAAQ,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;IACjC,CAAC,CAAC;IAEF,OAAO,CACL,uBAAC,oCAAqB,IACpB,KAAK,EACH,uBAAC,0BAAW,IAAC,UAAU,EAAC,MAAM,EAAC,SAAS,EAAE,iBAAiB,YACxD,CAAC,CAAC,qBAAqB,QAAQ,EAAS,CAAC,GAC9B,EAEhB,IAAI,EAAE,uBAAC,mBAAa,KAAG,EACvB,KAAK,EAAE,CAAC,CAAC,yBAAyB,CAAC,YAEnC,wBAAC,WAAI,IACH,KAAK,EAAE,QAAQ,gBACJ,MAAM,EACjB,cAAc,EAAC,SAAS,EACxB,QAAQ,EAAE,oBAAoB,EAC9B,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,aAEf,uBAAC,UAAG,IAAC,KAAK,EAAE,CAAC,CAAC,wBAAwB,CAAC,EAAE,KAAK,EAAC,MAAM,EAAC,aAAa,SAAG,EACtE,uBAAC,UAAG,IACF,KAAK,EAAE,CAAC,CAAC,0BAA0B,CAAC,EACpC,KAAK,EAAC,QAAQ,EACd,aAAa,SACb,EACF,uBAAC,UAAG,IAAC,KAAK,EAAE,CAAC,CAAC,wBAAwB,CAAC,EAAE,KAAK,EAAC,MAAM,EAAC,aAAa,SAAG,IACjE,GACe,CACzB,CAAC;AACJ,CAAC,CAAC;AArCW,QAAA,gBAAgB,oBAqC3B"}

package/src/_cjs/pages/SettingsPage/LanguageSetting.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const LanguageSetting: React.FC;

package/src/_cjs/pages/SettingsPage/LanguageSetting.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LanguageSetting = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_router_dom_1 = require("react-router-dom");
+const react_i18next_1 = require("react-i18next");
+const Language_1 = require("@mui/icons-material/Language");
+const providers_1 = require("../../providers");
+const types_1 = require("../../types");
+const utils_1 = require("../../utils");
+const hooks_1 = require("../../hooks");
+const SettingsCard_1 = require("./SettingsCard");
+const LanguageSetting = () => {
+    const { t } = (0, react_i18next_1.useTranslation)();
+    const navigate = (0, react_router_dom_1.useNavigate)();
+    const { hiddenUI } = (0, providers_1.useWidgetConfig)();
+    const { selectedLanguageDisplayName } = (0, hooks_1.useLanguages)();
+    if (hiddenUI?.includes(types_1.HiddenUI.Language)) {
+        return null;
+    }
+    const handleClick = () => {
+        navigate(utils_1.navigationRoutes.languages);
+    };
+    return ((0, jsx_runtime_1.jsx)(SettingsCard_1.SettingCardButton, { onClick: handleClick, icon: (0, jsx_runtime_1.jsx)(Language_1.default, {}), title: t(`language.title`), children: (0, jsx_runtime_1.jsx)(SettingsCard_1.SummaryValue, { children: selectedLanguageDisplayName }) }));
+};
+exports.LanguageSetting = LanguageSetting;
+//# sourceMappingURL=LanguageSetting.js.map

package/src/_cjs/pages/SettingsPage/LanguageSetting.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LanguageSetting.js","sourceRoot":"","sources":["../../../../../src/pages/SettingsPage/LanguageSetting.tsx"],"names":[],"mappings":";;;;AAAA,uDAA+C;AAC/C,iDAA+C;AAC/C,2DAAwD;AACxD,+CAAkD;AAClD,uCAAuC;AACvC,uCAA+C;AAC/C,uCAA2C;AAC3C,iDAAiE;AAE1D,MAAM,eAAe,GAAa,GAAG,EAAE;IAC5C,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,MAAM,QAAQ,GAAG,IAAA,8BAAW,GAAE,CAAC;IAC/B,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,2BAAe,GAAE,CAAC;IACvC,MAAM,EAAE,2BAA2B,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAEvD,IAAI,QAAQ,EAAE,QAAQ,CAAC,gBAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC;QAC1C,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,QAAQ,CAAC,wBAAgB,CAAC,SAAS,CAAC,CAAC;IACvC,CAAC,CAAC;IAEF,OAAO,CACL,uBAAC,gCAAiB,IAChB,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE,uBAAC,kBAAY,KAAG,EACtB,KAAK,EAAE,CAAC,CAAC,gBAAgB,CAAC,YAE1B,uBAAC,2BAAY,cAAE,2BAA2B,GAAgB,GACxC,CACrB,CAAC;AACJ,CAAC,CAAC;AAvBW,QAAA,eAAe,mBAuB1B"}

package/src/_cjs/pages/SettingsPage/ResetSettingsButton.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const ResetSettingsButton: React.FC;

package/src/_cjs/pages/SettingsPage/ResetSettingsButton.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ResetSettingsButton = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const react_1 = require("react");
+const react_i18next_1 = require("react-i18next");
+const Dialog_1 = require("../../components/Dialog");
+const hooks_1 = require("../../hooks");
+const ResetSettingsButton_style_1 = require("./ResetSettingsButton.style");
+const icons_material_1 = require("@mui/icons-material");
+const ResetSettingsButton = () => {
+    const { t } = (0, react_i18next_1.useTranslation)();
+    const { isCustomRouteSettings, reset } = (0, hooks_1.useSettingMonitor)();
+    const [open, setOpen] = (0, react_1.useState)(false);
+    const toggleDialog = (0, react_1.useCallback)(() => {
+        setOpen((open) => !open);
+    }, []);
+    const handleReset = () => {
+        reset();
+        toggleDialog();
+    };
+    if (!isCustomRouteSettings) {
+        return null;
+    }
+    return ((0, jsx_runtime_1.jsx)(material_1.Box, { px: 3, mb: 1, children: (0, jsx_runtime_1.jsxs)(ResetSettingsButton_style_1.ResetButtonContainer, { children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { display: "flex", marginBottom: "12px", children: [(0, jsx_runtime_1.jsx)(icons_material_1.InfoRounded, { sx: {
+                                marginRight: '8px',
+                            } }), (0, jsx_runtime_1.jsx)(material_1.Box, { fontSize: 14, children: t(`settings.resetSettings`) })] }), (0, jsx_runtime_1.jsx)(material_1.Button, { onClick: toggleDialog, fullWidth: true, children: t('button.resetSettings') }), (0, jsx_runtime_1.jsxs)(Dialog_1.Dialog, { open: open, onClose: toggleDialog, children: [(0, jsx_runtime_1.jsx)(material_1.DialogTitle, { children: t('warning.title.resetSettings') }), (0, jsx_runtime_1.jsx)(material_1.DialogContent, { children: (0, jsx_runtime_1.jsx)(material_1.DialogContentText, { children: t('warning.message.resetSettings') }) }), (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: handleReset, autoFocus: true, children: t('button.reset') })] })] })] }) }));
+};
+exports.ResetSettingsButton = ResetSettingsButton;
+//# sourceMappingURL=ResetSettingsButton.js.map

package/src/_cjs/pages/SettingsPage/ResetSettingsButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResetSettingsButton.js","sourceRoot":"","sources":["../../../../../src/pages/SettingsPage/ResetSettingsButton.tsx"],"names":[],"mappings":";;;;AAAA,4CAOuB;AACvB,iCAA8C;AAC9C,iDAA+C;AAC/C,oDAAiD;AACjD,uCAAgD;AAChD,2EAAmE;AACnE,wDAAkD;AAE3C,MAAM,mBAAmB,GAAa,GAAG,EAAE;IAChD,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,MAAM,EAAE,qBAAqB,EAAE,KAAK,EAAE,GAAG,IAAA,yBAAiB,GAAE,CAAC;IAC7D,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAExC,MAAM,YAAY,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QACpC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC;IAC3B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,KAAK,EAAE,CAAC;QACR,YAAY,EAAE,CAAC;IACjB,CAAC,CAAC;IAEF,IAAI,CAAC,qBAAqB,EAAE,CAAC;QAC3B,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,uBAAC,cAAG,IAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,YACf,wBAAC,gDAAoB,eACnB,wBAAC,cAAG,IAAC,OAAO,EAAC,MAAM,EAAC,YAAY,EAAC,MAAM,aACrC,uBAAC,4BAAW,IACV,EAAE,EAAE;gCACF,WAAW,EAAE,KAAK;6BACnB,GACD,EACF,uBAAC,cAAG,IAAC,QAAQ,EAAE,EAAE,YAAG,CAAC,CAAC,wBAAwB,CAAC,GAAO,IAClD,EACN,uBAAC,iBAAM,IAAC,OAAO,EAAE,YAAY,EAAE,SAAS,kBACrC,CAAC,CAAC,sBAAsB,CAAC,GACnB,EAET,wBAAC,eAAM,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,YAAY,aACvC,uBAAC,sBAAW,cAAE,CAAC,CAAC,6BAA6B,CAAC,GAAe,EAC7D,uBAAC,wBAAa,cACZ,uBAAC,4BAAiB,cACf,CAAC,CAAC,+BAA+B,CAAC,GACjB,GACN,EAChB,wBAAC,wBAAa,eACZ,uBAAC,iBAAM,IAAC,OAAO,EAAE,YAAY,YAAG,CAAC,CAAC,eAAe,CAAC,GAAU,EAC5D,uBAAC,iBAAM,IAAC,OAAO,EAAC,WAAW,EAAC,OAAO,EAAE,WAAW,EAAE,SAAS,kBACxD,CAAC,CAAC,cAAc,CAAC,GACX,IACK,IACT,IACY,GACnB,CACP,CAAC;AACJ,CAAC,CAAC;AAlDW,QAAA,mBAAmB,uBAkD9B"}

package/src/_cjs/pages/SettingsPage/ResetSettingsButton.style.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const ResetButtonContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/src/_cjs/pages/SettingsPage/ResetSettingsButton.style.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ResetButtonContainer = void 0;
+const material_1 = require("@mui/material");
+const styles_1 = require("@mui/material/styles");
+const utils_1 = require("../../utils");
+exports.ResetButtonContainer = (0, styles_1.styled)(material_1.Box)(({ theme }) => ({
+    background: (0, utils_1.getContrastAlphaColor)(theme.palette.mode, '4%'),
+    borderRadius: '16px',
+    padding: '16px',
+    [`svg`]: {
+        fill: (0, utils_1.getContrastAlphaColor)(theme.palette.mode, '40%'),
+    },
+}));
+//# sourceMappingURL=ResetSettingsButton.style.js.map

package/src/_cjs/pages/SettingsPage/ResetSettingsButton.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResetSettingsButton.style.js","sourceRoot":"","sources":["../../../../../src/pages/SettingsPage/ResetSettingsButton.style.tsx"],"names":[],"mappings":";;;AAAA,4CAAoC;AACpC,iDAA8C;AAC9C,uCAAoD;AAEvC,QAAA,oBAAoB,GAAG,IAAA,eAAM,EAAC,cAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC9D,UAAU,EAAE,IAAA,6BAAqB,EAAC,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC;IAC3D,YAAY,EAAE,MAAM;IACpB,OAAO,EAAE,MAAM;IAEf,CAAC,KAAK,CAAC,EAAE;QACP,IAAI,EAAE,IAAA,6BAAqB,EAAC,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,KAAK,CAAC;KACvD;CACF,CAAC,CAAC,CAAC"}

package/src/_cjs/pages/SettingsPage/RoutePrioritySettings.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const RoutePrioritySettings: React.FC;

package/src/_cjs/pages/SettingsPage/RoutePrioritySettings.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RoutePrioritySettings = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_i18next_1 = require("react-i18next");
+const Route_1 = require("@mui/icons-material/Route");
+const sdk_1 = require("@lifi/sdk");
+const Tabs_1 = require("../../components/Tabs");
+const stores_1 = require("../../stores");
+const hooks_1 = require("../../hooks");
+const SettingsCard_1 = require("./SettingsCard");
+const RoutePrioritySettings = () => {
+    const { t } = (0, react_i18next_1.useTranslation)();
+    const setValue = (0, stores_1.useSettingsStore)((state) => state.setValue);
+    const { isRoutePriorityChanged } = (0, hooks_1.useSettingMonitor)();
+    const { routePriority } = (0, stores_1.useSettings)(['routePriority']);
+    const currentRoutePriority = routePriority ?? '';
+    const handleRoutePriorityChange = (_, routePriority) => {
+        setValue('routePriority', routePriority);
+    };
+    return ((0, jsx_runtime_1.jsx)(SettingsCard_1.SettingCardExpandable, { value: (0, jsx_runtime_1.jsx)(SettingsCard_1.BadgedValue, { badgeColor: "info", showBadge: isRoutePriorityChanged, children: t(`main.tags.${currentRoutePriority.toLowerCase()}`) }), icon: (0, jsx_runtime_1.jsx)(Route_1.default, {}), title: t(`settings.routePriority`), children: (0, jsx_runtime_1.jsx)(Tabs_1.Tabs, { value: currentRoutePriority, "aria-label": "tabs", indicatorColor: "primary", onChange: handleRoutePriorityChange, orientation: "vertical", sx: { mt: 1.5 }, children: sdk_1.Orders.map((order) => {
+                return ((0, jsx_runtime_1.jsx)(Tabs_1.Tab, { label: t(`main.tags.${order.toLowerCase()}`), value: order, disableRipple: true }, order));
+            }) }) }));
+};
+exports.RoutePrioritySettings = RoutePrioritySettings;
+//# sourceMappingURL=RoutePrioritySettings.js.map

package/src/_cjs/pages/SettingsPage/RoutePrioritySettings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RoutePrioritySettings.js","sourceRoot":"","sources":["../../../../../src/pages/SettingsPage/RoutePrioritySettings.tsx"],"names":[],"mappings":";;;;AAAA,iDAA+C;AAC/C,qDAAkD;AAClD,mCAAmC;AACnC,gDAAkD;AAClD,yCAA6D;AAC7D,uCAAgD;AAChD,iDAAoE;AAI7D,MAAM,qBAAqB,GAAa,GAAG,EAAE;IAClD,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,MAAM,QAAQ,GAAG,IAAA,yBAAgB,EAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAC7D,MAAM,EAAE,sBAAsB,EAAE,GAAG,IAAA,yBAAiB,GAAE,CAAC;IACvD,MAAM,EAAE,aAAa,EAAE,GAAG,IAAA,oBAAW,EAAC,CAAC,eAAe,CAAC,CAAC,CAAC;IACzD,MAAM,oBAAoB,GAAG,aAAa,IAAI,EAAE,CAAC;IAEjD,MAAM,yBAAyB,GAAG,CAChC,CAAuB,EACvB,aAA6B,EAC7B,EAAE;QACF,QAAQ,CAAC,eAAe,EAAE,aAAa,CAAC,CAAC;IAC3C,CAAC,CAAC;IAEF,OAAO,CACL,uBAAC,oCAAqB,IACpB,KAAK,EACH,uBAAC,0BAAW,IAAC,UAAU,EAAC,MAAM,EAAC,SAAS,EAAE,sBAAsB,YAC7D,CAAC,CAAC,aAAa,oBAAoB,CAAC,WAAW,EAAE,EAAS,CAAC,GAChD,EAEhB,IAAI,EAAE,uBAAC,eAAS,KAAG,EACnB,KAAK,EAAE,CAAC,CAAC,wBAAwB,CAAC,YAElC,uBAAC,WAAI,IACH,KAAK,EAAE,oBAAoB,gBAChB,MAAM,EACjB,cAAc,EAAC,SAAS,EACxB,QAAQ,EAAE,yBAAyB,EACnC,WAAW,EAAC,UAAU,EACtB,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,YAEd,YAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;gBACpB,OAAO,CACL,uBAAC,UAAG,IAEF,KAAK,EAAE,CAAC,CAAC,aAAa,KAAK,CAAC,WAAW,EAAE,EAAS,CAAC,EACnD,KAAK,EAAE,KAAK,EACZ,aAAa,UAHR,KAAK,CAIV,CACH,CAAC;YACJ,CAAC,CAAC,GACG,GACe,CACzB,CAAC;AACJ,CAAC,CAAC;AA7CW,QAAA,qBAAqB,yBA6ChC"}

package/src/_cjs/pages/SettingsPage/SendToWalletOptionSetting.d.ts

@@ -0,0 +1 @@
+export declare const SendToWalletOptionSetting: () => import("react/jsx-runtime").JSX.Element | null;

package/src/_cjs/pages/SettingsPage/SendToWalletOptionSetting.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SendToWalletOptionSetting = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_i18next_1 = require("react-i18next");
+const Wallet_1 = require("@mui/icons-material/Wallet");
+const Switch_1 = require("../../components/Switch");
+const providers_1 = require("../../providers");
+const stores_1 = require("../../stores");
+const types_1 = require("../../types");
+const SettingsCard_1 = require("./SettingsCard");
+const SendToWalletOptionSetting = () => {
+    const { t } = (0, react_i18next_1.useTranslation)();
+    const { hiddenUI } = (0, providers_1.useWidgetConfig)();
+    const setSendToWallet = (0, stores_1.useSendToWalletStore)((state) => state.setSendToWallet);
+    const setValue = (0, stores_1.useSettingsStore)((state) => state.setValue);
+    const { showDestinationWallet } = (0, stores_1.useSettings)(['showDestinationWallet']);
+    if (hiddenUI?.includes(types_1.HiddenUI.ToAddress)) {
+        return null;
+    }
+    const onChange = (_, checked) => {
+        setValue('showDestinationWallet', checked);
+        setSendToWallet(false);
+    };
+    return ((0, jsx_runtime_1.jsx)(SettingsCard_1.SettingCard, { children: (0, jsx_runtime_1.jsxs)(SettingsCard_1.SummaryRowContainer, { children: [(0, jsx_runtime_1.jsxs)(SettingsCard_1.SummaryTitleContainer, { children: [(0, jsx_runtime_1.jsx)(Wallet_1.default, {}), (0, jsx_runtime_1.jsx)(SettingsCard_1.SummaryValue, { children: t(`settings.sendToWalletOption`) })] }), (0, jsx_runtime_1.jsx)(Switch_1.Switch, { checked: showDestinationWallet, onChange: onChange })] }) }));
+};
+exports.SendToWalletOptionSetting = SendToWalletOptionSetting;
+//# sourceMappingURL=SendToWalletOptionSetting.js.map

package/src/_cjs/pages/SettingsPage/SendToWalletOptionSetting.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SendToWalletOptionSetting.js","sourceRoot":"","sources":["../../../../../src/pages/SettingsPage/SendToWalletOptionSetting.tsx"],"names":[],"mappings":";;;;AACA,iDAA+C;AAC/C,uDAAoD;AACpD,oDAAiD;AACjD,+CAAkD;AAClD,yCAIsB;AACtB,uCAAuC;AACvC,iDAKwB;AAEjB,MAAM,yBAAyB,GAAG,GAAG,EAAE;IAC5C,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,2BAAe,GAAE,CAAC;IACvC,MAAM,eAAe,GAAG,IAAA,6BAAoB,EAC1C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,eAAe,CACjC,CAAC;IACF,MAAM,QAAQ,GAAG,IAAA,yBAAgB,EAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAC7D,MAAM,EAAE,qBAAqB,EAAE,GAAG,IAAA,oBAAW,EAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC;IAEzE,IAAI,QAAQ,EAAE,QAAQ,CAAC,gBAAQ,CAAC,SAAS,CAAC,EAAE,CAAC;QAC3C,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,QAAQ,GAAG,CAAC,CAAgC,EAAE,OAAgB,EAAE,EAAE;QACtE,QAAQ,CAAC,uBAAuB,EAAE,OAAO,CAAC,CAAC;QAC3C,eAAe,CAAC,KAAK,CAAC,CAAC;IACzB,CAAC,CAAC;IAEF,OAAO,CACL,uBAAC,0BAAW,cACV,wBAAC,kCAAmB,eAClB,wBAAC,oCAAqB,eACpB,uBAAC,gBAAU,KAAG,EACd,uBAAC,2BAAY,cAAE,CAAC,CAAC,6BAA6B,CAAC,GAAgB,IACzC,EACxB,uBAAC,eAAM,IAAC,OAAO,EAAE,qBAAqB,EAAE,QAAQ,EAAE,QAAQ,GAAI,IAC1C,GACV,CACf,CAAC;AACJ,CAAC,CAAC;AA7BW,QAAA,yBAAyB,6BA6BpC"}

package/src/_cjs/pages/SettingsPage/SettingsCard/BadgedValue.d.ts

@@ -0,0 +1,8 @@
+import type { PropsWithChildren } from 'react';
+import type { BadgeProps } from '@mui/material';
+interface BadgedValueProps {
+    showBadge: boolean;
+    badgeColor?: BadgeProps['color'];
+}
+export declare const BadgedValue: React.FC<PropsWithChildren<BadgedValueProps>>;
+export {};

package/src/_cjs/pages/SettingsPage/SettingsCard/BadgedValue.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BadgedValue = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const SettingCard_style_1 = require("./SettingCard.style");
+const BadgedValue = ({ showBadge, badgeColor, children, }) => showBadge && badgeColor ? ((0, jsx_runtime_1.jsx)(SettingCard_style_1.Badge, { variant: "dot", color: badgeColor, children: (0, jsx_runtime_1.jsx)(SettingCard_style_1.SummaryValue, { children: children }) })) : ((0, jsx_runtime_1.jsx)(SettingCard_style_1.SummaryValue, { children: children }));
+exports.BadgedValue = BadgedValue;
+//# sourceMappingURL=BadgedValue.js.map

package/src/_cjs/pages/SettingsPage/SettingsCard/BadgedValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BadgedValue.js","sourceRoot":"","sources":["../../../../../../src/pages/SettingsPage/SettingsCard/BadgedValue.tsx"],"names":[],"mappings":";;;;AAEA,2DAA0D;AAOnD,MAAM,WAAW,GAAkD,CAAC,EACzE,SAAS,EACT,UAAU,EACV,QAAQ,GACT,EAAE,EAAE,CACH,SAAS,IAAI,UAAU,CAAC,CAAC,CAAC,CACxB,uBAAC,yBAAK,IAAC,OAAO,EAAC,KAAK,EAAC,KAAK,EAAE,UAAU,YACpC,uBAAC,gCAAY,cAAE,QAAQ,GAAgB,GACjC,CACT,CAAC,CAAC,CAAC,CACF,uBAAC,gCAAY,cAAE,QAAQ,GAAgB,CACxC,CAAC;AAXS,QAAA,WAAW,eAWpB"}

package/src/_cjs/pages/SettingsPage/SettingsCard/SettingCard.d.ts

@@ -0,0 +1,2 @@
+import type { PropsWithChildren } from 'react';
+export declare const SettingCard: React.FC<PropsWithChildren>;

package/src/_cjs/pages/SettingsPage/SettingsCard/SettingCard.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SettingCard = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Card_1 = require("../../../components/Card");
+const SettingCard = ({ children }) => {
+    return ((0, jsx_runtime_1.jsx)(Card_1.Card, { variant: "default", selectionColor: "primary", sx: {
+            p: 2,
+        }, children: children }));
+};
+exports.SettingCard = SettingCard;
+//# sourceMappingURL=SettingCard.js.map

package/src/_cjs/pages/SettingsPage/SettingsCard/SettingCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingCard.js","sourceRoot":"","sources":["../../../../../../src/pages/SettingsPage/SettingsCard/SettingCard.tsx"],"names":[],"mappings":";;;;AACA,mDAAgD;AAEzC,MAAM,WAAW,GAAgC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACvE,OAAO,CACL,uBAAC,WAAI,IACH,OAAO,EAAC,SAAS,EACjB,cAAc,EAAC,SAAS,EACxB,EAAE,EAAE;YACF,CAAC,EAAE,CAAC;SACL,YAEA,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC,CAAC;AAZW,QAAA,WAAW,eAYtB"}