@lifi/widget 3.7.0-beta.1 → 3.7.0-beta.11

package/CHANGELOG.md

@@ -2,6 +2,28 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+## [3.7.0](https://github.com/lifinance/widget/compare/v3.6.2...v3.7.0) (2024-10-02)
+
+
+### Features
+
+* add emitter event on location change ([#304](https://github.com/lifinance/widget/issues/304)) ([d6146f8](https://github.com/lifinance/widget/commit/d6146f83dcc27381d52b95f51e7fdcd05552dc58))
+* add search input to chain, bridges and exchanges pages ([#305](https://github.com/lifinance/widget/issues/305)) ([5504d95](https://github.com/lifinance/widget/commit/5504d95621d11a70ee3fb39108dbd8c0a2417978))
+
+### [3.6.2](https://github.com/lifinance/widget/compare/v3.6.1...v3.6.2) (2024-09-24)
+
+
+### Bug Fixes
+
+* status sheet buttons and height adjustment ([#303](https://github.com/lifinance/widget/issues/303)) ([56db5e4](https://github.com/lifinance/widget/commit/56db5e4033a05a295cf022843c9a359008c70ce5))
+
+### [3.6.1](https://github.com/lifinance/widget/compare/v3.6.0...v3.6.1) (2024-09-18)
+
+
+### Bug Fixes
+
+* trim amount input ([66eed73](https://github.com/lifinance/widget/commit/66eed7386826e7cf0c249ebd2fdc1930ab550f6c))
+
 ## [3.6.0](https://github.com/lifinance/widget/compare/v3.5.3...v3.6.0) (2024-09-18)
 
 

package/README.md

@@ -33,6 +33,12 @@
 
 LI.FI Widget is available as an [npm package](https://www.npmjs.com/package/@lifi/widget).
 
+**pnpm:**
+
+```sh
+pnpm add @lifi/widget
+```
+
 **npm:**
 
 ```sh
@@ -49,6 +55,12 @@ yarn add @lifi/widget
 
 LI.FI Wallet Management is available as an [npm package](https://www.npmjs.com/package/@lifi/wallet-management).
 
+**pnpm:**
+
+```sh
+pnpm add @lifi/wallet-management
+```
+
 **npm:**
 
 ```sh

package/dist/esm/App.jsx

@@ -0,0 +1,31 @@
+'use client';
+import { forwardRef, useMemo } from 'react';
+import { AppDefault } from './AppDefault.js';
+import { AppDrawer } from './AppDrawer.js';
+import { AppProvider } from './AppProvider.js';
+export const App = forwardRef((props, ref) => {
+    const config = useMemo(() => {
+        const config = { ...props, ...props.config };
+        if (config.variant === 'drawer') {
+            config.theme = {
+                ...config.theme,
+                container: {
+                    height: '100%',
+                    ...config.theme?.container,
+                },
+            };
+        }
+        return config;
+    }, [props]);
+    if (config.variant === 'drawer') {
+        return (<AppProvider config={config} formRef={props.formRef}>
+        <AppDrawer ref={ref} elementRef={props.elementRef} config={config} open={props.open} onClose={props.onClose}>
+          <AppDefault />
+        </AppDrawer>
+      </AppProvider>);
+    }
+    return (<AppProvider config={config} formRef={props.formRef}>
+      <AppDefault />
+    </AppProvider>);
+});
+//# sourceMappingURL=App.jsx.map

package/dist/esm/App.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"App.jsx","sourceRoot":"","sources":["../../src/App.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AACZ,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAE5C,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAG9C,MAAM,CAAC,MAAM,GAAG,GAAG,UAAU,CAA4B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACtE,MAAM,MAAM,GAAiB,OAAO,CAAC,GAAG,EAAE;QACxC,MAAM,MAAM,GAAG,EAAE,GAAG,KAAK,EAAE,GAAG,KAAK,CAAC,MAAM,EAAE,CAAA;QAC5C,IAAI,MAAM,CAAC,OAAO,KAAK,QAAQ,EAAE,CAAC;YAChC,MAAM,CAAC,KAAK,GAAG;gBACb,GAAG,MAAM,CAAC,KAAK;gBACf,SAAS,EAAE;oBACT,MAAM,EAAE,MAAM;oBACd,GAAG,MAAM,CAAC,KAAK,EAAE,SAAS;iBAC3B;aACF,CAAA;QACH,CAAC;QACD,OAAO,MAAM,CAAA;IACf,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IAEX,IAAI,MAAM,CAAC,OAAO,KAAK,QAAQ,EAAE,CAAC;QAChC,OAAO,CACL,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAClD;QAAA,CAAC,SAAS,CACR,GAAG,CAAC,CAAC,GAAG,CAAC,CACT,UAAU,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,CAC7B,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,IAAI,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CACjB,OAAO,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAEvB;UAAA,CAAC,UAAU,CAAC,AAAD,EACb;QAAA,EAAE,SAAS,CACb;MAAA,EAAE,WAAW,CAAC,CACf,CAAA;IACH,CAAC;IAED,OAAO,CACL,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAClD;MAAA,CAAC,UAAU,CAAC,AAAD,EACb;IAAA,EAAE,WAAW,CAAC,CACf,CAAA;AACH,CAAC,CAAC,CAAA"}

package/dist/esm/AppDefault.d.ts

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

package/dist/esm/AppDefault.jsx

@@ -0,0 +1,24 @@
+'use client';
+import { AppRoutes } from './AppRoutes.js';
+import { AppContainer, AppExpandedContainer, FlexContainer, } from './components/AppContainer.js';
+import { Header } from './components/Header/Header.js';
+import { Initializer } from './components/Initializer.js';
+import { RoutesExpanded } from './components/Routes/RoutesExpanded.js';
+import { useWideVariant } from './hooks/useWideVariant.js';
+import { useWidgetConfig } from './providers/WidgetProvider/WidgetProvider.js';
+import { ElementId, createElementId } from './utils/elements.js';
+export const AppDefault = () => {
+    const { elementId } = useWidgetConfig();
+    const wideVariant = useWideVariant();
+    return (<AppExpandedContainer id={createElementId(ElementId.AppExpandedContainer, elementId)}>
+      <AppContainer>
+        <Header />
+        <FlexContainer disableGutters>
+          <AppRoutes />
+        </FlexContainer>
+        <Initializer />
+      </AppContainer>
+      {wideVariant ? <RoutesExpanded /> : null}
+    </AppExpandedContainer>);
+};
+//# sourceMappingURL=AppDefault.jsx.map

package/dist/esm/AppDefault.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppDefault.jsx","sourceRoot":"","sources":["../../src/AppDefault.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AACZ,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAC1C,OAAO,EACL,YAAY,EACZ,oBAAoB,EACpB,aAAa,GACd,MAAM,8BAA8B,CAAA;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAA;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAA;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAA;AACtE,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,8CAA8C,CAAA;AAC9E,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AAEhE,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,EAAE;IAC7B,MAAM,EAAE,SAAS,EAAE,GAAG,eAAe,EAAE,CAAA;IACvC,MAAM,WAAW,GAAG,cAAc,EAAE,CAAA;IAEpC,OAAO,CACL,CAAC,oBAAoB,CACnB,EAAE,CAAC,CAAC,eAAe,CAAC,SAAS,CAAC,oBAAoB,EAAE,SAAS,CAAC,CAAC,CAE/D;MAAA,CAAC,YAAY,CACX;QAAA,CAAC,MAAM,CAAC,AAAD,EACP;QAAA,CAAC,aAAa,CAAC,cAAc,CAC3B;UAAA,CAAC,SAAS,CAAC,AAAD,EACZ;QAAA,EAAE,aAAa,CACf;QAAA,CAAC,WAAW,CAAC,AAAD,EACd;MAAA,EAAE,YAAY,CACd;MAAA,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,AAAD,EAAG,CAAC,CAAC,CAAC,IAAI,CAC1C;IAAA,EAAE,oBAAoB,CAAC,CACxB,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/AppDrawer.jsx

@@ -0,0 +1,53 @@
+import { Drawer } from '@mui/material';
+import { forwardRef, useCallback, useImperativeHandle, useMemo, useRef, useState, } from 'react';
+import { DrawerContext } from './AppDrawerContext.js';
+export const AppDrawer = forwardRef(({ elementRef, open, onClose, children }, ref) => {
+    const openRef = useRef(Boolean(open));
+    const [drawerOpen, setDrawerOpen] = useState(Boolean(open));
+    const toggleDrawer = useCallback(() => {
+        setDrawerOpen((open) => {
+            openRef.current = !open;
+            return openRef.current;
+        });
+        if (!openRef.current) {
+            onClose?.();
+        }
+    }, [onClose]);
+    const openDrawer = useCallback(() => {
+        setDrawerOpen(true);
+        openRef.current = true;
+    }, []);
+    const closeDrawer = useCallback(() => {
+        setDrawerOpen(false);
+        openRef.current = false;
+        onClose?.();
+    }, [onClose]);
+    useImperativeHandle(ref, () => ({
+        isOpen: () => openRef.current,
+        toggleDrawer,
+        openDrawer,
+        closeDrawer,
+    }), [closeDrawer, openDrawer, toggleDrawer]);
+    const drawerContext = useMemo(() => ({
+        closeDrawer,
+    }), [closeDrawer]);
+    return (<DrawerContext.Provider value={drawerContext}>
+      <Drawer ref={elementRef} anchor="right" open={drawerOpen} onClose={closeDrawer} slotProps={{
+            backdrop: {
+                sx: {
+                    backgroundColor: 'rgb(0 0 0 / 48%)',
+                    backdropFilter: 'blur(3px)',
+                },
+            },
+        }} PaperProps={{
+            sx: (theme) => ({
+                width: theme?.container?.width ?? '100%',
+                minWidth: theme?.container?.minWidth ?? theme.breakpoints.values.xs,
+                maxWidth: theme?.container?.maxWidth ?? theme.breakpoints.values.sm,
+            }),
+        }} keepMounted>
+        {children}
+      </Drawer>
+    </DrawerContext.Provider>);
+});
+//# sourceMappingURL=AppDrawer.jsx.map

package/dist/esm/AppDrawer.jsx.map

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

package/dist/esm/AppDrawer.style.jsx

@@ -0,0 +1,12 @@
+import { IconButton, styled } from '@mui/material';
+export const CloseButtonLayout = styled(IconButton)(() => ({
+    position: 'absolute',
+    top: '12px',
+    right: '26px',
+    zIndex: 1,
+    height: '40px',
+    width: '40px',
+    alignItems: 'center',
+    justifyContent: 'center',
+}));
+//# sourceMappingURL=AppDrawer.style.jsx.map

package/dist/esm/AppDrawer.style.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppDrawer.style.jsx","sourceRoot":"","sources":["../../src/AppDrawer.style.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAElD,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC;IACzD,QAAQ,EAAE,UAAU;IACpB,GAAG,EAAE,MAAM;IACX,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,CAAC;IACT,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,MAAM;IACb,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,QAAQ;CACzB,CAAC,CAAC,CAAA"}

package/dist/esm/AppDrawerContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppDrawerContext.js","sourceRoot":"","sources":["../../src/AppDrawerContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAMjD,MAAM,CAAC,MAAM,aAAa,GAAG,aAAa,CAAsB,EAAE,CAAC,CAAA;AAEnE,MAAM,CAAC,MAAM,SAAS,GAAG,GAAwB,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,CAAA"}

package/dist/esm/AppProvider.d.ts

@@ -0,0 +1,4 @@
+import type { PropsWithChildren } from 'react';
+import type { WidgetConfigProps } from './types/widget.js';
+export declare const AppProvider: React.FC<PropsWithChildren<WidgetConfigProps>>;
+export declare const AppRouter: React.FC<PropsWithChildren>;

package/dist/esm/AppProvider.jsx

@@ -0,0 +1,37 @@
+import { QueryClientProvider } from '@tanstack/react-query';
+import { Fragment } from 'react';
+import { MemoryRouter, useInRouterContext } from 'react-router-dom';
+import { PageEntered } from './components/PageEntered.js';
+import { queryClient } from './config/queryClient.js';
+import { I18nProvider } from './providers/I18nProvider/I18nProvider.js';
+import { ThemeProvider } from './providers/ThemeProvider/ThemeProvider.js';
+import { WalletProvider } from './providers/WalletProvider/WalletProvider.js';
+import { WidgetProvider, useWidgetConfig, } from './providers/WidgetProvider/WidgetProvider.js';
+import { StoreProvider } from './stores/StoreProvider.js';
+import { URLSearchParamsBuilder } from './stores/form/URLSearchParamsBuilder.js';
+export const AppProvider = ({ children, config, formRef, }) => {
+    return (<QueryClientProvider client={queryClient}>
+      <WidgetProvider config={config}>
+        <I18nProvider>
+          <ThemeProvider>
+            <WalletProvider>
+              <StoreProvider config={config} formRef={formRef}>
+                <AppRouter>{children}</AppRouter>
+              </StoreProvider>
+            </WalletProvider>
+          </ThemeProvider>
+        </I18nProvider>
+      </WidgetProvider>
+    </QueryClientProvider>);
+};
+export const AppRouter = ({ children }) => {
+    const { buildUrl } = useWidgetConfig();
+    const inRouterContext = useInRouterContext();
+    const Router = inRouterContext ? Fragment : MemoryRouter;
+    return (<Router>
+      {children}
+      {buildUrl ? <URLSearchParamsBuilder /> : null}
+      <PageEntered />
+    </Router>);
+};
+//# sourceMappingURL=AppProvider.jsx.map

package/dist/esm/AppProvider.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppProvider.jsx","sourceRoot":"","sources":["../../src/AppProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAE3D,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAChC,OAAO,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAA;AACnE,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAA;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,0CAA0C,CAAA;AACvE,OAAO,EAAE,aAAa,EAAE,MAAM,4CAA4C,CAAA;AAC1E,OAAO,EAAE,cAAc,EAAE,MAAM,8CAA8C,CAAA;AAC7E,OAAO,EACL,cAAc,EACd,eAAe,GAChB,MAAM,8CAA8C,CAAA;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AACzD,OAAO,EAAE,sBAAsB,EAAE,MAAM,yCAAyC,CAAA;AAGhF,MAAM,CAAC,MAAM,WAAW,GAAmD,CAAC,EAC1E,QAAQ,EACR,MAAM,EACN,OAAO,GACR,EAAE,EAAE;IACH,OAAO,CACL,CAAC,mBAAmB,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,CACvC;MAAA,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAC7B;QAAA,CAAC,YAAY,CACX;UAAA,CAAC,aAAa,CACZ;YAAA,CAAC,cAAc,CACb;cAAA,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAC9C;gBAAA,CAAC,SAAS,CAAC,CAAC,QAAQ,CAAC,EAAE,SAAS,CAClC;cAAA,EAAE,aAAa,CACjB;YAAA,EAAE,cAAc,CAClB;UAAA,EAAE,aAAa,CACjB;QAAA,EAAE,YAAY,CAChB;MAAA,EAAE,cAAc,CAClB;IAAA,EAAE,mBAAmB,CAAC,CACvB,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,SAAS,GAAgC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACrE,MAAM,EAAE,QAAQ,EAAE,GAAG,eAAe,EAAE,CAAA;IACtC,MAAM,eAAe,GAAG,kBAAkB,EAAE,CAAA;IAC5C,MAAM,MAAM,GAAG,eAAe,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAA;IACxD,OAAO,CACL,CAAC,MAAM,CACL;MAAA,CAAC,QAAQ,CACT;MAAA,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,sBAAsB,CAAC,AAAD,EAAG,CAAC,CAAC,CAAC,IAAI,CAC7C;MAAA,CAAC,WAAW,CAAC,AAAD,EACd;IAAA,EAAE,MAAM,CAAC,CACV,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/AppRoutes.jsx

@@ -0,0 +1,110 @@
+import { useRoutes } from 'react-router-dom';
+import { NotFound } from './components/NotFound.js';
+import { ActiveTransactionsPage } from './pages/ActiveTransactionsPage/ActiveTransactionsPage.js';
+import { LanguagesPage } from './pages/LanguagesPage.js';
+import { MainPage } from './pages/MainPage/MainPage.js';
+import { RoutesPage } from './pages/RoutesPage/RoutesPage.js';
+import { SelectChainPage } from './pages/SelectChainPage/SelectChainPage.js';
+import { SelectEnabledToolsPage } from './pages/SelectEnabledToolsPage.js';
+import { SelectTokenPage } from './pages/SelectTokenPage/SelectTokenPage.js';
+import { BookmarksPage } from './pages/SendToWallet/BookmarksPage.js';
+import { ConnectedWalletsPage } from './pages/SendToWallet/ConnectedWalletsPage.js';
+import { RecentWalletsPage } from './pages/SendToWallet/RecentWalletsPage.js';
+import { SendToConfiguredWalletPage } from './pages/SendToWallet/SendToConfiguredWalletPage.js';
+import { SendToWalletPage } from './pages/SendToWallet/SendToWalletPage.js';
+import { SettingsPage } from './pages/SettingsPage/SettingsPage.js';
+import { TransactionDetailsPage } from './pages/TransactionDetailsPage/TransactionDetailsPage.js';
+import { TransactionHistoryPage } from './pages/TransactionHistoryPage/TransactionHistoryPage.js';
+import { TransactionPage } from './pages/TransactionPage/TransactionPage.js';
+import { navigationRoutes } from './utils/navigationRoutes.js';
+const routes = [
+    {
+        path: '/',
+        element: <MainPage />,
+    },
+    {
+        path: navigationRoutes.settings,
+        element: <SettingsPage />,
+    },
+    {
+        path: `${navigationRoutes.settings}/${navigationRoutes.bridges}`,
+        element: <SelectEnabledToolsPage type="Bridges"/>,
+    },
+    {
+        path: `${navigationRoutes.settings}/${navigationRoutes.exchanges}`,
+        element: <SelectEnabledToolsPage type="Exchanges"/>,
+    },
+    {
+        path: `${navigationRoutes.settings}/${navigationRoutes.languages}`,
+        element: <LanguagesPage />,
+    },
+    {
+        path: navigationRoutes.fromToken,
+        element: <SelectTokenPage formType="from"/>,
+    },
+    {
+        path: navigationRoutes.toToken,
+        element: <SelectTokenPage formType="to"/>,
+    },
+    {
+        path: navigationRoutes.toTokenNative,
+        element: <SelectChainPage formType="to" selectNativeToken/>,
+    },
+    {
+        path: `${navigationRoutes.fromToken}?/${navigationRoutes.fromChain}`,
+        element: <SelectChainPage formType="from"/>,
+    },
+    {
+        path: `${navigationRoutes.toToken}?/${navigationRoutes.toChain}`,
+        element: <SelectChainPage formType="to"/>,
+    },
+    {
+        path: navigationRoutes.routes,
+        element: <RoutesPage />,
+    },
+    {
+        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.configuredWallets,
+        element: <SendToConfiguredWalletPage />,
+    },
+    {
+        path: navigationRoutes.transactionHistory,
+        element: <TransactionHistoryPage />,
+    },
+    {
+        path: `${navigationRoutes.transactionHistory}?/${navigationRoutes.routes}?/${navigationRoutes.transactionExecution}?/${navigationRoutes.transactionDetails}`,
+        element: <TransactionDetailsPage />,
+    },
+    {
+        path: `${navigationRoutes.routes}?/${navigationRoutes.activeTransactions}?/${navigationRoutes.transactionExecution}`,
+        element: <TransactionPage />,
+    },
+    {
+        path: '*',
+        element: <NotFound />,
+    },
+];
+export const AppRoutes = () => {
+    const element = useRoutes(routes);
+    return element;
+};
+//# sourceMappingURL=AppRoutes.jsx.map

package/dist/esm/AppRoutes.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppRoutes.jsx","sourceRoot":"","sources":["../../src/AppRoutes.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AACnD,OAAO,EAAE,sBAAsB,EAAE,MAAM,0DAA0D,CAAA;AACjG,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAA;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAA;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAA;AAC7D,OAAO,EAAE,eAAe,EAAE,MAAM,4CAA4C,CAAA;AAC5E,OAAO,EAAE,sBAAsB,EAAE,MAAM,mCAAmC,CAAA;AAC1E,OAAO,EAAE,eAAe,EAAE,MAAM,4CAA4C,CAAA;AAC5E,OAAO,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAA;AACrE,OAAO,EAAE,oBAAoB,EAAE,MAAM,8CAA8C,CAAA;AACnF,OAAO,EAAE,iBAAiB,EAAE,MAAM,2CAA2C,CAAA;AAC7E,OAAO,EAAE,0BAA0B,EAAE,MAAM,oDAAoD,CAAA;AAC/F,OAAO,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAA;AAC3E,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAA;AACnE,OAAO,EAAE,sBAAsB,EAAE,MAAM,0DAA0D,CAAA;AACjG,OAAO,EAAE,sBAAsB,EAAE,MAAM,0DAA0D,CAAA;AACjG,OAAO,EAAE,eAAe,EAAE,MAAM,4CAA4C,CAAA;AAC5E,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAA;AAE9D,MAAM,MAAM,GAAkB;IAC5B;QACE,IAAI,EAAE,GAAG;QACT,OAAO,EAAE,CAAC,QAAQ,CAAC,AAAD,EAAG;KACtB;IACD;QACE,IAAI,EAAE,gBAAgB,CAAC,QAAQ;QAC/B,OAAO,EAAE,CAAC,YAAY,CAAC,AAAD,EAAG;KAC1B;IACD;QACE,IAAI,EAAE,GAAG,gBAAgB,CAAC,QAAQ,IAAI,gBAAgB,CAAC,OAAO,EAAE;QAChE,OAAO,EAAE,CAAC,sBAAsB,CAAC,IAAI,CAAC,SAAS,EAAG;KACnD;IACD;QACE,IAAI,EAAE,GAAG,gBAAgB,CAAC,QAAQ,IAAI,gBAAgB,CAAC,SAAS,EAAE;QAClE,OAAO,EAAE,CAAC,sBAAsB,CAAC,IAAI,CAAC,WAAW,EAAG;KACrD;IACD;QACE,IAAI,EAAE,GAAG,gBAAgB,CAAC,QAAQ,IAAI,gBAAgB,CAAC,SAAS,EAAE;QAClE,OAAO,EAAE,CAAC,aAAa,CAAC,AAAD,EAAG;KAC3B;IACD;QACE,IAAI,EAAE,gBAAgB,CAAC,SAAS;QAChC,OAAO,EAAE,CAAC,eAAe,CAAC,QAAQ,CAAC,MAAM,EAAG;KAC7C;IACD;QACE,IAAI,EAAE,gBAAgB,CAAC,OAAO;QAC9B,OAAO,EAAE,CAAC,eAAe,CAAC,QAAQ,CAAC,IAAI,EAAG;KAC3C;IACD;QACE,IAAI,EAAE,gBAAgB,CAAC,aAAa;QACpC,OAAO,EAAE,CAAC,eAAe,CAAC,QAAQ,CAAC,IAAI,CAAC,iBAAiB,EAAG;KAC7D;IACD;QACE,IAAI,EAAE,GAAG,gBAAgB,CAAC,SAAS,KAAK,gBAAgB,CAAC,SAAS,EAAE;QACpE,OAAO,EAAE,CAAC,eAAe,CAAC,QAAQ,CAAC,MAAM,EAAG;KAC7C;IACD;QACE,IAAI,EAAE,GAAG,gBAAgB,CAAC,OAAO,KAAK,gBAAgB,CAAC,OAAO,EAAE;QAChE,OAAO,EAAE,CAAC,eAAe,CAAC,QAAQ,CAAC,IAAI,EAAG;KAC3C;IACD;QACE,IAAI,EAAE,gBAAgB,CAAC,MAAM;QAC7B,OAAO,EAAE,CAAC,UAAU,CAAC,AAAD,EAAG;KACxB;IACD;QACE,IAAI,EAAE,gBAAgB,CAAC,kBAAkB;QACzC,OAAO,EAAE,CAAC,sBAAsB,CAAC,AAAD,EAAG;KACpC;IACD;QACE,IAAI,EAAE,gBAAgB,CAAC,YAAY;QACnC,OAAO,EAAE,CAAC,gBAAgB,CAAC,AAAD,EAAG;KAC9B;IACD;QACE,IAAI,EAAE,GAAG,gBAAgB,CAAC,YAAY,IAAI,gBAAgB,CAAC,SAAS,EAAE;QACtE,OAAO,EAAE,CAAC,aAAa,CAAC,AAAD,EAAG;KAC3B;IACD;QACE,IAAI,EAAE,GAAG,gBAAgB,CAAC,YAAY,IAAI,gBAAgB,CAAC,aAAa,EAAE;QAC1E,OAAO,EAAE,CAAC,iBAAiB,CAAC,AAAD,EAAG;KAC/B;IACD;QACE,IAAI,EAAE,GAAG,gBAAgB,CAAC,YAAY,IAAI,gBAAgB,CAAC,gBAAgB,EAAE;QAC7E,OAAO,EAAE,CAAC,oBAAoB,CAAC,AAAD,EAAG;KAClC;IACD;QACE,IAAI,EAAE,gBAAgB,CAAC,iBAAiB;QACxC,OAAO,EAAE,CAAC,0BAA0B,CAAC,AAAD,EAAG;KACxC;IACD;QACE,IAAI,EAAE,gBAAgB,CAAC,kBAAkB;QACzC,OAAO,EAAE,CAAC,sBAAsB,CAAC,AAAD,EAAG;KACpC;IACD;QACE,IAAI,EAAE,GAAG,gBAAgB,CAAC,kBAAkB,KAAK,gBAAgB,CAAC,MAAM,KAAK,gBAAgB,CAAC,oBAAoB,KAAK,gBAAgB,CAAC,kBAAkB,EAAE;QAC5J,OAAO,EAAE,CAAC,sBAAsB,CAAC,AAAD,EAAG;KACpC;IACD;QACE,IAAI,EAAE,GAAG,gBAAgB,CAAC,MAAM,KAAK,gBAAgB,CAAC,kBAAkB,KAAK,gBAAgB,CAAC,oBAAoB,EAAE;QACpH,OAAO,EAAE,CAAC,eAAe,CAAC,AAAD,EAAG;KAC7B;IACD;QACE,IAAI,EAAE,GAAG;QACT,OAAO,EAAE,CAAC,QAAQ,CAAC,AAAD,EAAG;KACtB;CACF,CAAA;AAED,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,EAAE;IAC5B,MAAM,OAAO,GAAG,SAAS,CAAC,MAAM,CAAC,CAAA;IACjC,OAAO,OAAO,CAAA;AAChB,CAAC,CAAA"}

package/dist/esm/components/ActiveTransactions/ActiveTransactionItem.jsx

@@ -0,0 +1,62 @@
+import { ArrowForward, ErrorRounded, InfoRounded } from '@mui/icons-material';
+import { ListItemAvatar, ListItemText, Typography } from '@mui/material';
+import { useNavigate } from 'react-router-dom';
+import { useProcessMessage } from '../../hooks/useProcessMessage.js';
+import { useRouteExecution } from '../../hooks/useRouteExecution.js';
+import { RouteExecutionStatus } from '../../stores/routes/types.js';
+import { navigationRoutes } from '../../utils/navigationRoutes.js';
+import { TokenAvatarGroup } from '../Avatar/Avatar.style.js';
+import { TokenAvatar } from '../Avatar/TokenAvatar.js';
+import { StepTimer } from '../Step/StepTimer.js';
+import { ListItem, ListItemButton } from './ActiveTransactions.style.js';
+export const ActiveTransactionItem = ({ routeId, dense }) => {
+    const navigate = useNavigate();
+    const { route, status } = useRouteExecution({
+        routeId,
+        executeInBackground: true,
+    });
+    const lastActiveStep = route?.steps.findLast((step) => step.execution);
+    const lastActiveProcess = lastActiveStep?.execution?.process.at(-1);
+    const { title } = useProcessMessage(lastActiveStep, lastActiveProcess);
+    if (!route || !lastActiveStep) {
+        return null;
+    }
+    const handleClick = () => {
+        navigate(navigationRoutes.transactionExecution, { state: { routeId } });
+    };
+    const getStatusComponent = () => {
+        switch (lastActiveProcess?.status) {
+            case 'ACTION_REQUIRED':
+                return <InfoRounded color="info" fontSize="small"/>;
+            case 'FAILED':
+                return <ErrorRounded color="error" fontSize="small"/>;
+            default:
+                return (<Typography fontSize={14} fontWeight={600}>
+            <StepTimer step={lastActiveStep} hideInProgress/>
+          </Typography>);
+        }
+    };
+    const ListItemComponent = dense ? ListItem : ListItemButton;
+    return (<ListItemComponent onClick={handleClick} dense disableRipple={dense}>
+      <ListItemAvatar>
+        <TokenAvatarGroup total={2}>
+          <TokenAvatar token={route.fromToken}/>
+          <TokenAvatar token={route.toToken}/>
+        </TokenAvatarGroup>
+      </ListItemAvatar>
+      <ListItemText sx={{ margin: 0 }} disableTypography primary={<Typography fontWeight={500} lineHeight={1} sx={{
+                display: 'flex',
+                alignItems: 'center',
+                marginLeft: 2,
+                height: 16,
+            }}>
+            {route.fromToken.symbol}
+            <ArrowForward sx={{ paddingX: 0.5 }}/>
+            {route.toToken.symbol}
+          </Typography>} secondary={status !== RouteExecutionStatus.Done ? (<Typography fontWeight={400} fontSize={12} color="text.secondary" lineHeight={1} mt={0.75} ml={2}>
+              {title}
+            </Typography>) : null}/>
+      {getStatusComponent()}
+    </ListItemComponent>);
+};
+//# sourceMappingURL=ActiveTransactionItem.jsx.map

package/dist/esm/components/ActiveTransactions/ActiveTransactionItem.jsx.map

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

package/dist/esm/components/ActiveTransactions/ActiveTransactions.jsx

@@ -0,0 +1,31 @@
+import { Stack } from '@mui/material';
+import { useTranslation } from 'react-i18next';
+import { useNavigate } from 'react-router-dom';
+import { useExecutingRoutesIds } from '../../stores/routes/useExecutingRoutesIds.js';
+import { navigationRoutes } from '../../utils/navigationRoutes.js';
+import { Card } from '../Card/Card.js';
+import { CardTitle } from '../Card/CardTitle.js';
+import { ActiveTransactionItem } from './ActiveTransactionItem.js';
+import { ShowAllButton } from './ActiveTransactions.style.js';
+export const ActiveTransactions = (props) => {
+    const { t } = useTranslation();
+    const navigate = useNavigate();
+    const executingRoutes = useExecutingRoutesIds();
+    if (!executingRoutes?.length) {
+        return null;
+    }
+    const handleShowAll = () => {
+        navigate(navigationRoutes.activeTransactions);
+    };
+    const hasShowAll = executingRoutes?.length > 2;
+    return (<Card type="selected" selectionColor="secondary" {...props}>
+      <CardTitle>{t('header.activeTransactions')}</CardTitle>
+      <Stack spacing={1.5} pt={1.5} pb={hasShowAll ? 0 : 2}>
+        {executingRoutes.slice(0, 2).map((routeId) => (<ActiveTransactionItem key={routeId} routeId={routeId} dense/>))}
+      </Stack>
+      {hasShowAll ? (<ShowAllButton disableRipple fullWidth onClick={handleShowAll}>
+          {t('button.showAll')}
+        </ShowAllButton>) : null}
+    </Card>);
+};
+//# sourceMappingURL=ActiveTransactions.jsx.map

package/dist/esm/components/ActiveTransactions/ActiveTransactions.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActiveTransactions.jsx","sourceRoot":"","sources":["../../../../src/components/ActiveTransactions/ActiveTransactions.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AACrC,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAC9C,OAAO,EAAE,qBAAqB,EAAE,MAAM,8CAA8C,CAAA;AACpF,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAA;AAClE,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAA;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AAChD,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAA;AAClE,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAA;AAE7D,MAAM,CAAC,MAAM,kBAAkB,GAAwB,CAAC,KAAK,EAAE,EAAE;IAC/D,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAA;IAC9B,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAA;IAC9B,MAAM,eAAe,GAAG,qBAAqB,EAAE,CAAA;IAE/C,IAAI,CAAC,eAAe,EAAE,MAAM,EAAE,CAAC;QAC7B,OAAO,IAAI,CAAA;IACb,CAAC;IAED,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,QAAQ,CAAC,gBAAgB,CAAC,kBAAkB,CAAC,CAAA;IAC/C,CAAC,CAAA;IAED,MAAM,UAAU,GAAG,eAAe,EAAE,MAAM,GAAG,CAAC,CAAA;IAE9C,OAAO,CACL,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,cAAc,CAAC,WAAW,CAAC,IAAI,KAAK,CAAC,CACzD;MAAA,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC,EAAE,SAAS,CACtD;MAAA,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CACnD;QAAA,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAC5C,CAAC,qBAAqB,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,KAAK,EAAG,CAChE,CAAC,CACJ;MAAA,EAAE,KAAK,CACP;MAAA,CAAC,UAAU,CAAC,CAAC,CAAC,CACZ,CAAC,aAAa,CAAC,aAAa,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,aAAa,CAAC,CAC5D;UAAA,CAAC,CAAC,CAAC,gBAAgB,CAAC,CACtB;QAAA,EAAE,aAAa,CAAC,CACjB,CAAC,CAAC,CAAC,IAAI,CACV;IAAA,EAAE,IAAI,CAAC,CACR,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/ActiveTransactions/ActiveTransactions.style.d.ts

@@ -0,0 +1,11 @@
+export declare const ListItemButton: import("@emotion/styled").StyledComponent<import("@mui/material").ListItemButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent.js").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | 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>, {}, {}>;
+export declare const ListItem: import("@emotion/styled").StyledComponent<{
+    button?: false;
+} & import("@mui/material").ListItemOwnProps & import("@mui/material/OverridableComponent.js").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
+    ref?: ((instance: HTMLLIElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLLIElement> | null | undefined;
+}, "alignItems" | "children" | "sx" | "button" | "style" | "autoFocus" | "className" | "disabled" | "selected" | "classes" | "divider" | "dense" | "disableGutters" | "slots" | "slotProps" | "disablePadding" | "components" | "componentsProps" | "ContainerComponent" | "ContainerProps" | "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.js").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | 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" | "disableFocusRipple" | "disableElevation" | "endIcon" | "fullWidth" | "startIcon"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/dist/esm/components/ActiveTransactions/ActiveTransactions.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActiveTransactions.style.js","sourceRoot":"","sources":["../../../../src/components/ActiveTransactions/ActiveTransactions.style.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,EACN,QAAQ,IAAI,WAAW,EACvB,cAAc,IAAI,iBAAiB,EACnC,8BAA8B,EAC9B,MAAM,GACP,MAAM,eAAe,CAAA;AACtB,OAAO,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAA;AAE7D,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,iBAAiB,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,qBAAqB,CAAC,KAAK,EAAE,IAAI,CAAC;KACpD;CACF,CAAC,CAAC,CAAA;AAEH,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,WAAW,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,CAAC,CAAC;IAC5B,CAAC,IAAI,8BAA8B,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,CAAA;AAEH,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,MAAM,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,CAAA"}

package/dist/esm/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.js';
+interface AlertMessageProps extends PropsWithChildren<Omit<BoxProps, 'title'>> {
+    icon: ReactNode;
+    title: ReactNode;
+    multilineTitle?: boolean;
+    severity?: Severity;
+}
+export declare const AlertMessage: ({ title, icon, children, multilineTitle, severity, ...rest }: AlertMessageProps) => import("react").JSX.Element;
+export {};

package/dist/esm/components/AlertMessage/AlertMessage.jsx

@@ -0,0 +1,9 @@
+import { AlertMessageCard, AlertMessageCardTitle, } from './AlertMessage.style.js';
+export const AlertMessage = ({ title, icon, children, multilineTitle, severity = 'info', ...rest }) => (<AlertMessageCard severity={severity} {...rest}>
+    <AlertMessageCardTitle severity={severity} alignItems={multilineTitle ? 'start' : 'center'}>
+      {icon}
+      {title}
+    </AlertMessageCardTitle>
+    {children}
+  </AlertMessageCard>);
+//# sourceMappingURL=AlertMessage.jsx.map

package/dist/esm/components/AlertMessage/AlertMessage.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertMessage.jsx","sourceRoot":"","sources":["../../../../src/components/AlertMessage/AlertMessage.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,gBAAgB,EAChB,qBAAqB,GACtB,MAAM,yBAAyB,CAAA;AAUhC,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAC3B,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,cAAc,EACd,QAAQ,GAAG,MAAM,EACjB,GAAG,IAAI,EACW,EAAE,EAAE,CAAC,CACvB,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,CAAC,IAAI,IAAI,CAAC,CAC7C;IAAA,CAAC,qBAAqB,CACpB,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,UAAU,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAEhD;MAAA,CAAC,IAAI,CACL;MAAA,CAAC,KAAK,CACR;IAAA,EAAE,qBAAqB,CACvB;IAAA,CAAC,QAAQ,CACX;EAAA,EAAE,gBAAgB,CAAC,CACpB,CAAA"}

package/dist/esm/components/AlertMessage/AlertMessage.style.jsx

@@ -0,0 +1,31 @@
+import { Box, alpha, darken, lighten, styled } from '@mui/material';
+import { getInfoBackgroundColor, getWarningBackgroundColor, } from '../../utils/colors.js';
+export const AlertMessageCard = styled(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'
+        ? getWarningBackgroundColor(theme)
+        : getInfoBackgroundColor(theme),
+}));
+export const AlertMessageCardTitle = styled(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'
+            ? darken(theme.palette.warning.main, 0.36)
+            : alpha(theme.palette.warning.main, 1)
+        : theme.palette.mode === 'light'
+            ? theme.palette.info.main
+            : lighten(theme.palette.info.main, 0.24),
+}));
+//# sourceMappingURL=AlertMessage.style.jsx.map

package/dist/esm/components/AlertMessage/AlertMessage.style.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertMessage.style.jsx","sourceRoot":"","sources":["../../../../src/components/AlertMessage/AlertMessage.style.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AACnE,OAAO,EACL,sBAAsB,EACtB,yBAAyB,GAC1B,MAAM,uBAAuB,CAAA;AAO9B,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,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,yBAAyB,CAAC,KAAK,CAAC;QAClC,CAAC,CAAC,sBAAsB,CAAC,KAAK,CAAC;CACpC,CAAC,CAAC,CAAA;AAEH,MAAM,CAAC,MAAM,qBAAqB,GAAG,MAAM,CAAC,GAAG,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,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC;YAC1C,CAAC,CAAC,KAAK,CAAC,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,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC;CAC/C,CAAC,CAAC,CAAA"}

package/dist/esm/components/AlertMessage/types.js.map

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