@lifi/widget 4.0.0-alpha.4 → 4.0.0-alpha.5

package/dist/esm/AppDrawer.js

@@ -1,52 +1,63 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-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 (_jsx(DrawerContext.Provider, { value: drawerContext, children: _jsx(Drawer, { ref: elementRef, anchor: "right", open: drawerOpen, onClose: closeDrawer, slotProps: {
-                paper: {
-                    sx: (theme) => ({
-                        background: theme.vars.palette.background.default,
-                        width: theme?.container?.width ?? '100%',
-                        minWidth: theme?.container?.minWidth ?? theme.breakpoints.values.xs,
-                        maxWidth: theme?.container?.maxWidth ?? theme.breakpoints.values.sm,
-                    }),
-                },
-                backdrop: {
-                    sx: {
-                        backgroundColor: 'rgb(0 0 0 / 48%)',
-                        backdropFilter: 'blur(3px)',
-                    },
-                },
-            }, keepMounted: true, children: children }) }));
+import { DrawerContext } from "./AppDrawerContext.js";
+import { forwardRef, useCallback, useImperativeHandle, useMemo, useRef, useState } from "react";
+import { Drawer } from "@mui/material";
+import { jsx } from "react/jsx-runtime";
+//#region src/AppDrawer.tsx
+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 /* @__PURE__ */ jsx(DrawerContext.Provider, {
+		value: drawerContext,
+		children: /* @__PURE__ */ jsx(Drawer, {
+			ref: elementRef,
+			anchor: "right",
+			open: drawerOpen,
+			onClose: closeDrawer,
+			slotProps: {
+				paper: { sx: (theme) => ({
+					background: theme.vars.palette.background.default,
+					width: theme?.container?.width ?? "100%",
+					minWidth: theme?.container?.minWidth ?? theme.breakpoints.values.xs,
+					maxWidth: theme?.container?.maxWidth ?? theme.breakpoints.values.sm
+				}) },
+				backdrop: { sx: {
+					backgroundColor: "rgb(0 0 0 / 48%)",
+					backdropFilter: "blur(3px)"
+				} }
+			},
+			keepMounted: true,
+			children
+		})
+	});
 });
+//#endregion
+export { AppDrawer };
+
 //# sourceMappingURL=AppDrawer.js.map

