@lifi/widget 3.0.0-alpha.11 → 3.0.0-alpha.13

package/App.tsx

@@ -7,23 +7,39 @@ import { AppProvider } from './AppProvider';
 import type { WidgetConfig, WidgetProps } from './types';
 
 export const App = forwardRef<WidgetDrawer, WidgetProps>(
-  ({ elementRef, open, integrator, ...other }, ref) => {
-    const config: WidgetConfig = useMemo(
-      () => ({ integrator, ...other, ...other.config }),
-      [integrator, other],
-    );
-    return config?.variant !== 'drawer' ? (
+  ({ elementRef, open, onClose, integrator, ...other }, ref) => {
+    const config: WidgetConfig = useMemo(() => {
+      const config = { integrator, ...other, ...other.config };
+      if (config.variant === 'drawer') {
+        config.containerStyle = {
+          height: '100%',
+          ...config?.containerStyle,
+        };
+      }
+      return config;
+    }, [integrator, other]);
+
+    const app = (
       <AppProvider config={config}>
         <AppDefault />
       </AppProvider>
-    ) : (
-      <AppDrawer
-        ref={ref}
-        elementRef={elementRef}
-        integrator={integrator}
-        config={config}
-        open={open}
-      />
     );
+
+    if (config.variant === 'drawer') {
+      return (
+        <AppDrawer
+          ref={ref}
+          elementRef={elementRef}
+          integrator={integrator}
+          config={config}
+          open={open}
+          onClose={onClose}
+        >
+          {app}
+        </AppDrawer>
+      );
+    }
+
+    return app;
   },
 );

package/AppDrawer.tsx

@@ -1,7 +1,7 @@
-import CloseIcon from '@mui/icons-material/CloseRounded';
 import KeyboardArrowLeftIcon from '@mui/icons-material/KeyboardArrowLeft';
 import KeyboardArrowRightIcon from '@mui/icons-material/KeyboardArrowRight';
 import { Drawer } from '@mui/material';
+import type { PropsWithChildren } from 'react';
 import {
   forwardRef,
   useCallback,
@@ -11,14 +11,10 @@ import {
   useState,
 } from 'react';
 import { useTranslation } from 'react-i18next';
-import { AppDefault } from './AppDefault';
-import {
-  CloseButtonLayout,
-  DrawerButton,
-  DrawerButtonTypography,
-} from './AppDrawer.style';
-import { AppProvider } from './AppProvider';
-import type { WidgetConfig, WidgetProps, WidgetSubvariant } from './types';
+import { DrawerButton, DrawerButtonTypography } from './AppDrawer.style';
+import type { WidgetDrawerContext } from './AppDrawerContext';
+import { DrawerContext } from './AppDrawerContext';
+import type { WidgetProps, WidgetSubvariant } from './types';
 import { HiddenUI } from './types';
 
 export interface WidgetDrawer {
@@ -28,97 +24,92 @@ export interface WidgetDrawer {
   closeDrawer(): void;
 }
 
-export const AppDrawer = forwardRef<WidgetDrawer, WidgetProps>(
-  ({ elementRef, open, integrator, config }, ref) => {
-    const openRef = useRef(open);
-    const [drawerOpen, setDrawerOpen] = useState(Boolean(open));
+export const AppDrawer = forwardRef<
+  WidgetDrawer,
+  PropsWithChildren<WidgetProps>
+>(({ elementRef, open, onClose, config, children }, ref) => {
+  const openRef = useRef(Boolean(open));
+  const [drawerOpen, setDrawerOpen] = useState(Boolean(open));
 
-    const toggleDrawer = useCallback(() => {
-      setDrawerOpen((open) => !open);
-    }, []);
+  const toggleDrawer = useCallback(() => {
+    setDrawerOpen((open) => {
+      openRef.current = !open;
+      return openRef.current;
+    });
+    if (!openRef.current) {
+      onClose?.();
+    }
+  }, [onClose]);
 
-    const openDrawer = useCallback(() => {
-      setDrawerOpen(true);
-    }, []);
+  const openDrawer = useCallback(() => {
+    setDrawerOpen(true);
+    openRef.current = true;
+  }, []);
 
-    const closeDrawer = useCallback(() => {
-      setDrawerOpen(false);
-    }, []);
+  const closeDrawer = useCallback(() => {
+    setDrawerOpen(false);
+    openRef.current = false;
+    onClose?.();
+  }, [onClose]);
 
-    useImperativeHandle(
-      ref,
-      () => ({
-        isOpen: () => openRef.current,
-        toggleDrawer,
-        openDrawer,
-        closeDrawer,
-      }),
-      [closeDrawer, openDrawer, toggleDrawer],
-    );
+  useImperativeHandle(
+    ref,
+    () => ({
+      isOpen: () => openRef.current,
+      toggleDrawer,
+      openDrawer,
+      closeDrawer,
+    }),
+    [closeDrawer, openDrawer, toggleDrawer],
+  );
 
-    const widgetConfig: WidgetConfig = useMemo(
-      () => ({
-        ...config,
-        integrator,
-        containerStyle: {
-          ...config?.containerStyle,
-          height: '100%',
-        },
-      }),
-      [config, integrator],
-    );
+  const drawerContext: WidgetDrawerContext = useMemo(
+    () => ({
+      closeDrawer,
+    }),
+    [closeDrawer],
+  );
 
-    return (
-      <AppProvider config={widgetConfig}>
-        {!widgetConfig.hiddenUI?.includes(HiddenUI.DrawerButton) ? (
-          <DrawerButton
-            variant="contained"
-            onClick={toggleDrawer}
-            open={drawerOpen}
-            drawerProps={config?.containerStyle}
-          >
-            {drawerOpen ? (
-              <KeyboardArrowRightIcon />
-            ) : (
-              <KeyboardArrowLeftIcon />
-            )}
-            <DrawerButtonText
-              open={drawerOpen}
-              subvariant={config?.subvariant}
-            />
-          </DrawerButton>
-        ) : null}
-        <Drawer
-          ref={elementRef}
-          anchor="right"
+  return (
+    <DrawerContext.Provider value={drawerContext}>
+      {!config?.hiddenUI?.includes(HiddenUI.DrawerButton) ? (
+        <DrawerButton
+          variant="contained"
+          onClick={toggleDrawer}
           open={drawerOpen}
-          onClose={closeDrawer}
-          slotProps={{
-            backdrop: {
-              sx: {
-                backgroundColor: 'rgb(0 0 0 / 48%)',
-                backdropFilter: 'blur(3px)',
-              },
-            },
-          }}
-          PaperProps={{
+          drawerProps={config?.containerStyle}
+        >
+          {drawerOpen ? <KeyboardArrowRightIcon /> : <KeyboardArrowLeftIcon />}
+          <DrawerButtonText open={drawerOpen} subvariant={config?.subvariant} />
+        </DrawerButton>
+      ) : null}
+      <Drawer
+        ref={elementRef}
+        anchor="right"
+        open={drawerOpen}
+        onClose={closeDrawer}
+        slotProps={{
+          backdrop: {
             sx: {
-              width: config?.containerStyle?.width ?? '100%',
-              minWidth: config?.containerStyle?.minWidth ?? 360,
-              maxWidth: config?.containerStyle?.maxWidth ?? 392,
+              backgroundColor: 'rgb(0 0 0 / 48%)',
+              backdropFilter: 'blur(3px)',
             },
-          }}
-          keepMounted
-        >
-          <CloseButtonLayout onClick={closeDrawer} edge="end">
-            <CloseIcon />
-          </CloseButtonLayout>
-          <AppDefault />
-        </Drawer>
-      </AppProvider>
-    );
-  },
-);
+          },
+        }}
+        PaperProps={{
+          sx: {
+            width: config?.containerStyle?.width ?? '100%',
+            minWidth: config?.containerStyle?.minWidth ?? 360,
+            maxWidth: config?.containerStyle?.maxWidth ?? 392,
+          },
+        }}
+        keepMounted
+      >
+        {children}
+      </Drawer>
+    </DrawerContext.Provider>
+  );
+});
 
 export const DrawerButtonText = ({
   open,

package/AppDrawerContext.ts

@@ -0,0 +1,9 @@
+import { createContext, useContext } from 'react';
+
+export interface WidgetDrawerContext {
+  closeDrawer?(): void;
+}
+
+export const DrawerContext = createContext<WidgetDrawerContext>({});
+
+export const useDrawer = (): WidgetDrawerContext => useContext(DrawerContext);

package/_cjs/App.js

@@ -7,8 +7,21 @@ 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 }));
+exports.App = (0, react_1.forwardRef)(({ elementRef, open, onClose, integrator, ...other }, ref) => {
+    const config = (0, react_1.useMemo)(() => {
+        const config = { integrator, ...other, ...other.config };
+        if (config.variant === 'drawer') {
+            config.containerStyle = {
+                height: '100%',
+                ...config?.containerStyle,
+            };
+        }
+        return config;
+    }, [integrator, other]);
+    const app = ((0, jsx_runtime_1.jsx)(AppProvider_1.AppProvider, { config: config, children: (0, jsx_runtime_1.jsx)(AppDefault_1.AppDefault, {}) }));
+    if (config.variant === 'drawer') {
+        return ((0, jsx_runtime_1.jsx)(AppDrawer_1.AppDrawer, { ref: ref, elementRef: elementRef, integrator: integrator, config: config, open: open, onClose: onClose, children: app }));
+    }
+    return app;
 });
 //# sourceMappingURL=App.js.map

package/_cjs/App.js.map

@@ -1 +1 @@
-{"version":3,"file":"App.js","sourceRoot":"","sources":["../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"}
+{"version":3,"file":"App.js","sourceRoot":"","sources":["../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,OAAO,EAAE,UAAU,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC3D,MAAM,MAAM,GAAiB,IAAA,eAAO,EAAC,GAAG,EAAE;QACxC,MAAM,MAAM,GAAG,EAAE,UAAU,EAAE,GAAG,KAAK,EAAE,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC;QACzD,IAAI,MAAM,CAAC,OAAO,KAAK,QAAQ,EAAE,CAAC;YAChC,MAAM,CAAC,cAAc,GAAG;gBACtB,MAAM,EAAE,MAAM;gBACd,GAAG,MAAM,EAAE,cAAc;aAC1B,CAAC;QACJ,CAAC;QACD,OAAO,MAAM,CAAC;IAChB,CAAC,EAAE,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC,CAAC;IAExB,MAAM,GAAG,GAAG,CACV,uBAAC,yBAAW,IAAC,MAAM,EAAE,MAAM,YACzB,uBAAC,uBAAU,KAAG,GACF,CACf,CAAC;IAEF,IAAI,MAAM,CAAC,OAAO,KAAK,QAAQ,EAAE,CAAC;QAChC,OAAO,CACL,uBAAC,qBAAS,IACR,GAAG,EAAE,GAAG,EACR,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,YAEf,GAAG,GACM,CACb,CAAC;IACJ,CAAC;IAED,OAAO,GAAG,CAAC;AACb,CAAC,CACF,CAAC"}

package/_cjs/AppDrawer.d.ts

@@ -1,12 +1,14 @@
 /// <reference types="react" />
-import type { WidgetConfig, WidgetSubvariant } from './types';
+import type { 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 AppDrawer: import("react").ForwardRefExoticComponent<import("./types").WidgetDrawerProps & import("./types").WidgetConfig & import("./types").WidgetConfigPartialProps & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<WidgetDrawer>>;
 export declare const DrawerButtonText: ({ open, subvariant, }: {
     open: boolean;
     subvariant?: WidgetSubvariant | undefined;

package/_cjs/AppDrawer.js

@@ -2,43 +2,45 @@
 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 AppDrawerContext_1 = require("./AppDrawerContext");
 const types_1 = require("./types");
-exports.AppDrawer = (0, react_1.forwardRef)(({ elementRef, open, integrator, config }, ref) => {
-    const openRef = (0, react_1.useRef)(open);
+exports.AppDrawer = (0, react_1.forwardRef)(({ elementRef, open, onClose, config, children }, ref) => {
+    const openRef = (0, react_1.useRef)(Boolean(open));
     const [drawerOpen, setDrawerOpen] = (0, react_1.useState)(Boolean(open));
     const toggleDrawer = (0, react_1.useCallback)(() => {
-        setDrawerOpen((open) => !open);
-    }, []);
+        setDrawerOpen((open) => {
+            openRef.current = !open;
+            return openRef.current;
+        });
+        if (!openRef.current) {
+            onClose?.();
+        }
+    }, [onClose]);
     const openDrawer = (0, react_1.useCallback)(() => {
         setDrawerOpen(true);
+        openRef.current = true;
     }, []);
     const closeDrawer = (0, react_1.useCallback)(() => {
         setDrawerOpen(false);
-    }, []);
+        openRef.current = false;
+        onClose?.();
+    }, [onClose]);
     (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: {
+    const drawerContext = (0, react_1.useMemo)(() => ({
+        closeDrawer,
+    }), [closeDrawer]);
+    return ((0, jsx_runtime_1.jsxs)(AppDrawerContext_1.DrawerContext.Provider, { value: drawerContext, children: [!config?.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.jsx)(material_1.Drawer, { ref: elementRef, anchor: "right", open: drawerOpen, onClose: closeDrawer, slotProps: {
                     backdrop: {
                         sx: {
                             backgroundColor: 'rgb(0 0 0 / 48%)',
@@ -51,7 +53,7 @@ exports.AppDrawer = (0, react_1.forwardRef)(({ elementRef, open, integrator, con
                         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, {})] })] }));
+                }, keepMounted: true, children: children })] }));
 });
 const DrawerButtonText = ({ open, subvariant, }) => {
     const { t } = (0, react_i18next_1.useTranslation)();

package/_cjs/AppDrawer.js.map

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

@@ -5,7 +5,6 @@ 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");
@@ -14,8 +13,7 @@ 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);
+    const executingRoutes = (0, stores_1.useExecutingRoutesIds)();
     if (!executingRoutes?.length) {
         return null;
     }

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

@@ -1 +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,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"}
+{"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/AmountInput/AmountInput.js

@@ -5,29 +5,28 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const react_i18next_1 = require("react-i18next");
 const hooks_1 = require("../../hooks");
-const stores_1 = require("../../stores");
 const providers_1 = require("../../providers");
+const stores_1 = require("../../stores");
 const types_1 = require("../../types");
 const utils_1 = require("../../utils");
 const Card_1 = require("../Card");
 const AmountInput_style_1 = require("./AmountInput.style");
 const AmountInputEndAdornment_1 = require("./AmountInputEndAdornment");
 const AmountInputStartAdornment_1 = require("./AmountInputStartAdornment");
-const FormPriceHelperText_1 = require("./FormPriceHelperText");
-const stores_2 = require("../../stores");
+const PriceFormHelperText_1 = require("./PriceFormHelperText");
 const AmountInput = ({ formType, ...props }) => {
     const { disabledUI } = (0, providers_1.useWidgetConfig)();
-    const [chainId, tokenAddress] = (0, stores_2.useFieldValues)(stores_1.FormKeyHelper.getChainKey(formType), stores_1.FormKeyHelper.getTokenKey(formType));
+    const [chainId, tokenAddress] = (0, stores_1.useFieldValues)(stores_1.FormKeyHelper.getChainKey(formType), stores_1.FormKeyHelper.getTokenKey(formType));
     const { token } = (0, hooks_1.useToken)(chainId, tokenAddress);
     const disabled = disabledUI?.includes(types_1.DisabledUI.FromAmount);
-    return ((0, jsx_runtime_1.jsx)(exports.AmountInputBase, { formType: formType, token: token, startAdornment: (0, jsx_runtime_1.jsx)(AmountInputStartAdornment_1.AmountInputStartAdornment, { formType: formType }), endAdornment: !disabled ? (0, jsx_runtime_1.jsx)(AmountInputEndAdornment_1.AmountInputEndAdornment, { formType: formType }) : undefined, bottomAdornment: (0, jsx_runtime_1.jsx)(FormPriceHelperText_1.FormPriceHelperText, { formType: formType }), disabled: disabled, ...props }));
+    return ((0, jsx_runtime_1.jsx)(exports.AmountInputBase, { formType: formType, token: token, endAdornment: !disabled ? (0, jsx_runtime_1.jsx)(AmountInputEndAdornment_1.AmountInputEndAdornment, { formType: formType }) : undefined, bottomAdornment: (0, jsx_runtime_1.jsx)(PriceFormHelperText_1.PriceFormHelperText, { formType: formType }), disabled: disabled, ...props }));
 };
 exports.AmountInput = AmountInput;
 const AmountInputBase = ({ formType, token, startAdornment, endAdornment, bottomAdornment, disabled, ...props }) => {
     const { t } = (0, react_i18next_1.useTranslation)();
-    const amountKey = stores_1.FormKeyHelper.getAmountKey(formType);
-    const { onChange, onBlur, value } = (0, stores_2.useFieldController)({ name: amountKey });
     const ref = (0, react_1.useRef)(null);
+    const amountKey = stores_1.FormKeyHelper.getAmountKey(formType);
+    const { onChange, onBlur, value } = (0, stores_1.useFieldController)({ name: amountKey });
     const handleChange = (event) => {
         const { value } = event.target;
         const formattedAmount = (0, utils_1.formatInputAmount)(value, token?.decimals, true);
@@ -44,9 +43,9 @@ const AmountInputBase = ({ formType, token, startAdornment, endAdornment, bottom
             (0, utils_1.fitInputText)(AmountInput_style_1.maxInputFontSize, AmountInput_style_1.minInputFontSize, ref.current);
         }
     }, [value, ref]);
-    return ((0, jsx_runtime_1.jsxs)(Card_1.Card, { ...props, children: [(0, jsx_runtime_1.jsx)(Card_1.CardTitle, { children: t('main.fromAmount') }), (0, jsx_runtime_1.jsxs)(AmountInput_style_1.FormControl, { fullWidth: true, children: [(0, jsx_runtime_1.jsx)(AmountInput_style_1.Input, { inputRef: ref, size: "small", autoComplete: "off", placeholder: "0", startAdornment: startAdornment, endAdornment: endAdornment, inputProps: {
-                            inputMode: 'decimal',
-                        }, onChange: handleChange, onBlur: handleBlur, value: value, name: amountKey, disabled: disabled, required: true }), bottomAdornment] })] }));
+    return ((0, jsx_runtime_1.jsxs)(Card_1.Card, { ...props, children: [(0, jsx_runtime_1.jsx)(Card_1.CardTitle, { children: t('main.fromAmount') }), (0, jsx_runtime_1.jsxs)(AmountInput_style_1.FormContainer, { children: [(0, jsx_runtime_1.jsx)(AmountInputStartAdornment_1.AmountInputStartAdornment, { formType: formType }), (0, jsx_runtime_1.jsxs)(AmountInput_style_1.FormControl, { fullWidth: true, children: [(0, jsx_runtime_1.jsx)(AmountInput_style_1.Input, { inputRef: ref, size: "small", autoComplete: "off", placeholder: "0", startAdornment: startAdornment, endAdornment: endAdornment, inputProps: {
+                                    inputMode: 'decimal',
+                                }, onChange: handleChange, onBlur: handleBlur, value: value, name: amountKey, disabled: disabled, required: true }), bottomAdornment] })] })] }));
 };
 exports.AmountInputBase = AmountInputBase;
 //# sourceMappingURL=AmountInput.js.map

package/_cjs/components/AmountInput/AmountInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"AmountInput.js","sourceRoot":"","sources":["../../../components/AmountInput/AmountInput.tsx"],"names":[],"mappings":";;;;AAGA,iCAAgD;AAChD,iDAA+C;AAC/C,uCAAuC;AAEvC,yCAA6C;AAC7C,+CAAkD;AAClD,uCAAyC;AACzC,uCAA8D;AAC9D,kCAA0C;AAC1C,2DAK6B;AAC7B,uEAAoE;AACpE,2EAAwE;AACxE,+DAA4D;AAC5D,yCAAkE;AAE3D,MAAM,WAAW,GAAuC,CAAC,EAC9D,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,UAAU,EAAE,GAAG,IAAA,2BAAe,GAAE,CAAC;IAEzC,MAAM,CAAC,OAAO,EAAE,YAAY,CAAC,GAAG,IAAA,uBAAc,EAC5C,sBAAa,CAAC,WAAW,CAAC,QAAQ,CAAC,EACnC,sBAAa,CAAC,WAAW,CAAC,QAAQ,CAAC,CACpC,CAAC;IAEF,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,gBAAQ,EAAC,OAAO,EAAE,YAAY,CAAC,CAAC;IAClD,MAAM,QAAQ,GAAG,UAAU,EAAE,QAAQ,CAAC,kBAAU,CAAC,UAAU,CAAC,CAAC;IAC7D,OAAO,CACL,uBAAC,uBAAe,IACd,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,cAAc,EAAE,uBAAC,qDAAyB,IAAC,QAAQ,EAAE,QAAQ,GAAI,EACjE,YAAY,EACV,CAAC,QAAQ,CAAC,CAAC,CAAC,uBAAC,iDAAuB,IAAC,QAAQ,EAAE,QAAQ,GAAI,CAAC,CAAC,CAAC,SAAS,EAEzE,eAAe,EAAE,uBAAC,yCAAmB,IAAC,QAAQ,EAAE,QAAQ,GAAI,EAC5D,QAAQ,EAAE,QAAQ,KACd,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CAAC;AA1BW,QAAA,WAAW,eA0BtB;AAEK,MAAM,eAAe,GASxB,CAAC,EACH,QAAQ,EACR,KAAK,EACL,cAAc,EACd,YAAY,EACZ,eAAe,EACf,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,MAAM,SAAS,GAAG,sBAAa,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC;IACvD,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,2BAAkB,EAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC;IAE5E,MAAM,GAAG,GAAG,IAAA,cAAM,EAAmB,IAAI,CAAC,CAAC;IAE3C,MAAM,YAAY,GAAG,CACnB,KAA0D,EAC1D,EAAE;QACF,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC;QAC/B,MAAM,eAAe,GAAG,IAAA,yBAAiB,EAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,CAAC;QACxE,QAAQ,CAAC,eAAe,CAAC,CAAC;IAC5B,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,CACjB,KAA0D,EAC1D,EAAE;QACF,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC;QAC/B,MAAM,eAAe,GAAG,IAAA,yBAAiB,EAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC;QAClE,QAAQ,CAAC,eAAe,CAAC,CAAC;QAC1B,MAAM,EAAE,CAAC;IACX,CAAC,CAAC;IAEF,IAAA,uBAAe,EAAC,GAAG,EAAE;QACnB,IAAI,GAAG,CAAC,OAAO,EAAE,CAAC;YAChB,IAAA,oBAAY,EAAC,oCAAgB,EAAE,oCAAgB,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;QAChE,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC;IAEjB,OAAO,CACL,wBAAC,WAAI,OAAK,KAAK,aACb,uBAAC,gBAAS,cAAE,CAAC,CAAC,iBAAiB,CAAC,GAAa,EAC7C,wBAAC,+BAAW,IAAC,SAAS,mBACpB,uBAAC,yBAAK,IACJ,QAAQ,EAAE,GAAG,EACb,IAAI,EAAC,OAAO,EACZ,YAAY,EAAC,KAAK,EAClB,WAAW,EAAC,GAAG,EACf,cAAc,EAAE,cAAc,EAC9B,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE;4BACV,SAAS,EAAE,SAAS;yBACrB,EACD,QAAQ,EAAE,YAAY,EACtB,MAAM,EAAE,UAAU,EAClB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,SAAS,EACf,QAAQ,EAAE,QAAQ,EAClB,QAAQ,SACR,EACD,eAAe,IACJ,IACT,CACR,CAAC;AACJ,CAAC,CAAC;AAxEW,QAAA,eAAe,mBAwE1B"}
+{"version":3,"file":"AmountInput.js","sourceRoot":"","sources":["../../../components/AmountInput/AmountInput.tsx"],"names":[],"mappings":"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"}

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

@@ -1,6 +1,9 @@
 /// <reference types="react" />
 export declare const maxInputFontSize = 24;
 export declare const minInputFontSize = 14;
+export declare const FormContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
 export declare const FormControl: import("@emotion/styled").StyledComponent<import("@mui/material").FormControlOwnProps & 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;
 }, "error" | "color" | "margin" | "children" | "sx" | "style" | "className" | "disabled" | "required" | "size" | "classes" | "variant" | "fullWidth" | "focused" | "hiddenLabel"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/_cjs/components/AmountInput/AmountInput.style.js

@@ -1,21 +1,26 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Input = exports.FormControl = exports.minInputFontSize = exports.maxInputFontSize = void 0;
+exports.Input = exports.FormControl = exports.FormContainer = exports.minInputFontSize = exports.maxInputFontSize = void 0;
 const material_1 = require("@mui/material");
 const InputBase_1 = require("@mui/material/InputBase");
 const styles_1 = require("@mui/material/styles");
 exports.maxInputFontSize = 24;
 exports.minInputFontSize = 14;
+exports.FormContainer = (0, styles_1.styled)(material_1.Box)(({ theme }) => ({
+    display: 'flex',
+    alignItems: 'center',
+    padding: theme.spacing(2),
+}));
 exports.FormControl = (0, styles_1.styled)(material_1.FormControl)(({ theme }) => ({
-    padding: theme.spacing(1.5, 2, 1.5, 0),
+    height: 40,
 }));
 exports.Input = (0, styles_1.styled)(material_1.InputBase)(({ theme }) => ({
     fontSize: 24,
     fontWeight: 700,
     boxShadow: 'none',
-    // padding: theme.spacing(2, 2, 2, 0),
+    lineHeight: 1.5,
     [`.${InputBase_1.inputBaseClasses.input}`]: {
-        height: 32,
+        height: 24,
         padding: theme.spacing(0, 0, 0, 2),
     },
     '& input[type="number"]::-webkit-outer-spin-button, & input[type="number"]::-webkit-inner-spin-button': {

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

@@ -1 +1 @@
-{"version":3,"file":"AmountInput.style.js","sourceRoot":"","sources":["../../../components/AmountInput/AmountInput.style.tsx"],"names":[],"mappings":";;;AAAA,4CAAyE;AACzE,uDAA2D;AAC3D,iDAA8C;AAEjC,QAAA,gBAAgB,GAAG,EAAE,CAAC;AACtB,QAAA,gBAAgB,GAAG,EAAE,CAAC;AAEtB,QAAA,WAAW,GAAG,IAAA,eAAM,EAAC,sBAAc,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAChE,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC;CACvC,CAAC,CAAC,CAAC;AAES,QAAA,KAAK,GAAG,IAAA,eAAM,EAAC,oBAAS,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACrD,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE,GAAG;IACf,SAAS,EAAE,MAAM;IACjB,sCAAsC;IACtC,CAAC,IAAI,4BAAgB,CAAC,KAAK,EAAE,CAAC,EAAE;QAC9B,MAAM,EAAE,EAAE;QACV,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;KACnC;IACD,sGAAsG,EACpG;QACE,gBAAgB,EAAE,MAAM;QACxB,MAAM,EAAE,CAAC;KACV;IACH,wBAAwB,EAAE;QACxB,aAAa,EAAE,WAAW;KAC3B;IACD,CAAC,KAAK,4BAAgB,CAAC,QAAQ,EAAE,CAAC,EAAE;QAClC,KAAK,EAAE,SAAS;KACjB;IACD,CAAC,IAAI,4BAAgB,CAAC,KAAK,IAAI,4BAAgB,CAAC,QAAQ,EAAE,CAAC,EAAE;QAC3D,mBAAmB,EAAE,OAAO;KAC7B;CACF,CAAC,CAAC,CAAC"}
+{"version":3,"file":"AmountInput.style.js","sourceRoot":"","sources":["../../../components/AmountInput/AmountInput.style.tsx"],"names":[],"mappings":";;;AAAA,4CAA8E;AAC9E,uDAA2D;AAC3D,iDAA8C;AAEjC,QAAA,gBAAgB,GAAG,EAAE,CAAC;AACtB,QAAA,gBAAgB,GAAG,EAAE,CAAC;AAEtB,QAAA,aAAa,GAAG,IAAA,eAAM,EAAC,cAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACvD,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;CAC1B,CAAC,CAAC,CAAC;AAES,QAAA,WAAW,GAAG,IAAA,eAAM,EAAC,sBAAc,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAChE,MAAM,EAAE,EAAE;CACX,CAAC,CAAC,CAAC;AAES,QAAA,KAAK,GAAG,IAAA,eAAM,EAAC,oBAAS,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACrD,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE,GAAG;IACf,SAAS,EAAE,MAAM;IACjB,UAAU,EAAE,GAAG;IACf,CAAC,IAAI,4BAAgB,CAAC,KAAK,EAAE,CAAC,EAAE;QAC9B,MAAM,EAAE,EAAE;QACV,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;KACnC;IACD,sGAAsG,EACpG;QACE,gBAAgB,EAAE,MAAM;QACxB,MAAM,EAAE,CAAC;KACV;IACH,wBAAwB,EAAE;QACxB,aAAa,EAAE,WAAW;KAC3B;IACD,CAAC,KAAK,4BAAgB,CAAC,QAAQ,EAAE,CAAC,EAAE;QAClC,KAAK,EAAE,SAAS;KACjB;IACD,CAAC,IAAI,4BAAgB,CAAC,KAAK,IAAI,4BAAgB,CAAC,QAAQ,EAAE,CAAC,EAAE;QAC3D,mBAAmB,EAAE,OAAO;KAC7B;CACF,CAAC,CAAC,CAAC"}

package/_cjs/components/AmountInput/AmountInputAdornment.style.d.ts

@@ -1,4 +1,7 @@
 /// <reference types="react" />
-export declare const Button: 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"> & {
+export declare const MaxButton: 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>, {}, {}>;
+export declare const MaxButtonSkeleton: import("@emotion/styled").StyledComponent<import("@mui/material").SkeletonOwnProps & 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;
+}, "width" | "height" | "animation" | "children" | "sx" | "style" | "className" | "classes" | "variant"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/_cjs/components/AmountInput/AmountInputAdornment.style.js

@@ -1,12 +1,17 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Button = void 0;
+exports.MaxButtonSkeleton = exports.MaxButton = void 0;
 const material_1 = require("@mui/material");
 const styles_1 = require("@mui/material/styles");
-exports.Button = (0, styles_1.styled)(material_1.Button)(({ theme }) => ({
+exports.MaxButton = (0, styles_1.styled)(material_1.Button)(({ theme }) => ({
     padding: theme.spacing(0.5, 1, 0.625, 1),
     lineHeight: 1.0715,
     fontSize: '0.875rem',
     minWidth: 'unset',
 }));
+exports.MaxButtonSkeleton = (0, styles_1.styled)(material_1.Skeleton)(({ theme }) => ({
+    width: 46,
+    height: 24,
+    borderRadius: theme.shape.borderRadiusSecondary,
+}));
 //# sourceMappingURL=AmountInputAdornment.style.js.map

package/_cjs/components/AmountInput/AmountInputAdornment.style.js.map

@@ -1 +1 @@
-{"version":3,"file":"AmountInputAdornment.style.js","sourceRoot":"","sources":["../../../components/AmountInput/AmountInputAdornment.style.tsx"],"names":[],"mappings":";;;AAAA,4CAAoD;AACpD,iDAA8C;AAEjC,QAAA,MAAM,GAAG,IAAA,eAAM,EAAC,iBAAS,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACtD,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IACxC,UAAU,EAAE,MAAM;IAClB,QAAQ,EAAE,UAAU;IACpB,QAAQ,EAAE,OAAO;CAClB,CAAC,CAAC,CAAC"}
+{"version":3,"file":"AmountInputAdornment.style.js","sourceRoot":"","sources":["../../../components/AmountInput/AmountInputAdornment.style.tsx"],"names":[],"mappings":";;;AAAA,4CAA8D;AAC9D,iDAA8C;AAEjC,QAAA,SAAS,GAAG,IAAA,eAAM,EAAC,iBAAS,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACzD,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IACxC,UAAU,EAAE,MAAM;IAClB,QAAQ,EAAE,UAAU;IACpB,QAAQ,EAAE,OAAO;CAClB,CAAC,CAAC,CAAC;AAES,QAAA,iBAAiB,GAAG,IAAA,eAAM,EAAC,mBAAQ,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAChE,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,qBAAqB;CAChD,CAAC,CAAC,CAAC"}