@lifi/widget 2.9.4 → 3.0.0-alpha.1

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

@@ -0,0 +1 @@
+{"version":3,"file":"EVMListItemButton.js","sourceRoot":"","sources":["../../../../../src/pages/SelectWalletPage/EVMListItemButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AACtC,OAAO,EAAE,aAAa,EAAE,sBAAsB,EAAE,MAAM,yBAAyB,CAAC;AAChF,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAEvD,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAC7D,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC/D,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAQ1C,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAChC,kBAAkB,EAClB,SAAS,EACT,cAAc,GACS,EAAE,EAAE;IAC3B,MAAM,EAAE,YAAY,EAAE,GAAG,eAAe,EAAE,CAAC;IAC3C,MAAM,OAAO,GAAG,eAAe,EAAE,CAAC;IAClC,MAAM,EAAE,YAAY,EAAE,GAAG,UAAU,EAAE,CAAC;IACtC,MAAM,EAAE,eAAe,EAAE,GAAG,aAAa,EAAE,CAAC;IAE5C,MAAM,gBAAgB,GAAG,KAAK,IAAI,EAAE;QAClC,MAAM,mBAAmB,GAAG,MAAM,sBAAsB,CAAC,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,WAAW,CAAC,eAAe,EAAE;oBACxC,OAAO,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC;oBACzB,OAAO,EAAE,IAAI,CAAC,OAAO;oBACrB,SAAS,EAAE,SAAS,CAAC,GAAG;iBACzB,CAAC,CAAC;YACL,CAAC;SACF,CACF,CAAC;QACF,YAAY,EAAE,CAAC;IACjB,CAAC,CAAC;IAEF,OAAO,CACL,MAAC,cAAc,IAAqB,OAAO,EAAE,gBAAgB,aAC3D,KAAC,cAAc,cACb,KAAC,MAAM,IACL,GAAG,EAAE,SAAS,CAAC,IAAI,IAAI,aAAa,CAAC,SAAS,CAAC,EAAE,CAAC,EAClD,GAAG,EAAE,SAAS,CAAC,IAAI,YAElB,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,GACX,GACM,EACjB,KAAC,YAAY,IAAC,OAAO,EAAE,SAAS,CAAC,IAAI,GAAI,KATtB,SAAS,CAAC,GAAG,CAUjB,CAClB,CAAC;AACJ,CAAC,CAAC"}

package/src/_esm/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/_esm/pages/SelectWalletPage/SVMListItemButton.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ChainId, ChainType } from '@lifi/sdk';
+import { Avatar, ListItemAvatar } from '@mui/material';
+import { useWallet } from '@solana/wallet-adapter-react';
+import { ListItemButton } from '../../components/ListItemButton';
+import { ListItemText } from '../../components/ListItemText';
+import { useNavigateBack, useWidgetEvents } from '../../hooks';
+import { WidgetEvent } from '../../types';
+export const SVMListItemButton = ({ wallet }) => {
+    const { navigateBack } = useNavigateBack();
+    const emitter = useWidgetEvents();
+    const { select, disconnect, connected } = 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(WidgetEvent.WalletConnected, {
+                address: publicKey?.toString(),
+                chainId: ChainId.SOL,
+                chainType: ChainType.SVM,
+            });
+        });
+        navigateBack();
+    };
+    return (_jsxs(ListItemButton, { onClick: connect, children: [_jsx(ListItemAvatar, { children: _jsx(Avatar, { src: wallet.adapter.icon, alt: wallet.adapter.name, children: wallet.adapter.name[0] }) }), _jsx(ListItemText, { primary: `${wallet.adapter.name} (Solana)` })] }, wallet.adapter.name));
+};
+//# sourceMappingURL=SVMListItemButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SVMListItemButton.js","sourceRoot":"","sources":["../../../../../src/pages/SelectWalletPage/SVMListItemButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAEvD,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAC7D,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC/D,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAM1C,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAAE,MAAM,EAA0B,EAAE,EAAE;IACtE,MAAM,EAAE,YAAY,EAAE,GAAG,eAAe,EAAE,CAAC;IAC3C,MAAM,OAAO,GAAG,eAAe,EAAE,CAAC;IAClC,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,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,WAAW,CAAC,eAAe,EAAE;gBACxC,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE;gBAC9B,OAAO,EAAE,OAAO,CAAC,GAAG;gBACpB,SAAS,EAAE,SAAS,CAAC,GAAG;aACzB,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;QACH,YAAY,EAAE,CAAC;IACjB,CAAC,CAAC;IAEF,OAAO,CACL,MAAC,cAAc,IAA2B,OAAO,EAAE,OAAO,aACxD,KAAC,cAAc,cACb,KAAC,MAAM,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,KAAC,YAAY,IAAC,OAAO,EAAE,GAAG,MAAM,CAAC,OAAO,CAAC,IAAI,WAAW,GAAI,KANzC,MAAM,CAAC,OAAO,CAAC,IAAI,CAOvB,CAClB,CAAC;AACJ,CAAC,CAAC"}

package/src/_esm/pages/SelectWalletPage/SelectWalletPage.js

