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

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@lifi/widget",
-  "version": "3.0.0-alpha.3",
+  "version": "3.0.0-alpha.4",
   "description": "LI.FI Widget for cross-chain bridging and swapping. It will drive your multi-chain strategy and attract new users from everywhere.",
   "type": "module",
-  "main": "./src/_esm/index.js",
+  "main": "./src/_cjs/index.js",
   "module": "./src/_esm/index.js",
   "types": "./src/_esm/index.d.ts",
   "sideEffects": false,
@@ -35,17 +35,17 @@
   "dependencies": {
     "@emotion/react": "^11.11.1",
     "@emotion/styled": "^11.11.0",
-    "@lifi/sdk": "^3.0.0-alpha.36",
-    "@lifi/wallet-management": "^3.0.0-alpha.1",
+    "@lifi/sdk": "^3.0.0-alpha.37",
+    "@lifi/wallet-management": "^3.0.0-alpha.2",
     "@mui/icons-material": "^5.14.19",
-    "@mui/lab": "^5.0.0-alpha.154",
-    "@mui/material": "^5.14.19",
+    "@mui/lab": "^5.0.0-alpha.155",
+    "@mui/material": "^5.14.20",
     "@solana/wallet-adapter-base": "^0.9.23",
     "@solana/wallet-adapter-react": "^0.15.35",
     "@solana/wallet-adapter-wallets": "^0.19.23",
     "@solana/web3.js": "^1.87.6",
     "@tanstack/react-query": "^5.12.2",
-    "@tanstack/react-virtual": "^3.0.0",
+    "@tanstack/react-virtual": "^3.0.1",
     "i18next": "^23.7.7",
     "microdiff": "^1.3.2",
     "mitt": "^3.0.1",
@@ -57,7 +57,7 @@
     "react-router-dom": "^6.20.1",
     "react-timer-hook": "^3.0.7",
     "uuid": "^9.0.1",
-    "viem": "^2.0.0-beta.6",
+    "viem": "^2.0.0-beta.11",
     "wagmi": "^2.0.0-beta.5",
     "zustand": "^4.4.7"
   },
@@ -70,14 +70,5 @@
     "@types/react": {
       "optional": true
     }
-  },
-  "private": false,
-  "exports": {
-    ".": {
-      "types": "./src/_esm/index.d.ts",
-      "default": "./src/_esm/index.js"
-    },
-    "./package.json": "./package.json"
-  },
-  "typings": "./src/_esm/index.d.ts"
+  }
 }

package/src/_cjs/App.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { WidgetDrawer } from './AppDrawer';
+import type { WidgetConfig } from './types';
+export declare const App: import("react").ForwardRefExoticComponent<import("./types").WidgetDrawerProps & WidgetConfig & import("./types").WidgetConfigPartialProps & import("react").RefAttributes<WidgetDrawer>>;

package/src/_cjs/App.js

@@ -0,0 +1,14 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.App = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const AppDefault_1 = require("./AppDefault");
+const AppDrawer_1 = require("./AppDrawer");
+const AppProvider_1 = require("./AppProvider");
+exports.App = (0, react_1.forwardRef)(({ elementRef, open, integrator, ...other }, ref) => {
+    const config = (0, react_1.useMemo)(() => ({ integrator, ...other, ...other.config }), [integrator, other]);
+    return config?.variant !== 'drawer' ? ((0, jsx_runtime_1.jsx)(AppProvider_1.AppProvider, { config: config, children: (0, jsx_runtime_1.jsx)(AppDefault_1.AppDefault, {}) })) : ((0, jsx_runtime_1.jsx)(AppDrawer_1.AppDrawer, { ref: ref, elementRef: elementRef, integrator: integrator, config: config, open: open }));
+});
+//# sourceMappingURL=App.js.map

