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

package/src/_cjs/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?: ((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 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?: ((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 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;
+}, "children" | "sx" | "style" | "className" | "tabIndex" | "disabled" | "action" | "classes" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "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;
+}, "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "color" | "zIndex" | "position" | "top" | "right" | "bottom" | "left" | "boxShadow" | "width" | "maxWidth" | "minWidth" | "height" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "marginInline" | "marginInlineStart" | "marginInlineEnd" | "marginBlock" | "marginBlockStart" | "marginBlockEnd" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "paddingInline" | "paddingInlineStart" | "paddingInlineEnd" | "paddingBlock" | "paddingBlockStart" | "paddingBlockEnd" | "typography" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "textTransform" | "children" | "sx" | "style" | "className" | "align" | "classes" | "gutterBottom" | "noWrap" | "paragraph" | "variant" | "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;
+}, "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/src/_cjs/pages/SettingsPage/SettingsCard/SettingCard.style.js

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Badge = exports.SummaryValue = exports.SummaryRowButton = exports.SummaryRowContainer = exports.SummaryTitleContainer = 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, 3, 2),
+}));
+exports.SummaryTitleContainer = (0, styles_1.styled)(material_1.Box)(({ theme }) => ({
+    display: 'flex',
+    alignItems: 'center',
+    gap: theme.spacing(1.5),
+}));
+exports.SummaryRowContainer = (0, styles_1.styled)(material_1.Box)({
+    display: 'flex',
+    width: '100%',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+});
+exports.SummaryRowButton = (0, styles_1.styled)(material_1.ButtonBase)({
+    background: 'none',
+    color: 'inherit',
+    border: 'none',
+    padding: 0,
+    font: 'inherit',
+    cursor: 'pointer',
+    outline: 'inherit',
+    display: 'flex',
+    width: '100%',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+});
+exports.SummaryValue = (0, styles_1.styled)(material_1.Typography)({
+    lineHeight: '1.25',
+    fontWeight: 500,
+});
+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/src/_cjs/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,4CAA+E;AAC/E,+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,qBAAqB,GAAG,IAAA,eAAM,EAAC,cAAG,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;AAES,QAAA,mBAAmB,GAAG,IAAA,eAAM,EAAC,cAAG,CAAC,CAAC;IAC7C,OAAO,EAAE,MAAM;IACf,KAAK,EAAE,MAAM;IACb,cAAc,EAAE,eAAe;IAC/B,UAAU,EAAE,QAAQ;CACrB,CAAC,CAAC;AAEU,QAAA,gBAAgB,GAAG,IAAA,eAAM,EAAC,qBAAU,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;AAEU,QAAA,YAAY,GAAG,IAAA,eAAM,EAAC,qBAAU,CAAC,CAAC;IAC7C,UAAU,EAAE,MAAM;IAClB,UAAU,EAAE,GAAG;CAChB,CAAC,CAAC;AAEU,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/src/_cjs/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/_cjs/pages/SettingsPage/SettingsCard/SettingCardButton.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SettingCardButton = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const SettingCard_1 = require("./SettingCard");
+const SettingCard_style_1 = require("./SettingCard.style");
+const SettingCardButton = ({ onClick, icon, title, children }) => ((0, jsx_runtime_1.jsx)(SettingCard_1.SettingCard, { children: (0, jsx_runtime_1.jsxs)(SettingCard_style_1.SummaryRowButton, { onClick: onClick, disableRipple: true, children: [(0, jsx_runtime_1.jsxs)(SettingCard_style_1.SummaryTitleContainer, { children: [icon, (0, jsx_runtime_1.jsx)(SettingCard_style_1.SummaryValue, { children: title })] }), children] }) }));
+exports.SettingCardButton = SettingCardButton;
+//# sourceMappingURL=SettingCardButton.js.map

package/src/_cjs/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,+CAA4C;AAC5C,2DAI6B;AAMtB,MAAM,iBAAiB,GAE1B,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAC1C,uBAAC,yBAAW,cACV,wBAAC,oCAAgB,IAAC,OAAO,EAAE,OAAO,EAAE,aAAa,mBAC/C,wBAAC,yCAAqB,eACnB,IAAI,EACL,uBAAC,gCAAY,cAAE,KAAK,GAAgB,IACd,EACvB,QAAQ,IACQ,GACP,CACf,CAAC;AAZW,QAAA,iBAAiB,qBAY5B"}

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