@@ -0,0 +1,55 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { isWalletInstalled } from '@lifi/wallet-management';
+import { Button, Container, DialogActions, DialogContent, DialogContentText, List, useMediaQuery, } from '@mui/material';
+import { WalletReadyState } from '@solana/wallet-adapter-base';
+import { useWallet } from '@solana/wallet-adapter-react';
+import { useCallback, useMemo, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useConnect, useAccount as useWagmiAccount } from 'wagmi';
+import { Dialog } from '../../components/Dialog';
+import { EVMListItemButton } from './EVMListItemButton';
+import { SVMListItemButton } from './SVMListItemButton';
+import { walletComparator } from './utils';
+export const SelectWalletPage = () => {
+    const { t } = useTranslation();
+    const account = useWagmiAccount();
+    const { connectors } = useConnect();
+    const [walletIdentity, setWalletIdentity] = useState({ show: false });
+    const { wallets: solanaWallets } = useWallet();
+    const isDesktopView = useMediaQuery((theme) => theme.breakpoints.up('sm'));
+    const closeDialog = () => {
+        setWalletIdentity((state) => ({
+            ...state,
+            show: false,
+        }));
+    };
+    const handleNotInstalled = useCallback(async (connector) => {
+        setWalletIdentity({
+            show: true,
+            connector,
+        });
+    }, []);
+    const wallets = useMemo(() => {
+        const evmInstalled = connectors.filter((connector) => isWalletInstalled(connector.id) &&
+            // We should not show already connected connectors
+            account.connector?.id !== connector.id);
+        const evmNotDetected = connectors.filter((connector) => !isWalletInstalled(connector.id));
+        const svmInstalled = solanaWallets?.filter((connector) => connector.adapter.readyState === WalletReadyState.Installed &&
+            // We should not show already connected connectors
+            !connector.adapter.connected);
+        const svmNotDetected = solanaWallets?.filter((connector) => connector.adapter.readyState !== WalletReadyState.Installed);
+        const installedWallets = [...evmInstalled, ...svmInstalled].sort(walletComparator);
+        if (isDesktopView) {
+            const notDetectedWallets = [...evmNotDetected, ...svmNotDetected].sort(walletComparator);
+            installedWallets.push(...notDetectedWallets);
+        }
+        return installedWallets;
+    }, [account.connector?.id, connectors, isDesktopView, solanaWallets]);
+    return (_jsxs(Container, { disableGutters: true, children: [_jsx(List, { sx: {
+                    paddingLeft: 1.5,
+                    paddingRight: 1.5,
+                }, children: wallets?.map((connector) => connector.uid ? (_jsx(EVMListItemButton, { connector: connector, connectedConnector: account.connector, onNotInstalled: handleNotInstalled }, connector.uid)) : (_jsx(SVMListItemButton, { wallet: connector }, connector.adapter.name))) }), _jsxs(Dialog, { open: walletIdentity.show, onClose: closeDialog, children: [_jsx(DialogContent, { children: _jsx(DialogContentText, { children: t('wallet.extensionNotFound', {
+                                name: walletIdentity.connector?.name,
+                            }) }) }), _jsx(DialogActions, { children: _jsx(Button, { variant: "contained", onClick: closeDialog, autoFocus: true, children: t('button.ok') }) })] })] }));
+};
+//# sourceMappingURL=SelectWalletPage.js.map

package/src/_esm/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/_esm/pages/SelectWalletPage/index.js

@@ -0,0 +1,2 @@
+export * from './SelectWalletPage';
+//# sourceMappingURL=index.js.map

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

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

package/src/_esm/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/_esm/pages/SelectWalletPage/utils.js

@@ -0,0 +1,18 @@
+import { getWalletPriority } from '@lifi/wallet-management';
+export const walletComparator = (a, b) => {
+    let aId = a.id || a.adapter?.name;
+    let bId = b.id || b.adapter?.name;
+    const priorityA = getWalletPriority(aId);
+    const priorityB = getWalletPriority(bId);
+    if (priorityA !== priorityB) {
+        return priorityA - priorityB;
+    }
+    if (aId < bId) {
+        return -1;
+    }
+    if (aId > bId) {
+        return 1;
+    }
+    return 0;
+};
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../src/pages/SelectWalletPage/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAI5D,MAAM,CAAC,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,iBAAiB,CAAC,GAAG,CAAC,CAAC;IACzC,MAAM,SAAS,GAAG,iBAAiB,CAAC,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"}

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

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

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

