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

package/_cjs/AppDrawer.style.js

@@ -0,0 +1,91 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CloseButtonLayout = exports.DrawerButtonTypography = exports.DrawerButton = void 0;
+const material_1 = require("@mui/material");
+const styles_1 = require("@mui/material/styles");
+const getButtonTransformWidth = (drawerWidth, drawerMaxWidth) => {
+    if (typeof drawerWidth === 'number') {
+        return `${drawerWidth}px`;
+    }
+    if (typeof drawerWidth === 'string' && !drawerWidth.includes('%')) {
+        return drawerWidth;
+    }
+    if (typeof drawerMaxWidth === 'number') {
+        return `${drawerMaxWidth}px`;
+    }
+    if (typeof drawerMaxWidth === 'string' && !drawerMaxWidth.includes('%')) {
+        return drawerMaxWidth;
+    }
+    return '392px';
+};
+exports.DrawerButton = (0, styles_1.styled)(material_1.Button, {
+    shouldForwardProp: (prop) => !['open', 'drawerProps'].includes(prop),
+})(({ theme, open, drawerProps }) => ({
+    background: theme.palette.mode === 'light'
+        ? theme.palette.common.black
+        : theme.palette.common.white,
+    color: theme.palette.mode === 'light'
+        ? theme.palette.common.white
+        : theme.palette.common.black,
+    alignItems: 'center',
+    borderRadius: `${theme.shape.borderRadiusSecondary}px 0 0 ${theme.shape.borderRadiusSecondary}px`,
+    display: 'flex',
+    flexDirection: 'column',
+    justifyContent: 'center',
+    minHeight: 144,
+    minWidth: 40,
+    padding: theme.spacing(1, 0, 1, 0),
+    position: 'absolute',
+    right: 0,
+    top: 'calc(50% - 74px)',
+    transform: `translate3d(calc(${open
+        ? getButtonTransformWidth(drawerProps?.width, drawerProps?.maxWidth)
+        : '0px'} * -1), 0, 0)`,
+    transition: theme.transitions.create(['transform'], {
+        duration: open
+            ? theme.transitions.duration.enteringScreen
+            : theme.transitions.duration.leavingScreen,
+        easing: open
+            ? theme.transitions.easing.easeOut
+            : theme.transitions.easing.sharp,
+    }),
+    zIndex: 1500,
+    '&:hover': {
+        background: theme.palette.mode === 'light'
+            ? theme.palette.common.black
+            : theme.palette.common.white,
+    },
+    svg: {
+        color: theme.palette.mode === 'light'
+            ? theme.palette.common.white
+            : theme.palette.common.black,
+    },
+}));
+exports.DrawerButtonTypography = (0, styles_1.styled)(material_1.Typography)(({ theme }) => ({
+    borderRadius: `0 ${theme.shape.borderRadiusSecondary}px ${theme.shape.borderRadiusSecondary}px 0`,
+    background: theme.palette.mode === 'light'
+        ? theme.palette.common.black
+        : theme.palette.common.white,
+    color: theme.palette.mode === 'light'
+        ? theme.palette.common.white
+        : theme.palette.common.black,
+    cursor: 'pointer',
+    display: 'flex',
+    flexDirection: 'row',
+    padding: theme.spacing(1),
+    position: 'relative',
+    textTransform: 'none',
+    transform: 'rotateZ(180deg)',
+    writingMode: 'vertical-rl',
+}));
+exports.CloseButtonLayout = (0, styles_1.styled)(material_1.IconButton)(() => ({
+    position: 'absolute',
+    top: '12px',
+    right: '26px',
+    zIndex: 1,
+    height: '40px',
+    width: '40px',
+    alignItems: 'center',
+    justifyContent: 'center',
+}));
+//# sourceMappingURL=AppDrawer.style.js.map

package/_cjs/AppDrawer.style.js.map

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

package/_cjs/AppDrawerContext.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export interface WidgetDrawerContext {
+    closeDrawer?(): void;
+}
+export declare const DrawerContext: import("react").Context<WidgetDrawerContext>;
+export declare const useDrawer: () => WidgetDrawerContext;

package/_cjs/AppDrawerContext.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDrawer = exports.DrawerContext = void 0;
+const react_1 = require("react");
+exports.DrawerContext = (0, react_1.createContext)({});
+const useDrawer = () => (0, react_1.useContext)(exports.DrawerContext);
+exports.useDrawer = useDrawer;
+//# sourceMappingURL=AppDrawerContext.js.map