package/dist/esm/AppDrawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppDrawer.js","sourceRoot":"","sources":["../../src/AppDrawer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAEtC,OAAO,EACL,UAAU,EACV,WAAW,EACX,mBAAmB,EACnB,OAAO,EACP,MAAM,EACN,QAAQ,GACT,MAAM,OAAO,CAAA;AAEd,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAA;AAUrD,MAAM,CAAC,MAAM,SAAS,GAAG,UAAU,CAGjC,CAAC,EAAE,UAAU,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,GAAG,EAAE,EAAE;IACjD,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAA;IACrC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAA;IAE3D,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE;QACpC,aAAa,CAAC,CAAC,IAAI,EAAE,EAAE;YACrB,OAAO,CAAC,OAAO,GAAG,CAAC,IAAI,CAAA;YACvB,OAAO,OAAO,CAAC,OAAO,CAAA;QACxB,CAAC,CAAC,CAAA;QACF,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC;YACrB,OAAO,EAAE,EAAE,CAAA;QACb,CAAC;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IAEb,MAAM,UAAU,GAAG,WAAW,CAAC,GAAG,EAAE;QAClC,aAAa,CAAC,IAAI,CAAC,CAAA;QACnB,OAAO,CAAC,OAAO,GAAG,IAAI,CAAA;IACxB,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,aAAa,CAAC,KAAK,CAAC,CAAA;QACpB,OAAO,CAAC,OAAO,GAAG,KAAK,CAAA;QACvB,OAAO,EAAE,EAAE,CAAA;IACb,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IAEb,mBAAmB,CACjB,GAAG,EACH,GAAG,EAAE,CAAC,CAAC;QACL,MAAM,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,OAAO;QAC7B,YAAY;QACZ,UAAU;QACV,WAAW;KACZ,CAAC,EACF,CAAC,WAAW,EAAE,UAAU,EAAE,YAAY,CAAC,CACxC,CAAA;IAED,MAAM,aAAa,GAAwB,OAAO,CAChD,GAAG,EAAE,CAAC,CAAC;QACL,WAAW;KACZ,CAAC,EACF,CAAC,WAAW,CAAC,CACd,CAAA;IAED,OAAO,CACL,KAAC,aAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,aAAa,YAC1C,KAAC,MAAM,IACL,GAAG,EAAE,UAAU,EACf,MAAM,EAAC,OAAO,EACd,IAAI,EAAE,UAAU,EAChB,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE;gBACT,KAAK,EAAE;oBACL,EAAE,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;wBACd,UAAU,EAAE,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,OAAO;wBACjD,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,IAAI,MAAM;wBACxC,QAAQ,EACN,KAAK,EAAE,SAAS,EAAE,QAAQ,IAAI,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE;wBAC3D,QAAQ,EACN,KAAK,EAAE,SAAS,EAAE,QAAQ,IAAI,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE;qBAC5D,CAAC;iBACH;gBACD,QAAQ,EAAE;oBACR,EAAE,EAAE;wBACF,eAAe,EAAE,kBAAkB;wBACnC,cAAc,EAAE,WAAW;qBAC5B;iBACF;aACF,EACD,WAAW,kBAEV,QAAQ,GACF,GACc,CAC1B,CAAA;AACH,CAAC,CAAC,CAAA"}
+{"version":3,"file":"AppDrawer.js","names":[],"sources":["../../src/AppDrawer.tsx"],"sourcesContent":["import { Drawer } from '@mui/material'\nimport type {\n  ForwardRefExoticComponent,\n  PropsWithChildren,\n  RefAttributes,\n} from 'react'\nimport {\n  forwardRef,\n  useCallback,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n} from 'react'\nimport type { WidgetDrawerContext } from './AppDrawerContext.js'\nimport { DrawerContext } from './AppDrawerContext.js'\nimport type { WidgetDrawerProps } from './types/widget.js'\n\nexport interface WidgetDrawer {\n  isOpen(): void\n  toggleDrawer(): void\n  openDrawer(): void\n  closeDrawer(): void\n}\n\nexport const AppDrawer: ForwardRefExoticComponent<\n  PropsWithChildren<WidgetDrawerProps> & RefAttributes<WidgetDrawer>\n> = forwardRef<WidgetDrawer, PropsWithChildren<WidgetDrawerProps>>(\n  ({ elementRef, open, onClose, children }, ref) => {\n    const openRef = useRef(Boolean(open))\n    const [drawerOpen, setDrawerOpen] = useState(Boolean(open))\n\n    const toggleDrawer = useCallback(() => {\n      setDrawerOpen((open) => {\n        openRef.current = !open\n        return openRef.current\n      })\n      if (!openRef.current) {\n        onClose?.()\n      }\n    }, [onClose])\n\n    const openDrawer = useCallback(() => {\n      setDrawerOpen(true)\n      openRef.current = true\n    }, [])\n\n    const closeDrawer = useCallback(() => {\n      setDrawerOpen(false)\n      openRef.current = false\n      onClose?.()\n    }, [onClose])\n\n    useImperativeHandle(\n      ref,\n      () => ({\n        isOpen: () => openRef.current,\n        toggleDrawer,\n        openDrawer,\n        closeDrawer,\n      }),\n      [closeDrawer, openDrawer, toggleDrawer]\n    )\n\n    const drawerContext: WidgetDrawerContext = useMemo(\n      () => ({\n        closeDrawer,\n      }),\n      [closeDrawer]\n    )\n\n    return (\n      <DrawerContext.Provider value={drawerContext}>\n        <Drawer\n          ref={elementRef}\n          anchor=\"right\"\n          open={drawerOpen}\n          onClose={closeDrawer}\n          slotProps={{\n            paper: {\n              sx: (theme) => ({\n                background: theme.vars.palette.background.default,\n                width: theme?.container?.width ?? '100%',\n                minWidth:\n                  theme?.container?.minWidth ?? theme.breakpoints.values.xs,\n                maxWidth:\n                  theme?.container?.maxWidth ?? theme.breakpoints.values.sm,\n              }),\n            },\n            backdrop: {\n              sx: {\n                backgroundColor: 'rgb(0 0 0 / 48%)',\n                backdropFilter: 'blur(3px)',\n              },\n            },\n          }}\n          keepMounted\n        >\n          {children}\n        </Drawer>\n      </DrawerContext.Provider>\n    )\n  }\n)\n"],"mappings":";;;;;AAyBA,MAAa,YAET,YACD,EAAE,YAAY,MAAM,SAAS,YAAY,QAAQ;CAChD,MAAM,UAAU,OAAO,QAAQ,KAAK,CAAC;CACrC,MAAM,CAAC,YAAY,iBAAiB,SAAS,QAAQ,KAAK,CAAC;CAE3D,MAAM,eAAe,kBAAkB;AACrC,iBAAe,SAAS;AACtB,WAAQ,UAAU,CAAC;AACnB,UAAO,QAAQ;IACf;AACF,MAAI,CAAC,QAAQ,QACX,YAAW;IAEZ,CAAC,QAAQ,CAAC;CAEb,MAAM,aAAa,kBAAkB;AACnC,gBAAc,KAAK;AACnB,UAAQ,UAAU;IACjB,EAAE,CAAC;CAEN,MAAM,cAAc,kBAAkB;AACpC,gBAAc,MAAM;AACpB,UAAQ,UAAU;AAClB,aAAW;IACV,CAAC,QAAQ,CAAC;AAEb,qBACE,YACO;EACL,cAAc,QAAQ;EACtB;EACA;EACA;EACD,GACD;EAAC;EAAa;EAAY;EAAa,CACxC;CAED,MAAM,gBAAqC,eAClC,EACL,aACD,GACD,CAAC,YAAY,CACd;AAED,QACE,oBAAC,cAAc,UAAf;EAAwB,OAAO;YAC7B,oBAAC,QAAD;GACE,KAAK;GACL,QAAO;GACP,MAAM;GACN,SAAS;GACT,WAAW;IACT,OAAO,EACL,KAAK,WAAW;KACd,YAAY,MAAM,KAAK,QAAQ,WAAW;KAC1C,OAAO,OAAO,WAAW,SAAS;KAClC,UACE,OAAO,WAAW,YAAY,MAAM,YAAY,OAAO;KACzD,UACE,OAAO,WAAW,YAAY,MAAM,YAAY,OAAO;KAC1D,GACF;IACD,UAAU,EACR,IAAI;KACF,iBAAiB;KACjB,gBAAgB;KACjB,EACF;IACF;GACD,aAAA;GAEC;GACM,CAAA;EACc,CAAA;EAG9B"}

package/dist/esm/AppDrawerContext.js

@@ -1,4 +1,8 @@
-import { createContext, useContext } from 'react';
-export const DrawerContext = createContext({});
-export const useDrawer = () => useContext(DrawerContext);
+import { createContext, useContext } from "react";
+//#region src/AppDrawerContext.ts
+const DrawerContext = createContext({});
+const useDrawer = () => useContext(DrawerContext);
+//#endregion
+export { DrawerContext, useDrawer };
+
 //# sourceMappingURL=AppDrawerContext.js.map