@@ -0,0 +1,33 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useTranslation } from 'react-i18next';
+import { useNavigate } from 'react-router-dom';
+import { shallow } from 'zustand/shallow';
+import AirlineStopsIcon from '@mui/icons-material/AirlineStops';
+import SwapHorizIcon from '@mui/icons-material/SwapHoriz';
+import { useSettingsStore } from '../../stores';
+import { navigationRoutes } from '../../utils';
+import { useSettingMonitor } from '../../hooks';
+import { SettingCardButton, BadgedValue } from './SettingsCard';
+const supportedIcons = {
+    Bridges: AirlineStopsIcon,
+    Exchanges: SwapHorizIcon,
+};
+export const BridgeAndExchangeSettings = ({ type }) => {
+    const { isBridgesChanged, isExchangesChanged } = useSettingMonitor();
+    const { t } = useTranslation();
+    const navigate = useNavigate();
+    const [enabledTools, tools] = useSettingsStore((state) => {
+        const enabledTools = Object.values(state[`_enabled${type}`] ?? {});
+        return [enabledTools.filter(Boolean).length, enabledTools.length];
+    }, shallow);
+    const customisationLookUp = {
+        Bridges: isBridgesChanged,
+        Exchanges: isExchangesChanged,
+    };
+    const handleClick = () => {
+        navigate(navigationRoutes[type.toLowerCase()]);
+    };
+    const Icon = supportedIcons[type];
+    return (_jsx(SettingCardButton, { onClick: handleClick, icon: _jsx(Icon, {}), title: t(`settings.enabled${type}`), children: _jsx(BadgedValue, { badgeColor: "info", showBadge: customisationLookUp[type], children: `${enabledTools}/${tools}` }) }));
+};
+//# sourceMappingURL=BridgeAndExchangeSettings.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BridgeAndExchangeSettings.js","sourceRoot":"","sources":["../../../../../src/pages/SettingsPage/BridgeAndExchangeSettings.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC1C,OAAO,gBAAgB,MAAM,kCAAkC,CAAC;AAChE,OAAO,aAAa,MAAM,+BAA+B,CAAC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAEhE,MAAM,cAAc,GAAG;IACrB,OAAO,EAAE,gBAAgB;IACzB,SAAS,EAAE,aAAa;CACzB,CAAC;AAEF,MAAM,CAAC,MAAM,yBAAyB,GAEjC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE;IAChB,MAAM,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,GAAG,iBAAiB,EAAE,CAAC;IACrE,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAC/B,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,CAAC,YAAY,EAAE,KAAK,CAAC,GAAG,gBAAgB,CAAC,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,OAAO,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,gBAAgB,CAAC,IAAI,CAAC,WAAW,EAA6B,CAAC,CAAC,CAAC;IAC5E,CAAC,CAAC;IAEF,MAAM,IAAI,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC;IAElC,OAAO,CACL,KAAC,iBAAiB,IAChB,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE,KAAC,IAAI,KAAG,EACd,KAAK,EAAE,CAAC,CAAC,mBAAmB,IAAI,EAAE,CAAC,YAEnC,KAAC,WAAW,IACV,UAAU,EAAC,MAAM,EACjB,SAAS,EAAE,mBAAmB,CAAC,IAAI,CAAC,YACpC,GAAG,YAAY,IAAI,KAAK,EAAE,GAAe,GACzB,CACrB,CAAC;AACJ,CAAC,CAAC"}

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

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

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

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import EvStationIcon from '@mui/icons-material/EvStation';
+import { useTranslation } from 'react-i18next';
+import { useSettings, useSettingsStore } from '../../stores';
+import { Tab, Tabs } from '../../components/Tabs';
+import { useSettingMonitor } from '../../hooks';
+import { SettingCardExpandable, BadgedValue } from './SettingsCard';
+export const GasPriceSettings = () => {
+    const { t } = useTranslation();
+    const setValue = useSettingsStore((state) => state.setValue);
+    const { isGasPriceChanged } = useSettingMonitor();
+    const { gasPrice } = useSettings(['gasPrice']);
+    const handleGasPriceChange = (_, gasPrice) => {
+        setValue('gasPrice', gasPrice);
+    };
+    return (_jsx(SettingCardExpandable, { value: _jsx(BadgedValue, { badgeColor: "info", showBadge: isGasPriceChanged, children: t(`settings.gasPrice.${gasPrice}`) }), icon: _jsx(EvStationIcon, {}), title: t(`settings.gasPrice.title`), children: _jsxs(Tabs, { value: gasPrice, "aria-label": "tabs", indicatorColor: "primary", onChange: handleGasPriceChange, sx: { mt: 1.5 }, children: [_jsx(Tab, { label: t(`settings.gasPrice.slow`), value: "slow", disableRipple: true }), _jsx(Tab, { label: t(`settings.gasPrice.normal`), value: "normal", disableRipple: true }), _jsx(Tab, { label: t(`settings.gasPrice.fast`), value: "fast", disableRipple: true })] }) }));
+};
+//# sourceMappingURL=GasPriceSettings.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GasPriceSettings.js","sourceRoot":"","sources":["../../../../../src/pages/SettingsPage/GasPriceSettings.tsx"],"names":[],"mappings":";AAAA,OAAO,aAAa,MAAM,+BAA+B,CAAC;AAC1D,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAC7D,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EAAE,qBAAqB,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAEpE,MAAM,CAAC,MAAM,gBAAgB,GAAa,GAAG,EAAE;IAC7C,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAC/B,MAAM,QAAQ,GAAG,gBAAgB,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAC7D,MAAM,EAAE,iBAAiB,EAAE,GAAG,iBAAiB,EAAE,CAAC;IAClD,MAAM,EAAE,QAAQ,EAAE,GAAG,WAAW,CAAC,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,KAAC,qBAAqB,IACpB,KAAK,EACH,KAAC,WAAW,IAAC,UAAU,EAAC,MAAM,EAAC,SAAS,EAAE,iBAAiB,YACxD,CAAC,CAAC,qBAAqB,QAAQ,EAAS,CAAC,GAC9B,EAEhB,IAAI,EAAE,KAAC,aAAa,KAAG,EACvB,KAAK,EAAE,CAAC,CAAC,yBAAyB,CAAC,YAEnC,MAAC,IAAI,IACH,KAAK,EAAE,QAAQ,gBACJ,MAAM,EACjB,cAAc,EAAC,SAAS,EACxB,QAAQ,EAAE,oBAAoB,EAC9B,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,aAEf,KAAC,GAAG,IAAC,KAAK,EAAE,CAAC,CAAC,wBAAwB,CAAC,EAAE,KAAK,EAAC,MAAM,EAAC,aAAa,SAAG,EACtE,KAAC,GAAG,IACF,KAAK,EAAE,CAAC,CAAC,0BAA0B,CAAC,EACpC,KAAK,EAAC,QAAQ,EACd,aAAa,SACb,EACF,KAAC,GAAG,IAAC,KAAK,EAAE,CAAC,CAAC,wBAAwB,CAAC,EAAE,KAAK,EAAC,MAAM,EAAC,aAAa,SAAG,IACjE,GACe,CACzB,CAAC;AACJ,CAAC,CAAC"}

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

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

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