package/_cjs/AppDrawerContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppDrawerContext.js","sourceRoot":"","sources":["../AppDrawerContext.ts"],"names":[],"mappings":";;;AAAA,iCAAkD;AAMrC,QAAA,aAAa,GAAG,IAAA,qBAAa,EAAsB,EAAE,CAAC,CAAC;AAE7D,MAAM,SAAS,GAAG,GAAwB,EAAE,CAAC,IAAA,kBAAU,EAAC,qBAAa,CAAC,CAAC;AAAjE,QAAA,SAAS,aAAwD"}

package/_cjs/AppProvider.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AppRouter = exports.AppProvider = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_query_1 = require("@tanstack/react-query");
+const react_1 = require("react");
+const react_router_dom_1 = require("react-router-dom");
+const queryClient_1 = require("./config/queryClient");
+const providers_1 = require("./providers");
+const stores_1 = require("./stores");
+const AppProvider = ({ children, config, }) => {
+    return ((0, jsx_runtime_1.jsx)(react_query_1.QueryClientProvider, { client: queryClient_1.queryClient, children: (0, jsx_runtime_1.jsx)(providers_1.WidgetProvider, { config: config, children: (0, jsx_runtime_1.jsx)(providers_1.WalletProvider, { children: (0, jsx_runtime_1.jsx)(providers_1.ThemeProvider, { children: (0, jsx_runtime_1.jsx)(providers_1.I18nProvider, { children: (0, jsx_runtime_1.jsx)(stores_1.StoreProvider, { config: config, children: (0, jsx_runtime_1.jsx)(exports.AppRouter, { children: children }) }) }) }) }) }) }));
+};
+exports.AppProvider = AppProvider;
+const AppRouter = ({ children }) => {
+    const { buildUrl } = (0, providers_1.useWidgetConfig)();
+    const inRouterContext = (0, react_router_dom_1.useInRouterContext)();
+    const Router = inRouterContext ? react_1.Fragment : react_router_dom_1.MemoryRouter;
+    return ((0, jsx_runtime_1.jsxs)(Router, { children: [children, buildUrl ? (0, jsx_runtime_1.jsx)(stores_1.URLSearchParamsBuilder, {}) : null] }));
+};
+exports.AppRouter = AppRouter;
+//# sourceMappingURL=AppProvider.js.map

package/_cjs/AppProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppProvider.js","sourceRoot":"","sources":["../AppProvider.tsx"],"names":[],"mappings":";;;;AAAA,uDAA4D;AAE5D,iCAAiC;AACjC,uDAAoE;AACpE,sDAAmD;AACnD,2CAMqB;AACrB,qCAAiE;AAG1D,MAAM,WAAW,GAAmD,CAAC,EAC1E,QAAQ,EACR,MAAM,GACP,EAAE,EAAE;IACH,OAAO,CACL,uBAAC,iCAAmB,IAAC,MAAM,EAAE,yBAAW,YACtC,uBAAC,0BAAc,IAAC,MAAM,EAAE,MAAM,YAC5B,uBAAC,0BAAc,cACb,uBAAC,yBAAa,cACZ,uBAAC,wBAAY,cACX,uBAAC,sBAAa,IAAC,MAAM,EAAE,MAAM,YAC3B,uBAAC,iBAAS,cAAE,QAAQ,GAAa,GACnB,GACH,GACD,GACD,GACF,GACG,CACvB,CAAC;AACJ,CAAC,CAAC;AAnBW,QAAA,WAAW,eAmBtB;AAEK,MAAM,SAAS,GAAoC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACzE,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,2BAAe,GAAE,CAAC;IACvC,MAAM,eAAe,GAAG,IAAA,qCAAkB,GAAE,CAAC;IAC7C,MAAM,MAAM,GAAG,eAAe,CAAC,CAAC,CAAC,gBAAQ,CAAC,CAAC,CAAC,+BAAY,CAAC;IACzD,OAAO,CACL,wBAAC,MAAM,eACJ,QAAQ,EACR,QAAQ,CAAC,CAAC,CAAC,uBAAC,+BAAsB,KAAG,CAAC,CAAC,CAAC,IAAI,IACtC,CACV,CAAC;AACJ,CAAC,CAAC;AAVW,QAAA,SAAS,aAUpB"}

