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

package/_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 sdk_1 = require("@lifi/sdk");
+const Route_1 = require("@mui/icons-material/Route");
+const react_i18next_1 = require("react-i18next");
+const Tabs_1 = require("../../components/Tabs");
+const hooks_1 = require("../../hooks");
+const stores_1 = require("../../stores");
+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/_cjs/pages/SettingsPage/RoutePrioritySettings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RoutePrioritySettings.js","sourceRoot":"","sources":["../../../pages/SettingsPage/RoutePrioritySettings.tsx"],"names":[],"mappings":";;;;AAAA,mCAAmC;AACnC,qDAAkD;AAClD,iDAA+C;AAC/C,gDAAkD;AAClD,uCAAgD;AAChD,yCAA6D;AAC7D,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/_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 Wallet_1 = require("@mui/icons-material/Wallet");
+const react_i18next_1 = require("react-i18next");
+const Switch_1 = require("../../components/Switch");
+const providers_1 = require("../../providers");
+const stores_1 = require("../../stores");
+const types_1 = require("../../types");
+const Card_1 = require("../../components/Card");
+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)(Card_1.Card, { children: (0, jsx_runtime_1.jsxs)(Card_1.CardRowContainer, { children: [(0, jsx_runtime_1.jsxs)(Card_1.CardTitleContainer, { children: [(0, jsx_runtime_1.jsx)(Wallet_1.default, {}), (0, jsx_runtime_1.jsx)(Card_1.CardValue, { children: t(`settings.sendToWalletOption`) })] }), (0, jsx_runtime_1.jsx)(Switch_1.Switch, { checked: showDestinationWallet, onChange: onChange })] }) }));
+};
+exports.SendToWalletOptionSetting = SendToWalletOptionSetting;
+//# sourceMappingURL=SendToWalletOptionSetting.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SendToWalletOptionSetting.js","sourceRoot":"","sources":["../../../pages/SettingsPage/SendToWalletOptionSetting.tsx"],"names":[],"mappings":";;;;AAAA,uDAAoD;AAEpD,iDAA+C;AAC/C,oDAAiD;AACjD,+CAAkD;AAClD,yCAIsB;AACtB,uCAAuC;AACvC,gDAK+B;AAExB,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,WAAI,cACH,wBAAC,uBAAgB,eACf,wBAAC,yBAAkB,eACjB,uBAAC,gBAAU,KAAG,EACd,uBAAC,gBAAS,cAAE,CAAC,CAAC,6BAA6B,CAAC,GAAa,IACtC,EACrB,uBAAC,eAAM,IAAC,OAAO,EAAE,qBAAqB,EAAE,QAAQ,EAAE,QAAQ,GAAI,IAC7C,GACd,CACR,CAAC;AACJ,CAAC,CAAC;AA7BW,QAAA,yBAAyB,6BA6BpC"}

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

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BadgedValue = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Card_1 = require("../../../components/Card");
+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)(Card_1.CardValue, { children: children }) })) : ((0, jsx_runtime_1.jsx)(Card_1.CardValue, { children: children }));
+exports.BadgedValue = BadgedValue;
+//# sourceMappingURL=BadgedValue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BadgedValue.js","sourceRoot":"","sources":["../../../../pages/SettingsPage/SettingsCard/BadgedValue.tsx"],"names":[],"mappings":";;;;AAEA,mDAAqD;AACrD,2DAA4C;AAOrC,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,gBAAS,cAAE,QAAQ,GAAa,GAC3B,CACT,CAAC,CAAC,CAAC,CACF,uBAAC,gBAAS,cAAE,QAAQ,GAAa,CAClC,CAAC;AAXS,QAAA,WAAW,eAWpB"}

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