package/dist/esm/AppDrawerContext.js.map

@@ -1 +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"}
+{"version":3,"file":"AppDrawerContext.js","names":[],"sources":["../../src/AppDrawerContext.ts"],"sourcesContent":["import { type Context, createContext, useContext } from 'react'\n\nexport interface WidgetDrawerContext {\n  closeDrawer?(): void\n}\n\nexport const DrawerContext: Context<WidgetDrawerContext> =\n  createContext<WidgetDrawerContext>({})\n\nexport const useDrawer = (): WidgetDrawerContext => useContext(DrawerContext)\n"],"mappings":";;AAMA,MAAa,gBACX,cAAmC,EAAE,CAAC;AAExC,MAAa,kBAAuC,WAAW,cAAc"}

package/dist/esm/AppLayout.js

@@ -1,19 +1,33 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Outlet } from '@tanstack/react-router';
-import { AppContainer, AppExpandedContainer, } from './components/AppContainer.js';
-import { Expansion } from './components/Expansion/Expansion.js';
-import { Header } from './components/Header/Header.js';
-import { Initializer } from './components/Initializer.js';
-import { PageEntered } from './components/PageEntered.js';
-import { version } from './config/version.js';
-import { useWideVariant } from './hooks/useWideVariant.js';
-import { useWidgetConfig } from './providers/WidgetProvider/WidgetProvider.js';
-import { URLSearchParamsBuilder } from './stores/form/URLSearchParamsBuilder.js';
-import { createElementId, ElementId } from './utils/elements.js';
-export const AppLayout = () => {
-    const { elementId, buildUrl } = useWidgetConfig();
-    const wideVariant = useWideVariant();
-    return (_jsxs(AppExpandedContainer, { id: createElementId(ElementId.AppExpandedContainer, elementId), "data-version": version, children: [_jsxs(AppContainer, { children: [_jsx(Header, {}), _jsx(Initializer, {}), buildUrl ? _jsx(URLSearchParamsBuilder, {}) : null, _jsx(PageEntered, {}), _jsx(Outlet, {})] }), wideVariant && _jsx(Expansion, {})] }));
+"use client";
+import { useWidgetConfig } from "./providers/WidgetProvider/WidgetProvider.js";
+import { ElementId, createElementId } from "./utils/elements.js";
+import { AppContainer, AppExpandedContainer } from "./components/AppContainer.js";
+import { version } from "./config/version.js";
+import { Expansion } from "./components/Expansion/Expansion.js";
+import { Header } from "./components/Header/Header.js";
+import { Initializer } from "./components/Initializer.js";
+import { PageEntered } from "./components/PageEntered.js";
+import { useWideVariant } from "./hooks/useWideVariant.js";
+import { URLSearchParamsBuilder } from "./stores/form/URLSearchParamsBuilder.js";
+import { Outlet } from "@tanstack/react-router";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/AppLayout.tsx
+const AppLayout = () => {
+	const { elementId, buildUrl } = useWidgetConfig();
+	const wideVariant = useWideVariant();
+	return /* @__PURE__ */ jsxs(AppExpandedContainer, {
+		id: createElementId(ElementId.AppExpandedContainer, elementId),
+		"data-version": version,
+		children: [/* @__PURE__ */ jsxs(AppContainer, { children: [
+			/* @__PURE__ */ jsx(Header, {}),
+			/* @__PURE__ */ jsx(Initializer, {}),
+			buildUrl ? /* @__PURE__ */ jsx(URLSearchParamsBuilder, {}) : null,
+			/* @__PURE__ */ jsx(PageEntered, {}),
+			/* @__PURE__ */ jsx(Outlet, {})
+		] }), wideVariant && /* @__PURE__ */ jsx(Expansion, {})]
+	});
 };
+//#endregion
+export { AppLayout };
+
 //# sourceMappingURL=AppLayout.js.map

package/dist/esm/AppLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppLayout.js","sourceRoot":"","sources":["../../src/AppLayout.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AACZ,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAA;AAC/C,OAAO,EACL,YAAY,EACZ,oBAAoB,GACrB,MAAM,8BAA8B,CAAA;AACrC,OAAO,EAAE,SAAS,EAAE,MAAM,qCAAqC,CAAA;AAC/D,OAAO,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAA;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAA;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAA;AACzD,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAA;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,8CAA8C,CAAA;AAC9E,OAAO,EAAE,sBAAsB,EAAE,MAAM,yCAAyC,CAAA;AAChF,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAEhE,MAAM,CAAC,MAAM,SAAS,GAAa,GAAG,EAAE;IACtC,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,eAAe,EAAE,CAAA;IACjD,MAAM,WAAW,GAAG,cAAc,EAAE,CAAA;IAEpC,OAAO,CACL,MAAC,oBAAoB,IACnB,EAAE,EAAE,eAAe,CAAC,SAAS,CAAC,oBAAoB,EAAE,SAAS,CAAC,kBAChD,OAAO,aAErB,MAAC,YAAY,eACX,KAAC,MAAM,KAAG,EACV,KAAC,WAAW,KAAG,EACd,QAAQ,CAAC,CAAC,CAAC,KAAC,sBAAsB,KAAG,CAAC,CAAC,CAAC,IAAI,EAC7C,KAAC,WAAW,KAAG,EACf,KAAC,MAAM,KAAG,IACG,EACd,WAAW,IAAI,KAAC,SAAS,KAAG,IACR,CACxB,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"AppLayout.js","names":[],"sources":["../../src/AppLayout.tsx"],"sourcesContent":["'use client'\nimport { Outlet } from '@tanstack/react-router'\nimport {\n  AppContainer,\n  AppExpandedContainer,\n} from './components/AppContainer.js'\nimport { Expansion } from './components/Expansion/Expansion.js'\nimport { Header } from './components/Header/Header.js'\nimport { Initializer } from './components/Initializer.js'\nimport { PageEntered } from './components/PageEntered.js'\nimport { version } from './config/version.js'\nimport { useWideVariant } from './hooks/useWideVariant.js'\nimport { useWidgetConfig } from './providers/WidgetProvider/WidgetProvider.js'\nimport { URLSearchParamsBuilder } from './stores/form/URLSearchParamsBuilder.js'\nimport { createElementId, ElementId } from './utils/elements.js'\n\nexport const AppLayout: React.FC = () => {\n  const { elementId, buildUrl } = useWidgetConfig()\n  const wideVariant = useWideVariant()\n\n  return (\n    <AppExpandedContainer\n      id={createElementId(ElementId.AppExpandedContainer, elementId)}\n      data-version={version}\n    >\n      <AppContainer>\n        <Header />\n        <Initializer />\n        {buildUrl ? <URLSearchParamsBuilder /> : null}\n        <PageEntered />\n        <Outlet />\n      </AppContainer>\n      {wideVariant && <Expansion />}\n    </AppExpandedContainer>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;AAgBA,MAAa,kBAA4B;CACvC,MAAM,EAAE,WAAW,aAAa,iBAAiB;CACjD,MAAM,cAAc,gBAAgB;AAEpC,QACE,qBAAC,sBAAD;EACE,IAAI,gBAAgB,UAAU,sBAAsB,UAAU;EAC9D,gBAAc;YAFhB,CAIE,qBAAC,cAAD,EAAA,UAAA;GACE,oBAAC,QAAD,EAAU,CAAA;GACV,oBAAC,aAAD,EAAe,CAAA;GACd,WAAW,oBAAC,wBAAD,EAA0B,CAAA,GAAG;GACzC,oBAAC,aAAD,EAAe,CAAA;GACf,oBAAC,QAAD,EAAU,CAAA;GACG,EAAA,CAAA,EACd,eAAe,oBAAC,WAAD,EAAa,CAAA,CACR"}

package/dist/esm/AppProvider.js

@@ -1,16 +1,30 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { I18nProvider } from './providers/I18nProvider/I18nProvider.js';
-import { QueryClientProvider } from './providers/QueryClientProvider.js';
-import { SDKClientProvider } from './providers/SDKClientProvider.js';
-import { ThemeProvider } from './providers/ThemeProvider/ThemeProvider.js';
-import { WalletProvider } from './providers/WalletProvider/WalletProvider.js';
-import { WidgetProvider } from './providers/WidgetProvider/WidgetProvider.js';
-import { StoreProvider } from './stores/StoreProvider.js';
-import { SettingsStoreProvider } from './stores/settings/SettingsStore.js';
-export const AppProvider = ({ children, config, formRef, }) => {
-    if (!config.providers?.length && process.env.NODE_ENV === 'development') {
-        console.warn('No widget providers specified');
-    }
-    return (_jsx(QueryClientProvider, { children: _jsx(SettingsStoreProvider, { config: config, children: _jsx(WidgetProvider, { config: config, children: _jsx(I18nProvider, { children: _jsx(ThemeProvider, { children: _jsx(SDKClientProvider, { children: _jsx(WalletProvider, { providers: config.providers ?? [], children: _jsx(StoreProvider, { config: config, formRef: formRef, children: children }) }) }) }) }) }) }) }));
+import { SettingsStoreProvider } from "./stores/settings/SettingsStore.js";
+import { WidgetProvider } from "./providers/WidgetProvider/WidgetProvider.js";
+import { SDKClientProvider } from "./providers/SDKClientProvider.js";
+import { I18nProvider } from "./providers/I18nProvider/I18nProvider.js";
+import { QueryClientProvider } from "./providers/QueryClientProvider.js";
+import { ThemeProvider } from "./providers/ThemeProvider/ThemeProvider.js";
+import { WalletProvider } from "./providers/WalletProvider/WalletProvider.js";
+import { StoreProvider } from "./stores/StoreProvider.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/AppProvider.tsx
+const AppProvider = ({ children, config, formRef }) => {
+	return /* @__PURE__ */ jsx(QueryClientProvider, { children: /* @__PURE__ */ jsx(SettingsStoreProvider, {
+		config,
+		children: /* @__PURE__ */ jsx(WidgetProvider, {
+			config,
+			children: /* @__PURE__ */ jsx(I18nProvider, { children: /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(SDKClientProvider, { children: /* @__PURE__ */ jsx(WalletProvider, {
+				providers: config.providers ?? [],
+				children: /* @__PURE__ */ jsx(StoreProvider, {
+					config,
+					formRef,
+					children
+				})
+			}) }) }) })
+		})
+	}) });
 };