package/_cjs/AppRoutes.js

@@ -0,0 +1,118 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AppRoutes = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_router_dom_1 = require("react-router-dom");
+const NotFound_1 = require("./components/NotFound");
+const ActiveTransactionsPage_1 = require("./pages/ActiveTransactionsPage");
+const LanguagesPage_1 = require("./pages/LanguagesPage");
+const MainPage_1 = require("./pages/MainPage");
+const RoutesPage_1 = require("./pages/RoutesPage");
+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");
+const TransactionPage_1 = require("./pages/TransactionPage");
+const utils_1 = require("./utils");
+// SelectWalletPage should be accessible from every page and this handler helps avoid creating multiple paths.
+// Avoid using it for anything else, we need to come up with a better solution once we have one more page accessible from everywhere.
+const NotFoundRouteHandler = () => {
+    const { pathname } = (0, react_router_dom_1.useLocation)();
+    return pathname.includes(utils_1.navigationRoutes.selectWallet) ? ((0, jsx_runtime_1.jsx)(SelectWalletPage_1.SelectWalletPage, {})) : ((0, jsx_runtime_1.jsx)(NotFound_1.NotFound, {}));
+};
+const routes = [
+    {
+        path: '/',
+        element: (0, jsx_runtime_1.jsx)(MainPage_1.MainPage, {}),
+    },
+    {
+        path: utils_1.navigationRoutes.settings,
+        element: (0, jsx_runtime_1.jsx)(SettingsPage_1.SettingsPage, {}),
+    },
+    {
+        path: `${utils_1.navigationRoutes.settings}/${utils_1.navigationRoutes.bridges}`,
+        element: (0, jsx_runtime_1.jsx)(SelectEnabledToolsPage_1.SelectEnabledToolsPage, { type: "Bridges" }),
+    },
+    {
+        path: `${utils_1.navigationRoutes.settings}/${utils_1.navigationRoutes.exchanges}`,
+        element: (0, jsx_runtime_1.jsx)(SelectEnabledToolsPage_1.SelectEnabledToolsPage, { type: "Exchanges" }),
+    },
+    {
+        path: `${utils_1.navigationRoutes.settings}/${utils_1.navigationRoutes.languages}`,
+        element: (0, jsx_runtime_1.jsx)(LanguagesPage_1.LanguagesPage, {}),
+    },
+    {
+        path: utils_1.navigationRoutes.fromToken,
+        element: (0, jsx_runtime_1.jsx)(SelectTokenPage_1.SelectTokenPage, { formType: "from" }),
+    },
+    {
+        path: utils_1.navigationRoutes.toToken,
+        element: (0, jsx_runtime_1.jsx)(SelectTokenPage_1.SelectTokenPage, { formType: "to" }),
+    },
+    {
+        path: utils_1.navigationRoutes.toTokenNative,
+        element: (0, jsx_runtime_1.jsx)(SelectChainPage_1.SelectChainPage, { formType: "to", selectNativeToken: true }),
+    },
+    {
+        path: `${utils_1.navigationRoutes.fromToken}?/${utils_1.navigationRoutes.fromChain}`,
+        element: (0, jsx_runtime_1.jsx)(SelectChainPage_1.SelectChainPage, { formType: "from" }),
+    },
+    {
+        path: `${utils_1.navigationRoutes.toToken}?/${utils_1.navigationRoutes.toChain}`,
+        element: (0, jsx_runtime_1.jsx)(SelectChainPage_1.SelectChainPage, { formType: "to" }),
+    },
+    {
+        path: utils_1.navigationRoutes.routes,
+        element: (0, jsx_runtime_1.jsx)(RoutesPage_1.RoutesPage, {}),
+    },
+    {
+        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.configuredWallets,
+        element: (0, jsx_runtime_1.jsx)(SendToWallet_1.SendToConfiguredWalletPage, {}),
+    },
+    {
+        path: utils_1.navigationRoutes.transactionHistory,
+        element: (0, jsx_runtime_1.jsx)(TransactionHistoryPage_1.TransactionHistoryPage, {}),
+    },
+    {
+        path: `${utils_1.navigationRoutes.transactionHistory}?/${utils_1.navigationRoutes.routes}?/${utils_1.navigationRoutes.transactionExecution}?/${utils_1.navigationRoutes.transactionDetails}`,
+        element: (0, jsx_runtime_1.jsx)(TransactionDetailsPage_1.TransactionDetailsPage, {}),
+    },
+    {
+        path: `${utils_1.navigationRoutes.routes}?/${utils_1.navigationRoutes.activeTransactions}?/${utils_1.navigationRoutes.transactionExecution}`,
+        element: (0, jsx_runtime_1.jsx)(TransactionPage_1.TransactionPage, {}),
+    },
+    {
+        path: '*',
+        element: (0, jsx_runtime_1.jsx)(NotFoundRouteHandler, {}),
+    },
+];
+const AppRoutes = () => {
+    const element = (0, react_router_dom_1.useRoutes)(routes);
+    return element;
+};
+exports.AppRoutes = AppRoutes;
+//# sourceMappingURL=AppRoutes.js.map

