@lifi/widget 3.0.0-alpha.16 → 3.0.0-alpha.19

package/AppRoutes.tsx

@@ -9,6 +9,12 @@ import { SelectChainPage } from './pages/SelectChainPage';
 import { SelectEnabledToolsPage } from './pages/SelectEnabledToolsPage';
 import { SelectTokenPage } from './pages/SelectTokenPage';
 import { SelectWalletPage } from './pages/SelectWalletPage';
+import {
+  BookmarksPage,
+  ConnectedWalletsPage,
+  RecentWalletsPage,
+  SendToWalletPage,
+} from './pages/SendToWallet';
 import { SettingsPage } from './pages/SettingsPage';
 import { TransactionDetailsPage } from './pages/TransactionDetailsPage';
 import { TransactionHistoryPage } from './pages/TransactionHistoryPage';
@@ -75,6 +81,22 @@ const routes: RouteObject[] = [
     path: navigationRoutes.activeTransactions,
     element: <ActiveTransactionsPage />,
   },
+  {
+    path: navigationRoutes.sendToWallet,
+    element: <SendToWalletPage />,
+  },
+  {
+    path: `${navigationRoutes.sendToWallet}/${navigationRoutes.bookmarks}`,
+    element: <BookmarksPage />,
+  },
+  {
+    path: `${navigationRoutes.sendToWallet}/${navigationRoutes.recentWallets}`,
+    element: <RecentWalletsPage />,
+  },
+  {
+    path: `${navigationRoutes.sendToWallet}/${navigationRoutes.connectedWallets}`,
+    element: <ConnectedWalletsPage />,
+  },
   {
     path: navigationRoutes.transactionHistory,
     element: <TransactionHistoryPage />,

package/_cjs/AppRoutes.js

@@ -12,6 +12,7 @@ const SelectChainPage_1 = require("./pages/SelectChainPage");
 const SelectEnabledToolsPage_1 = require("./pages/SelectEnabledToolsPage");
 const SelectTokenPage_1 = require("./pages/SelectTokenPage");
 const SelectWalletPage_1 = require("./pages/SelectWalletPage");
+const SendToWallet_1 = require("./pages/SendToWallet");
 const SettingsPage_1 = require("./pages/SettingsPage");
 const TransactionDetailsPage_1 = require("./pages/TransactionDetailsPage");
 const TransactionHistoryPage_1 = require("./pages/TransactionHistoryPage");
@@ -72,6 +73,22 @@ const routes = [
         path: utils_1.navigationRoutes.activeTransactions,
         element: (0, jsx_runtime_1.jsx)(ActiveTransactionsPage_1.ActiveTransactionsPage, {}),
     },
+    {
+        path: utils_1.navigationRoutes.sendToWallet,
+        element: (0, jsx_runtime_1.jsx)(SendToWallet_1.SendToWalletPage, {}),
+    },
+    {
+        path: `${utils_1.navigationRoutes.sendToWallet}/${utils_1.navigationRoutes.bookmarks}`,
+        element: (0, jsx_runtime_1.jsx)(SendToWallet_1.BookmarksPage, {}),
+    },
+    {
+        path: `${utils_1.navigationRoutes.sendToWallet}/${utils_1.navigationRoutes.recentWallets}`,
+        element: (0, jsx_runtime_1.jsx)(SendToWallet_1.RecentWalletsPage, {}),
+    },
+    {
+        path: `${utils_1.navigationRoutes.sendToWallet}/${utils_1.navigationRoutes.connectedWallets}`,
+        element: (0, jsx_runtime_1.jsx)(SendToWallet_1.ConnectedWalletsPage, {}),
+    },
     {
         path: utils_1.navigationRoutes.transactionHistory,
         element: (0, jsx_runtime_1.jsx)(TransactionHistoryPage_1.TransactionHistoryPage, {}),

package/_cjs/AppRoutes.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppRoutes.js","sourceRoot":"","sources":["../AppRoutes.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"AppRoutes.js","sourceRoot":"","sources":["../AppRoutes.tsx"],"names":[],"mappings":";;;;AACA,uDAA0D;AAC1D,oDAAiD;AACjD,2EAAwE;AACxE,yDAAsD;AACtD,+CAA4C;AAC5C,mDAAgD;AAChD,6DAA0D;AAC1D,2EAAwE;AACxE,6DAA0D;AAC1D,+DAA4D;AAC5D,uDAK8B;AAC9B,uDAAoD;AACpD,2EAAwE;AACxE,2EAAwE;AACxE,6DAA0D;AAC1D,mCAA2C;AAE3C,8GAA8G;AAC9G,qIAAqI;AACrI,MAAM,oBAAoB,GAAG,GAAG,EAAE;IAChC,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,8BAAW,GAAE,CAAC;IACnC,OAAO,QAAQ,CAAC,QAAQ,CAAC,wBAAgB,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CACxD,uBAAC,mCAAgB,KAAG,CACrB,CAAC,CAAC,CAAC,CACF,uBAAC,mBAAQ,KAAG,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAkB;IAC5B;QACE,IAAI,EAAE,GAAG;QACT,OAAO,EAAE,uBAAC,mBAAQ,KAAG;KACtB;IACD;QACE,IAAI,EAAE,wBAAgB,CAAC,QAAQ;QAC/B,OAAO,EAAE,uBAAC,2BAAY,KAAG;KAC1B;IACD;QACE,IAAI,EAAE,GAAG,wBAAgB,CAAC,QAAQ,IAAI,wBAAgB,CAAC,OAAO,EAAE;QAChE,OAAO,EAAE,uBAAC,+CAAsB,IAAC,IAAI,EAAC,SAAS,GAAG;KACnD;IACD;QACE,IAAI,EAAE,GAAG,wBAAgB,CAAC,QAAQ,IAAI,wBAAgB,CAAC,SAAS,EAAE;QAClE,OAAO,EAAE,uBAAC,+CAAsB,IAAC,IAAI,EAAC,WAAW,GAAG;KACrD;IACD;QACE,IAAI,EAAE,GAAG,wBAAgB,CAAC,QAAQ,IAAI,wBAAgB,CAAC,SAAS,EAAE;QAClE,OAAO,EAAE,uBAAC,6BAAa,KAAG;KAC3B;IACD;QACE,IAAI,EAAE,wBAAgB,CAAC,SAAS;QAChC,OAAO,EAAE,uBAAC,iCAAe,IAAC,QAAQ,EAAC,MAAM,GAAG;KAC7C;IACD;QACE,IAAI,EAAE,wBAAgB,CAAC,OAAO;QAC9B,OAAO,EAAE,uBAAC,iCAAe,IAAC,QAAQ,EAAC,IAAI,GAAG;KAC3C;IACD;QACE,IAAI,EAAE,wBAAgB,CAAC,aAAa;QACpC,OAAO,EAAE,uBAAC,iCAAe,IAAC,QAAQ,EAAC,IAAI,EAAC,iBAAiB,SAAG;KAC7D;IACD;QACE,IAAI,EAAE,GAAG,wBAAgB,CAAC,SAAS,KAAK,wBAAgB,CAAC,SAAS,EAAE;QACpE,OAAO,EAAE,uBAAC,iCAAe,IAAC,QAAQ,EAAC,MAAM,GAAG;KAC7C;IACD;QACE,IAAI,EAAE,GAAG,wBAAgB,CAAC,OAAO,KAAK,wBAAgB,CAAC,OAAO,EAAE;QAChE,OAAO,EAAE,uBAAC,iCAAe,IAAC,QAAQ,EAAC,IAAI,GAAG;KAC3C;IACD;QACE,IAAI,EAAE,wBAAgB,CAAC,MAAM;QAC7B,OAAO,EAAE,uBAAC,uBAAU,KAAG;KACxB;IACD;QACE,IAAI,EAAE,wBAAgB,CAAC,kBAAkB;QACzC,OAAO,EAAE,uBAAC,+CAAsB,KAAG;KACpC;IACD;QACE,IAAI,EAAE,wBAAgB,CAAC,YAAY;QACnC,OAAO,EAAE,uBAAC,+BAAgB,KAAG;KAC9B;IACD;QACE,IAAI,EAAE,GAAG,wBAAgB,CAAC,YAAY,IAAI,wBAAgB,CAAC,SAAS,EAAE;QACtE,OAAO,EAAE,uBAAC,4BAAa,KAAG;KAC3B;IACD;QACE,IAAI,EAAE,GAAG,wBAAgB,CAAC,YAAY,IAAI,wBAAgB,CAAC,aAAa,EAAE;QAC1E,OAAO,EAAE,uBAAC,gCAAiB,KAAG;KAC/B;IACD;QACE,IAAI,EAAE,GAAG,wBAAgB,CAAC,YAAY,IAAI,wBAAgB,CAAC,gBAAgB,EAAE;QAC7E,OAAO,EAAE,uBAAC,mCAAoB,KAAG;KAClC;IACD;QACE,IAAI,EAAE,wBAAgB,CAAC,kBAAkB;QACzC,OAAO,EAAE,uBAAC,+CAAsB,KAAG;KACpC;IACD;QACE,IAAI,EAAE,GAAG,wBAAgB,CAAC,kBAAkB,KAAK,wBAAgB,CAAC,MAAM,KAAK,wBAAgB,CAAC,oBAAoB,KAAK,wBAAgB,CAAC,kBAAkB,EAAE;QAC5J,OAAO,EAAE,uBAAC,+CAAsB,KAAG;KACpC;IACD;QACE,IAAI,EAAE,GAAG,wBAAgB,CAAC,MAAM,KAAK,wBAAgB,CAAC,kBAAkB,KAAK,wBAAgB,CAAC,oBAAoB,EAAE;QACpH,OAAO,EAAE,uBAAC,iCAAe,KAAG;KAC7B;IACD;QACE,IAAI,EAAE,GAAG;QACT,OAAO,EAAE,uBAAC,oBAAoB,KAAG;KAClC;CACF,CAAC;AAEK,MAAM,SAAS,GAAG,GAAG,EAAE;IAC5B,MAAM,OAAO,GAAG,IAAA,4BAAS,EAAC,MAAM,CAAC,CAAC;IAClC,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAHW,QAAA,SAAS,aAGpB"}

package/_cjs/components/AccountAvatar.d.ts

@@ -0,0 +1,7 @@
+import type { Account } from '../hooks';
+interface AccountAvatarProps {
+    chainId?: number;
+    account?: Account;
+}
+export declare const AccountAvatar: ({ chainId, account }: AccountAvatarProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/_cjs/components/AccountAvatar.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AccountAvatar = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const Wallet_1 = require("@mui/icons-material/Wallet");
+const wallet_management_1 = require("@lifi/wallet-management");
+const hooks_1 = require("../hooks");
+const SmallAvatar_1 = require("./SmallAvatar");
+const WalletAvatar = () => ((0, jsx_runtime_1.jsx)(material_1.Avatar, { children: (0, jsx_runtime_1.jsx)(Wallet_1.default, { sx: { fontSize: 20 } }) }));
+const AccountAvatar = ({ chainId, account }) => {
+    const { chain } = (0, hooks_1.useChain)(chainId);
+    const avatar = account ? ((0, jsx_runtime_1.jsx)(material_1.Avatar, { src: account.connector?.icon ||
+            (0, wallet_management_1.getWalletIcon)(account.connector?.id), alt: account.connector?.name, sx: {
+            marginRight: chain?.logoURI ? 0 : 1.5,
+        }, children: account.connector?.name[0] })) : ((0, jsx_runtime_1.jsx)(WalletAvatar, {}));
+    return chainId && chain?.logoURI ? ((0, jsx_runtime_1.jsx)(material_1.Badge, { overlap: "circular", anchorOrigin: { vertical: 'bottom', horizontal: 'right' }, badgeContent: (0, jsx_runtime_1.jsx)(SmallAvatar_1.SmallAvatar, { src: chain?.logoURI, alt: chain?.name, children: chain?.name[0] }), children: avatar })) : (avatar);
+};
+exports.AccountAvatar = AccountAvatar;
+//# sourceMappingURL=AccountAvatar.js.map

package/_cjs/components/AccountAvatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccountAvatar.js","sourceRoot":"","sources":["../../components/AccountAvatar.tsx"],"names":[],"mappings":";;;;AAAA,4CAA8C;AAC9C,uDAAoD;AACpD,+DAAwD;AAGxD,oCAAoC;AACpC,+CAA4C;AAO5C,MAAM,YAAY,GAAG,GAAG,EAAE,CAAC,CACzB,uBAAC,iBAAM,cACL,uBAAC,gBAAU,IAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,GAAI,GAC7B,CACV,CAAC;AAEK,MAAM,aAAa,GAAG,CAAC,EAAE,OAAO,EAAE,OAAO,EAAsB,EAAE,EAAE;IACxE,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,gBAAQ,EAAC,OAAO,CAAC,CAAC;IAEpC,MAAM,MAAM,GAAG,OAAO,CAAC,CAAC,CAAC,CACvB,uBAAC,iBAAM,IACL,GAAG,EACD,OAAO,CAAC,SAAS,EAAE,IAAI;YACvB,IAAA,iCAAa,EAAE,OAAO,CAAC,SAAuB,EAAE,EAAE,CAAC,EAErD,GAAG,EAAE,OAAO,CAAC,SAAS,EAAE,IAAI,EAC5B,EAAE,EAAE;YACF,WAAW,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;SACtC,YAEA,OAAO,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC,CAAC,GACpB,CACV,CAAC,CAAC,CAAC,CACF,uBAAC,YAAY,KAAG,CACjB,CAAC;IAEF,OAAO,OAAO,IAAI,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,CACjC,uBAAC,gBAAK,IACJ,OAAO,EAAC,UAAU,EAClB,YAAY,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,EACzD,YAAY,EACV,uBAAC,yBAAW,IAAC,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,YAC/C,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,GACH,YAGf,MAAM,GACD,CACT,CAAC,CAAC,CAAC,CACF,MAAM,CACP,CAAC;AACJ,CAAC,CAAC;AAnCW,QAAA,aAAa,iBAmCxB"}

package/_cjs/components/ActiveTransactions/ActiveTransactions.style.d.ts

@@ -1,12 +1,12 @@
 /// <reference types="react" />
 export declare const ListItemButton: import("@emotion/styled").StyledComponent<import("@mui/material").ListItemButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, "alignItems" | "children" | "sx" | "style" | "autoFocus" | "className" | "tabIndex" | "disabled" | "action" | "selected" | "classes" | "divider" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "dense" | "disableGutters"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+}, "alignItems" | "children" | "sx" | "style" | "autoFocus" | "className" | "tabIndex" | "disabled" | "action" | "selected" | "classes" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "dense" | "divider" | "disableGutters"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
 export declare const ListItem: import("@emotion/styled").StyledComponent<{
     button?: false | undefined;
 } & import("@mui/material").ListItemOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
     ref?: ((instance: HTMLLIElement | null) => void) | import("react").RefObject<HTMLLIElement> | null | undefined;
-}, "button" | "alignItems" | "children" | "sx" | "style" | "autoFocus" | "className" | "disabled" | "selected" | "classes" | "divider" | "components" | "dense" | "componentsProps" | "slotProps" | "slots" | "disableGutters" | "ContainerComponent" | "ContainerProps" | "disablePadding" | "secondaryAction"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+}, "button" | "alignItems" | "children" | "sx" | "style" | "autoFocus" | "className" | "disabled" | "selected" | "classes" | "components" | "dense" | "divider" | "componentsProps" | "slotProps" | "slots" | "disableGutters" | "ContainerComponent" | "ContainerProps" | "disablePadding" | "secondaryAction"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
 export declare const ShowAllButton: import("@emotion/styled").StyledComponent<import("@mui/material").ButtonOwnProps & 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;
 }, "color" | "children" | "sx" | "style" | "className" | "tabIndex" | "href" | "disabled" | "action" | "size" | "classes" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "startIcon"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/_cjs/components/AlertMessage/AlertMessage.d.ts