@@ -0,0 +1,23 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useNavigate } from 'react-router-dom';
+import { useTranslation } from 'react-i18next';
+import LanguageIcon from '@mui/icons-material/Language';
+import { useWidgetConfig } from '../../providers';
+import { HiddenUI } from '../../types';
+import { navigationRoutes } from '../../utils';
+import { useLanguages } from '../../hooks';
+import { SettingCardButton, SummaryValue } from './SettingsCard';
+export const LanguageSetting = () => {
+    const { t } = useTranslation();
+    const navigate = useNavigate();
+    const { hiddenUI } = useWidgetConfig();
+    const { selectedLanguageDisplayName } = useLanguages();
+    if (hiddenUI?.includes(HiddenUI.Language)) {
+        return null;
+    }
+    const handleClick = () => {
+        navigate(navigationRoutes.languages);
+    };
+    return (_jsx(SettingCardButton, { onClick: handleClick, icon: _jsx(LanguageIcon, {}), title: t(`language.title`), children: _jsx(SummaryValue, { children: selectedLanguageDisplayName }) }));
+};
+//# sourceMappingURL=LanguageSetting.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LanguageSetting.js","sourceRoot":"","sources":["../../../../../src/pages/SettingsPage/LanguageSetting.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,YAAY,MAAM,8BAA8B,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAC3C,OAAO,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAEjE,MAAM,CAAC,MAAM,eAAe,GAAa,GAAG,EAAE;IAC5C,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAC/B,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,EAAE,QAAQ,EAAE,GAAG,eAAe,EAAE,CAAC;IACvC,MAAM,EAAE,2BAA2B,EAAE,GAAG,YAAY,EAAE,CAAC;IAEvD,IAAI,QAAQ,EAAE,QAAQ,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC;QAC1C,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,QAAQ,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAC;IACvC,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,iBAAiB,IAChB,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE,KAAC,YAAY,KAAG,EACtB,KAAK,EAAE,CAAC,CAAC,gBAAgB,CAAC,YAE1B,KAAC,YAAY,cAAE,2BAA2B,GAAgB,GACxC,CACrB,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,27 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Button, DialogActions, DialogContent, DialogContentText, DialogTitle, } from '@mui/material';
+import { useCallback, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { Dialog } from '../../components/Dialog';
+import { useSettingMonitor } from '../../hooks';
+import { ResetButtonContainer } from './ResetSettingsButton.style';
+import { InfoRounded } from '@mui/icons-material';
+export const ResetSettingsButton = () => {
+    const { t } = useTranslation();
+    const { isCustomRouteSettings, reset } = useSettingMonitor();
+    const [open, setOpen] = useState(false);
+    const toggleDialog = useCallback(() => {
+        setOpen((open) => !open);
+    }, []);
+    const handleReset = () => {
+        reset();
+        toggleDialog();
+    };
+    if (!isCustomRouteSettings) {
+        return null;
+    }
+    return (_jsx(Box, { px: 3, mb: 1, children: _jsxs(ResetButtonContainer, { children: [_jsxs(Box, { display: "flex", marginBottom: "12px", children: [_jsx(InfoRounded, { sx: {
+                                marginRight: '8px',
+                            } }), _jsx(Box, { fontSize: 14, children: t(`settings.resetSettings`) })] }), _jsx(Button, { onClick: toggleDialog, fullWidth: true, children: t('button.resetSettings') }), _jsxs(Dialog, { open: open, onClose: toggleDialog, children: [_jsx(DialogTitle, { children: t('warning.title.resetSettings') }), _jsx(DialogContent, { children: _jsx(DialogContentText, { children: t('warning.message.resetSettings') }) }), _jsxs(DialogActions, { children: [_jsx(Button, { onClick: toggleDialog, children: t('button.cancel') }), _jsx(Button, { variant: "contained", onClick: handleReset, autoFocus: true, children: t('button.reset') })] })] })] }) }));
+};
+//# sourceMappingURL=ResetSettingsButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ResetSettingsButton.js","sourceRoot":"","sources":["../../../../../src/pages/SettingsPage/ResetSettingsButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,GAAG,EACH,MAAM,EACN,aAAa,EACb,aAAa,EACb,iBAAiB,EACjB,WAAW,GACZ,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACjD,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAElD,MAAM,CAAC,MAAM,mBAAmB,GAAa,GAAG,EAAE;IAChD,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAC/B,MAAM,EAAE,qBAAqB,EAAE,KAAK,EAAE,GAAG,iBAAiB,EAAE,CAAC;IAC7D,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExC,MAAM,YAAY,GAAG,WAAW,CAAC,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,KAAC,GAAG,IAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,YACf,MAAC,oBAAoB,eACnB,MAAC,GAAG,IAAC,OAAO,EAAC,MAAM,EAAC,YAAY,EAAC,MAAM,aACrC,KAAC,WAAW,IACV,EAAE,EAAE;gCACF,WAAW,EAAE,KAAK;6BACnB,GACD,EACF,KAAC,GAAG,IAAC,QAAQ,EAAE,EAAE,YAAG,CAAC,CAAC,wBAAwB,CAAC,GAAO,IAClD,EACN,KAAC,MAAM,IAAC,OAAO,EAAE,YAAY,EAAE,SAAS,kBACrC,CAAC,CAAC,sBAAsB,CAAC,GACnB,EAET,MAAC,MAAM,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,YAAY,aACvC,KAAC,WAAW,cAAE,CAAC,CAAC,6BAA6B,CAAC,GAAe,EAC7D,KAAC,aAAa,cACZ,KAAC,iBAAiB,cACf,CAAC,CAAC,+BAA+B,CAAC,GACjB,GACN,EAChB,MAAC,aAAa,eACZ,KAAC,MAAM,IAAC,OAAO,EAAE,YAAY,YAAG,CAAC,CAAC,eAAe,CAAC,GAAU,EAC5D,KAAC,MAAM,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"}

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

@@ -0,0 +1,11 @@
+import { getContrastAlphaColor } from '../../utils';
+import { Box, styled } from '@mui/material';
+export const ResetButtonContainer = styled(Box)(({ theme }) => ({
+    background: getContrastAlphaColor(theme.palette.mode, '4%'),
+    borderRadius: '16px',
+    padding: '16px',
+    [`svg`]: {
+        fill: getContrastAlphaColor(theme.palette.mode, '40%'),
+    },
+}));
+//# sourceMappingURL=ResetSettingsButton.style.js.map

package/src/_esm/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,OAAO,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAC;AACpD,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAE5C,MAAM,CAAC,MAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC9D,UAAU,EAAE,qBAAqB,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC;IAC3D,YAAY,EAAE,MAAM;IACpB,OAAO,EAAE,MAAM;IAEf,CAAC,KAAK,CAAC,EAAE;QACP,IAAI,EAAE,qBAAqB,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,KAAK,CAAC;KACvD;CACF,CAAC,CAAC,CAAC"}

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

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

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

@@ -0,0 +1,22 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useTranslation } from 'react-i18next';
+import RouteIcon from '@mui/icons-material/Route';
+import { Orders } from '@lifi/sdk';
+import { Tab, Tabs } from '../../components/Tabs';
+import { useSettings, useSettingsStore } from '../../stores';
+import { useSettingMonitor } from '../../hooks';
+import { SettingCardExpandable, BadgedValue } from './SettingsCard';
+export const RoutePrioritySettings = () => {
+    const { t } = useTranslation();
+    const setValue = useSettingsStore((state) => state.setValue);
+    const { isRoutePriorityChanged } = useSettingMonitor();
+    const { routePriority } = useSettings(['routePriority']);
+    const currentRoutePriority = routePriority ?? '';
+    const handleRoutePriorityChange = (_, routePriority) => {
+        setValue('routePriority', routePriority);
+    };
+    return (_jsx(SettingCardExpandable, { value: _jsx(BadgedValue, { badgeColor: "info", showBadge: isRoutePriorityChanged, children: t(`main.tags.${currentRoutePriority.toLowerCase()}`) }), icon: _jsx(RouteIcon, {}), title: t(`settings.routePriority`), children: _jsx(Tabs, { value: currentRoutePriority, "aria-label": "tabs", indicatorColor: "primary", onChange: handleRoutePriorityChange, orientation: "vertical", sx: { mt: 1.5 }, children: Orders.map((order) => {
+                return (_jsx(Tab, { label: t(`main.tags.${order.toLowerCase()}`), value: order, disableRipple: true }, order));
+            }) }) }));
+};
+//# sourceMappingURL=RoutePrioritySettings.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RoutePrioritySettings.js","sourceRoot":"","sources":["../../../../../src/pages/SettingsPage/RoutePrioritySettings.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,SAAS,MAAM,2BAA2B,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAC7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EAAE,qBAAqB,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAIpE,MAAM,CAAC,MAAM,qBAAqB,GAAa,GAAG,EAAE;IAClD,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAC/B,MAAM,QAAQ,GAAG,gBAAgB,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAC7D,MAAM,EAAE,sBAAsB,EAAE,GAAG,iBAAiB,EAAE,CAAC;IACvD,MAAM,EAAE,aAAa,EAAE,GAAG,WAAW,CAAC,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,KAAC,qBAAqB,IACpB,KAAK,EACH,KAAC,WAAW,IAAC,UAAU,EAAC,MAAM,EAAC,SAAS,EAAE,sBAAsB,YAC7D,CAAC,CAAC,aAAa,oBAAoB,CAAC,WAAW,EAAE,EAAS,CAAC,GAChD,EAEhB,IAAI,EAAE,KAAC,SAAS,KAAG,EACnB,KAAK,EAAE,CAAC,CAAC,wBAAwB,CAAC,YAElC,KAAC,IAAI,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,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;gBACpB,OAAO,CACL,KAAC,GAAG,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"}

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

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

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

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useTranslation } from 'react-i18next';
+import WalletIcon from '@mui/icons-material/Wallet';
+import { Switch } from '../../components/Switch';
+import { useWidgetConfig } from '../../providers';
+import { useSendToWalletStore, useSettings, useSettingsStore, } from '../../stores';
+import { HiddenUI } from '../../types';
+import { SettingCard, SummaryRowContainer, SummaryTitleContainer, SummaryValue, } from './SettingsCard';
+export const SendToWalletOptionSetting = () => {
+    const { t } = useTranslation();
+    const { hiddenUI } = useWidgetConfig();
+    const setSendToWallet = useSendToWalletStore((state) => state.setSendToWallet);
+    const setValue = useSettingsStore((state) => state.setValue);
+    const { showDestinationWallet } = useSettings(['showDestinationWallet']);
+    if (hiddenUI?.includes(HiddenUI.ToAddress)) {
+        return null;
+    }
+    const onChange = (_, checked) => {
+        setValue('showDestinationWallet', checked);
+        setSendToWallet(false);
+    };
+    return (_jsx(SettingCard, { children: _jsxs(SummaryRowContainer, { children: [_jsxs(SummaryTitleContainer, { children: [_jsx(WalletIcon, {}), _jsx(SummaryValue, { children: t(`settings.sendToWalletOption`) })] }), _jsx(Switch, { checked: showDestinationWallet, onChange: onChange })] }) }));
+};
+//# sourceMappingURL=SendToWalletOptionSetting.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SendToWalletOptionSetting.js","sourceRoot":"","sources":["../../../../../src/pages/SettingsPage/SendToWalletOptionSetting.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,UAAU,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EACL,oBAAoB,EACpB,WAAW,EACX,gBAAgB,GACjB,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EACL,WAAW,EACX,mBAAmB,EACnB,qBAAqB,EACrB,YAAY,GACb,MAAM,gBAAgB,CAAC;AAExB,MAAM,CAAC,MAAM,yBAAyB,GAAG,GAAG,EAAE;IAC5C,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAC/B,MAAM,EAAE,QAAQ,EAAE,GAAG,eAAe,EAAE,CAAC;IACvC,MAAM,eAAe,GAAG,oBAAoB,CAC1C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,eAAe,CACjC,CAAC;IACF,MAAM,QAAQ,GAAG,gBAAgB,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAC7D,MAAM,EAAE,qBAAqB,EAAE,GAAG,WAAW,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC;IAEzE,IAAI,QAAQ,EAAE,QAAQ,CAAC,QAAQ,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,KAAC,WAAW,cACV,MAAC,mBAAmB,eAClB,MAAC,qBAAqB,eACpB,KAAC,UAAU,KAAG,EACd,KAAC,YAAY,cAAE,CAAC,CAAC,6BAA6B,CAAC,GAAgB,IACzC,EACxB,KAAC,MAAM,IAAC,OAAO,EAAE,qBAAqB,EAAE,QAAQ,EAAE,QAAQ,GAAI,IAC1C,GACV,CACf,CAAC;AACJ,CAAC,CAAC"}