package/_cjs/AppRoutes.js.map

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

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,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AccountAvatar = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const wallet_management_1 = require("@lifi/wallet-management");
+const Wallet_1 = require("@mui/icons-material/Wallet");
+const material_1 = require("@mui/material");
+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: (0, wallet_management_1.getConnectorIcon)(account.connector), 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,+DAA2D;AAC3D,uDAAoD;AACpD,4CAA8C;AAE9C,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,EAAE,IAAA,oCAAgB,EAAC,OAAO,CAAC,SAAS,CAAC,EACxC,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;AAhCW,QAAA,aAAa,iBAgCxB"}

package/_cjs/components/ActiveTransactions/ActiveTransactionItem.js

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ActiveTransactionItem = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ArrowForward_1 = require("@mui/icons-material/ArrowForward");
+const ErrorRounded_1 = require("@mui/icons-material/ErrorRounded");
+const InfoRounded_1 = require("@mui/icons-material/InfoRounded");
+const material_1 = require("@mui/material");
+const react_router_dom_1 = require("react-router-dom");
+const hooks_1 = require("../../hooks");
+const stores_1 = require("../../stores");
+const utils_1 = require("../../utils");
+const StepTimer_1 = require("../Step/StepTimer");
+const TokenAvatar_1 = require("../TokenAvatar");
+const ActiveTransactions_style_1 = require("./ActiveTransactions.style");
+const ActiveTransactionItem = ({ routeId, dense }) => {
+    const navigate = (0, react_router_dom_1.useNavigate)();
+    const { route, status } = (0, hooks_1.useRouteExecution)({
+        routeId,
+        executeInBackground: true,
+    });
+    const lastActiveStep = route?.steps.findLast((step) => step.execution);
+    const lastActiveProcess = lastActiveStep?.execution?.process.at(-1);
+    const { title } = (0, hooks_1.useProcessMessage)(lastActiveStep, lastActiveProcess);
+    if (!route || !lastActiveStep) {
+        return null;
+    }
+    const handleClick = () => {
+        navigate(utils_1.navigationRoutes.transactionExecution, { state: { routeId } });
+    };
+    const getStatusComponent = () => {
+        switch (lastActiveProcess?.status) {
+            case 'ACTION_REQUIRED':
+                return (0, jsx_runtime_1.jsx)(InfoRounded_1.default, { color: "info", fontSize: "small" });
+            case 'FAILED':
+                return (0, jsx_runtime_1.jsx)(ErrorRounded_1.default, { color: "error", fontSize: "small" });
+            default:
+                return ((0, jsx_runtime_1.jsx)(material_1.Typography, { fontSize: 14, fontWeight: 500, children: (0, jsx_runtime_1.jsx)(StepTimer_1.StepTimer, { step: lastActiveStep, hideInProgress: true }) }));
+        }
+    };
+    const ListItemComponent = dense ? ActiveTransactions_style_1.ListItem : ActiveTransactions_style_1.ListItemButton;
+    return ((0, jsx_runtime_1.jsxs)(ListItemComponent, { onClick: handleClick, dense: true, disableRipple: dense, children: [(0, jsx_runtime_1.jsx)(material_1.ListItemAvatar, { children: (0, jsx_runtime_1.jsxs)(TokenAvatar_1.TokenAvatarGroup, { total: 2, children: [(0, jsx_runtime_1.jsx)(TokenAvatar_1.TokenAvatar, { token: route.fromToken }), (0, jsx_runtime_1.jsx)(TokenAvatar_1.TokenAvatar, { token: route.toToken })] }) }), (0, jsx_runtime_1.jsx)(material_1.ListItemText, { sx: { margin: 0 }, disableTypography: true, primary: (0, jsx_runtime_1.jsxs)(material_1.Typography, { fontWeight: 500, lineHeight: 1, sx: {
+                        display: 'flex',
+                        alignItems: 'center',
+                        marginLeft: 2,
+                        height: 16,
+                    }, children: [route.fromToken.symbol, (0, jsx_runtime_1.jsx)(ArrowForward_1.default, { sx: { paddingX: 0.5 } }), route.toToken.symbol] }), secondary: status !== stores_1.RouteExecutionStatus.Done ? ((0, jsx_runtime_1.jsx)(material_1.Typography, { fontWeight: 400, fontSize: 12, color: "text.secondary", lineHeight: 1, mt: 0.75, ml: 2, children: title })) : null }), getStatusComponent()] }));
+};
+exports.ActiveTransactionItem = ActiveTransactionItem;
+//# sourceMappingURL=ActiveTransactionItem.js.map