package/src/_cjs/App.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"App.js","sourceRoot":"","sources":["../../../src/App.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;AACb,iCAA4C;AAC5C,6CAA0C;AAE1C,2CAAwC;AACxC,+CAA4C;AAG/B,QAAA,GAAG,GAAG,IAAA,kBAAU,EAC3B,CAAC,EAAE,UAAU,EAAE,IAAI,EAAE,UAAU,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAClD,MAAM,MAAM,GAAiB,IAAA,eAAO,EAClC,GAAG,EAAE,CAAC,CAAC,EAAE,UAAU,EAAE,GAAG,KAAK,EAAE,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC,EACjD,CAAC,UAAU,EAAE,KAAK,CAAC,CACpB,CAAC;IACF,OAAO,MAAM,EAAE,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,CACpC,uBAAC,yBAAW,IAAC,MAAM,EAAE,MAAM,YACzB,uBAAC,uBAAU,KAAG,GACF,CACf,CAAC,CAAC,CAAC,CACF,uBAAC,qBAAS,IACR,GAAG,EAAE,GAAG,EACR,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,GACV,CACH,CAAC;AACJ,CAAC,CACF,CAAC"}

package/src/_cjs/AppDefault.d.ts

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

package/src/_cjs/AppDefault.js

@@ -0,0 +1,21 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AppDefault = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const AppRoutes_1 = require("./AppRoutes");
+const AppContainer_1 = require("./components/AppContainer");
+const Header_1 = require("./components/Header");
+const Initializer_1 = require("./components/Initializer");
+const PoweredBy_1 = require("./components/PoweredBy");
+const Routes_1 = require("./components/Routes");
+const hooks_1 = require("./hooks");
+const providers_1 = require("./providers");
+const utils_1 = require("./utils");
+const AppDefault = () => {
+    const { elementId } = (0, providers_1.useWidgetConfig)();
+    const expandable = (0, hooks_1.useExpandableVariant)();
+    return ((0, jsx_runtime_1.jsxs)(AppContainer_1.AppExpandedContainer, { id: (0, utils_1.createElementId)(utils_1.ElementId.AppExpandedContainer, elementId), children: [(0, jsx_runtime_1.jsxs)(AppContainer_1.AppContainer, { children: [(0, jsx_runtime_1.jsx)(Header_1.Header, {}), (0, jsx_runtime_1.jsx)(AppContainer_1.FlexContainer, { disableGutters: true, children: (0, jsx_runtime_1.jsx)(AppRoutes_1.AppRoutes, {}) }), (0, jsx_runtime_1.jsx)(PoweredBy_1.PoweredBy, {}), (0, jsx_runtime_1.jsx)(Initializer_1.Initializer, {})] }), expandable ? (0, jsx_runtime_1.jsx)(Routes_1.RoutesExpanded, {}) : null] }));
+};
+exports.AppDefault = AppDefault;
+//# sourceMappingURL=AppDefault.js.map

package/src/_cjs/AppDefault.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppDefault.js","sourceRoot":"","sources":["../../../src/AppDefault.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;AACb,2CAAwC;AACxC,4DAImC;AACnC,gDAA6C;AAC7C,0DAAuD;AACvD,sDAAmD;AACnD,gDAAqD;AACrD,mCAA+C;AAC/C,2CAA8C;AAC9C,mCAAqD;AAE9C,MAAM,UAAU,GAAG,GAAG,EAAE;IAC7B,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,2BAAe,GAAE,CAAC;IACxC,MAAM,UAAU,GAAG,IAAA,4BAAoB,GAAE,CAAC;IAE1C,OAAO,CACL,wBAAC,mCAAoB,IACnB,EAAE,EAAE,IAAA,uBAAe,EAAC,iBAAS,CAAC,oBAAoB,EAAE,SAAS,CAAC,aAE9D,wBAAC,2BAAY,eACX,uBAAC,eAAM,KAAG,EACV,uBAAC,4BAAa,IAAC,cAAc,kBAC3B,uBAAC,qBAAS,KAAG,GACC,EAChB,uBAAC,qBAAS,KAAG,EACb,uBAAC,yBAAW,KAAG,IACF,EACd,UAAU,CAAC,CAAC,CAAC,uBAAC,uBAAc,KAAG,CAAC,CAAC,CAAC,IAAI,IAClB,CACxB,CAAC;AACJ,CAAC,CAAC;AAnBW,QAAA,UAAU,cAmBrB"}