package/src/_esm/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/_esm/pages/SettingsPage/SettingsCard/BadgedValue.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { SummaryValue, Badge } from './SettingCard.style';
+export const BadgedValue = ({ showBadge, badgeColor, children, }) => showBadge && badgeColor ? (_jsx(Badge, { variant: "dot", color: badgeColor, children: _jsx(SummaryValue, { children: children }) })) : (_jsx(SummaryValue, { children: children }));
+//# sourceMappingURL=BadgedValue.js.map

package/src/_esm/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,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAO1D,MAAM,CAAC,MAAM,WAAW,GAAkD,CAAC,EACzE,SAAS,EACT,UAAU,EACV,QAAQ,GACT,EAAE,EAAE,CACH,SAAS,IAAI,UAAU,CAAC,CAAC,CAAC,CACxB,KAAC,KAAK,IAAC,OAAO,EAAC,KAAK,EAAC,KAAK,EAAE,UAAU,YACpC,KAAC,YAAY,cAAE,QAAQ,GAAgB,GACjC,CACT,CAAC,CAAC,CAAC,CACF,KAAC,YAAY,cAAE,QAAQ,GAAgB,CACxC,CAAC"}

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

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

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

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Card } from '../../../components/Card';
+export const SettingCard = ({ children }) => {
+    return (_jsx(Card, { variant: "default", selectionColor: "primary", sx: {
+            p: 2,
+        }, children: children }));
+};
+//# sourceMappingURL=SettingCard.js.map