@@ -0,0 +1,11 @@
+import type { BoxProps } from '@mui/material';
+import type { PropsWithChildren, ReactNode } from 'react';
+import type { Severity } from './types';
+interface AlertMessageProps extends PropsWithChildren<Omit<BoxProps, 'title'>> {
+    icon: ReactNode;
+    title: ReactNode;
+    isMultilineTitle?: boolean;
+    severity?: Severity;
+}
+export declare const AlertMessage: ({ title, icon, children, isMultilineTitle, severity, ...rest }: AlertMessageProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/_cjs/components/AlertMessage/AlertMessage.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AlertMessage = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const AlertMessage_style_1 = require("./AlertMessage.style");
+const AlertMessage = ({ title, icon, children, isMultilineTitle, severity = 'info', ...rest }) => ((0, jsx_runtime_1.jsxs)(AlertMessage_style_1.AlertMessageCard, { severity: severity, ...rest, children: [(0, jsx_runtime_1.jsxs)(AlertMessage_style_1.AlertMessageCardTitle, { severity: severity, alignItems: isMultilineTitle ? 'start' : 'center', children: [icon, title] }), children] }));
+exports.AlertMessage = AlertMessage;
+//# sourceMappingURL=AlertMessage.js.map

package/_cjs/components/AlertMessage/AlertMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertMessage.js","sourceRoot":"","sources":["../../../components/AlertMessage/AlertMessage.tsx"],"names":[],"mappings":";;;;AAEA,6DAA+E;AAUxE,MAAM,YAAY,GAAG,CAAC,EAC3B,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,gBAAgB,EAChB,QAAQ,GAAG,MAAM,EACjB,GAAG,IAAI,EACW,EAAE,EAAE,CAAC,CACvB,wBAAC,qCAAgB,IAAC,QAAQ,EAAE,QAAQ,KAAM,IAAI,aAC5C,wBAAC,0CAAqB,IACpB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,gBAAgB,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,aAEhD,IAAI,EACJ,KAAK,IACgB,EACvB,QAAQ,IACQ,CACpB,CAAC;AAlBW,QAAA,YAAY,gBAkBvB"}

package/_cjs/components/AlertMessage/AlertMessage.style.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import type { Severity } from './types';
+interface AlertSeverityProps {
+    severity: Severity;
+}
+export declare const AlertMessageCard: 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> & AlertSeverityProps, {}, {}>;
+export declare const AlertMessageCardTitle: 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> & AlertSeverityProps, {}, {}>;
+export {};

package/_cjs/components/AlertMessage/AlertMessage.style.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AlertMessageCardTitle = exports.AlertMessageCard = void 0;
+const material_1 = require("@mui/material");
+const styles_1 = require("@mui/material/styles");
+const utils_1 = require("../../utils");
+exports.AlertMessageCard = (0, styles_1.styled)(material_1.Box, {
+    shouldForwardProp: (prop) => prop !== 'severity',
+})(({ theme, severity }) => ({
+    borderRadius: theme.shape.borderRadius,
+    position: 'relative',
+    whiteSpace: 'pre-line',
+    width: '100%',
+    paddingBottom: theme.spacing(2),
+    backgroundColor: severity === 'warning'
+        ? (0, utils_1.getWarningBackgroundColor)(theme)
+        : (0, utils_1.getInfoBackgroundColor)(theme),
+}));
+exports.AlertMessageCardTitle = (0, styles_1.styled)(material_1.Box, {
+    shouldForwardProp: (prop) => prop !== 'severity',
+})(({ theme, severity }) => ({
+    display: 'flex',
+    paddingLeft: theme.spacing(2),
+    paddingRight: theme.spacing(2),
+    paddingTop: theme.spacing(2),
+    gap: theme.spacing(1),
+    color: severity === 'warning'
+        ? theme.palette.mode === 'light'
+            ? (0, styles_1.darken)(theme.palette.warning.main, 0.36)
+            : (0, styles_1.alpha)(theme.palette.warning.main, 1)
+        : theme.palette.mode === 'light'
+            ? theme.palette.info.main
+            : (0, styles_1.lighten)(theme.palette.info.main, 0.24),
+}));
+//# sourceMappingURL=AlertMessage.style.js.map

package/_cjs/components/AlertMessage/AlertMessage.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertMessage.style.js","sourceRoot":"","sources":["../../../components/AlertMessage/AlertMessage.style.tsx"],"names":[],"mappings":";;;AAAA,4CAAoC;AACpC,iDAAsE;AACtE,uCAAgF;AAOnE,QAAA,gBAAgB,GAAG,IAAA,eAAM,EAAC,cAAG,EAAE;IAC1C,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,UAAU;CACjD,CAAC,CAAqB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC;IAC/C,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,YAAY;IACtC,QAAQ,EAAE,UAAU;IACpB,UAAU,EAAE,UAAU;IACtB,KAAK,EAAE,MAAM;IACb,aAAa,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAC/B,eAAe,EACb,QAAQ,KAAK,SAAS;QACpB,CAAC,CAAC,IAAA,iCAAyB,EAAC,KAAK,CAAC;QAClC,CAAC,CAAC,IAAA,8BAAsB,EAAC,KAAK,CAAC;CACpC,CAAC,CAAC,CAAC;AAES,QAAA,qBAAqB,GAAG,IAAA,eAAM,EAAC,cAAG,EAAE;IAC/C,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,UAAU;CACjD,CAAC,CAAqB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC;IAC/C,OAAO,EAAE,MAAM;IACf,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAC7B,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAC9B,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAC5B,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IACrB,KAAK,EACH,QAAQ,KAAK,SAAS;QACpB,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,OAAO;YAC9B,CAAC,CAAC,IAAA,eAAM,EAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC;YAC1C,CAAC,CAAC,IAAA,cAAK,EAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC;QACxC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,OAAO;YAC9B,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;YACzB,CAAC,CAAC,IAAA,gBAAO,EAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC;CAC/C,CAAC,CAAC,CAAC"}

package/_cjs/components/AlertMessage/index.d.ts

@@ -0,0 +1,3 @@
+export * from './AlertMessage';
+export * from './AlertMessage.style';
+export * from './types';

package/_cjs/components/AlertMessage/index.js

@@ -0,0 +1,20 @@
+"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("./AlertMessage"), exports);
+__exportStar(require("./AlertMessage.style"), exports);
+__exportStar(require("./types"), exports);
+//# sourceMappingURL=index.js.map

package/_cjs/components/AlertMessage/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/AlertMessage/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,iDAA+B;AAC/B,uDAAqC;AACrC,0CAAwB"}

package/_cjs/components/AlertMessage/types.d.ts

@@ -0,0 +1 @@
+export type Severity = 'info' | 'warning';

package/_cjs/components/AlertMessage/types.js

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

package/_cjs/components/AlertMessage/types.js.map

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

package/_cjs/components/BaseTransactionButton/BaseTransactionButton.js

@@ -7,14 +7,17 @@ const react_i18next_1 = require("react-i18next");
 const react_router_dom_1 = require("react-router-dom");
 const hooks_1 = require("../../hooks");
 const providers_1 = require("../../providers");
+const stores_1 = require("../../stores");
 const utils_1 = require("../../utils");
 const BaseTransactionButton = ({ onClick, text, disabled, loading, }) => {
     const { t } = (0, react_i18next_1.useTranslation)();
     const navigate = (0, react_router_dom_1.useNavigate)();
     const { walletConfig } = (0, providers_1.useWidgetConfig)();
-    const { isConnected } = (0, hooks_1.useAccount)();
+    const [fromChainId] = (0, stores_1.useFieldValues)('fromChain');
+    const { chain } = (0, hooks_1.useChain)(fromChainId);
+    const { account } = (0, hooks_1.useAccount)({ chainType: chain?.chainType });
     const handleClick = async () => {
-        if (isConnected) {
+        if (account.isConnected) {
             onClick?.();
         }
         else if (walletConfig?.onConnect) {
@@ -25,7 +28,7 @@ const BaseTransactionButton = ({ onClick, text, disabled, loading, }) => {
         }
     };
     const getButtonText = () => {
-        if (isConnected) {
+        if (account.isConnected) {
             if (text) {
                 return text;
             }

package/_cjs/components/BaseTransactionButton/BaseTransactionButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseTransactionButton.js","sourceRoot":"","sources":["../../../components/BaseTransactionButton/BaseTransactionButton.tsx"],"names":[],"mappings":";;;;AAAA,0DAAmD;AACnD,iDAA+C;AAC/C,uDAA+C;AAC/C,uCAAyC;AACzC,+CAAkD;AAClD,uCAA+C;AAGxC,MAAM,qBAAqB,GAAyC,CAAC,EAC1E,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,OAAO,GACR,EAAE,EAAE;IACH,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,MAAM,QAAQ,GAAG,IAAA,8BAAW,GAAE,CAAC;IAC/B,MAAM,EAAE,YAAY,EAAE,GAAG,IAAA,2BAAe,GAAE,CAAC;IAC3C,MAAM,EAAE,WAAW,EAAE,GAAG,IAAA,kBAAU,GAAE,CAAC;IAErC,MAAM,WAAW,GAAG,KAAK,IAAI,EAAE;QAC7B,IAAI,WAAW,EAAE,CAAC;YAChB,OAAO,EAAE,EAAE,CAAC;QACd,CAAC;aAAM,IAAI,YAAY,EAAE,SAAS,EAAE,CAAC;YACnC,YAAY,CAAC,SAAS,EAAE,CAAC;QAC3B,CAAC;aAAM,CAAC;YACN,QAAQ,CAAC,wBAAgB,CAAC,YAAY,CAAC,CAAC;QAC1C,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,IAAI,WAAW,EAAE,CAAC;YAChB,IAAI,IAAI,EAAE,CAAC;gBACT,OAAO,IAAI,CAAC;YACd,CAAC;QACH,CAAC;QACD,OAAO,CAAC,CAAC,sBAAsB,CAAC,CAAC;IACnC,CAAC,CAAC;IAEF,OAAO,CACL,uBAAC,uBAAa,IACZ,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,eAAe,EAAC,QAAQ,EACxB,SAAS,kBAER,aAAa,EAAE,GACF,CACjB,CAAC;AACJ,CAAC,CAAC;AA3CW,QAAA,qBAAqB,yBA2ChC"}
+{"version":3,"file":"BaseTransactionButton.js","sourceRoot":"","sources":["../../../components/BaseTransactionButton/BaseTransactionButton.tsx"],"names":[],"mappings":";;;;AAAA,0DAAmD;AACnD,iDAA+C;AAC/C,uDAA+C;AAC/C,uCAAmD;AACnD,+CAAkD;AAClD,yCAA8C;AAC9C,uCAA+C;AAGxC,MAAM,qBAAqB,GAAyC,CAAC,EAC1E,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,OAAO,GACR,EAAE,EAAE;IACH,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,MAAM,QAAQ,GAAG,IAAA,8BAAW,GAAE,CAAC;IAC/B,MAAM,EAAE,YAAY,EAAE,GAAG,IAAA,2BAAe,GAAE,CAAC;IAC3C,MAAM,CAAC,WAAW,CAAC,GAAG,IAAA,uBAAc,EAAC,WAAW,CAAC,CAAC;IAClD,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,gBAAQ,EAAC,WAAW,CAAC,CAAC;IACxC,MAAM,EAAE,OAAO,EAAE,GAAG,IAAA,kBAAU,EAAC,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;IAEhE,MAAM,WAAW,GAAG,KAAK,IAAI,EAAE;QAC7B,IAAI,OAAO,CAAC,WAAW,EAAE,CAAC;YACxB,OAAO,EAAE,EAAE,CAAC;QACd,CAAC;aAAM,IAAI,YAAY,EAAE,SAAS,EAAE,CAAC;YACnC,YAAY,CAAC,SAAS,EAAE,CAAC;QAC3B,CAAC;aAAM,CAAC;YACN,QAAQ,CAAC,wBAAgB,CAAC,YAAY,CAAC,CAAC;QAC1C,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,IAAI,OAAO,CAAC,WAAW,EAAE,CAAC;YACxB,IAAI,IAAI,EAAE,CAAC;gBACT,OAAO,IAAI,CAAC;YACd,CAAC;QACH,CAAC;QACD,OAAO,CAAC,CAAC,sBAAsB,CAAC,CAAC;IACnC,CAAC,CAAC;IAEF,OAAO,CACL,uBAAC,uBAAa,IACZ,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,eAAe,EAAC,QAAQ,EACxB,SAAS,kBAER,aAAa,EAAE,GACF,CACjB,CAAC;AACJ,CAAC,CAAC;AA7CW,QAAA,qBAAqB,yBA6ChC"}

package/_cjs/{pages/SettingsPage/SettingsCard/SettingCardButton.d.ts → components/Card/CardButton.d.ts}

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

package/_cjs/components/Card/CardButton.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CardButton = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const index_1 = require("./index");
+const CardButton_style_1 = require("./CardButton.style");
+const CardButton = ({ onClick, icon, title, children }) => ((0, jsx_runtime_1.jsx)(index_1.Card, { children: (0, jsx_runtime_1.jsxs)(CardButton_style_1.CardRowButton, { onClick: onClick, disableRipple: true, children: [(0, jsx_runtime_1.jsxs)(CardButton_style_1.CardTitleContainer, { children: [icon, (0, jsx_runtime_1.jsx)(CardButton_style_1.CardValue, { children: title })] }), children] }) }));
+exports.CardButton = CardButton;
+//# sourceMappingURL=CardButton.js.map

package/_cjs/components/Card/CardButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardButton.js","sourceRoot":"","sources":["../../../components/Card/CardButton.tsx"],"names":[],"mappings":";;;;AAEA,mCAA+B;AAC/B,yDAI4B;AAMrB,MAAM,UAAU,GAEnB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAC1C,uBAAC,YAAI,cACH,wBAAC,gCAAa,IAAC,OAAO,EAAE,OAAO,EAAE,aAAa,mBAC5C,wBAAC,qCAAkB,eAChB,IAAI,EACL,uBAAC,4BAAS,cAAE,KAAK,GAAa,IACX,EACpB,QAAQ,IACK,GACX,CACR,CAAC;AAZW,QAAA,UAAU,cAYrB"}

package/_cjs/components/Card/CardButton.style.d.ts

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

package/_cjs/components/Card/CardButton.style.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CardTitleContainer = exports.CardValue = exports.CardRowContainer = exports.CardRowButton = void 0;
+const styles_1 = require("@mui/material/styles");
+const material_1 = require("@mui/material");
+exports.CardRowButton = (0, styles_1.styled)(material_1.ButtonBase)(({ theme }) => ({
+    background: 'none',
+    color: 'inherit',
+    border: 'none',
+    font: 'inherit',
+    cursor: 'pointer',
+    outline: 'inherit',
+    display: 'flex',
+    width: '100%',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+    padding: theme.spacing(2),
+    borderRadius: theme.shape.borderRadius,
+}));
+exports.CardRowContainer = (0, styles_1.styled)(material_1.Box)(({ theme }) => ({
+    display: 'flex',
+    width: '100%',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+    padding: theme.spacing(2),
+}));
+exports.CardValue = (0, styles_1.styled)(material_1.Typography)({
+    lineHeight: '1.25',
+    fontWeight: 500,
+});
+exports.CardTitleContainer = (0, styles_1.styled)(material_1.Box)(({ theme }) => ({
+    display: 'flex',
+    alignItems: 'center',
+    gap: theme.spacing(1.5),
+}));
+//# sourceMappingURL=CardButton.style.js.map

package/_cjs/components/Card/CardButton.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardButton.style.js","sourceRoot":"","sources":["../../../components/Card/CardButton.style.tsx"],"names":[],"mappings":";;;AAAA,iDAA8C;AAC9C,4CAA4D;AAE/C,QAAA,aAAa,GAAG,IAAA,eAAM,EAAC,qBAAU,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC9D,UAAU,EAAE,MAAM;IAClB,KAAK,EAAE,SAAS;IAChB,MAAM,EAAE,MAAM;IACd,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;IACpB,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IACzB,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,YAAY;CACvC,CAAC,CAAC,CAAC;AAES,QAAA,gBAAgB,GAAG,IAAA,eAAM,EAAC,cAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC1D,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,SAAS,GAAG,IAAA,eAAM,EAAC,qBAAU,CAAC,CAAC;IAC1C,UAAU,EAAE,MAAM;IAClB,UAAU,EAAE,GAAG;CAChB,CAAC,CAAC;AAEU,QAAA,kBAAkB,GAAG,IAAA,eAAM,EAAC,cAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC5D,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;CACxB,CAAC,CAAC,CAAC"}

package/_cjs/components/Card/index.d.ts

@@ -3,3 +3,5 @@ export * from './CardHeader';
 export * from './CardIconButton';
 export * from './CardLabel';
 export * from './CardTitle';
+export * from './CardButton';
+export * from './CardButton.style';

package/_cjs/components/Card/index.js

@@ -19,4 +19,6 @@ __exportStar(require("./CardHeader"), exports);
 __exportStar(require("./CardIconButton"), exports);
 __exportStar(require("./CardLabel"), exports);
 __exportStar(require("./CardTitle"), exports);
+__exportStar(require("./CardButton"), exports);
+__exportStar(require("./CardButton.style"), exports);
 //# sourceMappingURL=index.js.map

package/_cjs/components/Card/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/Card/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,yCAAuB;AACvB,+CAA6B;AAC7B,mDAAiC;AACjC,8CAA4B;AAC5B,8CAA4B"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/Card/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,yCAAuB;AACvB,+CAA6B;AAC7B,mDAAiC;AACjC,8CAA4B;AAC5B,8CAA4B;AAC5B,+CAA6B;AAC7B,qDAAmC"}

package/_cjs/components/ChainSelect/useChainSelect.js

@@ -2,17 +2,15 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useChainSelect = void 0;
 const hooks_1 = require("../../hooks");
-const providers_1 = require("../../providers");
 const stores_1 = require("../../stores");
-const types_1 = require("../../types");
 const useChainSelect = (formType) => {
-    const { requiredUI } = (0, providers_1.useWidgetConfig)();
     const chainKey = stores_1.FormKeyHelper.getChainKey(formType);
     const { onChange, onBlur } = (0, stores_1.useFieldController)({ name: chainKey });
     const { setFieldValue, getFieldValues } = (0, stores_1.useFieldActions)();
     const { chains, isLoading, getChainById } = (0, hooks_1.useChains)(formType);
     const [chainOrder, setChainOrder] = (0, stores_1.useChainOrder)(formType);
     const swapOnly = (0, hooks_1.useSwapOnly)();
+    const { tryResetToAddress } = (0, hooks_1.useToAddressReset)();
     const getChains = () => {
         if (!chains) {
             return [];
@@ -33,19 +31,10 @@ const useChainSelect = (formType) => {
         setFieldValue(stores_1.FormKeyHelper.getTokenKey(formType), '');
         setFieldValue(stores_1.FormKeyHelper.getAmountKey(formType), '');
         setFieldValue('tokenSearchFilter', '');
-        const [fromChainId, toChainId] = getFieldValues('fromChain', 'toChain');
-        const fromChain = getChainById(fromChainId);
+        const [toChainId] = getFieldValues('toChain');
         const toChain = getChainById(toChainId);
-        const differentChainType = fromChain && toChain && fromChain.chainType !== toChain.chainType;
-        const requiredToAddress = requiredUI?.includes(types_1.RequiredUI.ToAddress) || differentChainType;
-        // toAddress field is required (always visible) when bridging between
-        // two ecosystems (fromChain and toChain have different chain types).
-        // We clean up toAddress on every chain change if toAddress is not required.
-        // This is used when we switch between different chain ecosystems (chain types) and
-        // prevents cases when after we switch the chain from one type to another "Send to wallet" field hides,
-        // but it keeps toAddress value set for the previous chain pair.
-        if (!requiredToAddress) {
-            setFieldValue('toAddress', '');
+        if (toChain) {
+            tryResetToAddress(toChain);
         }
         setChainOrder(chainId, formType);
     };

package/_cjs/components/ChainSelect/useChainSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"useChainSelect.js","sourceRoot":"","sources":["../../../components/ChainSelect/useChainSelect.ts"],"names":[],"mappings":";;;AACA,uCAAqD;AACrD,+CAAkD;AAElD,yCAKsB;AACtB,uCAAyC;AAElC,MAAM,cAAc,GAAG,CAAC,QAAkB,EAAE,EAAE;IACnD,MAAM,EAAE,UAAU,EAAE,GAAG,IAAA,2BAAe,GAAE,CAAC;IACzC,MAAM,QAAQ,GAAG,sBAAa,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;IACrD,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,IAAA,2BAAkB,EAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAC;IAEpE,MAAM,EAAE,aAAa,EAAE,cAAc,EAAE,GAAG,IAAA,wBAAe,GAAE,CAAC;IAC5D,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,GAAG,IAAA,iBAAS,EAAC,QAAQ,CAAC,CAAC;IAChE,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,sBAAa,EAAC,QAAQ,CAAC,CAAC;IAC5D,MAAM,QAAQ,GAAG,IAAA,mBAAW,GAAE,CAAC;IAE/B,MAAM,SAAS,GAAG,GAAG,EAAE;QACrB,IAAI,CAAC,MAAM,EAAE,CAAC;YACZ,OAAO,EAAE,CAAC;QACZ,CAAC;QACD,MAAM,cAAc,GAAG,UAAU;aAC9B,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,OAAO,CAAC,CAAC;aAC9D,MAAM,CAAC,OAAO,CAAe,CAAC;QAEjC,OAAO,cAAc,CAAC;IACxB,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,CAAC,OAAe,EAAE,EAAE;QAC1C,QAAQ,CAAC,OAAO,CAAC,CAAC;QAClB,MAAM,EAAE,CAAC;QACT,IAAI,QAAQ,EAAE,CAAC;YACb,aAAa,CAAC,sBAAa,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE;gBACtD,SAAS,EAAE,IAAI;aAChB,CAAC,CAAC;QACL,CAAC;QACD,aAAa,CAAC,sBAAa,CAAC,WAAW,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC,CAAC;QACvD,aAAa,CAAC,sBAAa,CAAC,YAAY,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC,CAAC;QACxD,aAAa,CAAC,mBAAmB,EAAE,EAAE,CAAC,CAAC;QAEvC,MAAM,CAAC,WAAW,EAAE,SAAS,CAAC,GAAG,cAAc,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;QAExE,MAAM,SAAS,GAAG,YAAY,CAAC,WAAW,CAAC,CAAC;QAC5C,MAAM,OAAO,GAAG,YAAY,CAAC,SAAS,CAAC,CAAC;QAExC,MAAM,kBAAkB,GACtB,SAAS,IAAI,OAAO,IAAI,SAAS,CAAC,SAAS,KAAK,OAAO,CAAC,SAAS,CAAC;QAEpE,MAAM,iBAAiB,GACrB,UAAU,EAAE,QAAQ,CAAC,kBAAU,CAAC,SAAS,CAAC,IAAI,kBAAkB,CAAC;QAEnE,qEAAqE;QACrE,qEAAqE;QACrE,4EAA4E;QAC5E,mFAAmF;QACnF,uGAAuG;QACvG,gEAAgE;QAChE,IAAI,CAAC,iBAAiB,EAAE,CAAC;YACvB,aAAa,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC;QACjC,CAAC;QACD,aAAa,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;IACnC,CAAC,CAAC;IAEF,OAAO;QACL,UAAU;QACV,MAAM;QACN,SAAS;QACT,SAAS;QACT,aAAa;QACb,eAAe;KAChB,CAAC;AACJ,CAAC,CAAC;AAhEW,QAAA,cAAc,kBAgEzB"}
+{"version":3,"file":"useChainSelect.js","sourceRoot":"","sources":["../../../components/ChainSelect/useChainSelect.ts"],"names":[],"mappings":";;;AACA,uCAAwE;AAExE,yCAKsB;AAEf,MAAM,cAAc,GAAG,CAAC,QAAkB,EAAE,EAAE;IACnD,MAAM,QAAQ,GAAG,sBAAa,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;IACrD,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,IAAA,2BAAkB,EAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAC;IAEpE,MAAM,EAAE,aAAa,EAAE,cAAc,EAAE,GAAG,IAAA,wBAAe,GAAE,CAAC;IAC5D,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,GAAG,IAAA,iBAAS,EAAC,QAAQ,CAAC,CAAC;IAChE,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,sBAAa,EAAC,QAAQ,CAAC,CAAC;IAC5D,MAAM,QAAQ,GAAG,IAAA,mBAAW,GAAE,CAAC;IAC/B,MAAM,EAAE,iBAAiB,EAAE,GAAG,IAAA,yBAAiB,GAAE,CAAC;IAElD,MAAM,SAAS,GAAG,GAAG,EAAE;QACrB,IAAI,CAAC,MAAM,EAAE,CAAC;YACZ,OAAO,EAAE,CAAC;QACZ,CAAC;QACD,MAAM,cAAc,GAAG,UAAU;aAC9B,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,OAAO,CAAC,CAAC;aAC9D,MAAM,CAAC,OAAO,CAAe,CAAC;QACjC,OAAO,cAAc,CAAC;IACxB,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,CAAC,OAAe,EAAE,EAAE;QAC1C,QAAQ,CAAC,OAAO,CAAC,CAAC;QAClB,MAAM,EAAE,CAAC;QACT,IAAI,QAAQ,EAAE,CAAC;YACb,aAAa,CAAC,sBAAa,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE;gBACtD,SAAS,EAAE,IAAI;aAChB,CAAC,CAAC;QACL,CAAC;QACD,aAAa,CAAC,sBAAa,CAAC,WAAW,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC,CAAC;QACvD,aAAa,CAAC,sBAAa,CAAC,YAAY,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC,CAAC;QACxD,aAAa,CAAC,mBAAmB,EAAE,EAAE,CAAC,CAAC;QAEvC,MAAM,CAAC,SAAS,CAAC,GAAG,cAAc,CAAC,SAAS,CAAC,CAAC;QAC9C,MAAM,OAAO,GAAG,YAAY,CAAC,SAAS,CAAC,CAAC;QACxC,IAAI,OAAO,EAAE,CAAC;YACZ,iBAAiB,CAAC,OAAO,CAAC,CAAC;QAC7B,CAAC;QACD,aAAa,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;IACnC,CAAC,CAAC;IAEF,OAAO;QACL,UAAU;QACV,MAAM;QACN,SAAS;QACT,SAAS;QACT,aAAa;QACb,eAAe;KAChB,CAAC;AACJ,CAAC,CAAC;AAhDW,QAAA,cAAc,kBAgDzB"}

package/_cjs/components/GasMessage/FundsSufficiencyMessage.js

@@ -5,13 +5,21 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const WarningRounded_1 = require("@mui/icons-material/WarningRounded");
 const material_1 = require("@mui/material");
 const react_i18next_1 = require("react-i18next");
-const GasMessage_style_1 = require("./GasMessage.style");
+const AlertMessage_1 = require("../AlertMessage");
+const styles_1 = require("@mui/material/styles");
+// TODO: some of the styling currently used here doesn't align with usage in other places
+//  We might want to consider removing the padding and color here?
+const AlertTitle = (0, styles_1.styled)(material_1.Typography)(({ theme }) => {
+    return {
+        ...theme.typography.body2,
+        paddingRight: theme.spacing(1),
+        paddingLeft: theme.spacing(1),
+        color: theme.palette.text.primary,
+    };
+});
 const FundsSufficiencyMessage = () => {
     const { t } = (0, react_i18next_1.useTranslation)();
-    return ((0, jsx_runtime_1.jsxs)(GasMessage_style_1.WarningMessageCard, { display: "flex", children: [(0, jsx_runtime_1.jsx)(GasMessage_style_1.WarningMessageCardTitle, { children: (0, jsx_runtime_1.jsx)(WarningRounded_1.default, { sx: {
-                        marginTop: 2,
-                        marginLeft: 2,
-                    } }) }), (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body2", px: 2, pb: 2, pt: 2, children: t(`warning.message.insufficientFunds`) })] }));
+    return ((0, jsx_runtime_1.jsx)(AlertMessage_1.AlertMessage, { severity: "warning", icon: (0, jsx_runtime_1.jsx)(WarningRounded_1.default, {}), title: (0, jsx_runtime_1.jsx)(AlertTitle, { children: t(`warning.message.insufficientFunds`) }), isMultilineTitle: true }));
 };
 exports.FundsSufficiencyMessage = FundsSufficiencyMessage;
 //# sourceMappingURL=FundsSufficiencyMessage.js.map

package/_cjs/components/GasMessage/FundsSufficiencyMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"FundsSufficiencyMessage.js","sourceRoot":"","sources":["../../../components/GasMessage/FundsSufficiencyMessage.tsx"],"names":[],"mappings":";;;;AAAA,uEAAoE;AACpE,4CAA2C;AAC3C,iDAA+C;AAC/C,yDAG4B;AAErB,MAAM,uBAAuB,GAAG,GAAG,EAAE;IAC1C,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,OAAO,CACL,wBAAC,qCAAkB,IAAC,OAAO,EAAC,MAAM,aAChC,uBAAC,0CAAuB,cACtB,uBAAC,wBAAkB,IACjB,EAAE,EAAE;wBACF,SAAS,EAAE,CAAC;wBACZ,UAAU,EAAE,CAAC;qBACd,GACD,GACsB,EAC1B,uBAAC,qBAAU,IAAC,OAAO,EAAC,OAAO,EAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,YAC5C,CAAC,CAAC,mCAAmC,CAAC,GAC5B,IACM,CACtB,CAAC;AACJ,CAAC,CAAC;AAjBW,QAAA,uBAAuB,2BAiBlC"}
+{"version":3,"file":"FundsSufficiencyMessage.js","sourceRoot":"","sources":["../../../components/GasMessage/FundsSufficiencyMessage.tsx"],"names":[],"mappings":";;;;AAAA,uEAAoE;AACpE,4CAA2C;AAC3C,iDAA+C;AAC/C,kDAA+C;AAC/C,iDAA8C;AAE9C,yFAAyF;AACzF,kEAAkE;AAClE,MAAM,UAAU,GAAG,IAAA,eAAM,EAAC,qBAAU,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IAClD,OAAO;QACL,GAAG,KAAK,CAAC,UAAU,CAAC,KAAK;QACzB,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC9B,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC7B,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;KAClC,CAAC;AACJ,CAAC,CAAC,CAAC;AACI,MAAM,uBAAuB,GAAG,GAAG,EAAE;IAC1C,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,OAAO,CACL,uBAAC,2BAAY,IACX,QAAQ,EAAC,SAAS,EAClB,IAAI,EAAE,uBAAC,wBAAkB,KAAG,EAC5B,KAAK,EAAE,uBAAC,UAAU,cAAE,CAAC,CAAC,mCAAmC,CAAC,GAAc,EACxE,gBAAgB,SAChB,CACH,CAAC;AACJ,CAAC,CAAC;AAVW,QAAA,uBAAuB,2BAUlC"}

package/_cjs/components/GasMessage/GasMessage.style.d.ts

@@ -1,14 +1 @@
-/// <reference types="react" />
-export declare const WarningMessageCard: 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 WarningMessageCardTitle: 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 InfoMessageCard: 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 InfoMessageCardTitle: 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 InfoMessageSwitch: import("@emotion/styled").StyledComponent<import("@mui/material").SwitchProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const InfoMessageSwitch: import("@emotion/styled").StyledComponent<import("@mui/material/Switch").SwitchProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;

package/_cjs/components/GasMessage/GasMessage.style.js

@@ -1,32 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.InfoMessageSwitch = exports.InfoMessageCardTitle = exports.InfoMessageCard = exports.WarningMessageCardTitle = exports.WarningMessageCard = void 0;
-const material_1 = require("@mui/material");
+exports.InfoMessageSwitch = void 0;
 const Switch_1 = require("@mui/material/Switch");
 const styles_1 = require("@mui/material/styles");
 const Switch_2 = require("../Switch");
-const utils_1 = require("../../utils");
-const MessageCard = (0, styles_1.styled)(material_1.Box)(({ theme }) => ({
-    borderRadius: theme.shape.borderRadius,
-    position: 'relative',
-    whiteSpace: 'pre-line',
-}));
-exports.WarningMessageCard = (0, styles_1.styled)(MessageCard)(({ theme }) => ({
-    backgroundColor: (0, utils_1.getWarningBackgroundColor)(theme),
-}));
-exports.WarningMessageCardTitle = (0, styles_1.styled)(material_1.Box)(({ theme }) => ({
-    color: theme.palette.mode === 'light'
-        ? (0, styles_1.darken)(theme.palette.warning.main, 0.36)
-        : (0, styles_1.alpha)(theme.palette.warning.main, 1),
-}));
-exports.InfoMessageCard = (0, styles_1.styled)(MessageCard)(({ theme }) => ({
-    backgroundColor: (0, utils_1.getInfoBackgroundColor)(theme),
-}));
-exports.InfoMessageCardTitle = (0, styles_1.styled)(material_1.Box)(({ theme }) => ({
-    color: theme.palette.mode === 'light'
-        ? theme.palette.info.main
-        : (0, styles_1.lighten)(theme.palette.info.main, 0.24),
-}));
 exports.InfoMessageSwitch = (0, styles_1.styled)(Switch_2.Switch)(({ theme }) => ({
     [`.${Switch_1.switchClasses.switchBase}`]: {
         [`&.${Switch_1.switchClasses.checked}`]: {

package/_cjs/components/GasMessage/GasMessage.style.js.map

@@ -1 +1 @@
-{"version":3,"file":"GasMessage.style.js","sourceRoot":"","sources":["../../../components/GasMessage/GasMessage.style.ts"],"names":[],"mappings":";;;AAAA,4CAAoC;AACpC,iDAAqD;AACrD,iDAAsE;AACtE,sCAAmC;AACnC,uCAAgF;AAEhF,MAAM,WAAW,GAAG,IAAA,eAAM,EAAC,cAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC9C,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,YAAY;IACtC,QAAQ,EAAE,UAAU;IACpB,UAAU,EAAE,UAAU;CACvB,CAAC,CAAC,CAAC;AAES,QAAA,kBAAkB,GAAG,IAAA,eAAM,EAAC,WAAW,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACpE,eAAe,EAAE,IAAA,iCAAyB,EAAC,KAAK,CAAC;CAClD,CAAC,CAAC,CAAC;AAES,QAAA,uBAAuB,GAAG,IAAA,eAAM,EAAC,cAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACjE,KAAK,EACH,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,OAAO;QAC5B,CAAC,CAAC,IAAA,eAAM,EAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC;QAC1C,CAAC,CAAC,IAAA,cAAK,EAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC;CAC3C,CAAC,CAAC,CAAC;AAES,QAAA,eAAe,GAAG,IAAA,eAAM,EAAC,WAAW,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACjE,eAAe,EAAE,IAAA,8BAAsB,EAAC,KAAK,CAAC;CAC/C,CAAC,CAAC,CAAC;AAES,QAAA,oBAAoB,GAAG,IAAA,eAAM,EAAC,cAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC9D,KAAK,EACH,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,OAAO;QAC5B,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;QACzB,CAAC,CAAC,IAAA,gBAAO,EAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC;CAC7C,CAAC,CAAC,CAAC;AAES,QAAA,iBAAiB,GAAG,IAAA,eAAM,EAAC,eAAM,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC9D,CAAC,IAAI,sBAAa,CAAC,UAAU,EAAE,CAAC,EAAE;QAChC,CAAC,KAAK,sBAAa,CAAC,OAAO,EAAE,CAAC,EAAE;YAC9B,CAAC,QAAQ,sBAAa,CAAC,KAAK,EAAE,CAAC,EAAE;gBAC/B,eAAe,EACb,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,OAAO;oBAC5B,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;oBACzB,CAAC,CAAC,IAAA,cAAK,EAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC;aAC3C;SACF;QACD,CAAC,uBAAuB,sBAAa,CAAC,KAAK,EAAE,CAAC,EAAE;YAC9C,KAAK,EACH,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,OAAO;gBAC5B,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;gBACzB,CAAC,CAAC,IAAA,cAAK,EAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC;SAC3C;KACF;CACF,CAAC,CAAC,CAAC"}
+{"version":3,"file":"GasMessage.style.js","sourceRoot":"","sources":["../../../components/GasMessage/GasMessage.style.ts"],"names":[],"mappings":";;;AAAA,iDAAqD;AACrD,iDAAqD;AACrD,sCAAmC;AAEtB,QAAA,iBAAiB,GAAG,IAAA,eAAM,EAAC,eAAM,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC9D,CAAC,IAAI,sBAAa,CAAC,UAAU,EAAE,CAAC,EAAE;QAChC,CAAC,KAAK,sBAAa,CAAC,OAAO,EAAE,CAAC,EAAE;YAC9B,CAAC,QAAQ,sBAAa,CAAC,KAAK,EAAE,CAAC,EAAE;gBAC/B,eAAe,EACb,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,OAAO;oBAC5B,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;oBACzB,CAAC,CAAC,IAAA,cAAK,EAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC;aAC3C;SACF;QACD,CAAC,uBAAuB,sBAAa,CAAC,KAAK,EAAE,CAAC,EAAE;YAC9C,KAAK,EACH,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,OAAO;gBAC5B,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;gBACzB,CAAC,CAAC,IAAA,cAAK,EAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC;SAC3C;KACF;CACF,CAAC,CAAC,CAAC"}