package/src/_cjs/AppDrawer.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import type { WidgetConfig, WidgetSubvariant } from './types';
+export interface WidgetDrawer {
+    isOpen(): void;
+    toggleDrawer(): void;
+    openDrawer(): void;
+    closeDrawer(): void;
+}
+export declare const AppDrawer: import("react").ForwardRefExoticComponent<import("./types").WidgetDrawerProps & WidgetConfig & import("./types").WidgetConfigPartialProps & import("react").RefAttributes<WidgetDrawer>>;
+export declare const DrawerButtonText: ({ open, subvariant, }: {
+    open: boolean;
+    subvariant?: WidgetSubvariant | undefined;
+}) => import("react/jsx-runtime").JSX.Element;

package/src/_cjs/AppDrawer.js

@@ -0,0 +1,65 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DrawerButtonText = exports.AppDrawer = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const CloseRounded_1 = require("@mui/icons-material/CloseRounded");
+const KeyboardArrowLeft_1 = require("@mui/icons-material/KeyboardArrowLeft");
+const KeyboardArrowRight_1 = require("@mui/icons-material/KeyboardArrowRight");
+const material_1 = require("@mui/material");
+const react_1 = require("react");
+const react_i18next_1 = require("react-i18next");
+const AppDefault_1 = require("./AppDefault");
+const AppDrawer_style_1 = require("./AppDrawer.style");
+const AppProvider_1 = require("./AppProvider");
+const types_1 = require("./types");
+exports.AppDrawer = (0, react_1.forwardRef)(({ elementRef, open, integrator, config }, ref) => {
+    const openRef = (0, react_1.useRef)(open);
+    const [drawerOpen, setDrawerOpen] = (0, react_1.useState)(Boolean(open));
+    const toggleDrawer = (0, react_1.useCallback)(() => {
+        setDrawerOpen((open) => !open);
+    }, []);
+    const openDrawer = (0, react_1.useCallback)(() => {
+        setDrawerOpen(true);
+    }, []);
+    const closeDrawer = (0, react_1.useCallback)(() => {
+        setDrawerOpen(false);
+    }, []);
+    (0, react_1.useImperativeHandle)(ref, () => ({
+        isOpen: () => openRef.current,
+        toggleDrawer,
+        openDrawer,
+        closeDrawer,
+    }), [closeDrawer, openDrawer, toggleDrawer]);
+    const widgetConfig = (0, react_1.useMemo)(() => ({
+        ...config,
+        integrator,
+        containerStyle: {
+            ...config?.containerStyle,
+            height: '100%',
+        },
+    }), [config, integrator]);
+    return ((0, jsx_runtime_1.jsxs)(AppProvider_1.AppProvider, { config: widgetConfig, children: [!widgetConfig.hiddenUI?.includes(types_1.HiddenUI.DrawerButton) ? ((0, jsx_runtime_1.jsxs)(AppDrawer_style_1.DrawerButton, { variant: "contained", onClick: toggleDrawer, open: drawerOpen, drawerProps: config?.containerStyle, children: [drawerOpen ? ((0, jsx_runtime_1.jsx)(KeyboardArrowRight_1.default, {})) : ((0, jsx_runtime_1.jsx)(KeyboardArrowLeft_1.default, {})), (0, jsx_runtime_1.jsx)(exports.DrawerButtonText, { open: drawerOpen, subvariant: config?.subvariant })] })) : null, (0, jsx_runtime_1.jsxs)(material_1.Drawer, { ref: elementRef, anchor: "right", open: drawerOpen, onClose: closeDrawer, slotProps: {
+                    backdrop: {
+                        sx: {
+                            backgroundColor: 'rgb(0 0 0 / 48%)',
+                            backdropFilter: 'blur(3px)',
+                        },
+                    },
+                }, PaperProps: {
+                    sx: {
+                        width: config?.containerStyle?.width ?? '100%',
+                        minWidth: config?.containerStyle?.minWidth ?? 360,
+                        maxWidth: config?.containerStyle?.maxWidth ?? 392,
+                    },
+                }, keepMounted: true, children: [(0, jsx_runtime_1.jsx)(AppDrawer_style_1.CloseButtonLayout, { onClick: closeDrawer, edge: "end", children: (0, jsx_runtime_1.jsx)(CloseRounded_1.default, {}) }), (0, jsx_runtime_1.jsx)(AppDefault_1.AppDefault, {})] })] }));
+});
+const DrawerButtonText = ({ open, subvariant, }) => {
+    const { t } = (0, react_i18next_1.useTranslation)();
+    return ((0, jsx_runtime_1.jsx)(AppDrawer_style_1.DrawerButtonTypography, { children: open
+            ? t('button.hide')
+            : subvariant === 'nft'
+                ? t('button.lifiCheckout')
+                : t('button.lifiExchange') }));
+};
+exports.DrawerButtonText = DrawerButtonText;
+//# sourceMappingURL=AppDrawer.js.map