package/src/_esm/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,OAAO,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAC;AAEhD,MAAM,CAAC,MAAM,WAAW,GAAgC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACvE,OAAO,CACL,KAAC,IAAI,IACH,OAAO,EAAC,SAAS,EACjB,cAAc,EAAC,SAAS,EACxB,EAAE,EAAE;YACF,CAAC,EAAE,CAAC;SACL,YAEA,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC,CAAC"}

package/src/_esm/pages/SettingsPage/SettingsCard/SettingCard.style.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+export declare const SettingsList: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & 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/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const SummaryTitleContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & 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/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const SummaryRowContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & 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/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const SummaryRowButton: import("@emotion/styled").StyledComponent<import("@mui/material").ButtonBaseOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+}, "className" | "style" | "classes" | "action" | "centerRipple" | "children" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "tabIndex" | "TouchRippleProps" | "touchRippleRef"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const SummaryValue: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+}, "className" | "style" | "classes" | "children" | "sx" | "p" | "color" | "border" | "boxShadow" | "fontWeight" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxSizing" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "variant" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const Badge: import("@emotion/styled").StyledComponent<import("@mui/material").BadgeOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+}, "className" | "style" | "classes" | "children" | "sx" | "color" | "variant" | "max" | "components" | "componentsProps" | "slots" | "slotProps" | "invisible" | "anchorOrigin" | "badgeContent" | "overlap" | "showZero"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/src/_esm/pages/SettingsPage/SettingsCard/SettingCard.style.js