+//#endregion
+export { AppProvider };
+
 //# sourceMappingURL=AppProvider.js.map

package/dist/esm/AppProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppProvider.js","sourceRoot":"","sources":["../../src/AppProvider.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,MAAM,0CAA0C,CAAA;AACvE,OAAO,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAA;AACxE,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAA;AACpE,OAAO,EAAE,aAAa,EAAE,MAAM,4CAA4C,CAAA;AAC1E,OAAO,EAAE,cAAc,EAAE,MAAM,8CAA8C,CAAA;AAC7E,OAAO,EAAE,cAAc,EAAE,MAAM,8CAA8C,CAAA;AAC7E,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AACzD,OAAO,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAA;AAG1E,MAAM,CAAC,MAAM,WAAW,GAAmD,CAAC,EAC1E,QAAQ,EACR,MAAM,EACN,OAAO,GACR,EAAE,EAAE;IACH,IAAI,CAAC,MAAM,CAAC,SAAS,EAAE,MAAM,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,aAAa,EAAE,CAAC;QACxE,OAAO,CAAC,IAAI,CAAC,+BAA+B,CAAC,CAAA;IAC/C,CAAC;IACD,OAAO,CACL,KAAC,mBAAmB,cAClB,KAAC,qBAAqB,IAAC,MAAM,EAAE,MAAM,YACnC,KAAC,cAAc,IAAC,MAAM,EAAE,MAAM,YAC5B,KAAC,YAAY,cACX,KAAC,aAAa,cACZ,KAAC,iBAAiB,cAChB,KAAC,cAAc,IAAC,SAAS,EAAE,MAAM,CAAC,SAAS,IAAI,EAAE,YAC/C,KAAC,aAAa,IAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,YAC5C,QAAQ,GACK,GACD,GACC,GACN,GACH,GACA,GACK,GACJ,CACvB,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"AppProvider.js","names":[],"sources":["../../src/AppProvider.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react'\nimport { I18nProvider } from './providers/I18nProvider/I18nProvider.js'\nimport { QueryClientProvider } from './providers/QueryClientProvider.js'\nimport { SDKClientProvider } from './providers/SDKClientProvider.js'\nimport { ThemeProvider } from './providers/ThemeProvider/ThemeProvider.js'\nimport { WalletProvider } from './providers/WalletProvider/WalletProvider.js'\nimport { WidgetProvider } from './providers/WidgetProvider/WidgetProvider.js'\nimport { StoreProvider } from './stores/StoreProvider.js'\nimport { SettingsStoreProvider } from './stores/settings/SettingsStore.js'\nimport type { WidgetConfigProps } from './types/widget.js'\n\nexport const AppProvider: React.FC<PropsWithChildren<WidgetConfigProps>> = ({\n  children,\n  config,\n  formRef,\n}) => {\n  return (\n    <QueryClientProvider>\n      <SettingsStoreProvider config={config}>\n        <WidgetProvider config={config}>\n          <I18nProvider>\n            <ThemeProvider>\n              <SDKClientProvider>\n                <WalletProvider providers={config.providers ?? []}>\n                  <StoreProvider config={config} formRef={formRef}>\n                    {children}\n                  </StoreProvider>\n                </WalletProvider>\n              </SDKClientProvider>\n            </ThemeProvider>\n          </I18nProvider>\n        </WidgetProvider>\n      </SettingsStoreProvider>\n    </QueryClientProvider>\n  )\n}\n"],"mappings":";;;;;;;;;;AAWA,MAAa,eAA+D,EAC1E,UACA,QACA,cACI;AACJ,QACE,oBAAC,qBAAD,EAAA,UACE,oBAAC,uBAAD;EAA+B;YAC7B,oBAAC,gBAAD;GAAwB;aACtB,oBAAC,cAAD,EAAA,UACE,oBAAC,eAAD,EAAA,UACE,oBAAC,mBAAD,EAAA,UACE,oBAAC,gBAAD;IAAgB,WAAW,OAAO,aAAa,EAAE;cAC/C,oBAAC,eAAD;KAAuB;KAAiB;KACrC;KACa,CAAA;IACD,CAAA,EACC,CAAA,EACN,CAAA,EACH,CAAA;GACA,CAAA;EACK,CAAA,EACJ,CAAA"}