package/_cjs/components/ActiveTransactions/ActiveTransactionItem.js.map

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

package/_cjs/components/ActiveTransactions/ActiveTransactions.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ActiveTransactions = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const react_i18next_1 = require("react-i18next");
+const react_router_dom_1 = require("react-router-dom");
+const stores_1 = require("../../stores");
+const utils_1 = require("../../utils");
+const Card_1 = require("../Card");
+const ActiveTransactionItem_1 = require("./ActiveTransactionItem");
+const ActiveTransactions_style_1 = require("./ActiveTransactions.style");
+const ActiveTransactions = (props) => {
+    const { t } = (0, react_i18next_1.useTranslation)();
+    const navigate = (0, react_router_dom_1.useNavigate)();
+    const executingRoutes = (0, stores_1.useExecutingRoutesIds)();
+    if (!executingRoutes?.length) {
+        return null;
+    }
+    const handleShowAll = () => {
+        navigate(utils_1.navigationRoutes.activeTransactions);
+    };
+    const hasShowAll = executingRoutes?.length > 2;
+    return ((0, jsx_runtime_1.jsxs)(Card_1.Card, { variant: "selected", selectionColor: "secondary", ...props, children: [(0, jsx_runtime_1.jsx)(Card_1.CardTitle, { children: t('header.activeTransactions') }), (0, jsx_runtime_1.jsx)(material_1.Stack, { spacing: 1.5, pt: 1.5, pb: hasShowAll ? 0 : 2, children: executingRoutes.slice(0, 2).map((routeId) => ((0, jsx_runtime_1.jsx)(ActiveTransactionItem_1.ActiveTransactionItem, { routeId: routeId, dense: true }, routeId))) }), hasShowAll ? ((0, jsx_runtime_1.jsx)(ActiveTransactions_style_1.ShowAllButton, { disableRipple: true, fullWidth: true, onClick: handleShowAll, children: t('button.showAll') })) : null] }));
+};
+exports.ActiveTransactions = ActiveTransactions;
+//# sourceMappingURL=ActiveTransactions.js.map

package/_cjs/components/ActiveTransactions/ActiveTransactions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActiveTransactions.js","sourceRoot":"","sources":["../../../components/ActiveTransactions/ActiveTransactions.tsx"],"names":[],"mappings":";;;;AACA,4CAAsC;AACtC,iDAA+C;AAC/C,uDAA+C;AAC/C,yCAAqD;AACrD,uCAA+C;AAC/C,kCAA0C;AAC1C,mEAAgE;AAChE,yEAA2D;AAEpD,MAAM,kBAAkB,GAAuB,CAAC,KAAK,EAAE,EAAE;IAC9D,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,MAAM,QAAQ,GAAG,IAAA,8BAAW,GAAE,CAAC;IAC/B,MAAM,eAAe,GAAG,IAAA,8BAAqB,GAAE,CAAC;IAEhD,IAAI,CAAC,eAAe,EAAE,MAAM,EAAE,CAAC;QAC7B,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,QAAQ,CAAC,wBAAgB,CAAC,kBAAkB,CAAC,CAAC;IAChD,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,eAAe,EAAE,MAAM,GAAG,CAAC,CAAC;IAE/C,OAAO,CACL,wBAAC,WAAI,IAAC,OAAO,EAAC,UAAU,EAAC,cAAc,EAAC,WAAW,KAAK,KAAK,aAC3D,uBAAC,gBAAS,cAAE,CAAC,CAAC,2BAA2B,CAAC,GAAa,EACvD,uBAAC,gBAAK,IAAC,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,YACjD,eAAe,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAC5C,uBAAC,6CAAqB,IAAe,OAAO,EAAE,OAAO,EAAE,KAAK,UAAhC,OAAO,CAA4B,CAChE,CAAC,GACI,EACP,UAAU,CAAC,CAAC,CAAC,CACZ,uBAAC,wCAAa,IAAC,aAAa,QAAC,SAAS,QAAC,OAAO,EAAE,aAAa,YAC1D,CAAC,CAAC,gBAAgB,CAAC,GACN,CACjB,CAAC,CAAC,CAAC,IAAI,IACH,CACR,CAAC;AACJ,CAAC,CAAC;AA9BW,QAAA,kBAAkB,sBA8B7B"}

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