@@ -0,0 +1,51 @@
+import { Box, ButtonBase, Badge as MuiBadge, Typography } from '@mui/material';
+import { badgeClasses } from '@mui/material/Badge';
+import { styled } from '@mui/material/styles';
+export const SettingsList = styled(Box)(({ theme }) => ({
+    display: 'flex',
+    flexDirection: 'column',
+    gap: theme.spacing(1),
+    padding: theme.spacing(1, 3, 2),
+}));
+export const SummaryTitleContainer = styled(Box)(({ theme }) => ({
+    display: 'flex',
+    alignItems: 'center',
+    gap: theme.spacing(1.5),
+}));
+export const SummaryRowContainer = styled(Box)({
+    display: 'flex',
+    width: '100%',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+});
+export const SummaryRowButton = styled(ButtonBase)({
+    background: 'none',
+    color: 'inherit',
+    border: 'none',
+    padding: 0,
+    font: 'inherit',
+    cursor: 'pointer',
+    outline: 'inherit',
+    display: 'flex',
+    width: '100%',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+});
+export const SummaryValue = styled(Typography)({
+    lineHeight: '1.25',
+    fontWeight: 500,
+});
+export const Badge = styled(MuiBadge)(({ theme }) => ({
+    display: 'flex',
+    alignItems: 'center',
+    gap: theme.spacing(1.25),
+    [`.${badgeClasses.badge}`]: {
+        width: 10,
+        height: 10,
+        // the following removes MUI styling so we can position the badge with flex
+        position: 'relative',
+        transform: 'translateX(0)',
+        borderRadius: '50%',
+    },
+}));
+//# sourceMappingURL=SettingCard.style.js.map

package/src/_esm/pages/SettingsPage/SettingsCard/SettingCard.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingCard.style.js","sourceRoot":"","sources":["../../../../../../src/pages/SettingsPage/SettingsCard/SettingCard.style.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,KAAK,IAAI,QAAQ,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC/E,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACtD,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IACrB,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;CAChC,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,qBAAqB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC/D,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;CACxB,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,mBAAmB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;IAC7C,OAAO,EAAE,MAAM;IACf,KAAK,EAAE,MAAM;IACb,cAAc,EAAE,eAAe;IAC/B,UAAU,EAAE,QAAQ;CACrB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC;IACjD,UAAU,EAAE,MAAM;IAClB,KAAK,EAAE,SAAS;IAChB,MAAM,EAAE,MAAM;IACd,OAAO,EAAE,CAAC;IACV,IAAI,EAAE,SAAS;IACf,MAAM,EAAE,SAAS;IACjB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,MAAM;IACf,KAAK,EAAE,MAAM;IACb,cAAc,EAAE,eAAe;IAC/B,UAAU,EAAE,QAAQ;CACrB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC;IAC7C,UAAU,EAAE,MAAM;IAClB,UAAU,EAAE,GAAG;CAChB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,KAAK,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACpD,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC;IACxB,CAAC,IAAI,YAAY,CAAC,KAAK,EAAE,CAAC,EAAE;QAC1B,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;QACV,2EAA2E;QAC3E,QAAQ,EAAE,UAAU;QACpB,SAAS,EAAE,eAAe;QAC1B,YAAY,EAAE,KAAK;KACpB;CACF,CAAC,CAAC,CAAC"}

package/src/_esm/pages/SettingsPage/SettingsCard/SettingCardButton.d.ts

@@ -0,0 +1,7 @@
+import type { MouseEventHandler, PropsWithChildren } from 'react';
+import type { SettingCardTitle } from './types';
+interface SettingCardButtonProps extends SettingCardTitle {
+    onClick: MouseEventHandler;
+}
+export declare const SettingCardButton: React.FC<PropsWithChildren<SettingCardButtonProps>>;
+export {};