@@ -0,0 +1,17 @@
+"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 SettingCard_1 = require("./SettingCard");
+const SettingCard_style_1 = require("./SettingCard.style");
+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)(SettingCard_1.SettingCard, { children: [(0, jsx_runtime_1.jsxs)(SettingCard_style_1.SummaryRowButton, { id: buttonId, "aria-expanded": expanded, "aria-controls": collapseId, onClick: toggleExpanded, disableRipple: true, children: [(0, jsx_runtime_1.jsxs)(SettingCard_style_1.SummaryTitleContainer, { children: [icon, (0, jsx_runtime_1.jsx)(SettingCard_style_1.SummaryValue, { 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/src/_cjs/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,iCAA8B;AAC9B,4CAAyC;AAEzC,+CAA4C;AAC5C,2DAI6B;AAC7B,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,yBAAW,eACV,wBAAC,oCAAgB,IACf,EAAE,EAAE,QAAQ,mBACG,QAAQ,mBACR,UAAU,EACzB,OAAO,EAAE,cAAc,EACvB,aAAa,mBAEb,wBAAC,yCAAqB,eACnB,IAAI,EACL,uBAAC,gCAAY,cAAE,KAAK,GAAgB,IACd,EACvB,CAAC,QAAQ,IAAI,KAAK,IACF,EACnB,uBAAC,mBAAQ,IACP,EAAE,EAAE,UAAU,EACd,IAAI,EAAC,QAAQ,qBACI,QAAQ,EACzB,EAAE,EAAE,QAAQ,YAEX,QAAQ,GACA,IACC,CACf,CAAC;AACJ,CAAC,CAAC;AAhCW,QAAA,qBAAqB,yBAgChC"}

package/src/_cjs/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;
+};

package/src/_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/src/_cjs/pages/SettingsPage/SettingsCard/SettingsAccordian.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsAccordian.js","sourceRoot":"","sources":["../../../../../../src/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/src/_cjs/pages/SettingsPage/SettingsCard/index.d.ts

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

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

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

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

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

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

@@ -0,0 +1,5 @@
+import type { ReactNode } from 'react';
+export interface SettingCardTitle {
+    icon: ReactNode;
+    title: ReactNode;
+}

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

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

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

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

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

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

package/src/_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 material_1 = require("@mui/material");
+const BridgeAndExchangeSettings_1 = require("./BridgeAndExchangeSettings");
+const LanguageSetting_1 = require("./LanguageSetting");
+const ResetSettingsButton_1 = require("./ResetSettingsButton");
+const SendToWalletOptionSetting_1 = require("./SendToWalletOptionSetting");
+const GasPriceSettings_1 = require("./GasPriceSettings");
+const RoutePrioritySettings_1 = require("./RoutePrioritySettings");
+const ThemeSettings_1 = require("./ThemeSettings");
+const SlippageSettings_1 = require("./SlippageSettings");
+const SettingsCard_1 = require("./SettingsCard");
+const SettingsPage = () => {
+    return ((0, jsx_runtime_1.jsxs)(material_1.Container, { disableGutters: true, 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/src/_cjs/pages/SettingsPage/SettingsPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsPage.js","sourceRoot":"","sources":["../../../../../src/pages/SettingsPage/SettingsPage.tsx"],"names":[],"mappings":";;;;AAAA,4CAA0C;AAC1C,2EAAwE;AACxE,uDAAoD;AACpD,+DAA4D;AAC5D,2EAAwE;AACxE,yDAAsD;AACtD,mEAAgE;AAChE,mDAAgD;AAChD,yDAAsD;AACtD,iDAAqE;AAE9D,MAAM,YAAY,GAAG,GAAG,EAAE;IAC/B,OAAO,CACL,wBAAC,oBAAS,IAAC,cAAc,mBACvB,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,IACb,CACb,CAAC;AACJ,CAAC,CAAC;AAlBW,QAAA,YAAY,gBAkBvB"}

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

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

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

@@ -0,0 +1,52 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SlippageSettings = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_i18next_1 = require("react-i18next");
+const Percent_1 = require("@mui/icons-material/Percent");
+const stores_1 = require("../../../stores");
+const hooks_1 = require("../../../hooks");
+const utils_1 = require("../../../utils");
+const SlippageSettings_style_1 = require("./SlippageSettings.style");
+const material_1 = require("@mui/material");
+const SettingsCard_1 = require("../SettingsCard");
+const WarningRounded_1 = require("@mui/icons-material/WarningRounded");
+const slippageDefault = '0.5';
+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)(slippageDefault, defaultValue.current));
+    };
+    const handleInputUpdate = (event) => {
+        const { value } = event.target;
+        setValue('slippage', (0, utils_1.formatSlippage)(value || slippageDefault, defaultValue.current, true));
+    };
+    const handleInputBlur = (event) => {
+        setFocused(undefined);
+        const { value } = event.target;
+        setValue('slippage', (0, utils_1.formatSlippage)(value || slippageDefault, defaultValue.current));
+    };
+    const customInputValue = !slippage || slippage === slippageDefault ? '' : 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: slippageDefault === slippage && focused !== 'input', onFocus: () => {
+                                setFocused('button');
+                            }, onBlur: () => {
+                                setFocused(undefined);
+                            }, onClick: handleDefaultClick, disableRipple: true, children: slippageDefault }), (0, jsx_runtime_1.jsx)(SlippageSettings_style_1.SlippageCustomInput, { selected: slippageDefault !== 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/src/_cjs/pages/SettingsPage/SlippageSettings/SlippageSettings.js.map

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

package/src/_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/src/_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 styles_1 = require("@mui/material/styles");
+const material_1 = require("@mui/material");
+const InputBase_1 = require("@mui/material/InputBase");
+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/src/_cjs/pages/SettingsPage/SlippageSettings/SlippageSettings.style.js.map

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

package/src/_cjs/pages/SettingsPage/SlippageSettings/index.d.ts

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

package/src/_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/src/_cjs/pages/SettingsPage/SlippageSettings/index.js.map

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

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

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

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

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ThemeSettings = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const types_1 = require("../../types");
+const providers_1 = require("../../providers");
+const LightMode_1 = require("@mui/icons-material/LightMode");
+const BrightnessAuto_1 = require("@mui/icons-material/BrightnessAuto");
+const Nightlight_1 = require("@mui/icons-material/Nightlight");
+const material_1 = require("@mui/material");
+const react_i18next_1 = require("react-i18next");
+const stores_1 = require("../../stores");
+const SettingsCard_1 = require("./SettingsCard");
+const Tabs_1 = require("../../components/Tabs");
+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)(SettingsCard_1.SummaryValue, { 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/src/_cjs/pages/SettingsPage/ThemeSettings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeSettings.js","sourceRoot":"","sources":["../../../../../src/pages/SettingsPage/ThemeSettings.tsx"],"names":[],"mappings":";;;;AACA,uCAAuC;AACvC,+CAAkD;AAClD,6DAA0D;AAC1D,uEAAgE;AAChE,+DAAwD;AACxD,4CAAwC;AACxC,iDAA+C;AAC/C,yCAA6C;AAC7C,iDAAqE;AACrE,gDAAkD;AAElD,MAAM,UAAU,GAAG;IACjB,KAAK,EAAE,mBAAa;IACpB,IAAI,EAAE,oBAAU;IAChB,IAAI,EAAE,wBAAc;CACrB,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,2BAAY,eAAE,CAAC,CAAC,UAAU,UAAU,EAAE,CAAC,SAAiB,EAChE,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/src/_cjs/pages/SettingsPage/index.d.ts

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

package/src/_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/src/_cjs/pages/SettingsPage/index.js.map

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

package/src/_cjs/pages/TransactionDetailsPage/ContactSupportButton.d.ts

@@ -0,0 +1,5 @@
+interface ContactSupportButtonProps {
+    supportId?: string;
+}
+export declare const ContactSupportButton: ({ supportId, }: ContactSupportButtonProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/src/_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/src/_cjs/pages/TransactionDetailsPage/ContactSupportButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContactSupportButton.js","sourceRoot":"","sources":["../../../../../src/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"}

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

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