package/dist/esm/components/AmountInput/AmountInput.js

@@ -1,114 +1,118 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useLayoutEffect, useRef, useState } from 'react';
-import { useTranslation } from 'react-i18next';
-import { useToken } from '../../hooks/useToken.js';
-import { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js';
-import { FormKeyHelper } from '../../stores/form/types.js';
-import { useFieldActions } from '../../stores/form/useFieldActions.js';
-import { useFieldValues } from '../../stores/form/useFieldValues.js';
-import { useInputModeStore } from '../../stores/inputMode/useInputModeStore.js';
-import { DisabledUI } from '../../types/widget.js';
-import { formatInputAmount, formatTokenPrice, priceToTokenAmount, usdDecimals, } from '../../utils/format.js';
-import { fitInputText } from '../../utils/input.js';
-import { InputCard } from '../Card/InputCard.js';
-import { AmountInputCardHeader, AmountInputCardTitle, FormContainer, FormControl, Input, maxInputFontSize, minInputFontSize, } from './AmountInput.style.js';
-import { AmountInputEndAdornment } from './AmountInputEndAdornment.js';
-import { AmountInputStartAdornment } from './AmountInputStartAdornment.js';
-import { PriceFormHelperText } from './PriceFormHelperText.js';
-export const AmountInput = ({ formType, ...props }) => {
-    const { disabledUI } = useWidgetConfig();
-    const [chainId, tokenAddress] = useFieldValues(FormKeyHelper.getChainKey(formType), FormKeyHelper.getTokenKey(formType));
-    const { token } = useToken(chainId, tokenAddress);
-    const disabled = disabledUI?.includes(DisabledUI.FromAmount);
-    return (_jsx(AmountInputBase, { formType: formType, token: token, endAdornment: !disabled ? _jsx(AmountInputEndAdornment, { formType: formType }) : undefined, bottomAdornment: _jsx(PriceFormHelperText, { formType: formType }), disabled: disabled, ...props }));
+import { useWidgetConfig } from "../../providers/WidgetProvider/WidgetProvider.js";
+import { DisabledUI } from "../../types/widget.js";
+import { FormKeyHelper } from "../../stores/form/types.js";
+import { useFieldValues } from "../../stores/form/useFieldValues.js";
+import { useFieldActions } from "../../stores/form/useFieldActions.js";
+import { formatInputAmount, formatTokenPrice, priceToTokenAmount } from "../../utils/format.js";
+import { InputCard } from "../Card/InputCard.js";
+import { useToken } from "../../hooks/useToken.js";
+import { useInputModeStore } from "../../stores/inputMode/useInputModeStore.js";
+import { fitInputText } from "../../utils/input.js";
+import { AmountInputCardHeader, AmountInputCardTitle, FormContainer, FormControl, Input } from "./AmountInput.style.js";
+import { AmountInputEndAdornment } from "./AmountInputEndAdornment.js";
+import { AmountInputStartAdornment } from "./AmountInputStartAdornment.js";
+import { PriceFormHelperText } from "./PriceFormHelperText.js";
+import { useLayoutEffect, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+//#region src/components/AmountInput/AmountInput.tsx
+const AmountInput = ({ formType, ...props }) => {
+	const { disabledUI } = useWidgetConfig();
+	const [chainId, tokenAddress] = useFieldValues(FormKeyHelper.getChainKey(formType), FormKeyHelper.getTokenKey(formType));
+	const { token } = useToken(chainId, tokenAddress);
+	const disabled = disabledUI?.includes(DisabledUI.FromAmount);
+	return /* @__PURE__ */ jsx(AmountInputBase, {
+		formType,
+		token,
+		bottomAdornment: /* @__PURE__ */ jsx(PriceFormHelperText, { formType }),
+		disabled,
+		...props
+	});
 };
-const AmountInputBase = ({ formType, token, startAdornment, endAdornment, bottomAdornment, disabled, ...props }) => {
-    const { t } = useTranslation();
-    const { subvariant, subvariantOptions } = useWidgetConfig();
-    const ref = useRef(null);
-    const isEditingRef = useRef(false);
-    const [formattedPriceInput, setFormattedPriceInput] = useState('');
-    const amountKey = FormKeyHelper.getAmountKey(formType);
-    const [value] = useFieldValues(amountKey);
-    const { setFieldValue } = useFieldActions();
-    const { inputMode } = useInputModeStore();
-    const currentInputMode = inputMode[formType];
-    let displayValue;
-    if (isEditingRef.current) {
-        if (currentInputMode === 'price') {
-            displayValue = formattedPriceInput;
-        }
-        else {
-            displayValue = value;
-        }
-    }
-    else {
-        if (currentInputMode === 'price') {
-            const priceValue = formatTokenPrice(value, token?.priceUSD);
-            displayValue = formatInputAmount(priceValue.toFixed(usdDecimals), usdDecimals);
-        }
-        else {
-            displayValue = value;
-        }
-    }
-    const handleChange = (event) => {
-        const { value: inputValue } = event.target;
-        isEditingRef.current = true;
-        let formattedValue;
-        if (currentInputMode === 'price') {
-            const cleanInputValue = inputValue.replace('$', '');
-            formattedValue = formatInputAmount(cleanInputValue, usdDecimals, true);
-            const tokenValue = priceToTokenAmount(formattedValue, token?.priceUSD);
-            setFormattedPriceInput(formattedValue);
-            setFieldValue(amountKey, tokenValue, { isDirty: true, isTouched: true });
-        }
-        else {
-            formattedValue = formatInputAmount(inputValue, token?.decimals, true);
-            setFieldValue(amountKey, formattedValue, {
-                isDirty: true,
-                isTouched: true,
-            });
-        }
-    };
-    const handleBlur = (event) => {
-        const { value: inputValue } = event.target;
-        isEditingRef.current = false;
-        let formattedValue;
-        if (currentInputMode === 'price') {
-            const cleanInputValue = inputValue.replace('$', '');
-            formattedValue = formatInputAmount(cleanInputValue, usdDecimals);
-            const tokenValue = priceToTokenAmount(formattedValue, token?.priceUSD);
-            const formattedAmount = formatInputAmount(tokenValue, token?.decimals);
-            setFieldValue(amountKey, formattedAmount, {
-                isDirty: true,
-                isTouched: true,
-            });
-        }
-        else {
-            formattedValue = formatInputAmount(inputValue, token?.decimals);
-            setFieldValue(amountKey, formattedValue, {
-                isDirty: true,
-                isTouched: true,
-            });
-        }
-    };
-    // biome-ignore lint/correctness/useExhaustiveDependencies: we need run effect on value change
-    useLayoutEffect(() => {
-        if (ref.current) {
-            fitInputText(maxInputFontSize, minInputFontSize, ref.current);
-        }
-    }, [displayValue]);
-    const title = subvariant === 'custom'
-        ? subvariantOptions?.custom === 'deposit'
-            ? t('header.amount')
-            : t('header.youPay')
-        : t('header.send');
-    return (_jsxs(InputCard, { ...props, children: [_jsxs(AmountInputCardHeader, { children: [_jsx(AmountInputCardTitle, { children: title }), endAdornment] }), _jsxs(FormContainer, { children: [_jsx(AmountInputStartAdornment, { formType: formType }), _jsxs(FormControl, { fullWidth: true, children: [_jsx(Input, { inputRef: ref, size: "small", autoComplete: "off", placeholder: currentInputMode === 'price' ? '$0' : '0', startAdornment: startAdornment, inputProps: {
-                                    inputMode: 'decimal',
-                                }, onChange: handleChange, onBlur: handleBlur, value: currentInputMode === 'price'
-                                    ? displayValue
-                                        ? `$${displayValue}`
-                                        : ''
-                                    : displayValue, name: amountKey, disabled: disabled, required: true }), bottomAdornment] })] })] }));
+const AmountInputBase = ({ formType, token, startAdornment, bottomAdornment, disabled, ...props }) => {
+	const { t } = useTranslation();
+	const { subvariant, subvariantOptions } = useWidgetConfig();
+	const ref = useRef(null);
+	const isEditingRef = useRef(false);
+	const [formattedPriceInput, setFormattedPriceInput] = useState("");
+	const amountKey = FormKeyHelper.getAmountKey(formType);
+	const [value] = useFieldValues(amountKey);
+	const { setFieldValue } = useFieldActions();
+	const { inputMode } = useInputModeStore();
+	const currentInputMode = inputMode[formType];
+	let displayValue;
+	if (isEditingRef.current) if (currentInputMode === "price") displayValue = formattedPriceInput;
+	else displayValue = value;
+	else if (currentInputMode === "price") displayValue = formatInputAmount(formatTokenPrice(value, token?.priceUSD).toFixed(2), 2);
+	else displayValue = value;
+	const handleChange = (event) => {
+		const { value: inputValue } = event.target;
+		isEditingRef.current = true;
+		let formattedValue;
+		if (currentInputMode === "price") {
+			formattedValue = formatInputAmount(inputValue.replace("$", ""), 2, true);
+			const tokenValue = priceToTokenAmount(formattedValue, token?.priceUSD);
+			setFormattedPriceInput(formattedValue);
+			setFieldValue(amountKey, tokenValue, {
+				isDirty: true,
+				isTouched: true
+			});
+		} else {
+			formattedValue = formatInputAmount(inputValue, token?.decimals, true);
+			setFieldValue(amountKey, formattedValue, {
+				isDirty: true,
+				isTouched: true
+			});
+		}
+	};
+	const handleBlur = (event) => {
+		const { value: inputValue } = event.target;
+		isEditingRef.current = false;
+		let formattedValue;
+		if (currentInputMode === "price") {
+			formattedValue = formatInputAmount(inputValue.replace("$", ""), 2);
+			setFieldValue(amountKey, formatInputAmount(priceToTokenAmount(formattedValue, token?.priceUSD), token?.decimals), {
+				isDirty: true,
+				isTouched: true
+			});
+		} else {
+			formattedValue = formatInputAmount(inputValue, token?.decimals);
+			setFieldValue(amountKey, formattedValue, {
+				isDirty: true,
+				isTouched: true
+			});
+		}
+	};
+	useLayoutEffect(() => {
+		if (ref.current) fitInputText(24, 14, ref.current);
+	}, [displayValue]);
+	const title = subvariant === "custom" ? subvariantOptions?.custom === "deposit" ? t("header.amount") : t("header.youPay") : t("header.send");
+	return /* @__PURE__ */ jsxs(InputCard, {
+		...props,
+		children: [
+			/* @__PURE__ */ jsx(AmountInputCardHeader, { children: /* @__PURE__ */ jsx(AmountInputCardTitle, { children: title }) }),
+			/* @__PURE__ */ jsxs(FormContainer, { children: [/* @__PURE__ */ jsx(AmountInputStartAdornment, { formType }), /* @__PURE__ */ jsxs(FormControl, {
+				fullWidth: true,
+				children: [/* @__PURE__ */ jsx(Input, {
+					inputRef: ref,
+					size: "small",
+					autoComplete: "off",
+					placeholder: currentInputMode === "price" ? "$0" : "0",
+					startAdornment,
+					inputProps: { inputMode: "decimal" },
+					onChange: handleChange,
+					onBlur: handleBlur,
+					value: currentInputMode === "price" ? displayValue ? `$${displayValue}` : "" : displayValue,
+					name: amountKey,
+					disabled,
+					required: true
+				}), bottomAdornment]
+			})] }),
+			!disabled && /* @__PURE__ */ jsx(AmountInputEndAdornment, { formType })
+		]
+	});
 };
+//#endregion
+export { AmountInput };
+
 //# sourceMappingURL=AmountInput.js.map

package/dist/esm/components/AmountInput/AmountInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"AmountInput.js","sourceRoot":"","sources":["../../../../src/components/AmountInput/AmountInput.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"AmountInput.js","names":[],"sources":["../../../../src/components/AmountInput/AmountInput.tsx"],"sourcesContent":["import type { Token } from '@lifi/sdk'\nimport type { CardProps } from '@mui/material'\nimport type { ChangeEvent, ReactNode } from 'react'\nimport { useLayoutEffect, useRef, useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useToken } from '../../hooks/useToken.js'\nimport { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js'\nimport { FormKeyHelper, type FormTypeProps } from '../../stores/form/types.js'\nimport { useFieldActions } from '../../stores/form/useFieldActions.js'\nimport { useFieldValues } from '../../stores/form/useFieldValues.js'\nimport { useInputModeStore } from '../../stores/inputMode/useInputModeStore.js'\nimport { DisabledUI } from '../../types/widget.js'\nimport {\n  formatInputAmount,\n  formatTokenPrice,\n  priceToTokenAmount,\n  usdDecimals,\n} from '../../utils/format.js'\nimport { fitInputText } from '../../utils/input.js'\nimport { InputCard } from '../Card/InputCard.js'\nimport {\n  AmountInputCardHeader,\n  AmountInputCardTitle,\n  FormContainer,\n  FormControl,\n  Input,\n  maxInputFontSize,\n  minInputFontSize,\n} from './AmountInput.style.js'\nimport { AmountInputEndAdornment } from './AmountInputEndAdornment.js'\nimport { AmountInputStartAdornment } from './AmountInputStartAdornment.js'\nimport { PriceFormHelperText } from './PriceFormHelperText.js'\n\nexport const AmountInput: React.FC<FormTypeProps & CardProps> = ({\n  formType,\n  ...props\n}) => {\n  const { disabledUI } = useWidgetConfig()\n\n  const [chainId, tokenAddress] = useFieldValues(\n    FormKeyHelper.getChainKey(formType),\n    FormKeyHelper.getTokenKey(formType)\n  )\n\n  const { token } = useToken(chainId, tokenAddress)\n\n  const disabled = disabledUI?.includes(DisabledUI.FromAmount)\n  return (\n    <AmountInputBase\n      formType={formType}\n      token={token}\n      bottomAdornment={<PriceFormHelperText formType={formType} />}\n      disabled={disabled}\n      {...props}\n    />\n  )\n}\n\nconst AmountInputBase: React.FC<\n  FormTypeProps &\n    CardProps & {\n      token?: Token\n      startAdornment?: ReactNode\n      bottomAdornment?: ReactNode\n      disabled?: boolean\n    }\n> = ({\n  formType,\n  token,\n  startAdornment,\n  bottomAdornment,\n  disabled,\n  ...props\n}) => {\n  const { t } = useTranslation()\n  const { subvariant, subvariantOptions } = useWidgetConfig()\n  const ref = useRef<HTMLInputElement>(null)\n\n  const isEditingRef = useRef(false)\n  const [formattedPriceInput, setFormattedPriceInput] = useState('')\n\n  const amountKey = FormKeyHelper.getAmountKey(formType)\n  const [value] = useFieldValues(amountKey)\n  const { setFieldValue } = useFieldActions()\n  const { inputMode } = useInputModeStore()\n\n  const currentInputMode = inputMode[formType]\n  let displayValue: string\n  if (isEditingRef.current) {\n    if (currentInputMode === 'price') {\n      displayValue = formattedPriceInput\n    } else {\n      displayValue = value as string\n    }\n  } else {\n    if (currentInputMode === 'price') {\n      const priceValue = formatTokenPrice(value as string, token?.priceUSD)\n      displayValue = formatInputAmount(\n        priceValue.toFixed(usdDecimals),\n        usdDecimals\n      )\n    } else {\n      displayValue = value as string\n    }\n  }\n\n  const handleChange = (\n    event: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>\n  ) => {\n    const { value: inputValue } = event.target\n    isEditingRef.current = true\n\n    let formattedValue: string\n    if (currentInputMode === 'price') {\n      const cleanInputValue = inputValue.replace('$', '')\n      formattedValue = formatInputAmount(cleanInputValue, usdDecimals, true)\n      const tokenValue = priceToTokenAmount(formattedValue, token?.priceUSD)\n      setFormattedPriceInput(formattedValue)\n      setFieldValue(amountKey, tokenValue, { isDirty: true, isTouched: true })\n    } else {\n      formattedValue = formatInputAmount(inputValue, token?.decimals, true)\n      setFieldValue(amountKey, formattedValue, {\n        isDirty: true,\n        isTouched: true,\n      })\n    }\n  }\n\n  const handleBlur = (\n    event: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>\n  ) => {\n    const { value: inputValue } = event.target\n    isEditingRef.current = false\n\n    let formattedValue: string\n    if (currentInputMode === 'price') {\n      const cleanInputValue = inputValue.replace('$', '')\n      formattedValue = formatInputAmount(cleanInputValue, usdDecimals)\n      const tokenValue = priceToTokenAmount(formattedValue, token?.priceUSD)\n      const formattedAmount = formatInputAmount(tokenValue, token?.decimals)\n      setFieldValue(amountKey, formattedAmount, {\n        isDirty: true,\n        isTouched: true,\n      })\n    } else {\n      formattedValue = formatInputAmount(inputValue, token?.decimals)\n      setFieldValue(amountKey, formattedValue, {\n        isDirty: true,\n        isTouched: true,\n      })\n    }\n  }\n\n  // biome-ignore lint/correctness/useExhaustiveDependencies: we need run effect on value change\n  useLayoutEffect(() => {\n    if (ref.current) {\n      fitInputText(maxInputFontSize, minInputFontSize, ref.current)\n    }\n  }, [displayValue])\n\n  const title =\n    subvariant === 'custom'\n      ? subvariantOptions?.custom === 'deposit'\n        ? t('header.amount')\n        : t('header.youPay')\n      : t('header.send')\n\n  return (\n    <InputCard {...props}>\n      <AmountInputCardHeader>\n        <AmountInputCardTitle>{title}</AmountInputCardTitle>\n      </AmountInputCardHeader>\n      <FormContainer>\n        <AmountInputStartAdornment formType={formType} />\n        <FormControl fullWidth>\n          <Input\n            inputRef={ref}\n            size=\"small\"\n            autoComplete=\"off\"\n            placeholder={currentInputMode === 'price' ? '$0' : '0'}\n            startAdornment={startAdornment}\n            inputProps={{\n              inputMode: 'decimal',\n            }}\n            onChange={handleChange}\n            onBlur={handleBlur}\n            value={\n              currentInputMode === 'price'\n                ? displayValue\n                  ? `$${displayValue}`\n                  : ''\n                : displayValue\n            }\n            name={amountKey}\n            disabled={disabled}\n            required\n          />\n          {bottomAdornment}\n        </FormControl>\n      </FormContainer>\n      {!disabled && <AmountInputEndAdornment formType={formType} />}\n    </InputCard>\n  )\n}\n"],"mappings":"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"}