@@ -0,0 +1,10 @@
+/// <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?: ((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>, {}, {}>;
+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?: ((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>, {}, {}>;
+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;
+}, "max" | "color" | "children" | "sx" | "style" | "className" | "classes" | "variant" | "components" | "componentsProps" | "slotProps" | "anchorOrigin" | "badgeContent" | "invisible" | "overlap" | "slots" | "showZero"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

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

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Badge = exports.SummaryRowContainer = exports.SettingsList = void 0;
+const material_1 = require("@mui/material");
+const Badge_1 = require("@mui/material/Badge");
+const styles_1 = require("@mui/material/styles");
+exports.SettingsList = (0, styles_1.styled)(material_1.Box)(({ theme }) => ({
+    display: 'flex',
+    flexDirection: 'column',
+    gap: theme.spacing(1),
+    padding: theme.spacing(1, 0, 1),
+}));
+exports.SummaryRowContainer = (0, styles_1.styled)(material_1.Box)(({ theme }) => ({
+    display: 'flex',
+    width: '100%',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+    padding: theme.spacing(2),
+}));
+exports.Badge = (0, styles_1.styled)(material_1.Badge)(({ theme }) => ({
+    display: 'flex',
+    alignItems: 'center',
+    gap: theme.spacing(1.25),
+    [`.${Badge_1.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/_cjs/pages/SettingsPage/SettingsCard/SettingCard.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingCard.style.js","sourceRoot":"","sources":["../../../../pages/SettingsPage/SettingsCard/SettingCard.style.tsx"],"names":[],"mappings":";;;AAAA,4CAAuD;AACvD,+CAAmD;AACnD,iDAA8C;AAEjC,QAAA,YAAY,GAAG,IAAA,eAAM,EAAC,cAAG,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;AAES,QAAA,mBAAmB,GAAG,IAAA,eAAM,EAAC,cAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC7D,OAAO,EAAE,MAAM;IACf,KAAK,EAAE,MAAM;IACb,cAAc,EAAE,eAAe;IAC/B,UAAU,EAAE,QAAQ;IACpB,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;CAC1B,CAAC,CAAC,CAAC;AAES,QAAA,KAAK,GAAG,IAAA,eAAM,EAAC,gBAAQ,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,oBAAY,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/_cjs/pages/SettingsPage/SettingsCard/SettingCardExpandable.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SettingCardExpandable = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const material_1 = require("@mui/material");
+const Card_1 = require("../../../components/Card");
+const SettingsAccordian_1 = require("./SettingsAccordian");
+const SettingCardExpandable = ({ icon, title, value, children }) => {
+    const { expanded, toggleExpanded } = (0, SettingsAccordian_1.useSettingsCardExpandable)();
+    const buttonId = (0, react_1.useId)();
+    const collapseId = (0, react_1.useId)();
+    return ((0, jsx_runtime_1.jsxs)(Card_1.Card, { sx: { p: 1 }, children: [(0, jsx_runtime_1.jsxs)(Card_1.CardRowButton, { id: buttonId, "aria-expanded": expanded, "aria-controls": collapseId, onClick: toggleExpanded, disableRipple: true, sx: { p: 1 }, children: [(0, jsx_runtime_1.jsxs)(Card_1.CardTitleContainer, { children: [icon, (0, jsx_runtime_1.jsx)(Card_1.CardValue, { children: title })] }), !expanded && value] }), (0, jsx_runtime_1.jsx)(material_1.Collapse, { id: collapseId, role: "region", "aria-labelledby": buttonId, in: expanded, children: children })] }));
+};
+exports.SettingCardExpandable = SettingCardExpandable;
+//# sourceMappingURL=SettingCardExpandable.js.map

package/_cjs/pages/SettingsPage/SettingsCard/SettingCardExpandable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingCardExpandable.js","sourceRoot":"","sources":["../../../../pages/SettingsPage/SettingsCard/SettingCardExpandable.tsx"],"names":[],"mappings":";;;;AACA,iCAA8B;AAC9B,4CAAyC;AAEzC,mDAKkC;AAClC,2DAAgE;AAMzD,MAAM,qBAAqB,GAE9B,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE;IACvC,MAAM,EAAE,QAAQ,EAAE,cAAc,EAAE,GAAG,IAAA,6CAAyB,GAAE,CAAC;IACjE,MAAM,QAAQ,GAAG,IAAA,aAAK,GAAE,CAAC;IACzB,MAAM,UAAU,GAAG,IAAA,aAAK,GAAE,CAAC;IAE3B,OAAO,CACL,wBAAC,WAAI,IAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,aAChB,wBAAC,oBAAa,IACZ,EAAE,EAAE,QAAQ,mBACG,QAAQ,mBACR,UAAU,EACzB,OAAO,EAAE,cAAc,EACvB,aAAa,QACb,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,aAEZ,wBAAC,yBAAkB,eAChB,IAAI,EACL,uBAAC,gBAAS,cAAE,KAAK,GAAa,IACX,EACpB,CAAC,QAAQ,IAAI,KAAK,IACL,EAChB,uBAAC,mBAAQ,IACP,EAAE,EAAE,UAAU,EACd,IAAI,EAAC,QAAQ,qBACI,QAAQ,EACzB,EAAE,EAAE,QAAQ,YAEX,QAAQ,GACA,IACN,CACR,CAAC;AACJ,CAAC,CAAC;AAjCW,QAAA,qBAAqB,yBAiChC"}

package/_cjs/pages/SettingsPage/SettingsCard/SettingsAccordian.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSettingsCardExpandable = exports.SettingsCardAccordion = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const SettingsAccordionContext = (0, react_1.createContext)({
+    setOpenCard: (id) => { },
+    openCard: '',
+});
+const SettingsCardAccordion = ({ children, }) => {
+    const [openCard, setOpenCard] = (0, react_1.useState)('');
+    return ((0, jsx_runtime_1.jsx)(SettingsAccordionContext.Provider, { value: { openCard, setOpenCard }, children: children }));
+};
+exports.SettingsCardAccordion = SettingsCardAccordion;
+const useSettingsCardExpandable = () => {
+    const settingCardExpandableId = (0, react_1.useId)();
+    const [expanded, setExpanded] = (0, react_1.useState)(false);
+    const { openCard, setOpenCard } = (0, react_1.useContext)(SettingsAccordionContext);
+    const toggleExpanded = () => {
+        const newExpanded = !expanded;
+        setExpanded(newExpanded);
+        if (newExpanded && openCard !== settingCardExpandableId) {
+            setOpenCard(settingCardExpandableId);
+        }
+    };
+    (0, react_1.useEffect)(() => {
+        if (openCard !== settingCardExpandableId) {
+            setExpanded(false);
+        }
+    }, [settingCardExpandableId, openCard]);
+    return {
+        expanded,
+        toggleExpanded,
+    };
+};
+exports.useSettingsCardExpandable = useSettingsCardExpandable;
+//# sourceMappingURL=SettingsAccordian.js.map

package/_cjs/pages/SettingsPage/SettingsCard/SettingsAccordian.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsAccordian.js","sourceRoot":"","sources":["../../../../pages/SettingsPage/SettingsCard/SettingsAccordian.tsx"],"names":[],"mappings":";;;;AACA,iCAA8E;AAE9E,MAAM,wBAAwB,GAAG,IAAA,qBAAa,EAAC;IAC7C,WAAW,EAAE,CAAC,EAAU,EAAE,EAAE,GAAE,CAAC;IAC/B,QAAQ,EAAE,EAAE;CACb,CAAC,CAAC;AAEI,MAAM,qBAAqB,GAAgC,CAAC,EACjE,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAC,EAAE,CAAC,CAAC;IAE7C,OAAO,CACL,uBAAC,wBAAwB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,WAAW,EAAE,YAChE,QAAQ,GACyB,CACrC,CAAC;AACJ,CAAC,CAAC;AAVW,QAAA,qBAAqB,yBAUhC;AAEK,MAAM,yBAAyB,GAAG,GAAG,EAAE;IAC5C,MAAM,uBAAuB,GAAG,IAAA,aAAK,GAAE,CAAC;IACxC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAChD,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,IAAA,kBAAU,EAAC,wBAAwB,CAAC,CAAC;IACvE,MAAM,cAAc,GAAG,GAAG,EAAE;QAC1B,MAAM,WAAW,GAAG,CAAC,QAAQ,CAAC;QAC9B,WAAW,CAAC,WAAW,CAAC,CAAC;QAEzB,IAAI,WAAW,IAAI,QAAQ,KAAK,uBAAuB,EAAE,CAAC;YACxD,WAAW,CAAC,uBAAuB,CAAC,CAAC;QACvC,CAAC;IACH,CAAC,CAAC;IAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,QAAQ,KAAK,uBAAuB,EAAE,CAAC;YACzC,WAAW,CAAC,KAAK,CAAC,CAAC;QACrB,CAAC;IACH,CAAC,EAAE,CAAC,uBAAuB,EAAE,QAAQ,CAAC,CAAC,CAAC;IAExC,OAAO;QACL,QAAQ;QACR,cAAc;KACf,CAAC;AACJ,CAAC,CAAC;AAvBW,QAAA,yBAAyB,6BAuBpC"}

package/_cjs/pages/SettingsPage/SettingsCard/index.d.ts

@@ -0,0 +1,4 @@
+export * from './SettingCard.style';
+export * from './SettingCardExpandable';
+export * from './BadgedValue';
+export * from './SettingsAccordian';

package/_cjs/pages/SettingsPage/SettingsCard/index.js

@@ -0,0 +1,21 @@
+"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("./SettingCard.style"), exports);
+__exportStar(require("./SettingCardExpandable"), exports);
+__exportStar(require("./BadgedValue"), exports);
+__exportStar(require("./SettingsAccordian"), exports);
+//# sourceMappingURL=index.js.map

package/_cjs/pages/SettingsPage/SettingsCard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../pages/SettingsPage/SettingsCard/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,sDAAoC;AACpC,0DAAwC;AACxC,gDAA8B;AAC9B,sDAAoC"}

package/_cjs/pages/SettingsPage/SettingsCard/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/_cjs/pages/SettingsPage/SettingsCard/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../pages/SettingsPage/SettingsCard/types.ts"],"names":[],"mappings":""}

package/_cjs/pages/SettingsPage/SettingsPage.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SettingsPage = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const PageContainer_1 = require("../../components/PageContainer");
+const BridgeAndExchangeSettings_1 = require("./BridgeAndExchangeSettings");
+const GasPriceSettings_1 = require("./GasPriceSettings");
+const LanguageSetting_1 = require("./LanguageSetting");
+const ResetSettingsButton_1 = require("./ResetSettingsButton");
+const RoutePrioritySettings_1 = require("./RoutePrioritySettings");
+const SendToWalletOptionSetting_1 = require("./SendToWalletOptionSetting");
+const SettingsCard_1 = require("./SettingsCard");
+const SlippageSettings_1 = require("./SlippageSettings");
+const ThemeSettings_1 = require("./ThemeSettings");
+const SettingsPage = () => {
+    return ((0, jsx_runtime_1.jsxs)(PageContainer_1.PageContainer, { children: [(0, jsx_runtime_1.jsx)(SettingsCard_1.SettingsList, { children: (0, jsx_runtime_1.jsxs)(SettingsCard_1.SettingsCardAccordion, { children: [(0, jsx_runtime_1.jsx)(ThemeSettings_1.ThemeSettings, {}), (0, jsx_runtime_1.jsx)(LanguageSetting_1.LanguageSetting, {}), (0, jsx_runtime_1.jsx)(RoutePrioritySettings_1.RoutePrioritySettings, {}), (0, jsx_runtime_1.jsx)(GasPriceSettings_1.GasPriceSettings, {}), (0, jsx_runtime_1.jsx)(SlippageSettings_1.SlippageSettings, {}), (0, jsx_runtime_1.jsx)(BridgeAndExchangeSettings_1.BridgeAndExchangeSettings, { type: "Bridges" }), (0, jsx_runtime_1.jsx)(BridgeAndExchangeSettings_1.BridgeAndExchangeSettings, { type: "Exchanges" }), (0, jsx_runtime_1.jsx)(SendToWalletOptionSetting_1.SendToWalletOptionSetting, {})] }) }), (0, jsx_runtime_1.jsx)(ResetSettingsButton_1.ResetSettingsButton, {})] }));
+};
+exports.SettingsPage = SettingsPage;
+//# sourceMappingURL=SettingsPage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsPage.js","sourceRoot":"","sources":["../../../pages/SettingsPage/SettingsPage.tsx"],"names":[],"mappings":";;;;AAAA,kEAA+D;AAC/D,2EAAwE;AACxE,yDAAsD;AACtD,uDAAoD;AACpD,+DAA4D;AAC5D,mEAAgE;AAChE,2EAAwE;AACxE,iDAAqE;AACrE,yDAAsD;AACtD,mDAAgD;AAEzC,MAAM,YAAY,GAAG,GAAG,EAAE;IAC/B,OAAO,CACL,wBAAC,6BAAa,eACZ,uBAAC,2BAAY,cACX,wBAAC,oCAAqB,eACpB,uBAAC,6BAAa,KAAG,EACjB,uBAAC,iCAAe,KAAG,EACnB,uBAAC,6CAAqB,KAAG,EACzB,uBAAC,mCAAgB,KAAG,EACpB,uBAAC,mCAAgB,KAAG,EACpB,uBAAC,qDAAyB,IAAC,IAAI,EAAC,SAAS,GAAG,EAC5C,uBAAC,qDAAyB,IAAC,IAAI,EAAC,WAAW,GAAG,EAC9C,uBAAC,qDAAyB,KAAG,IACP,GACX,EACf,uBAAC,yCAAmB,KAAG,IACT,CACjB,CAAC;AACJ,CAAC,CAAC;AAlBW,QAAA,YAAY,gBAkBvB"}

package/_cjs/pages/SettingsPage/SlippageSettings/SlippageSettings.js

@@ -0,0 +1,51 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SlippageSettings = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Percent_1 = require("@mui/icons-material/Percent");
+const WarningRounded_1 = require("@mui/icons-material/WarningRounded");
+const material_1 = require("@mui/material");
+const react_1 = require("react");
+const react_i18next_1 = require("react-i18next");
+const hooks_1 = require("../../../hooks");
+const stores_1 = require("../../../stores");
+const utils_1 = require("../../../utils");
+const SettingsCard_1 = require("../SettingsCard");
+const SlippageSettings_style_1 = require("./SlippageSettings.style");
+const SlippageSettings = () => {
+    const { t } = (0, react_i18next_1.useTranslation)();
+    const { isSlippageOutsideRecommendedLimits, isSlippageChanged } = (0, hooks_1.useSettingMonitor)();
+    const { slippage } = (0, stores_1.useSettings)(['slippage']);
+    const setValue = (0, stores_1.useSettingsStore)((state) => state.setValue);
+    const defaultValue = (0, react_1.useRef)(slippage);
+    const [focused, setFocused] = (0, react_1.useState)();
+    const handleDefaultClick = () => {
+        setValue('slippage', (0, utils_1.formatSlippage)(stores_1.defaultSlippage, defaultValue.current));
+    };
+    const handleInputUpdate = (event) => {
+        const { value } = event.target;
+        setValue('slippage', (0, utils_1.formatSlippage)(value || stores_1.defaultSlippage, defaultValue.current, true));
+    };
+    const handleInputBlur = (event) => {
+        setFocused(undefined);
+        const { value } = event.target;
+        setValue('slippage', (0, utils_1.formatSlippage)(value || stores_1.defaultSlippage, defaultValue.current));
+    };
+    const customInputValue = !slippage || slippage === stores_1.defaultSlippage ? '' : slippage;
+    const badgeColor = isSlippageOutsideRecommendedLimits
+        ? 'warning'
+        : isSlippageChanged
+            ? 'info'
+            : undefined;
+    return ((0, jsx_runtime_1.jsx)(SettingsCard_1.SettingCardExpandable, { value: (0, jsx_runtime_1.jsx)(SettingsCard_1.BadgedValue, { badgeColor: badgeColor, showBadge: !!badgeColor, children: `${slippage}%` }), icon: (0, jsx_runtime_1.jsx)(Percent_1.default, {}), title: t(`settings.slippage`), children: (0, jsx_runtime_1.jsxs)(material_1.Box, { mt: 1.5, children: [(0, jsx_runtime_1.jsxs)(SlippageSettings_style_1.SettingsFieldSet, { children: [(0, jsx_runtime_1.jsx)(SlippageSettings_style_1.SlippageDefaultButton, { selected: stores_1.defaultSlippage === slippage && focused !== 'input', onFocus: () => {
+                                setFocused('button');
+                            }, onBlur: () => {
+                                setFocused(undefined);
+                            }, onClick: handleDefaultClick, disableRipple: true, children: stores_1.defaultSlippage }), (0, jsx_runtime_1.jsx)(SlippageSettings_style_1.SlippageCustomInput, { selected: stores_1.defaultSlippage !== slippage && focused !== 'button', placeholder: focused === 'input' ? '' : t('settings.custom'), inputProps: {
+                                inputMode: 'decimal',
+                            }, onChange: handleInputUpdate, onFocus: () => {
+                                setFocused('input');
+                            }, onBlur: handleInputBlur, value: customInputValue, autoComplete: "off" })] }), isSlippageOutsideRecommendedLimits && ((0, jsx_runtime_1.jsxs)(SlippageSettings_style_1.SlippageLimitsWarningContainer, { children: [(0, jsx_runtime_1.jsx)(WarningRounded_1.default, { color: "warning" }), (0, jsx_runtime_1.jsx)(material_1.Typography, { fontSize: 13, fontWeight: 400, children: t('warning.message.slippageOutsideRecommendedLimits') })] }))] }) }));
+};
+exports.SlippageSettings = SlippageSettings;
+//# sourceMappingURL=SlippageSettings.js.map

package/_cjs/pages/SettingsPage/SlippageSettings/SlippageSettings.js.map

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

package/_cjs/pages/SettingsPage/SlippageSettings/SlippageSettings.style.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import type { Theme } from '@mui/material';
+export declare const SettingsFieldSet: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<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<Theme>> & import("@mui/system").MUIStyledCommonProps<Theme>, {}, {}>;
+interface SlippageDefaultProps {
+    selected?: boolean;
+}
+export declare const SlippageDefaultButton: 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;
+}, "children" | "sx" | "style" | "className" | "tabIndex" | "disabled" | "action" | "classes" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef"> & import("@mui/system").MUIStyledCommonProps<Theme> & SlippageDefaultProps, {}, {}>;
+export declare const SlippageCustomInput: import("@emotion/styled").StyledComponent<import("@mui/material").InputBaseProps & import("@mui/system").MUIStyledCommonProps<Theme> & SlippageDefaultProps, {}, {}>;
+export declare const SlippageLimitsWarningContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<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<Theme>> & import("@mui/system").MUIStyledCommonProps<Theme>, {}, {}>;
+export {};

package/_cjs/pages/SettingsPage/SlippageSettings/SlippageSettings.style.js

@@ -0,0 +1,75 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SlippageLimitsWarningContainer = exports.SlippageCustomInput = exports.SlippageDefaultButton = exports.SettingsFieldSet = void 0;
+const material_1 = require("@mui/material");
+const InputBase_1 = require("@mui/material/InputBase");
+const styles_1 = require("@mui/material/styles");
+const utils_1 = require("../../../utils");
+exports.SettingsFieldSet = (0, styles_1.styled)(material_1.Box)(({ theme }) => ({
+    display: 'flex',
+    backgroundColor: (0, utils_1.getCardFieldsetBackgroundColor)(theme),
+    borderRadius: Math.max(theme.shape.borderRadius, theme.shape.borderRadiusSecondary),
+    padding: theme.spacing(0.5),
+    gap: theme.spacing(0.5),
+    height: '3.5rem',
+}));
+const slippageControlSelected = (theme) => ({
+    backgroundColor: theme.palette.mode === 'dark'
+        ? theme.palette.background.default
+        : theme.palette.common.white,
+    borderRadius: theme.shape.borderRadiusSecondary,
+    boxShadow: `0px 2px 4px ${(0, styles_1.alpha)(theme.palette.common.black, 0.04)}`,
+});
+exports.SlippageDefaultButton = (0, styles_1.styled)(material_1.ButtonBase)(({ theme, selected, }) => {
+    const selectedStyle = selected
+        ? {
+            '&:not(:focus)': {
+                ...slippageControlSelected(theme),
+            },
+        }
+        : {};
+    return {
+        height: '100%',
+        width: '100%',
+        fontSize: '1rem',
+        fontWeight: 700,
+        '&:focus': {
+            ...slippageControlSelected(theme),
+        },
+        ...selectedStyle,
+    };
+});
+exports.SlippageCustomInput = (0, styles_1.styled)(material_1.InputBase)(({ theme, selected, }) => {
+    const selectedStyle = selected
+        ? {
+            '&:not(:focus)': {
+                ...slippageControlSelected(theme),
+            },
+        }
+        : {};
+    return {
+        height: '100%',
+        width: '100%',
+        [`.${InputBase_1.inputBaseClasses.input}`]: {
+            height: '100%',
+            width: '100%',
+            padding: 0,
+            textAlign: 'center',
+            '&::placeholder': {
+                fontSize: '1rem',
+                fontWeight: 700,
+                opacity: 1,
+            },
+            '&:focus': {
+                ...slippageControlSelected(theme),
+            },
+            ...selectedStyle,
+        },
+    };
+});
+exports.SlippageLimitsWarningContainer = (0, styles_1.styled)(material_1.Box)(({ theme }) => ({
+    display: 'flex',
+    gap: theme.spacing(1.25),
+    marginTop: theme.spacing(1.5),
+}));
+//# sourceMappingURL=SlippageSettings.style.js.map

package/_cjs/pages/SettingsPage/SlippageSettings/SlippageSettings.style.js.map

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

package/_cjs/pages/SettingsPage/SlippageSettings/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("./SlippageSettings"), exports);
+//# sourceMappingURL=index.js.map

package/_cjs/pages/SettingsPage/SlippageSettings/index.js.map

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

package/_cjs/pages/SettingsPage/ThemeSettings.js

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ThemeSettings = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const BrightnessAuto_1 = require("@mui/icons-material/BrightnessAuto");
+const LightMode_1 = require("@mui/icons-material/LightMode");
+const Nightlight_1 = require("@mui/icons-material/Nightlight");
+const material_1 = require("@mui/material");
+const react_i18next_1 = require("react-i18next");
+const Tabs_1 = require("../../components/Tabs");
+const Card_1 = require("../../components/Card");
+const providers_1 = require("../../providers");
+const stores_1 = require("../../stores");
+const types_1 = require("../../types");
+const SettingsCard_1 = require("./SettingsCard");
+const themeIcons = {
+    light: LightMode_1.default,
+    dark: Nightlight_1.default,
+    auto: BrightnessAuto_1.default,
+};
+// If the Tab is not the direct child of the Tabs component you can loose the switching
+// The component passes the props to the Tab component so switching isn't lost
+const ThemeTab = ({ title, value, Icon, ...props }) => ((0, jsx_runtime_1.jsx)(material_1.Tooltip, { title: title, arrow: true, children: (0, jsx_runtime_1.jsx)(Tabs_1.Tab, { icon: Icon, value: value, ...props, disableRipple: true }) }));
+const ThemeSettings = () => {
+    const { t } = (0, react_i18next_1.useTranslation)();
+    const [appearance, setAppearance] = (0, stores_1.useAppearance)();
+    const { hiddenUI } = (0, providers_1.useWidgetConfig)();
+    if (hiddenUI?.includes(types_1.HiddenUI.Appearance)) {
+        return null;
+    }
+    const ThemeIcon = themeIcons[appearance];
+    const handleThemeChange = (_, appearance) => {
+        setAppearance(appearance);
+    };
+    return ((0, jsx_runtime_1.jsx)(SettingsCard_1.SettingCardExpandable, { value: (0, jsx_runtime_1.jsxs)(Card_1.CardValue, { children: [t(`button.${appearance}`), " "] }), icon: (0, jsx_runtime_1.jsx)(ThemeIcon, {}), title: t('settings.theme'), children: (0, jsx_runtime_1.jsx)(Tabs_1.Tabs, { value: appearance, "aria-label": "tabs", indicatorColor: "primary", onChange: handleThemeChange, sx: { mt: 1.5 }, children: Object.entries(themeIcons).map(([theme, Icon]) => {
+                const supportedThemeOption = theme;
+                return ((0, jsx_runtime_1.jsx)(ThemeTab, { title: t(`button.${supportedThemeOption}`), value: supportedThemeOption, Icon: (0, jsx_runtime_1.jsx)(Icon, {}) }, supportedThemeOption));
+            }) }) }));
+};
+exports.ThemeSettings = ThemeSettings;
+//# sourceMappingURL=ThemeSettings.js.map

package/_cjs/pages/SettingsPage/ThemeSettings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeSettings.js","sourceRoot":"","sources":["../../../pages/SettingsPage/ThemeSettings.tsx"],"names":[],"mappings":";;;;AAAA,uEAAoE;AACpE,6DAA0D;AAC1D,+DAA4D;AAC5D,4CAAwC;AACxC,iDAA+C;AAC/C,gDAAkD;AAClD,gDAAkD;AAClD,+CAAkD;AAClD,yCAA6C;AAE7C,uCAAuC;AACvC,iDAAuD;AAEvD,MAAM,UAAU,GAAG;IACjB,KAAK,EAAE,mBAAa;IACpB,IAAI,EAAE,oBAAc;IACpB,IAAI,EAAE,wBAAkB;CACzB,CAAC;AAQF,uFAAuF;AACvF,8EAA8E;AAC9E,MAAM,QAAQ,GAA4B,CAAC,EACzC,KAAK,EACL,KAAK,EACL,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,EAAE,CAAC,CACJ,uBAAC,kBAAO,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,kBAC1B,uBAAC,UAAG,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,KAAM,KAAK,EAAE,aAAa,SAAG,GAClD,CACX,CAAC;AAEK,MAAM,aAAa,GAAa,GAAG,EAAE;IAC1C,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,sBAAa,GAAE,CAAC;IACpD,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,2BAAe,GAAE,CAAC;IAEvC,IAAI,QAAQ,EAAE,QAAQ,CAAC,gBAAQ,CAAC,UAAU,CAAC,EAAE,CAAC;QAC5C,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,SAAS,GAAG,UAAU,CAAC,UAAU,CAAC,CAAC;IAEzC,MAAM,iBAAiB,GAAG,CACxB,CAAuB,EACvB,UAAsB,EACtB,EAAE;QACF,aAAa,CAAC,UAAU,CAAC,CAAC;IAC5B,CAAC,CAAC;IAEF,OAAO,CACL,uBAAC,oCAAqB,IACpB,KAAK,EAAE,wBAAC,gBAAS,eAAE,CAAC,CAAC,UAAU,UAAU,EAAE,CAAC,SAAc,EAC1D,IAAI,EAAE,uBAAC,SAAS,KAAG,EACnB,KAAK,EAAE,CAAC,CAAC,gBAAgB,CAAC,YAE1B,uBAAC,WAAI,IACH,KAAK,EAAE,UAAU,gBACN,MAAM,EACjB,cAAc,EAAC,SAAS,EACxB,QAAQ,EAAE,iBAAiB,EAC3B,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,YAEd,MAAM,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,EAAE,IAAI,CAAC,EAAE,EAAE;gBAChD,MAAM,oBAAoB,GAAG,KAAmB,CAAC;gBAEjD,OAAO,CACL,uBAAC,QAAQ,IAEP,KAAK,EAAE,CAAC,CAAC,UAAU,oBAAoB,EAAE,CAAC,EAC1C,KAAK,EAAE,oBAAoB,EAC3B,IAAI,EAAE,uBAAC,IAAI,KAAG,IAHT,oBAAoB,CAIzB,CACH,CAAC;YACJ,CAAC,CAAC,GACG,GACe,CACzB,CAAC;AACJ,CAAC,CAAC;AA9CW,QAAA,aAAa,iBA8CxB"}

package/_cjs/pages/SettingsPage/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("./SettingsPage"), exports);
+//# sourceMappingURL=index.js.map

package/_cjs/pages/SettingsPage/index.js.map

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

package/_cjs/pages/TransactionDetailsPage/ContactSupportButton.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ContactSupportButton = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const react_i18next_1 = require("react-i18next");
+const hooks_1 = require("../../hooks/");
+const events_1 = require("../../types/events");
+const ContactSupportButton = ({ supportId, }) => {
+    const { t } = (0, react_i18next_1.useTranslation)();
+    const widgetEvents = (0, hooks_1.useWidgetEvents)();
+    const handleClick = () => {
+        if (!widgetEvents.all.has(events_1.WidgetEvent.ContactSupport)) {
+            const url = 'https://discord.gg/lifi';
+            const target = '_blank';
+            const rel = 'nofollow noreferrer';
+            window.open(url, target, rel);
+        }
+        else {
+            widgetEvents.emit(events_1.WidgetEvent.ContactSupport, { supportId });
+        }
+    };
+    return ((0, jsx_runtime_1.jsx)(material_1.Button, { onClick: handleClick, fullWidth: true, children: t('button.contactSupport') }));
+};
+exports.ContactSupportButton = ContactSupportButton;
+//# sourceMappingURL=ContactSupportButton.js.map

package/_cjs/pages/TransactionDetailsPage/ContactSupportButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContactSupportButton.js","sourceRoot":"","sources":["../../../pages/TransactionDetailsPage/ContactSupportButton.tsx"],"names":[],"mappings":";;;;AAAA,4CAAuC;AACvC,iDAA+C;AAC/C,wCAA+C;AAC/C,+CAAiD;AAM1C,MAAM,oBAAoB,GAAG,CAAC,EACnC,SAAS,GACiB,EAAE,EAAE;IAC9B,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,MAAM,YAAY,GAAG,IAAA,uBAAe,GAAE,CAAC;IAEvC,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,GAAG,CAAC,oBAAW,CAAC,cAAc,CAAC,EAAE,CAAC;YACtD,MAAM,GAAG,GAAG,yBAAyB,CAAC;YACtC,MAAM,MAAM,GAAG,QAAQ,CAAC;YACxB,MAAM,GAAG,GAAG,qBAAqB,CAAC;YAClC,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,CAAC,CAAC;QAChC,CAAC;aAAM,CAAC;YACN,YAAY,CAAC,IAAI,CAAC,oBAAW,CAAC,cAAc,EAAE,EAAE,SAAS,EAAE,CAAC,CAAC;QAC/D,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,uBAAC,iBAAM,IAAC,OAAO,EAAE,WAAW,EAAE,SAAS,kBACpC,CAAC,CAAC,uBAAuB,CAAC,GACpB,CACV,CAAC;AACJ,CAAC,CAAC;AAtBW,QAAA,oBAAoB,wBAsB/B"}