package/src/_cjs/AppDrawer.js.map

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

package/src/_cjs/AppDrawer.style.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+export declare const DrawerButton: 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> & {
+    open?: boolean | undefined;
+    drawerProps?: {
+        width?: string | number | undefined;
+        maxWidth?: string | number | undefined;
+    } | undefined;
+}, {}, {}>;
+export declare const DrawerButtonTypography: 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 CloseButtonLayout: import("@emotion/styled").StyledComponent<import("@mui/material").IconButtonOwnProps & 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" | "disabled" | "action" | "size" | "classes" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/src/_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/src/_cjs/AppDrawer.style.js.map

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

package/src/_cjs/AppProvider.d.ts

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

package/src/_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.ThemeProvider, { children: (0, jsx_runtime_1.jsx)(providers_1.I18nProvider, { children: (0, jsx_runtime_1.jsx)(providers_1.WalletProvider, { children: (0, jsx_runtime_1.jsx)(providers_1.FormProvider, { 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)(providers_1.URLSearchParamsBuilder, {}) : null] }));
+};
+exports.AppRouter = AppRouter;
+//# sourceMappingURL=AppProvider.js.map

package/src/_cjs/AppProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppProvider.js","sourceRoot":"","sources":["../../../src/AppProvider.tsx"],"names":[],"mappings":";;;;AAAA,uDAA4D;AAE5D,iCAAiC;AACjC,uDAAoE;AACpE,sDAAmD;AACnD,2CAQqB;AACrB,qCAAyC;AAGlC,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,yBAAa,cACZ,uBAAC,wBAAY,cACX,uBAAC,0BAAc,cACb,uBAAC,wBAAY,cACX,uBAAC,sBAAa,IAAC,MAAM,EAAE,MAAM,YAC3B,uBAAC,iBAAS,cAAE,QAAQ,GAAa,GACnB,GACH,GACA,GACJ,GACD,GACD,GACG,CACvB,CAAC;AACJ,CAAC,CAAC;AArBW,QAAA,WAAW,eAqBtB;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,kCAAsB,KAAG,CAAC,CAAC,CAAC,IAAI,IACtC,CACV,CAAC;AACJ,CAAC,CAAC;AAVW,QAAA,SAAS,aAUpB"}

package/src/_cjs/AppRoutes.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const AppRoutes: () => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;

package/src/_cjs/AppRoutes.js

@@ -0,0 +1,97 @@
+"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 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.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/src/_cjs/AppRoutes.js.map

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

package/src/_cjs/components/ActiveTransactions/ActiveTransactionItem.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const ActiveTransactionItem: React.FC<{
+    routeId: string;
+    dense?: boolean;
+}>;

package/src/_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/src/_cjs/components/ActiveTransactions/ActiveTransactionItem.js.map

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

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { BoxProps } from '@mui/material';
+export declare const ActiveTransactions: React.FC<BoxProps>;

package/src/_cjs/components/ActiveTransactions/ActiveTransactions.js

@@ -0,0 +1,29 @@
+"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 hooks_1 = require("../../hooks");
+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 { account } = (0, hooks_1.useAccount)();
+    const executingRoutes = (0, stores_1.useExecutingRoutesIds)(account.address);
+    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/src/_cjs/components/ActiveTransactions/ActiveTransactions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActiveTransactions.js","sourceRoot":"","sources":["../../../../../src/components/ActiveTransactions/ActiveTransactions.tsx"],"names":[],"mappings":";;;;AACA,4CAAsC;AACtC,iDAA+C;AAC/C,uDAA+C;AAC/C,uCAAyC;AACzC,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,OAAO,EAAE,GAAG,IAAA,kBAAU,GAAE,CAAC;IACjC,MAAM,eAAe,GAAG,IAAA,8BAAqB,EAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IAE/D,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;AA/BW,QAAA,kBAAkB,sBA+B7B"}

package/src/_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" | "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 | 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>, {}, {}>;
+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>, {}, {}>;