@@ -0,0 +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" | "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" | "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/ActiveTransactions/ActiveTransactions.style.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ShowAllButton = exports.ListItem = exports.ListItemButton = void 0;
+const material_1 = require("@mui/material");
+const ListItemSecondaryAction_1 = require("@mui/material/ListItemSecondaryAction");
+const styles_1 = require("@mui/material/styles");
+const utils_1 = require("../../utils");
+exports.ListItemButton = (0, styles_1.styled)(material_1.ListItemButton)(({ theme }) => ({
+    borderRadius: theme.shape.borderRadius,
+    paddingLeft: theme.spacing(1.5),
+    paddingRight: theme.spacing(1.5),
+    height: 64,
+    '&:hover': {
+        backgroundColor: (0, utils_1.getContrastAlphaColor)(theme.palette.mode, '4%'),
+    },
+}));
+exports.ListItem = (0, styles_1.styled)(material_1.ListItem, {
+    shouldForwardProp: (prop) => prop !== 'disableRipple',
+})(({ theme }) => ({
+    padding: theme.spacing(0, 1.5),
+    [`.${ListItemSecondaryAction_1.listItemSecondaryActionClasses.root}`]: {
+        right: theme.spacing(3),
+    },
+    '&:hover': {
+        cursor: 'pointer',
+    },
+}));
+exports.ShowAllButton = (0, styles_1.styled)(material_1.Button)(({ theme }) => ({
+    background: 'none',
+    '&:hover': {
+        background: 'none',
+    },
+    padding: theme.spacing(0.75, 2),
+    fontSize: '0.875rem',
+}));
+//# sourceMappingURL=ActiveTransactions.style.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ActiveTransactions.style.js","sourceRoot":"","sources":["../../../components/ActiveTransactions/ActiveTransactions.style.ts"],"names":[],"mappings":";;;AAAA,4CAIuB;AACvB,mFAAuF;AACvF,iDAA8C;AAC9C,uCAAoD;AAEvC,QAAA,cAAc,GAAG,IAAA,eAAM,EAAC,yBAAiB,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACtE,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,YAAY;IACtC,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;IAC/B,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;IAChC,MAAM,EAAE,EAAE;IACV,SAAS,EAAE;QACT,eAAe,EAAE,IAAA,6BAAqB,EAAC,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC;KACjE;CACF,CAAC,CAAC,CAAC;AAES,QAAA,QAAQ,GAAG,IAAA,eAAM,EAAC,mBAAW,EAAE;IAC1C,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,eAAe;CACtD,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACjB,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE,GAAG,CAAC;IAC9B,CAAC,IAAI,wDAA8B,CAAC,IAAI,EAAE,CAAC,EAAE;QAC3C,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;KACxB;IACD,SAAS,EAAE;QACT,MAAM,EAAE,SAAS;KAClB;CACF,CAAC,CAAC,CAAC;AAES,QAAA,aAAa,GAAG,IAAA,eAAM,EAAC,iBAAM,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC1D,UAAU,EAAE,MAAM;IAClB,SAAS,EAAE;QACT,UAAU,EAAE,MAAM;KACnB;IACD,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC;IAC/B,QAAQ,EAAE,UAAU;CACrB,CAAC,CAAC,CAAC"}

package/_cjs/components/ActiveTransactions/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/ActiveTransactions/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,0DAAwC;AACxC,uDAAqC"}

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":""}