package/src/_esm/pages/SettingsPage/SettingsCard/SettingCardButton.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { SettingCard } from './SettingCard';
+import { SummaryRowButton, SummaryValue, SummaryTitleContainer, } from './SettingCard.style';
+export const SettingCardButton = ({ onClick, icon, title, children }) => (_jsx(SettingCard, { children: _jsxs(SummaryRowButton, { onClick: onClick, disableRipple: true, children: [_jsxs(SummaryTitleContainer, { children: [icon, _jsx(SummaryValue, { children: title })] }), children] }) }));
+//# sourceMappingURL=SettingCardButton.js.map

package/src/_esm/pages/SettingsPage/SettingsCard/SettingCardButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingCardButton.js","sourceRoot":"","sources":["../../../../../../src/pages/SettingsPage/SettingsCard/SettingCardButton.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EACL,gBAAgB,EAChB,YAAY,EACZ,qBAAqB,GACtB,MAAM,qBAAqB,CAAC;AAM7B,MAAM,CAAC,MAAM,iBAAiB,GAE1B,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAC1C,KAAC,WAAW,cACV,MAAC,gBAAgB,IAAC,OAAO,EAAE,OAAO,EAAE,aAAa,mBAC/C,MAAC,qBAAqB,eACnB,IAAI,EACL,KAAC,YAAY,cAAE,KAAK,GAAgB,IACd,EACvB,QAAQ,IACQ,GACP,CACf,CAAC"}

package/src/_esm/pages/SettingsPage/SettingsCard/SettingCardExpandable.d.ts

@@ -0,0 +1,7 @@
+import type { PropsWithChildren, ReactNode } from 'react';
+import type { SettingCardTitle } from './types';
+interface SettingCardExpandableProps extends SettingCardTitle {
+    value: ReactNode;
+}
+export declare const SettingCardExpandable: React.FC<PropsWithChildren<SettingCardExpandableProps>>;
+export {};

package/src/_esm/pages/SettingsPage/SettingsCard/SettingCardExpandable.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId } from 'react';
+import { Collapse } from '@mui/material';
+import { SettingCard } from './SettingCard';
+import { SummaryRowButton, SummaryValue, SummaryTitleContainer, } from './SettingCard.style';
+import { useSettingsCardExpandable } from './SettingsAccordian';
+export const SettingCardExpandable = ({ icon, title, value, children }) => {
+    const { expanded, toggleExpanded } = useSettingsCardExpandable();
+    const buttonId = useId();
+    const collapseId = useId();
+    return (_jsxs(SettingCard, { children: [_jsxs(SummaryRowButton, { id: buttonId, "aria-expanded": expanded, "aria-controls": collapseId, onClick: toggleExpanded, disableRipple: true, children: [_jsxs(SummaryTitleContainer, { children: [icon, _jsx(SummaryValue, { children: title })] }), !expanded && value] }), _jsx(Collapse, { id: collapseId, role: "region", "aria-labelledby": buttonId, in: expanded, children: children })] }));
+};
+//# sourceMappingURL=SettingCardExpandable.js.map

package/src/_esm/pages/SettingsPage/SettingsCard/SettingCardExpandable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingCardExpandable.js","sourceRoot":"","sources":["../../../../../../src/pages/SettingsPage/SettingsCard/SettingCardExpandable.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AAC9B,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EACL,gBAAgB,EAChB,YAAY,EACZ,qBAAqB,GACtB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,yBAAyB,EAAE,MAAM,qBAAqB,CAAC;AAMhE,MAAM,CAAC,MAAM,qBAAqB,GAE9B,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE;IACvC,MAAM,EAAE,QAAQ,EAAE,cAAc,EAAE,GAAG,yBAAyB,EAAE,CAAC;IACjE,MAAM,QAAQ,GAAG,KAAK,EAAE,CAAC;IACzB,MAAM,UAAU,GAAG,KAAK,EAAE,CAAC;IAE3B,OAAO,CACL,MAAC,WAAW,eACV,MAAC,gBAAgB,IACf,EAAE,EAAE,QAAQ,mBACG,QAAQ,mBACR,UAAU,EACzB,OAAO,EAAE,cAAc,EACvB,aAAa,mBAEb,MAAC,qBAAqB,eACnB,IAAI,EACL,KAAC,YAAY,cAAE,KAAK,GAAgB,IACd,EACvB,CAAC,QAAQ,IAAI,KAAK,IACF,EACnB,KAAC,QAAQ,IACP,EAAE,EAAE,UAAU,EACd,IAAI,EAAC,QAAQ,qBACI,QAAQ,EACzB,EAAE,EAAE,QAAQ,YAEX,QAAQ,GACA,IACC,CACf,CAAC;AACJ,CAAC,CAAC"}

package/src/_esm/pages/SettingsPage/SettingsCard/SettingsAccordian.d.ts

@@ -0,0 +1,6 @@
+import type { PropsWithChildren } from 'react';
+export declare const SettingsCardAccordion: React.FC<PropsWithChildren>;
+export declare const useSettingsCardExpandable: () => {
+    expanded: boolean;
+    toggleExpanded: () => void;
+};