@lifi/widget 4.1.0 → 4.3.0

package/dist/esm/pages/SettingsPage/SlippageSettings/SlippageSettings.style.js

@@ -1,4 +1,4 @@
-import { Box, ButtonBase, InputBase, inputBaseClasses, styled } from "@mui/material";
+import { Box, IconButton, InputBase, inputBaseClasses, styled } from "@mui/material";
 //#region src/pages/SettingsPage/SlippageSettings/SlippageSettings.style.tsx
 const SettingsFieldSet = styled(Box)(({ theme }) => ({
 	display: "flex",
@@ -18,18 +18,6 @@ const settingsControlSelected = (theme) => ({
 	}),
 	borderRadius: `calc(${theme.vars.shape.borderRadius} - 4px)`
 });
-const SettingsDefaultButton = styled(ButtonBase)(({ theme, selected }) => {
-	const settingsControlSelectedStyles = settingsControlSelected(theme);
-	const selectedStyle = selected ? { "&:not(:focus)": { ...settingsControlSelectedStyles } } : {};
-	return {
-		height: "100%",
-		width: "100%",
-		fontSize: "1rem",
-		fontWeight: 700,
-		"&:focus": { ...settingsControlSelectedStyles },
-		...selectedStyle
-	};
-});
 const SettingsCustomInput = styled(InputBase)(({ theme, selected }) => {
 	const settingsControlSelectedStyles = settingsControlSelected(theme);
 	const selectedStyle = selected ? { "&:not(:focus)": { ...settingsControlSelectedStyles } } : {};
@@ -56,7 +44,31 @@ const SlippageLimitsWarningContainer = styled(Box)(({ theme }) => ({
 	gap: theme.spacing(1.25),
 	marginTop: theme.spacing(1.5)
 }));
+const SlippageInput = styled(InputBase)(({ theme }) => ({
+	minHeight: 44,
+	width: "100%",
+	backgroundColor: theme.vars.palette.background.default,
+	border: "1px solid",
+	borderColor: theme.vars.palette.divider,
+	borderRadius: theme.vars.shape.borderRadius,
+	paddingRight: theme.spacing(1),
+	[`.${inputBaseClasses.input}`]: {
+		padding: theme.spacing(1.5),
+		fontSize: 16,
+		fontWeight: 500,
+		lineHeight: "20px",
+		"&::placeholder": {
+			opacity: 1,
+			color: theme.vars.palette.text.secondary
+		},
+		"&::-webkit-outer-spin-button, &::-webkit-inner-spin-button": { display: "none" }
+	}
+}));
+const SlippageClearButton = styled(IconButton)(({ theme }) => ({
+	padding: theme.spacing(.5),
+	flexShrink: 0
+}));
 //#endregion
-export { SettingsCustomInput, SettingsDefaultButton, SettingsFieldSet, SlippageLimitsWarningContainer };
+export { SettingsCustomInput, SettingsFieldSet, SlippageClearButton, SlippageInput, SlippageLimitsWarningContainer };
 
 //# sourceMappingURL=SlippageSettings.style.js.map

package/dist/esm/pages/SettingsPage/SlippageSettings/SlippageSettings.style.js.map

@@ -1 +1 @@
-{"version":3,"file":"SlippageSettings.style.js","names":[],"sources":["../../../../../src/pages/SettingsPage/SlippageSettings/SlippageSettings.style.tsx"],"sourcesContent":["import type { Theme } from '@mui/material'\nimport {\n  Box,\n  ButtonBase,\n  InputBase,\n  inputBaseClasses,\n  styled,\n} from '@mui/material'\nimport type React from 'react'\n\nexport const SettingsFieldSet: React.FC<\n  React.ComponentProps<typeof Box> & SettingsControlProps\n> = styled(Box)(({ theme }) => ({\n  display: 'flex',\n  borderRadius: theme.vars.shape.borderRadius,\n  padding: theme.spacing(0.5),\n  gap: theme.spacing(0.5),\n  height: '3.5rem',\n  backgroundColor: `color-mix(in srgb, ${theme.vars.palette.common.onBackground} 4%, transparent)`,\n  ...theme.applyStyles('dark', {\n    backgroundColor: `color-mix(in srgb, ${theme.vars.palette.common.onBackground} 8%, transparent)`,\n  }),\n}))\n\nconst settingsControlSelected = (theme: Theme) => ({\n  backgroundColor: theme.vars.palette.background.paper,\n  boxShadow: `0px 2px 4px color-mix(in srgb, ${theme.vars.palette.common.onBackground} 4%, transparent)`,\n  ...theme.applyStyles('dark', {\n    backgroundColor: `color-mix(in srgb, ${theme.vars.palette.common.background} 56%, transparent)`,\n    boxShadow: `0px 2px 4px color-mix(in srgb, ${theme.vars.palette.common.background} 4%, transparent)`,\n  }),\n  borderRadius: `calc(${theme.vars.shape.borderRadius} - 4px)`,\n})\n\ninterface SettingsControlProps {\n  selected?: boolean\n}\n\nexport const SettingsDefaultButton: React.FC<\n  React.ComponentProps<typeof ButtonBase> & SettingsControlProps\n> = styled(ButtonBase)<SettingsControlProps>(({ theme, selected }) => {\n  const settingsControlSelectedStyles = settingsControlSelected(theme)\n  const selectedStyle = selected\n    ? {\n        '&:not(:focus)': {\n          ...settingsControlSelectedStyles,\n        },\n      }\n    : {}\n\n  return {\n    height: '100%',\n    width: '100%',\n    fontSize: '1rem',\n    fontWeight: 700,\n    '&:focus': {\n      ...settingsControlSelectedStyles,\n    },\n    ...selectedStyle,\n  }\n})\n\nexport const SettingsCustomInput: React.FC<\n  React.ComponentProps<typeof InputBase> & SettingsControlProps\n> = styled(InputBase)<SettingsControlProps>(({ theme, selected }) => {\n  const settingsControlSelectedStyles = settingsControlSelected(theme)\n  const selectedStyle = selected\n    ? {\n        '&:not(:focus)': {\n          ...settingsControlSelectedStyles,\n        },\n      }\n    : {}\n\n  return {\n    height: '100%',\n    width: '100%',\n    [`.${inputBaseClasses.input}`]: {\n      height: '100%',\n      width: '100%',\n      padding: 0,\n      textAlign: 'center',\n      '&::placeholder': {\n        fontSize: '1rem',\n        fontWeight: 700,\n        opacity: 1,\n      },\n      '&:focus': {\n        ...settingsControlSelectedStyles,\n      },\n      ...selectedStyle,\n    },\n  }\n})\n\nexport const SlippageLimitsWarningContainer: React.FC<\n  React.ComponentProps<typeof Box>\n> = styled(Box)(({ theme }) => ({\n  display: 'flex',\n  gap: theme.spacing(1.25),\n  marginTop: theme.spacing(1.5),\n}))\n"],"mappings":";;AAUA,MAAa,mBAET,OAAO,GAAG,CAAC,EAAE,EAAE,aAAa;CAC9B,SAAS;CACT,cAAc,MAAM,KAAK,MAAM;CAC/B,SAAS,MAAM,QAAQ,EAAG;CAC1B,KAAK,MAAM,QAAQ,EAAG;CACtB,QAAQ;CACR,iBAAiB,sBAAsB,MAAM,KAAK,QAAQ,OAAO,aAAa;CAC9E,GAAG,MAAM,YAAY,QAAQ,EAC3B,iBAAiB,sBAAsB,MAAM,KAAK,QAAQ,OAAO,aAAa,mBAChF,CAAC;AACH,EAAE;AAEF,MAAM,2BAA2B,WAAkB;CACjD,iBAAiB,MAAM,KAAK,QAAQ,WAAW;CAC/C,WAAW,kCAAkC,MAAM,KAAK,QAAQ,OAAO,aAAa;CACpF,GAAG,MAAM,YAAY,QAAQ;EAC3B,iBAAiB,sBAAsB,MAAM,KAAK,QAAQ,OAAO,WAAW;EAC5E,WAAW,kCAAkC,MAAM,KAAK,QAAQ,OAAO,WAAW;CACpF,CAAC;CACD,cAAc,QAAQ,MAAM,KAAK,MAAM,aAAa;AACtD;AAMA,MAAa,wBAET,OAAO,UAAU,CAAC,EAAwB,EAAE,OAAO,eAAe;CACpE,MAAM,gCAAgC,wBAAwB,KAAK;CACnE,MAAM,gBAAgB,WAClB,EACE,iBAAiB,EACf,GAAG,8BACL,EACF,IACA,CAAC;CAEL,OAAO;EACL,QAAQ;EACR,OAAO;EACP,UAAU;EACV,YAAY;EACZ,WAAW,EACT,GAAG,8BACL;EACA,GAAG;CACL;AACF,CAAC;AAED,MAAa,sBAET,OAAO,SAAS,CAAC,EAAwB,EAAE,OAAO,eAAe;CACnE,MAAM,gCAAgC,wBAAwB,KAAK;CACnE,MAAM,gBAAgB,WAClB,EACE,iBAAiB,EACf,GAAG,8BACL,EACF,IACA,CAAC;CAEL,OAAO;EACL,QAAQ;EACR,OAAO;GACN,IAAI,iBAAiB,UAAU;GAC9B,QAAQ;GACR,OAAO;GACP,SAAS;GACT,WAAW;GACX,kBAAkB;IAChB,UAAU;IACV,YAAY;IACZ,SAAS;GACX;GACA,WAAW,EACT,GAAG,8BACL;GACA,GAAG;EACL;CACF;AACF,CAAC;AAED,MAAa,iCAET,OAAO,GAAG,CAAC,EAAE,EAAE,aAAa;CAC9B,SAAS;CACT,KAAK,MAAM,QAAQ,IAAI;CACvB,WAAW,MAAM,QAAQ,GAAG;AAC9B,EAAE"}
+{"version":3,"file":"SlippageSettings.style.js","names":[],"sources":["../../../../../src/pages/SettingsPage/SlippageSettings/SlippageSettings.style.tsx"],"sourcesContent":["import type { Theme } from '@mui/material'\nimport {\n  Box,\n  IconButton,\n  InputBase,\n  inputBaseClasses,\n  styled,\n} from '@mui/material'\nimport type React from 'react'\n\nexport const SettingsFieldSet: React.FC<\n  React.ComponentProps<typeof Box> & SettingsControlProps\n> = styled(Box)(({ theme }) => ({\n  display: 'flex',\n  borderRadius: theme.vars.shape.borderRadius,\n  padding: theme.spacing(0.5),\n  gap: theme.spacing(0.5),\n  height: '3.5rem',\n  backgroundColor: `color-mix(in srgb, ${theme.vars.palette.common.onBackground} 4%, transparent)`,\n  ...theme.applyStyles('dark', {\n    backgroundColor: `color-mix(in srgb, ${theme.vars.palette.common.onBackground} 8%, transparent)`,\n  }),\n}))\n\nconst settingsControlSelected = (theme: Theme) => ({\n  backgroundColor: theme.vars.palette.background.paper,\n  boxShadow: `0px 2px 4px color-mix(in srgb, ${theme.vars.palette.common.onBackground} 4%, transparent)`,\n  ...theme.applyStyles('dark', {\n    backgroundColor: `color-mix(in srgb, ${theme.vars.palette.common.background} 56%, transparent)`,\n    boxShadow: `0px 2px 4px color-mix(in srgb, ${theme.vars.palette.common.background} 4%, transparent)`,\n  }),\n  borderRadius: `calc(${theme.vars.shape.borderRadius} - 4px)`,\n})\n\ninterface SettingsControlProps {\n  selected?: boolean\n}\n\nexport const SettingsCustomInput: React.FC<\n  React.ComponentProps<typeof InputBase> & SettingsControlProps\n> = styled(InputBase)<SettingsControlProps>(({ theme, selected }) => {\n  const settingsControlSelectedStyles = settingsControlSelected(theme)\n  const selectedStyle = selected\n    ? {\n        '&:not(:focus)': {\n          ...settingsControlSelectedStyles,\n        },\n      }\n    : {}\n\n  return {\n    height: '100%',\n    width: '100%',\n    [`.${inputBaseClasses.input}`]: {\n      height: '100%',\n      width: '100%',\n      padding: 0,\n      textAlign: 'center',\n      '&::placeholder': {\n        fontSize: '1rem',\n        fontWeight: 700,\n        opacity: 1,\n      },\n      '&:focus': {\n        ...settingsControlSelectedStyles,\n      },\n      ...selectedStyle,\n    },\n  }\n})\n\nexport const SlippageLimitsWarningContainer: React.FC<\n  React.ComponentProps<typeof Box>\n> = styled(Box)(({ theme }) => ({\n  display: 'flex',\n  gap: theme.spacing(1.25),\n  marginTop: theme.spacing(1.5),\n}))\n\nexport const SlippageInput: React.FC<React.ComponentProps<typeof InputBase>> =\n  styled(InputBase)(({ theme }) => ({\n    minHeight: 44,\n    width: '100%',\n    backgroundColor: theme.vars.palette.background.default,\n    border: '1px solid',\n    borderColor: theme.vars.palette.divider,\n    borderRadius: theme.vars.shape.borderRadius,\n    paddingRight: theme.spacing(1),\n    [`.${inputBaseClasses.input}`]: {\n      padding: theme.spacing(1.5),\n      fontSize: 16,\n      fontWeight: 500,\n      lineHeight: '20px',\n      '&::placeholder': {\n        opacity: 1,\n        color: theme.vars.palette.text.secondary,\n      },\n      '&::-webkit-outer-spin-button, &::-webkit-inner-spin-button': {\n        display: 'none',\n      },\n    },\n  }))\n\nexport const SlippageClearButton: React.FC<\n  React.ComponentProps<typeof IconButton>\n> = styled(IconButton)(({ theme }) => ({\n  padding: theme.spacing(0.5),\n  flexShrink: 0,\n}))\n"],"mappings":";;AAUA,MAAa,mBAET,OAAO,GAAG,CAAC,EAAE,EAAE,aAAa;CAC9B,SAAS;CACT,cAAc,MAAM,KAAK,MAAM;CAC/B,SAAS,MAAM,QAAQ,EAAG;CAC1B,KAAK,MAAM,QAAQ,EAAG;CACtB,QAAQ;CACR,iBAAiB,sBAAsB,MAAM,KAAK,QAAQ,OAAO,aAAa;CAC9E,GAAG,MAAM,YAAY,QAAQ,EAC3B,iBAAiB,sBAAsB,MAAM,KAAK,QAAQ,OAAO,aAAa,mBAChF,CAAC;AACH,EAAE;AAEF,MAAM,2BAA2B,WAAkB;CACjD,iBAAiB,MAAM,KAAK,QAAQ,WAAW;CAC/C,WAAW,kCAAkC,MAAM,KAAK,QAAQ,OAAO,aAAa;CACpF,GAAG,MAAM,YAAY,QAAQ;EAC3B,iBAAiB,sBAAsB,MAAM,KAAK,QAAQ,OAAO,WAAW;EAC5E,WAAW,kCAAkC,MAAM,KAAK,QAAQ,OAAO,WAAW;CACpF,CAAC;CACD,cAAc,QAAQ,MAAM,KAAK,MAAM,aAAa;AACtD;AAMA,MAAa,sBAET,OAAO,SAAS,CAAC,EAAwB,EAAE,OAAO,eAAe;CACnE,MAAM,gCAAgC,wBAAwB,KAAK;CACnE,MAAM,gBAAgB,WAClB,EACE,iBAAiB,EACf,GAAG,8BACL,EACF,IACA,CAAC;CAEL,OAAO;EACL,QAAQ;EACR,OAAO;GACN,IAAI,iBAAiB,UAAU;GAC9B,QAAQ;GACR,OAAO;GACP,SAAS;GACT,WAAW;GACX,kBAAkB;IAChB,UAAU;IACV,YAAY;IACZ,SAAS;GACX;GACA,WAAW,EACT,GAAG,8BACL;GACA,GAAG;EACL;CACF;AACF,CAAC;AAED,MAAa,iCAET,OAAO,GAAG,CAAC,EAAE,EAAE,aAAa;CAC9B,SAAS;CACT,KAAK,MAAM,QAAQ,IAAI;CACvB,WAAW,MAAM,QAAQ,GAAG;AAC9B,EAAE;AAEF,MAAa,gBACX,OAAO,SAAS,CAAC,EAAE,EAAE,aAAa;CAChC,WAAW;CACX,OAAO;CACP,iBAAiB,MAAM,KAAK,QAAQ,WAAW;CAC/C,QAAQ;CACR,aAAa,MAAM,KAAK,QAAQ;CAChC,cAAc,MAAM,KAAK,MAAM;CAC/B,cAAc,MAAM,QAAQ,CAAC;EAC5B,IAAI,iBAAiB,UAAU;EAC9B,SAAS,MAAM,QAAQ,GAAG;EAC1B,UAAU;EACV,YAAY;EACZ,YAAY;EACZ,kBAAkB;GAChB,SAAS;GACT,OAAO,MAAM,KAAK,QAAQ,KAAK;EACjC;EACA,8DAA8D,EAC5D,SAAS,OACX;CACF;AACF,EAAE;AAEJ,MAAa,sBAET,OAAO,UAAU,CAAC,EAAE,EAAE,aAAa;CACrC,SAAS,MAAM,QAAQ,EAAG;CAC1B,YAAY;AACd,EAAE"}

package/dist/esm/pages/SettingsPage/ThemeSettings.js

@@ -1,3 +1,5 @@
+import { useWidgetEvents } from "../../hooks/useWidgetEvents.js";
+import "../../types/events.js";
 import { useWidgetConfig } from "../../providers/WidgetProvider/WidgetProvider.js";
 import { CardTabs, Tab as Tab$1 } from "../../components/Tabs/Tabs.style.js";
 import { CardValue } from "../../components/Card/CardButton.style.js";
@@ -26,12 +28,14 @@ const ThemeTab = ({ title, value, Icon, ...props }) => /* @__PURE__ */ jsx(Toolt
 const ThemeSettings = () => {
 	const { t } = useTranslation();
 	const { mode, setMode } = useColorScheme();
+	const widgetEvents = useWidgetEvents();
 	const { hiddenUI } = useWidgetConfig();
 	if (hiddenUI?.appearance) return null;
 	const appearance = mode ?? "system";
 	const ThemeIcon = themeIcons[appearance];
 	const handleThemeChange = (_, appearance) => {
 		setMode(appearance);
+		widgetEvents.emit("appearanceChanged", appearance);
 	};
 	return /* @__PURE__ */ jsx(SettingCardExpandable, {
 		value: /* @__PURE__ */ jsxs(CardValue, { children: [t(`button.${appearance}`), " "] }),

package/dist/esm/pages/SettingsPage/ThemeSettings.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeSettings.js","names":["Tab"],"sources":["../../../../src/pages/SettingsPage/ThemeSettings.tsx"],"sourcesContent":["import BrightnessAuto from '@mui/icons-material/BrightnessAuto'\nimport LightMode from '@mui/icons-material/LightMode'\nimport Nightlight from '@mui/icons-material/Nightlight'\nimport { Tooltip, useColorScheme } from '@mui/material'\nimport { useTranslation } from 'react-i18next'\nimport { CardValue } from '../../components/Card/CardButton.style.js'\nimport { CardTabs, Tab } from '../../components/Tabs/Tabs.style.js'\nimport { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js'\nimport type { Appearance } from '../../types/widget.js'\nimport { SettingCardExpandable } from './SettingsCard/SettingCardExpandable.js'\n\nconst themeIcons = {\n  light: LightMode,\n  dark: Nightlight,\n  system: BrightnessAuto,\n}\n\ninterface ThemeTabProps {\n  title: string\n  value: Appearance\n  Icon: React.ReactElement\n}\n\n// If the Tab is not the direct child of the Tabs component you can loose the switching\n// The component passes the props to the Tab component so switching isn't lost\nconst ThemeTab: React.FC<ThemeTabProps> = ({\n  title,\n  value,\n  Icon,\n  ...props\n}) => (\n  <Tooltip title={title}>\n    <Tab icon={Icon} value={value} {...props} disableRipple />\n  </Tooltip>\n)\n\nexport const ThemeSettings: React.FC = () => {\n  const { t } = useTranslation()\n  const { mode, setMode } = useColorScheme()\n  const { hiddenUI } = useWidgetConfig()\n\n  if (hiddenUI?.appearance) {\n    return null\n  }\n\n  const appearance = mode ?? 'system'\n\n  const ThemeIcon = themeIcons[appearance]\n\n  const handleThemeChange = (\n    _: React.SyntheticEvent,\n    appearance: Appearance\n  ) => {\n    setMode(appearance)\n  }\n\n  return (\n    <SettingCardExpandable\n      value={<CardValue>{t(`button.${appearance}`)} </CardValue>}\n      icon={<ThemeIcon />}\n      title={t('settings.appearance')}\n    >\n      <CardTabs\n        value={appearance}\n        aria-label=\"tabs\"\n        indicatorColor=\"primary\"\n        onChange={handleThemeChange}\n        sx={{ mt: 1.5 }}\n      >\n        {Object.entries(themeIcons).map(([theme, Icon]) => {\n          const supportedThemeOption = theme as Appearance\n\n          return (\n            <ThemeTab\n              key={supportedThemeOption}\n              title={t(`button.${supportedThemeOption}`)}\n              value={supportedThemeOption}\n              Icon={<Icon />}\n            />\n          )\n        })}\n      </CardTabs>\n    </SettingCardExpandable>\n  )\n}\n"],"mappings":";;;;;;;;;;;AAWA,MAAM,aAAa;CACjB,OAAO;CACP,MAAM;CACN,QAAQ;AACV;AAUA,MAAM,YAAqC,EACzC,OACA,OACA,MACA,GAAG,YAEH,oBAAC,SAAD;CAAgB;WACd,oBAACA,OAAD;EAAK,MAAM;EAAa;EAAO,GAAI;EAAO,eAAA;CAAe,CAAA;AAClD,CAAA;AAGX,MAAa,sBAAgC;CAC3C,MAAM,EAAE,MAAM,eAAe;CAC7B,MAAM,EAAE,MAAM,YAAY,eAAe;CACzC,MAAM,EAAE,aAAa,gBAAgB;CAErC,IAAI,UAAU,YACZ,OAAO;CAGT,MAAM,aAAa,QAAQ;CAE3B,MAAM,YAAY,WAAW;CAE7B,MAAM,qBACJ,GACA,eACG;EACH,QAAQ,UAAU;CACpB;CAEA,OACE,oBAAC,uBAAD;EACE,OAAO,qBAAC,WAAD,EAAA,UAAA,CAAY,EAAE,UAAU,YAAY,GAAE,GAAY,EAAA,CAAA;EACzD,MAAM,oBAAC,WAAD,CAAY,CAAA;EAClB,OAAO,EAAE,qBAAqB;YAE9B,oBAAC,UAAD;GACE,OAAO;GACP,cAAW;GACX,gBAAe;GACf,UAAU;GACV,IAAI,EAAE,IAAI,IAAI;aAEb,OAAO,QAAQ,UAAU,CAAC,CAAC,KAAK,CAAC,OAAO,UAAU;IACjD,MAAM,uBAAuB;IAE7B,OACE,oBAAC,UAAD;KAEE,OAAO,EAAE,UAAU,sBAAsB;KACzC,OAAO;KACP,MAAM,oBAAC,MAAD,CAAO,CAAA;IACd,GAJM,oBAIN;GAEL,CAAC;EACO,CAAA;CACW,CAAA;AAE3B"}
+{"version":3,"file":"ThemeSettings.js","names":["Tab"],"sources":["../../../../src/pages/SettingsPage/ThemeSettings.tsx"],"sourcesContent":["import BrightnessAuto from '@mui/icons-material/BrightnessAuto'\nimport LightMode from '@mui/icons-material/LightMode'\nimport Nightlight from '@mui/icons-material/Nightlight'\nimport { Tooltip, useColorScheme } from '@mui/material'\nimport { useTranslation } from 'react-i18next'\nimport { CardValue } from '../../components/Card/CardButton.style.js'\nimport { CardTabs, Tab } from '../../components/Tabs/Tabs.style.js'\nimport { useWidgetEvents } from '../../hooks/useWidgetEvents.js'\nimport { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js'\nimport { WidgetEvent } from '../../types/events.js'\nimport type { Appearance } from '../../types/widget.js'\nimport { SettingCardExpandable } from './SettingsCard/SettingCardExpandable.js'\n\nconst themeIcons = {\n  light: LightMode,\n  dark: Nightlight,\n  system: BrightnessAuto,\n}\n\ninterface ThemeTabProps {\n  title: string\n  value: Appearance\n  Icon: React.ReactElement\n}\n\n// If the Tab is not the direct child of the Tabs component you can loose the switching\n// The component passes the props to the Tab component so switching isn't lost\nconst ThemeTab: React.FC<ThemeTabProps> = ({\n  title,\n  value,\n  Icon,\n  ...props\n}) => (\n  <Tooltip title={title}>\n    <Tab icon={Icon} value={value} {...props} disableRipple />\n  </Tooltip>\n)\n\nexport const ThemeSettings: React.FC = () => {\n  const { t } = useTranslation()\n  const { mode, setMode } = useColorScheme()\n  const widgetEvents = useWidgetEvents()\n  const { hiddenUI } = useWidgetConfig()\n\n  if (hiddenUI?.appearance) {\n    return null\n  }\n\n  const appearance = mode ?? 'system'\n\n  const ThemeIcon = themeIcons[appearance]\n\n  const handleThemeChange = (\n    _: React.SyntheticEvent,\n    appearance: Appearance\n  ) => {\n    setMode(appearance)\n    widgetEvents.emit(WidgetEvent.AppearanceChanged, appearance)\n  }\n\n  return (\n    <SettingCardExpandable\n      value={<CardValue>{t(`button.${appearance}`)} </CardValue>}\n      icon={<ThemeIcon />}\n      title={t('settings.appearance')}\n    >\n      <CardTabs\n        value={appearance}\n        aria-label=\"tabs\"\n        indicatorColor=\"primary\"\n        onChange={handleThemeChange}\n        sx={{ mt: 1.5 }}\n      >\n        {Object.entries(themeIcons).map(([theme, Icon]) => {\n          const supportedThemeOption = theme as Appearance\n\n          return (\n            <ThemeTab\n              key={supportedThemeOption}\n              title={t(`button.${supportedThemeOption}`)}\n              value={supportedThemeOption}\n              Icon={<Icon />}\n            />\n          )\n        })}\n      </CardTabs>\n    </SettingCardExpandable>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;AAaA,MAAM,aAAa;CACjB,OAAO;CACP,MAAM;CACN,QAAQ;AACV;AAUA,MAAM,YAAqC,EACzC,OACA,OACA,MACA,GAAG,YAEH,oBAAC,SAAD;CAAgB;WACd,oBAACA,OAAD;EAAK,MAAM;EAAa;EAAO,GAAI;EAAO,eAAA;CAAe,CAAA;AAClD,CAAA;AAGX,MAAa,sBAAgC;CAC3C,MAAM,EAAE,MAAM,eAAe;CAC7B,MAAM,EAAE,MAAM,YAAY,eAAe;CACzC,MAAM,eAAe,gBAAgB;CACrC,MAAM,EAAE,aAAa,gBAAgB;CAErC,IAAI,UAAU,YACZ,OAAO;CAGT,MAAM,aAAa,QAAQ;CAE3B,MAAM,YAAY,WAAW;CAE7B,MAAM,qBACJ,GACA,eACG;EACH,QAAQ,UAAU;EAClB,aAAa,KAAA,qBAAoC,UAAU;CAC7D;CAEA,OACE,oBAAC,uBAAD;EACE,OAAO,qBAAC,WAAD,EAAA,UAAA,CAAY,EAAE,UAAU,YAAY,GAAE,GAAY,EAAA,CAAA;EACzD,MAAM,oBAAC,WAAD,CAAY,CAAA;EAClB,OAAO,EAAE,qBAAqB;YAE9B,oBAAC,UAAD;GACE,OAAO;GACP,cAAW;GACX,gBAAe;GACf,UAAU;GACV,IAAI,EAAE,IAAI,IAAI;aAEb,OAAO,QAAQ,UAAU,CAAC,CAAC,KAAK,CAAC,OAAO,UAAU;IACjD,MAAM,uBAAuB;IAE7B,OACE,oBAAC,UAAD;KAEE,OAAO,EAAE,UAAU,sBAAsB;KACzC,OAAO;KACP,MAAM,oBAAC,MAAD,CAAO,CAAA;IACd,GAJM,oBAIN;GAEL,CAAC;EACO,CAAA;CACW,CAAA;AAE3B"}

package/dist/esm/pages/TransactionPage/TransactionReview.js

@@ -69,7 +69,10 @@ const TransactionReview = ({ route, executeRoute, routeRefreshing }) => {
 		switch (mode) {
 			case "custom": return modeOptions?.custom?.type === "deposit" ? t("button.deposit") : t("button.buy");
 			case "refuel": return t("button.startBridging");
-			default: return t(`button.start${route.fromChainId === route.toChainId ? "Swapping" : "Bridging"}`);
+			default: {
+				const transactionType = route.fromChainId === route.toChainId ? "Swapping" : "Bridging";
+				return t(`button.start${transactionType}`);
+			}
 		}
 	};
 	return /* @__PURE__ */ jsxs(Fragment$1, { children: [

package/dist/esm/pages/TransactionPage/TransactionReview.js.map

@@ -1 +1 @@
-{"version":3,"file":"TransactionReview.js","names":["Card"],"sources":["../../../../src/pages/TransactionPage/TransactionReview.tsx"],"sourcesContent":["import type { RouteExtended } from '@lifi/sdk'\nimport { Box } from '@mui/material'\nimport { useNavigate } from '@tanstack/react-router'\nimport { useRef } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type { BottomSheetBase } from '../../components/BottomSheet/types.js'\nimport { Card } from '../../components/Card/Card.js'\nimport { WarningMessages } from '../../components/Messages/WarningMessages.js'\nimport { RouteTokens } from '../../components/RouteCard/RouteTokens.js'\nimport { useAddressActivity } from '../../hooks/useAddressActivity.js'\nimport { useWidgetEvents } from '../../hooks/useWidgetEvents.js'\nimport { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js'\nimport { useFieldActions } from '../../stores/form/useFieldActions.js'\nimport { useHeaderStore } from '../../stores/header/useHeaderStore.js'\nimport { WidgetEvent } from '../../types/events.js'\nimport { getAccumulatedFeeCostsBreakdown } from '../../utils/fees.js'\nimport { navigationRoutes } from '../../utils/navigationRoutes.js'\nimport { ConfirmToAddressSheet } from './ConfirmToAddressSheet.js'\nimport { StartTransactionButton } from './StartTransactionButton.js'\nimport { TokenValueBottomSheet } from './TokenValueBottomSheet.js'\nimport {\n  calculateValueLossPercentage,\n  getTokenValueLossThreshold,\n} from './utils.js'\n\ninterface TransactionReviewProps {\n  route: RouteExtended\n  executeRoute: () => void\n  routeRefreshing: boolean\n}\n\nexport const TransactionReview: React.FC<TransactionReviewProps> = ({\n  route,\n  executeRoute,\n  routeRefreshing,\n}) => {\n  const { t } = useTranslation()\n  const navigate = useNavigate()\n  const { setFieldValue } = useFieldActions()\n  const emitter = useWidgetEvents()\n  const setBackAction = useHeaderStore((state) => state.setBackAction)\n  const { mode, modeOptions, hiddenUI, defaultUI } = useWidgetConfig()\n\n  const tokenValueBottomSheetRef = useRef<BottomSheetBase>(null)\n  const confirmToAddressSheetRef = useRef<BottomSheetBase>(null)\n\n  const {\n    toAddress,\n    hasActivity,\n    isLoading: isLoadingAddressActivity,\n    isFetched: isActivityAddressFetched,\n  } = useAddressActivity(route.toChainId)\n\n  const handleExecuteRoute = () => {\n    if (tokenValueBottomSheetRef.current?.isOpen()) {\n      const { gasCostUSD, feeCostUSD } = getAccumulatedFeeCostsBreakdown(route)\n      const fromAmountUSD = Number.parseFloat(route.fromAmountUSD)\n      const toAmountUSD = Number.parseFloat(route.toAmountUSD)\n      emitter.emit(WidgetEvent.RouteHighValueLoss, {\n        fromAmountUSD,\n        toAmountUSD,\n        gasCostUSD,\n        feeCostUSD,\n        valueLoss: calculateValueLossPercentage(\n          fromAmountUSD,\n          toAmountUSD,\n          gasCostUSD,\n          feeCostUSD\n        ),\n      })\n    }\n    tokenValueBottomSheetRef.current?.close()\n    executeRoute()\n    setFieldValue('fromAmount', '')\n    if (mode === 'custom') {\n      setFieldValue('fromToken', '')\n      setFieldValue('toToken', '')\n    }\n    setBackAction(() => {\n      navigate({ to: navigationRoutes.home, replace: true })\n    })\n  }\n\n  const handleStartClick = () => {\n    if (\n      toAddress &&\n      !hasActivity &&\n      !isLoadingAddressActivity &&\n      isActivityAddressFetched &&\n      !hiddenUI?.lowAddressActivityConfirmation\n    ) {\n      confirmToAddressSheetRef.current?.open()\n      return\n    }\n\n    const { gasCostUSD, feeCostUSD } = getAccumulatedFeeCostsBreakdown(route)\n    const fromAmountUSD = Number.parseFloat(route.fromAmountUSD)\n    const toAmountUSD = Number.parseFloat(route.toAmountUSD)\n    const tokenValueLossThresholdExceeded = getTokenValueLossThreshold(\n      fromAmountUSD,\n      toAmountUSD,\n      gasCostUSD,\n      feeCostUSD\n    )\n    if (tokenValueLossThresholdExceeded && mode !== 'custom') {\n      tokenValueBottomSheetRef.current?.open()\n    } else {\n      handleExecuteRoute()\n    }\n  }\n\n  const getButtonText = (): string => {\n    switch (mode) {\n      case 'custom':\n        return modeOptions?.custom?.type === 'deposit'\n          ? t('button.deposit')\n          : t('button.buy')\n      case 'refuel':\n        return t('button.startBridging')\n      default: {\n        const transactionType =\n          route.fromChainId === route.toChainId ? 'Swapping' : 'Bridging'\n        return t(`button.start${transactionType}`)\n      }\n    }\n  }\n\n  return (\n    <>\n      <Card type=\"default\" indented>\n        <RouteTokens\n          route={route}\n          showEssentials\n          defaultExpanded={defaultUI?.transactionDetailsExpanded}\n        />\n      </Card>\n      <WarningMessages sx={{ mt: 2 }} route={route} allowInteraction />\n      <Box sx={{ flex: 1 }}>\n        <StartTransactionButton\n          text={getButtonText()}\n          onClick={handleStartClick}\n          route={route}\n          loading={routeRefreshing || isLoadingAddressActivity}\n        />\n      </Box>\n      {mode !== 'custom' ? (\n        <TokenValueBottomSheet\n          route={route}\n          ref={tokenValueBottomSheetRef}\n          onContinue={handleExecuteRoute}\n        />\n      ) : null}\n      {!hiddenUI?.lowAddressActivityConfirmation ? (\n        <ConfirmToAddressSheet\n          ref={confirmToAddressSheetRef}\n          onContinue={handleExecuteRoute}\n          toAddress={toAddress!}\n          toChainId={route.toChainId!}\n        />\n      ) : null}\n    </>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AA+BA,MAAa,qBAAuD,EAClE,OACA,cACA,sBACI;CACJ,MAAM,EAAE,MAAM,eAAe;CAC7B,MAAM,WAAW,YAAY;CAC7B,MAAM,EAAE,kBAAkB,gBAAgB;CAC1C,MAAM,UAAU,gBAAgB;CAChC,MAAM,gBAAgB,gBAAgB,UAAU,MAAM,aAAa;CACnE,MAAM,EAAE,MAAM,aAAa,UAAU,cAAc,gBAAgB;CAEnE,MAAM,2BAA2B,OAAwB,IAAI;CAC7D,MAAM,2BAA2B,OAAwB,IAAI;CAE7D,MAAM,EACJ,WACA,aACA,WAAW,0BACX,WAAW,6BACT,mBAAmB,MAAM,SAAS;CAEtC,MAAM,2BAA2B;EAC/B,IAAI,yBAAyB,SAAS,OAAO,GAAG;GAC9C,MAAM,EAAE,YAAY,eAAe,gCAAgC,KAAK;GACxE,MAAM,gBAAgB,OAAO,WAAW,MAAM,aAAa;GAC3D,MAAM,cAAc,OAAO,WAAW,MAAM,WAAW;GACvD,QAAQ,KAAA,sBAAqC;IAC3C;IACA;IACA;IACA;IACA,WAAW,6BACT,eACA,aACA,YACA,UACF;GACF,CAAC;EACH;EACA,yBAAyB,SAAS,MAAM;EACxC,aAAa;EACb,cAAc,cAAc,EAAE;EAC9B,IAAI,SAAS,UAAU;GACrB,cAAc,aAAa,EAAE;GAC7B,cAAc,WAAW,EAAE;EAC7B;EACA,oBAAoB;GAClB,SAAS;IAAE,IAAI,iBAAiB;IAAM,SAAS;GAAK,CAAC;EACvD,CAAC;CACH;CAEA,MAAM,yBAAyB;EAC7B,IACE,aACA,CAAC,eACD,CAAC,4BACD,4BACA,CAAC,UAAU,gCACX;GACA,yBAAyB,SAAS,KAAK;GACvC;EACF;EAEA,MAAM,EAAE,YAAY,eAAe,gCAAgC,KAAK;EASxE,IANwC,2BAFlB,OAAO,WAAW,MAAM,aAGhC,GAFM,OAAO,WAAW,MAAM,WAGhC,GACV,YACA,UAEgC,KAAK,SAAS,UAC9C,yBAAyB,SAAS,KAAK;OAEvC,mBAAmB;CAEvB;CAEA,MAAM,sBAA8B;EAClC,QAAQ,MAAR;GACE,KAAK,UACH,OAAO,aAAa,QAAQ,SAAS,YACjC,EAAE,gBAAgB,IAClB,EAAE,YAAY;GACpB,KAAK,UACH,OAAO,EAAE,sBAAsB;GACjC,SAGE,OAAO,EAAE,eADP,MAAM,gBAAgB,MAAM,YAAY,aAAa,YACd;EAE7C;CACF;CAEA,OACE,qBAAA,YAAA,EAAA,UAAA;EACE,oBAACA,QAAD;GAAM,MAAK;GAAU,UAAA;aACnB,oBAAC,aAAD;IACS;IACP,gBAAA;IACA,iBAAiB,WAAW;GAC7B,CAAA;EACG,CAAA;EACN,oBAAC,iBAAD;GAAiB,IAAI,EAAE,IAAI,EAAE;GAAU;GAAO,kBAAA;EAAkB,CAAA;EAChE,oBAAC,KAAD;GAAK,IAAI,EAAE,MAAM,EAAE;aACjB,oBAAC,wBAAD;IACE,MAAM,cAAc;IACpB,SAAS;IACF;IACP,SAAS,mBAAmB;GAC7B,CAAA;EACE,CAAA;EACJ,SAAS,WACR,oBAAC,uBAAD;GACS;GACP,KAAK;GACL,YAAY;EACb,CAAA,IACC;EACH,CAAC,UAAU,iCACV,oBAAC,uBAAD;GACE,KAAK;GACL,YAAY;GACD;GACX,WAAW,MAAM;EAClB,CAAA,IACC;CACJ,EAAA,CAAA;AAEN"}
+{"version":3,"file":"TransactionReview.js","names":["Card"],"sources":["../../../../src/pages/TransactionPage/TransactionReview.tsx"],"sourcesContent":["import type { RouteExtended } from '@lifi/sdk'\nimport { Box } from '@mui/material'\nimport { useNavigate } from '@tanstack/react-router'\nimport { useRef } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type { BottomSheetBase } from '../../components/BottomSheet/types.js'\nimport { Card } from '../../components/Card/Card.js'\nimport { WarningMessages } from '../../components/Messages/WarningMessages.js'\nimport { RouteTokens } from '../../components/RouteCard/RouteTokens.js'\nimport { useAddressActivity } from '../../hooks/useAddressActivity.js'\nimport { useWidgetEvents } from '../../hooks/useWidgetEvents.js'\nimport { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js'\nimport { useFieldActions } from '../../stores/form/useFieldActions.js'\nimport { useHeaderStore } from '../../stores/header/useHeaderStore.js'\nimport { WidgetEvent } from '../../types/events.js'\nimport { getAccumulatedFeeCostsBreakdown } from '../../utils/fees.js'\nimport { navigationRoutes } from '../../utils/navigationRoutes.js'\nimport { ConfirmToAddressSheet } from './ConfirmToAddressSheet.js'\nimport { StartTransactionButton } from './StartTransactionButton.js'\nimport { TokenValueBottomSheet } from './TokenValueBottomSheet.js'\nimport {\n  calculateValueLossPercentage,\n  getTokenValueLossThreshold,\n} from './utils.js'\n\ninterface TransactionReviewProps {\n  route: RouteExtended\n  executeRoute: () => void\n  routeRefreshing: boolean\n}\n\nexport const TransactionReview: React.FC<TransactionReviewProps> = ({\n  route,\n  executeRoute,\n  routeRefreshing,\n}) => {\n  const { t } = useTranslation()\n  const navigate = useNavigate()\n  const { setFieldValue } = useFieldActions()\n  const emitter = useWidgetEvents()\n  const setBackAction = useHeaderStore((state) => state.setBackAction)\n  const { mode, modeOptions, hiddenUI, defaultUI } = useWidgetConfig()\n\n  const tokenValueBottomSheetRef = useRef<BottomSheetBase>(null)\n  const confirmToAddressSheetRef = useRef<BottomSheetBase>(null)\n\n  const {\n    toAddress,\n    hasActivity,\n    isLoading: isLoadingAddressActivity,\n    isFetched: isActivityAddressFetched,\n  } = useAddressActivity(route.toChainId)\n\n  const handleExecuteRoute = () => {\n    if (tokenValueBottomSheetRef.current?.isOpen()) {\n      const { gasCostUSD, feeCostUSD } = getAccumulatedFeeCostsBreakdown(route)\n      const fromAmountUSD = Number.parseFloat(route.fromAmountUSD)\n      const toAmountUSD = Number.parseFloat(route.toAmountUSD)\n      emitter.emit(WidgetEvent.RouteHighValueLoss, {\n        fromAmountUSD,\n        toAmountUSD,\n        gasCostUSD,\n        feeCostUSD,\n        valueLoss: calculateValueLossPercentage(\n          fromAmountUSD,\n          toAmountUSD,\n          gasCostUSD,\n          feeCostUSD\n        ),\n      })\n    }\n    tokenValueBottomSheetRef.current?.close()\n    executeRoute()\n    setFieldValue('fromAmount', '')\n    if (mode === 'custom') {\n      setFieldValue('fromToken', '')\n      setFieldValue('toToken', '')\n    }\n    setBackAction(() => {\n      navigate({ to: navigationRoutes.home, replace: true })\n    })\n  }\n\n  const handleStartClick = () => {\n    if (\n      toAddress &&\n      !hasActivity &&\n      !isLoadingAddressActivity &&\n      isActivityAddressFetched &&\n      !hiddenUI?.lowAddressActivityConfirmation\n    ) {\n      confirmToAddressSheetRef.current?.open()\n      return\n    }\n\n    const { gasCostUSD, feeCostUSD } = getAccumulatedFeeCostsBreakdown(route)\n    const fromAmountUSD = Number.parseFloat(route.fromAmountUSD)\n    const toAmountUSD = Number.parseFloat(route.toAmountUSD)\n    const tokenValueLossThresholdExceeded = getTokenValueLossThreshold(\n      fromAmountUSD,\n      toAmountUSD,\n      gasCostUSD,\n      feeCostUSD\n    )\n    if (tokenValueLossThresholdExceeded && mode !== 'custom') {\n      tokenValueBottomSheetRef.current?.open()\n    } else {\n      handleExecuteRoute()\n    }\n  }\n\n  const getButtonText = (): string => {\n    switch (mode) {\n      case 'custom':\n        return modeOptions?.custom?.type === 'deposit'\n          ? t('button.deposit')\n          : t('button.buy')\n      case 'refuel':\n        return t('button.startBridging')\n      default: {\n        const transactionType =\n          route.fromChainId === route.toChainId ? 'Swapping' : 'Bridging'\n        return t(`button.start${transactionType}`)\n      }\n    }\n  }\n\n  return (\n    <>\n      <Card type=\"default\" indented>\n        <RouteTokens\n          route={route}\n          showEssentials\n          defaultExpanded={defaultUI?.transactionDetailsExpanded}\n        />\n      </Card>\n      <WarningMessages sx={{ mt: 2 }} route={route} allowInteraction />\n      <Box sx={{ flex: 1 }}>\n        <StartTransactionButton\n          text={getButtonText()}\n          onClick={handleStartClick}\n          route={route}\n          loading={routeRefreshing || isLoadingAddressActivity}\n        />\n      </Box>\n      {mode !== 'custom' ? (\n        <TokenValueBottomSheet\n          route={route}\n          ref={tokenValueBottomSheetRef}\n          onContinue={handleExecuteRoute}\n        />\n      ) : null}\n      {!hiddenUI?.lowAddressActivityConfirmation ? (\n        <ConfirmToAddressSheet\n          ref={confirmToAddressSheetRef}\n          onContinue={handleExecuteRoute}\n          toAddress={toAddress!}\n          toChainId={route.toChainId!}\n        />\n      ) : null}\n    </>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AA+BA,MAAa,qBAAuD,EAClE,OACA,cACA,sBACI;CACJ,MAAM,EAAE,MAAM,eAAe;CAC7B,MAAM,WAAW,YAAY;CAC7B,MAAM,EAAE,kBAAkB,gBAAgB;CAC1C,MAAM,UAAU,gBAAgB;CAChC,MAAM,gBAAgB,gBAAgB,UAAU,MAAM,aAAa;CACnE,MAAM,EAAE,MAAM,aAAa,UAAU,cAAc,gBAAgB;CAEnE,MAAM,2BAA2B,OAAwB,IAAI;CAC7D,MAAM,2BAA2B,OAAwB,IAAI;CAE7D,MAAM,EACJ,WACA,aACA,WAAW,0BACX,WAAW,6BACT,mBAAmB,MAAM,SAAS;CAEtC,MAAM,2BAA2B;EAC/B,IAAI,yBAAyB,SAAS,OAAO,GAAG;GAC9C,MAAM,EAAE,YAAY,eAAe,gCAAgC,KAAK;GACxE,MAAM,gBAAgB,OAAO,WAAW,MAAM,aAAa;GAC3D,MAAM,cAAc,OAAO,WAAW,MAAM,WAAW;GACvD,QAAQ,KAAA,sBAAqC;IAC3C;IACA;IACA;IACA;IACA,WAAW,6BACT,eACA,aACA,YACA,UACF;GACF,CAAC;EACH;EACA,yBAAyB,SAAS,MAAM;EACxC,aAAa;EACb,cAAc,cAAc,EAAE;EAC9B,IAAI,SAAS,UAAU;GACrB,cAAc,aAAa,EAAE;GAC7B,cAAc,WAAW,EAAE;EAC7B;EACA,oBAAoB;GAClB,SAAS;IAAE,IAAI,iBAAiB;IAAM,SAAS;GAAK,CAAC;EACvD,CAAC;CACH;CAEA,MAAM,yBAAyB;EAC7B,IACE,aACA,CAAC,eACD,CAAC,4BACD,4BACA,CAAC,UAAU,gCACX;GACA,yBAAyB,SAAS,KAAK;GACvC;EACF;EAEA,MAAM,EAAE,YAAY,eAAe,gCAAgC,KAAK;EASxE,IANwC,2BAFlB,OAAO,WAAW,MAAM,aAGhC,GAFM,OAAO,WAAW,MAAM,WAGhC,GACV,YACA,UAEgC,KAAK,SAAS,UAC9C,yBAAyB,SAAS,KAAK;OAEvC,mBAAmB;CAEvB;CAEA,MAAM,sBAA8B;EAClC,QAAQ,MAAR;GACE,KAAK,UACH,OAAO,aAAa,QAAQ,SAAS,YACjC,EAAE,gBAAgB,IAClB,EAAE,YAAY;GACpB,KAAK,UACH,OAAO,EAAE,sBAAsB;GACjC,SAAS;IACP,MAAM,kBACJ,MAAM,gBAAgB,MAAM,YAAY,aAAa;IACvD,OAAO,EAAE,eAAe,iBAAiB;GAC3C;EACF;CACF;CAEA,OACE,qBAAA,YAAA,EAAA,UAAA;EACE,oBAACA,QAAD;GAAM,MAAK;GAAU,UAAA;aACnB,oBAAC,aAAD;IACS;IACP,gBAAA;IACA,iBAAiB,WAAW;GAC7B,CAAA;EACG,CAAA;EACN,oBAAC,iBAAD;GAAiB,IAAI,EAAE,IAAI,EAAE;GAAU;GAAO,kBAAA;EAAkB,CAAA;EAChE,oBAAC,KAAD;GAAK,IAAI,EAAE,MAAM,EAAE;aACjB,oBAAC,wBAAD;IACE,MAAM,cAAc;IACpB,SAAS;IACF;IACP,SAAS,mBAAmB;GAC7B,CAAA;EACE,CAAA;EACJ,SAAS,WACR,oBAAC,uBAAD;GACS;GACP,KAAK;GACL,YAAY;EACb,CAAA,IACC;EACH,CAAC,UAAU,iCACV,oBAAC,uBAAD;GACE,KAAK;GACL,YAAY;GACD;GACX,WAAW,MAAM;EAClB,CAAA,IACC;CACJ,EAAA,CAAA;AAEN"}

package/dist/esm/providers/I18nProvider/I18nProvider.js

@@ -7,7 +7,7 @@ import { useLanguages } from "../../hooks/useLanguages.js";
 import { compactNumberFormatter } from "../../utils/compactNumberFormatter.js";
 import { currencyExtendedFormatter } from "../../utils/currencyExtendedFormatter.js";
 import { percentFormatter } from "../../utils/percentFormatter.js";
-import { en } from "./enResource.js";
+import { enResource as en } from "./enResource.js";
 import { useEffect, useMemo, useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { I18nextProvider } from "react-i18next";

package/dist/esm/providers/I18nProvider/enResource.d.ts

@@ -1,2 +1,2 @@
 import en from "../../i18n/en.json" with { type: "json" };
-export { en };
+export { en as enResource };

package/dist/esm/providers/I18nProvider/enResource.js

@@ -1,2 +1,2 @@
 import en from "../../i18n/en.json" with { type: "json" };
-export { en };
+export { en as enResource };

package/dist/esm/providers/I18nProvider/types.d.ts

@@ -1,4 +1,4 @@
-import { en } from "./enResource.js";
+import { enResource as en } from "./enResource.js";
 
 //#region src/providers/I18nProvider/types.d.ts
 type PartialResource<T> = T extends object ? { [P in keyof T]?: PartialResource<T[P]> } : T;
@@ -8,5 +8,5 @@ type LanguageResources = { [K in LanguageKey]?: PartialResource<LanguageResource
   [language: string]: PartialResource<LanguageResource>;
 };
 //#endregion
-export { LanguageKey, LanguageResource, LanguageResources };
+export { LanguageKey, LanguageResource, LanguageResources, PartialResource };
 //# sourceMappingURL=types.d.ts.map

package/dist/esm/providers/SDKClientProvider.js

@@ -8,31 +8,32 @@ const SDKClientContext = createContext({});
 const useSDKClient = () => use(SDKClientContext);
 const SDKClientProvider = ({ children }) => {
 	const { sdkConfig, apiKey, integrator, feeConfig, referrer, routePriority, slippage } = useWidgetConfig();
-	return /* @__PURE__ */ jsx(SDKClientContext, {
-		value: useMemo(() => {
-			return createClient({
-				...sdkConfig,
-				apiKey,
-				integrator: integrator ?? window?.location.hostname,
-				routeOptions: {
-					fee: feeConfig?.fee,
-					referrer,
-					order: routePriority,
-					slippage,
-					...sdkConfig?.routeOptions
-				},
-				disableVersionCheck: true,
-				widgetVersion: version
-			});
-		}, [
-			sdkConfig,
+	const client = useMemo(() => {
+		return createClient({
+			...sdkConfig,
 			apiKey,
-			integrator,
-			feeConfig,
-			referrer,
-			routePriority,
-			slippage
-		]),
+			integrator: integrator ?? window?.location.hostname,
+			routeOptions: {
+				fee: feeConfig?.fee,
+				referrer,
+				order: routePriority,
+				slippage,
+				...sdkConfig?.routeOptions
+			},
+			disableVersionCheck: true,
+			widgetVersion: version
+		});
+	}, [
+		sdkConfig,
+		apiKey,
+		integrator,
+		feeConfig,
+		referrer,
+		routePriority,
+		slippage
+	]);
+	return /* @__PURE__ */ jsx(SDKClientContext, {
+		value: client,
 		children
 	});
 };

package/dist/esm/providers/SDKClientProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"SDKClientProvider.js","names":[],"sources":["../../../src/providers/SDKClientProvider.tsx"],"sourcesContent":["import { createClient, type SDKClient } from '@lifi/sdk'\nimport {\n  createContext,\n  type JSX,\n  type PropsWithChildren,\n  use,\n  useMemo,\n} from 'react'\nimport { version } from '../config/version.js'\nimport { useWidgetConfig } from './WidgetProvider/WidgetProvider.js'\n\nconst SDKClientContext = createContext<SDKClient>({} as SDKClient)\n\nexport const useSDKClient = (): SDKClient => use(SDKClientContext)\n\nexport const SDKClientProvider = ({\n  children,\n}: PropsWithChildren): JSX.Element => {\n  const {\n    sdkConfig,\n    apiKey,\n    integrator,\n    feeConfig,\n    referrer,\n    routePriority,\n    slippage,\n  } = useWidgetConfig()\n\n  const client: SDKClient = useMemo(() => {\n    return createClient({\n      ...sdkConfig,\n      apiKey,\n      integrator: integrator ?? window?.location.hostname,\n      routeOptions: {\n        fee: feeConfig?.fee,\n        referrer,\n        order: routePriority,\n        slippage,\n        ...sdkConfig?.routeOptions,\n      },\n      disableVersionCheck: true,\n      widgetVersion: version,\n    })\n  }, [\n    sdkConfig,\n    apiKey,\n    integrator,\n    feeConfig,\n    referrer,\n    routePriority,\n    slippage,\n  ])\n\n  return <SDKClientContext value={client}>{children}</SDKClientContext>\n}\n"],"mappings":";;;;;;AAWA,MAAM,mBAAmB,cAAyB,CAAC,CAAc;AAEjE,MAAa,qBAAgC,IAAI,gBAAgB;AAEjE,MAAa,qBAAqB,EAChC,eACoC;CACpC,MAAM,EACJ,WACA,QACA,YACA,WACA,UACA,eACA,aACE,gBAAgB;CA2BpB,OAAO,oBAAC,kBAAD;EAAkB,OAzBC,cAAc;GACtC,OAAO,aAAa;IAClB,GAAG;IACH;IACA,YAAY,cAAc,QAAQ,SAAS;IAC3C,cAAc;KACZ,KAAK,WAAW;KAChB;KACA,OAAO;KACP;KACA,GAAG,WAAW;IAChB;IACA,qBAAqB;IACrB,eAAe;GACjB,CAAC;EACH,GAAG;GACD;GACA;GACA;GACA;GACA;GACA;GACA;EACF,CAEqC;EAAI;CAA2B,CAAA;AACtE"}
+{"version":3,"file":"SDKClientProvider.js","names":[],"sources":["../../../src/providers/SDKClientProvider.tsx"],"sourcesContent":["import { createClient, type SDKClient } from '@lifi/sdk'\nimport {\n  createContext,\n  type JSX,\n  type PropsWithChildren,\n  use,\n  useMemo,\n} from 'react'\nimport { version } from '../config/version.js'\nimport { useWidgetConfig } from './WidgetProvider/WidgetProvider.js'\n\nconst SDKClientContext = createContext<SDKClient>({} as SDKClient)\n\nexport const useSDKClient = (): SDKClient => use(SDKClientContext)\n\nexport const SDKClientProvider = ({\n  children,\n}: PropsWithChildren): JSX.Element => {\n  const {\n    sdkConfig,\n    apiKey,\n    integrator,\n    feeConfig,\n    referrer,\n    routePriority,\n    slippage,\n  } = useWidgetConfig()\n\n  const client: SDKClient = useMemo(() => {\n    return createClient({\n      ...sdkConfig,\n      apiKey,\n      integrator: integrator ?? window?.location.hostname,\n      routeOptions: {\n        fee: feeConfig?.fee,\n        referrer,\n        order: routePriority,\n        slippage,\n        ...sdkConfig?.routeOptions,\n      },\n      disableVersionCheck: true,\n      widgetVersion: version,\n    })\n  }, [\n    sdkConfig,\n    apiKey,\n    integrator,\n    feeConfig,\n    referrer,\n    routePriority,\n    slippage,\n  ])\n\n  return <SDKClientContext value={client}>{children}</SDKClientContext>\n}\n"],"mappings":";;;;;;AAWA,MAAM,mBAAmB,cAAyB,CAAC,CAAc;AAEjE,MAAa,qBAAgC,IAAI,gBAAgB;AAEjE,MAAa,qBAAqB,EAChC,eACoC;CACpC,MAAM,EACJ,WACA,QACA,YACA,WACA,UACA,eACA,aACE,gBAAgB;CAEpB,MAAM,SAAoB,cAAc;EACtC,OAAO,aAAa;GAClB,GAAG;GACH;GACA,YAAY,cAAc,QAAQ,SAAS;GAC3C,cAAc;IACZ,KAAK,WAAW;IAChB;IACA,OAAO;IACP;IACA,GAAG,WAAW;GAChB;GACA,qBAAqB;GACrB,eAAe;EACjB,CAAC;CACH,GAAG;EACD;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,OAAO,oBAAC,kBAAD;EAAkB,OAAO;EAAS;CAA2B,CAAA;AACtE"}

package/dist/esm/providers/WidgetProvider/WidgetProvider.js

@@ -10,28 +10,29 @@ const WidgetProvider = ({ children, config: widgetConfig }) => {
 	const elementId = useId();
 	const { setDefaultSettings } = useSettingsActions();
 	if (!widgetConfig?.integrator) throw new Error("Required property \"integrator\" is missing.");
+	const value = useMemo(() => {
+		try {
+			const value = {
+				...widgetConfig,
+				elementId
+			};
+			setDefaultSettings(value);
+			return value;
+		} catch (e) {
+			console.warn(e);
+			return {
+				...widgetConfig,
+				elementId,
+				integrator: widgetConfig.integrator
+			};
+		}
+	}, [
+		elementId,
+		widgetConfig,
+		setDefaultSettings
+	]);
 	return /* @__PURE__ */ jsx(WidgetContext, {
-		value: useMemo(() => {
-			try {
-				const value = {
-					...widgetConfig,
-					elementId
-				};
-				setDefaultSettings(value);
-				return value;
-			} catch (e) {
-				console.warn(e);
-				return {
-					...widgetConfig,
-					elementId,
-					integrator: widgetConfig.integrator
-				};
-			}
-		}, [
-			elementId,
-			widgetConfig,
-			setDefaultSettings
-		]),
+		value,
 		children
 	});
 };

package/dist/esm/providers/WidgetProvider/WidgetProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"WidgetProvider.js","names":[],"sources":["../../../../src/providers/WidgetProvider/WidgetProvider.tsx"],"sourcesContent":["import type { Context } from 'react'\nimport { createContext, use, useId, useMemo } from 'react'\nimport { useSettingsActions } from '../../stores/settings/useSettingsActions.js'\nimport type { WidgetContextProps, WidgetProviderProps } from './types.js'\n\nconst initialContext: WidgetContextProps = {\n  elementId: '',\n  integrator: '',\n}\n\nexport const WidgetContext: Context<WidgetContextProps> =\n  createContext<WidgetContextProps>(initialContext)\n\nexport const useWidgetConfig = (): WidgetContextProps => use(WidgetContext)\n\nexport const WidgetProvider: React.FC<\n  React.PropsWithChildren<WidgetProviderProps>\n> = ({ children, config: widgetConfig }) => {\n  const elementId = useId()\n  const { setDefaultSettings } = useSettingsActions()\n\n  if (!widgetConfig?.integrator) {\n    throw new Error('Required property \"integrator\" is missing.')\n  }\n\n  const value = useMemo((): WidgetContextProps => {\n    try {\n      // Create widget configuration object\n      const value = {\n        ...widgetConfig,\n        elementId,\n      } as WidgetContextProps\n\n      // Set default settings for widget settings store\n      setDefaultSettings(value)\n\n      return value\n    } catch (e) {\n      console.warn(e)\n      return {\n        ...widgetConfig,\n        elementId,\n        integrator: widgetConfig.integrator,\n      }\n    }\n  }, [elementId, widgetConfig, setDefaultSettings])\n  return <WidgetContext value={value}>{children}</WidgetContext>\n}\n"],"mappings":";;;AAUA,MAAa,gBACX,cAAkC;CALlC,WAAW;CACX,YAAY;AAIsB,CAAc;AAElD,MAAa,wBAA4C,IAAI,aAAa;AAE1E,MAAa,kBAER,EAAE,UAAU,QAAQ,mBAAmB;CAC1C,MAAM,YAAY,MAAM;CACxB,MAAM,EAAE,uBAAuB,mBAAmB;CAElD,IAAI,CAAC,cAAc,YACjB,MAAM,IAAI,MAAM,8CAA4C;CAwB9D,OAAO,oBAAC,eAAD;EAAe,OArBR,cAAkC;GAC9C,IAAI;IAEF,MAAM,QAAQ;KACZ,GAAG;KACH;IACF;IAGA,mBAAmB,KAAK;IAExB,OAAO;GACT,SAAS,GAAG;IACV,QAAQ,KAAK,CAAC;IACd,OAAO;KACL,GAAG;KACH;KACA,YAAY,aAAa;IAC3B;GACF;EACF,GAAG;GAAC;GAAW;GAAc;EAAkB,CACd;EAAI;CAAwB,CAAA;AAC/D"}
+{"version":3,"file":"WidgetProvider.js","names":[],"sources":["../../../../src/providers/WidgetProvider/WidgetProvider.tsx"],"sourcesContent":["import type { Context } from 'react'\nimport { createContext, use, useId, useMemo } from 'react'\nimport { useSettingsActions } from '../../stores/settings/useSettingsActions.js'\nimport type { WidgetContextProps, WidgetProviderProps } from './types.js'\n\nconst initialContext: WidgetContextProps = {\n  elementId: '',\n  integrator: '',\n}\n\nexport const WidgetContext: Context<WidgetContextProps> =\n  createContext<WidgetContextProps>(initialContext)\n\nexport const useWidgetConfig = (): WidgetContextProps => use(WidgetContext)\n\nexport const WidgetProvider: React.FC<\n  React.PropsWithChildren<WidgetProviderProps>\n> = ({ children, config: widgetConfig }) => {\n  const elementId = useId()\n  const { setDefaultSettings } = useSettingsActions()\n\n  if (!widgetConfig?.integrator) {\n    throw new Error('Required property \"integrator\" is missing.')\n  }\n\n  const value = useMemo((): WidgetContextProps => {\n    try {\n      // Create widget configuration object\n      const value = {\n        ...widgetConfig,\n        elementId,\n      } as WidgetContextProps\n\n      // Set default settings for widget settings store\n      setDefaultSettings(value)\n\n      return value\n    } catch (e) {\n      console.warn(e)\n      return {\n        ...widgetConfig,\n        elementId,\n        integrator: widgetConfig.integrator,\n      }\n    }\n  }, [elementId, widgetConfig, setDefaultSettings])\n  return <WidgetContext value={value}>{children}</WidgetContext>\n}\n"],"mappings":";;;AAUA,MAAa,gBACX,cAAkC;CALlC,WAAW;CACX,YAAY;AAIsB,CAAc;AAElD,MAAa,wBAA4C,IAAI,aAAa;AAE1E,MAAa,kBAER,EAAE,UAAU,QAAQ,mBAAmB;CAC1C,MAAM,YAAY,MAAM;CACxB,MAAM,EAAE,uBAAuB,mBAAmB;CAElD,IAAI,CAAC,cAAc,YACjB,MAAM,IAAI,MAAM,8CAA4C;CAG9D,MAAM,QAAQ,cAAkC;EAC9C,IAAI;GAEF,MAAM,QAAQ;IACZ,GAAG;IACH;GACF;GAGA,mBAAmB,KAAK;GAExB,OAAO;EACT,SAAS,GAAG;GACV,QAAQ,KAAK,CAAC;GACd,OAAO;IACL,GAAG;IACH;IACA,YAAY,aAAa;GAC3B;EACF;CACF,GAAG;EAAC;EAAW;EAAc;CAAkB,CAAC;CAChD,OAAO,oBAAC,eAAD;EAAsB;EAAQ;CAAwB,CAAA;AAC/D"}

package/dist/esm/stores/form/URLSearchParamsBuilder.js

@@ -16,13 +16,18 @@ const formValueKeys = [
 	"toChain",
 	"toToken"
 ];
+const limitFormValueKeys = [
+	"toAmount",
+	"validUntil",
+	"partiallyFillable"
+];
 const URLSearchParamsBuilder = () => {
 	const { pathname } = useLocation();
 	const touchedFields = useTouchedFields();
-	const values = useFieldValues(...formValueKeys);
+	const values = useFieldValues(...formValueKeys, ...limitFormValueKeys);
 	const { setSelectedBookmark, addRecentWallet } = useBookmarkActions();
 	const { validateAddress } = useAddressValidation();
-	const { buildUrl } = useWidgetConfig();
+	const { buildUrl, mode } = useWidgetConfig();
 	const { getFieldValues, isTouched, setUserAndDefaultValues } = useFieldActions();
 	useEffect(() => {
 		const { toAddress, ...initialFormValues } = getDefaultValuesFromQueryString({ buildUrl });
@@ -62,6 +67,11 @@ const URLSearchParamsBuilder = () => {
 			if (isTouched(key) && value) url.searchParams.set(key, value.toString());
 			else if (url.searchParams.has(key) && !value) url.searchParams.delete(key);
 		});
+		limitFormValueKeys.forEach((key) => {
+			const value = getFieldValues(key)[0];
+			if (mode === "limit" && (typeof value === "boolean" ? true : Boolean(value))) url.searchParams.set(key, String(value));
+			else url.searchParams.delete(key);
+		});
 		url.searchParams.sort();
 		window.history.replaceState(window.history.state, "", url);
 	}, [
@@ -69,7 +79,8 @@ const URLSearchParamsBuilder = () => {
 		touchedFields,
 		values,
 		isTouched,
-		getFieldValues
+		getFieldValues,
+		mode
 	]);
 	return null;
 };

package/dist/esm/stores/form/URLSearchParamsBuilder.js.map

@@ -1 +1 @@
-{"version":3,"file":"URLSearchParamsBuilder.js","names":[],"sources":["../../../../src/stores/form/URLSearchParamsBuilder.tsx"],"sourcesContent":["import { useLocation } from '@tanstack/react-router'\nimport { useEffect } from 'react'\nimport { useAddressValidation } from '../../hooks/useAddressValidation.js'\nimport { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js'\nimport { useBookmarkActions } from '../bookmarks/useBookmarkActions.js'\nimport type { FormFieldNames } from '../form/types.js'\nimport { useFieldActions } from '../form/useFieldActions.js'\nimport { useFieldValues } from '../form/useFieldValues.js'\nimport { useTouchedFields } from '../form/useTouchedFields.js'\nimport { getDefaultValuesFromQueryString } from './getDefaultValuesFromQueryString.js'\n\nconst formValueKeys: FormFieldNames[] = [\n  'fromAmount',\n  'fromChain',\n  'fromToken',\n  'toAddress',\n  'toChain',\n  'toToken',\n]\n\nexport const URLSearchParamsBuilder = () => {\n  const { pathname } = useLocation()\n  const touchedFields = useTouchedFields()\n  const values = useFieldValues(...formValueKeys)\n  const { setSelectedBookmark, addRecentWallet } = useBookmarkActions()\n  const { validateAddress } = useAddressValidation()\n  const { buildUrl } = useWidgetConfig()\n  // Using these methods as trying to use the touchedFields and values above\n  // often has a lag that can effect the widgets initialisation sequence\n  // and accidentally cause values to be wiped from the query string\n  const { getFieldValues, isTouched, setUserAndDefaultValues } =\n    useFieldActions()\n\n  useEffect(() => {\n    // get the initial values from the querystring\n    const formValues = getDefaultValuesFromQueryString({ buildUrl })\n    const { toAddress, ...initialFormValues } = formValues\n\n    /**\n     * When URL builder is enabled and user opens a page with toAddress parameter,\n     * validate the address and set it up as a bookmark. This allows direct linking\n     * to the widget with a pre-filled destination address that will be treated the\n     * same way as a manually entered and validated address.\n     */\n    const initializeFromAddress = async () => {\n      if (toAddress) {\n        try {\n          const validationResult = await validateAddress({\n            value: toAddress,\n          })\n          if (validationResult.isValid && toAddress) {\n            const bookmark = {\n              address: validationResult.address,\n              chainType: validationResult.chainType,\n            }\n            setUserAndDefaultValues({ toAddress })\n            setSelectedBookmark(bookmark)\n            addRecentWallet(bookmark)\n          }\n        } catch (_) {\n          // Address validation failed\n        }\n      }\n    }\n\n    setUserAndDefaultValues(initialFormValues)\n    initializeFromAddress()\n  }, [\n    setUserAndDefaultValues,\n    validateAddress,\n    setSelectedBookmark,\n    addRecentWallet,\n    buildUrl,\n  ])\n\n  // biome-ignore lint/correctness/useExhaustiveDependencies: run only when pathname changes\n  useEffect(() => {\n    // set the values on the querysting\n    const url = new URL(window.location as any)\n    formValueKeys.forEach((key, _index) => {\n      const value = getFieldValues(key)[0]\n      if (isTouched(key) && value) {\n        url.searchParams.set(key, value.toString())\n      } else if (url.searchParams.has(key) && !value) {\n        url.searchParams.delete(key)\n      }\n    })\n    url.searchParams.sort()\n    window.history.replaceState(window.history.state, '', url)\n  }, [pathname, touchedFields, values, isTouched, getFieldValues])\n\n  return null\n}\n"],"mappings":";;;;;;;;;;AAWA,MAAM,gBAAkC;CACtC;CACA;CACA;CACA;CACA;CACA;AACF;AAEA,MAAa,+BAA+B;CAC1C,MAAM,EAAE,aAAa,YAAY;CACjC,MAAM,gBAAgB,iBAAiB;CACvC,MAAM,SAAS,eAAe,GAAG,aAAa;CAC9C,MAAM,EAAE,qBAAqB,oBAAoB,mBAAmB;CACpE,MAAM,EAAE,oBAAoB,qBAAqB;CACjD,MAAM,EAAE,aAAa,gBAAgB;CAIrC,MAAM,EAAE,gBAAgB,WAAW,4BACjC,gBAAgB;CAElB,gBAAgB;EAGd,MAAM,EAAE,WAAW,GAAG,sBADH,gCAAgC,EAAE,SAAS,CACT;;;;;;;EAQrD,MAAM,wBAAwB,YAAY;GACxC,IAAI,WACF,IAAI;IACF,MAAM,mBAAmB,MAAM,gBAAgB,EAC7C,OAAO,UACT,CAAC;IACD,IAAI,iBAAiB,WAAW,WAAW;KACzC,MAAM,WAAW;MACf,SAAS,iBAAiB;MAC1B,WAAW,iBAAiB;KAC9B;KACA,wBAAwB,EAAE,UAAU,CAAC;KACrC,oBAAoB,QAAQ;KAC5B,gBAAgB,QAAQ;IAC1B;GACF,SAAS,GAAG,CAEZ;EAEJ;EAEA,wBAAwB,iBAAiB;EACzC,sBAAsB;CACxB,GAAG;EACD;EACA;EACA;EACA;EACA;CACF,CAAC;CAGD,gBAAgB;EAEd,MAAM,MAAM,IAAI,IAAI,OAAO,QAAe;EAC1C,cAAc,SAAS,KAAK,WAAW;GACrC,MAAM,QAAQ,eAAe,GAAG,CAAC,CAAC;GAClC,IAAI,UAAU,GAAG,KAAK,OACpB,IAAI,aAAa,IAAI,KAAK,MAAM,SAAS,CAAC;QACrC,IAAI,IAAI,aAAa,IAAI,GAAG,KAAK,CAAC,OACvC,IAAI,aAAa,OAAO,GAAG;EAE/B,CAAC;EACD,IAAI,aAAa,KAAK;EACtB,OAAO,QAAQ,aAAa,OAAO,QAAQ,OAAO,IAAI,GAAG;CAC3D,GAAG;EAAC;EAAU;EAAe;EAAQ;EAAW;CAAc,CAAC;CAE/D,OAAO;AACT"}
+{"version":3,"file":"URLSearchParamsBuilder.js","names":[],"sources":["../../../../src/stores/form/URLSearchParamsBuilder.tsx"],"sourcesContent":["import { useLocation } from '@tanstack/react-router'\nimport { useEffect } from 'react'\nimport { useAddressValidation } from '../../hooks/useAddressValidation.js'\nimport { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js'\nimport { useBookmarkActions } from '../bookmarks/useBookmarkActions.js'\nimport type { FormFieldNames } from '../form/types.js'\nimport { useFieldActions } from '../form/useFieldActions.js'\nimport { useFieldValues } from '../form/useFieldValues.js'\nimport { useTouchedFields } from '../form/useTouchedFields.js'\nimport { getDefaultValuesFromQueryString } from './getDefaultValuesFromQueryString.js'\n\nconst formValueKeys: FormFieldNames[] = [\n  'fromAmount',\n  'fromChain',\n  'fromToken',\n  'toAddress',\n  'toChain',\n  'toToken',\n]\n\n// Limit-order params are only mirrored to the URL while the limit tab is\n// active, and stripped when the user leaves it. Unlike the base keys these are\n// presence-gated (not touched-gated) so the URL fully reproduces the limit\n// order — including the boolean/number fields, which are never \"falsy-empty\".\nconst limitFormValueKeys: FormFieldNames[] = [\n  'toAmount',\n  'validUntil',\n  'partiallyFillable',\n]\n\nexport const URLSearchParamsBuilder = () => {\n  const { pathname } = useLocation()\n  const touchedFields = useTouchedFields()\n  const values = useFieldValues(...formValueKeys, ...limitFormValueKeys)\n  const { setSelectedBookmark, addRecentWallet } = useBookmarkActions()\n  const { validateAddress } = useAddressValidation()\n  const { buildUrl, mode } = useWidgetConfig()\n  // Using these methods as trying to use the touchedFields and values above\n  // often has a lag that can effect the widgets initialisation sequence\n  // and accidentally cause values to be wiped from the query string\n  const { getFieldValues, isTouched, setUserAndDefaultValues } =\n    useFieldActions()\n\n  useEffect(() => {\n    // get the initial values from the querystring\n    const formValues = getDefaultValuesFromQueryString({ buildUrl })\n    const { toAddress, ...initialFormValues } = formValues\n\n    /**\n     * When URL builder is enabled and user opens a page with toAddress parameter,\n     * validate the address and set it up as a bookmark. This allows direct linking\n     * to the widget with a pre-filled destination address that will be treated the\n     * same way as a manually entered and validated address.\n     */\n    const initializeFromAddress = async () => {\n      if (toAddress) {\n        try {\n          const validationResult = await validateAddress({\n            value: toAddress,\n          })\n          if (validationResult.isValid && toAddress) {\n            const bookmark = {\n              address: validationResult.address,\n              chainType: validationResult.chainType,\n            }\n            setUserAndDefaultValues({ toAddress })\n            setSelectedBookmark(bookmark)\n            addRecentWallet(bookmark)\n          }\n        } catch (_) {\n          // Address validation failed\n        }\n      }\n    }\n\n    setUserAndDefaultValues(initialFormValues)\n    initializeFromAddress()\n  }, [\n    setUserAndDefaultValues,\n    validateAddress,\n    setSelectedBookmark,\n    addRecentWallet,\n    buildUrl,\n  ])\n\n  // biome-ignore lint/correctness/useExhaustiveDependencies: run only when pathname changes\n  useEffect(() => {\n    // set the values on the querysting\n    const url = new URL(window.location as any)\n    formValueKeys.forEach((key, _index) => {\n      const value = getFieldValues(key)[0]\n      if (isTouched(key) && value) {\n        url.searchParams.set(key, value.toString())\n      } else if (url.searchParams.has(key) && !value) {\n        url.searchParams.delete(key)\n      }\n    })\n    // Limit params live in the URL only while the limit tab is active.\n    limitFormValueKeys.forEach((key) => {\n      const value = getFieldValues(key)[0]\n      // Booleans are always \"set\" (false is meaningful); strings/numbers use\n      // truthiness so an empty toAmount is treated as absent.\n      const hasValue = typeof value === 'boolean' ? true : Boolean(value)\n      if (mode === 'limit' && hasValue) {\n        url.searchParams.set(key, String(value))\n      } else {\n        url.searchParams.delete(key)\n      }\n    })\n    url.searchParams.sort()\n    window.history.replaceState(window.history.state, '', url)\n  }, [pathname, touchedFields, values, isTouched, getFieldValues, mode])\n\n  return null\n}\n"],"mappings":";;;;;;;;;;AAWA,MAAM,gBAAkC;CACtC;CACA;CACA;CACA;CACA;CACA;AACF;AAMA,MAAM,qBAAuC;CAC3C;CACA;CACA;AACF;AAEA,MAAa,+BAA+B;CAC1C,MAAM,EAAE,aAAa,YAAY;CACjC,MAAM,gBAAgB,iBAAiB;CACvC,MAAM,SAAS,eAAe,GAAG,eAAe,GAAG,kBAAkB;CACrE,MAAM,EAAE,qBAAqB,oBAAoB,mBAAmB;CACpE,MAAM,EAAE,oBAAoB,qBAAqB;CACjD,MAAM,EAAE,UAAU,SAAS,gBAAgB;CAI3C,MAAM,EAAE,gBAAgB,WAAW,4BACjC,gBAAgB;CAElB,gBAAgB;EAGd,MAAM,EAAE,WAAW,GAAG,sBADH,gCAAgC,EAAE,SAAS,CACT;;;;;;;EAQrD,MAAM,wBAAwB,YAAY;GACxC,IAAI,WACF,IAAI;IACF,MAAM,mBAAmB,MAAM,gBAAgB,EAC7C,OAAO,UACT,CAAC;IACD,IAAI,iBAAiB,WAAW,WAAW;KACzC,MAAM,WAAW;MACf,SAAS,iBAAiB;MAC1B,WAAW,iBAAiB;KAC9B;KACA,wBAAwB,EAAE,UAAU,CAAC;KACrC,oBAAoB,QAAQ;KAC5B,gBAAgB,QAAQ;IAC1B;GACF,SAAS,GAAG,CAEZ;EAEJ;EAEA,wBAAwB,iBAAiB;EACzC,sBAAsB;CACxB,GAAG;EACD;EACA;EACA;EACA;EACA;CACF,CAAC;CAGD,gBAAgB;EAEd,MAAM,MAAM,IAAI,IAAI,OAAO,QAAe;EAC1C,cAAc,SAAS,KAAK,WAAW;GACrC,MAAM,QAAQ,eAAe,GAAG,CAAC,CAAC;GAClC,IAAI,UAAU,GAAG,KAAK,OACpB,IAAI,aAAa,IAAI,KAAK,MAAM,SAAS,CAAC;QACrC,IAAI,IAAI,aAAa,IAAI,GAAG,KAAK,CAAC,OACvC,IAAI,aAAa,OAAO,GAAG;EAE/B,CAAC;EAED,mBAAmB,SAAS,QAAQ;GAClC,MAAM,QAAQ,eAAe,GAAG,CAAC,CAAC;GAIlC,IAAI,SAAS,YADI,OAAO,UAAU,YAAY,OAAO,QAAQ,KAAK,IAEhE,IAAI,aAAa,IAAI,KAAK,OAAO,KAAK,CAAC;QAEvC,IAAI,aAAa,OAAO,GAAG;EAE/B,CAAC;EACD,IAAI,aAAa,KAAK;EACtB,OAAO,QAAQ,aAAa,OAAO,QAAQ,OAAO,IAAI,GAAG;CAC3D,GAAG;EAAC;EAAU;EAAe;EAAQ;EAAW;EAAgB;CAAI,CAAC;CAErE,OAAO;AACT"}

package/dist/esm/stores/form/createFormStore.js

@@ -1,9 +1,13 @@
+import { DEFAULT_VALID_UNTIL_SECONDS } from "../../utils/limitOrder.js";
 import { create } from "zustand";
 //#region src/stores/form/createFormStore.ts
 const formDefaultValues = {
 	fromAmount: "",
 	toAmount: "",
-	tokenSearchFilter: ""
+	tokenSearchFilter: "",
+	priceInverted: false,
+	validUntil: DEFAULT_VALID_UNTIL_SECONDS,
+	partiallyFillable: true
 };
 const defaultValueToFormValue = (value) => ({
 	isTouched: false,
@@ -27,7 +31,7 @@ const mergeDefaultFormValues = (userValues, defaultValues) => Object.keys(defaul
 	accum[key] = {
 		isTouched: !!(userValues[key]?.isTouched || defaultValues[key]?.isTouched),
 		isDirty: !!(userValues[key]?.isDirty || defaultValues[key]?.isTouched),
-		value: userValues[key]?.value || Number.isFinite(userValues[key]?.value) ? userValues[key]?.value : defaultValues[key]?.value
+		value: userValues[key]?.value !== void 0 && userValues[key]?.value !== "" ? userValues[key]?.value : defaultValues[key]?.value
 	};
 	return accum;
 }, { ...valuesToFormValues(formDefaultValues) });

package/dist/esm/stores/form/createFormStore.js.map

@@ -1 +1 @@
-{"version":3,"file":"createFormStore.js","names":[],"sources":["../../../../src/stores/form/createFormStore.ts"],"sourcesContent":["import type { StoreApi, UseBoundStore } from 'zustand'\nimport { create } from 'zustand'\n\nimport type {\n  DefaultValues,\n  FormFieldArray,\n  FormFieldNames,\n  FormValueControl,\n  FormValues,\n  FormValuesState,\n} from './types.js'\n\nexport const formDefaultValues: DefaultValues = {\n  fromAmount: '',\n  toAmount: '',\n  tokenSearchFilter: '',\n}\n\nconst defaultValueToFormValue = <T>(value: T): FormValueControl<T> => ({\n  isTouched: false,\n  isDirty: false,\n  value,\n})\n\nconst valuesToFormValues = (defaultValues: DefaultValues): FormValues => {\n  return (Object.keys(defaultValues) as FormFieldNames[]).reduce(\n    (accum, key) => {\n      accum[key] = defaultValueToFormValue(defaultValues[key]) as never\n      return accum\n    },\n    {} as FormValues\n  )\n}\n\nconst isString = (str: any) => typeof str === 'string' || str instanceof String\n\nconst getUpdatedTouchedFields = (userValues: FormValues) => {\n  return (Object.keys(userValues) as FormFieldNames[]).reduce(\n    (accum, key) => {\n      if (userValues[key]?.isTouched) {\n        accum[key] = true\n      }\n      return accum\n    },\n    {} as Record<FormFieldNames, boolean>\n  )\n}\n\nconst mergeDefaultFormValues = (\n  userValues: FormValues,\n  defaultValues: FormValues\n) =>\n  (Object.keys(defaultValues) as FormFieldNames[]).reduce<FormValues>(\n    (accum, key) => {\n      const formValue = {\n        isTouched: !!(\n          userValues[key]?.isTouched || defaultValues[key]?.isTouched\n        ),\n        isDirty: !!(userValues[key]?.isDirty || defaultValues[key]?.isTouched),\n        value:\n          userValues[key]?.value || Number.isFinite(userValues[key]?.value)\n            ? userValues[key]?.value\n            : defaultValues[key]?.value,\n      }\n      accum[key] = formValue as never\n      return accum\n    },\n    { ...valuesToFormValues(formDefaultValues) }\n  )\n\nexport const createFormStore = (\n  defaultValues?: DefaultValues\n): UseBoundStore<StoreApi<FormValuesState>> =>\n  create<FormValuesState>((set, get) => {\n    const _defaultValues = valuesToFormValues({\n      ...formDefaultValues,\n      ...defaultValues,\n    })\n    return {\n      defaultValues: _defaultValues,\n      userValues: _defaultValues,\n      touchedFields: {},\n      isValid: true,\n      isValidating: false,\n      errors: {},\n      validation: {},\n      setDefaultValues: (defaultValue) => {\n        const defaultFormValues = valuesToFormValues(defaultValue)\n        set((state) => ({\n          defaultValues: defaultFormValues,\n          userValues: mergeDefaultFormValues(\n            state.userValues,\n            defaultFormValues\n          ),\n        }))\n      },\n      setUserAndDefaultValues: (formValues) => {\n        const currentUserValues = get().userValues\n        ;(Object.keys(formValues) as FormFieldNames[]).forEach((key) => {\n          if (formValues[key] !== currentUserValues[key]?.value) {\n            get().resetField(key, { defaultValue: formValues[key] })\n            get().setFieldValue(key, formValues[key], { isTouched: true })\n          }\n        })\n      },\n      isTouched: (fieldName: FormFieldNames) =>\n        !!get().userValues[fieldName]?.isTouched,\n      isDirty: (fieldName: FormFieldNames) =>\n        !!get().userValues[fieldName]?.isDirty,\n      setAsTouched: (fieldName: FormFieldNames) => {\n        const userValues = {\n          ...get().userValues,\n          [fieldName]: {\n            ...get().userValues[fieldName],\n            isTouched: true,\n          },\n        }\n\n        const touchedFields = getUpdatedTouchedFields(userValues)\n\n        set(() => ({\n          userValues,\n          touchedFields,\n        }))\n      },\n      resetField: (fieldName, { defaultValue } = {}) => {\n        if (defaultValue) {\n          const fieldValues = {\n            ...get().defaultValues[fieldName],\n            value: defaultValue,\n          }\n          const defaultValues = {\n            ...get().defaultValues,\n            [fieldName]: { ...fieldValues },\n          }\n          const userValues = {\n            ...get().userValues,\n            [fieldName]: { ...fieldValues },\n          }\n          const touchedFields = getUpdatedTouchedFields(userValues)\n\n          set(() => {\n            return {\n              defaultValues,\n              userValues,\n              touchedFields,\n            }\n          })\n        } else {\n          const userValues = {\n            ...get().userValues,\n            [fieldName]: { ...get().defaultValues[fieldName] },\n          }\n          const touchedFields = getUpdatedTouchedFields(userValues)\n\n          set(() => ({\n            userValues,\n            touchedFields,\n          }))\n        }\n      },\n      setFieldValue: (fieldName, value, { isDirty, isTouched } = {}) => {\n        const userValues = {\n          ...get().userValues,\n          [fieldName]: {\n            value,\n            isDirty:\n              isDirty === undefined\n                ? get().userValues[fieldName]?.isDirty\n                : isDirty,\n            isTouched:\n              isTouched === undefined\n                ? get().userValues[fieldName]?.isTouched\n                : isTouched,\n          },\n        }\n\n        const touchedFields = getUpdatedTouchedFields(userValues)\n\n        set(() => ({\n          userValues,\n          touchedFields,\n        }))\n      },\n      getFieldValues: <T extends FormFieldNames[]>(...names: T) =>\n        names.map((name) => get().userValues[name]?.value) as FormFieldArray<T>,\n      addFieldValidation: (name, validationFn) => {\n        set((state) => ({\n          validation: {\n            ...state.validation,\n            [name]: validationFn,\n          },\n        }))\n      },\n      triggerFieldValidation: async (name) => {\n        try {\n          let valid = true\n          set(() => ({ isValid: false, isValidating: true }))\n\n          const validationFn = get().validation[name]\n\n          if (validationFn) {\n            const result = await validationFn(get().userValues?.[name]?.value)\n            if (isString(result)) {\n              valid = false\n              set((state) => ({\n                errors: {\n                  ...state.errors,\n                  [name]: result,\n                },\n              }))\n            } else {\n              valid = result as boolean\n              if (valid) {\n                get().clearErrors(name)\n              }\n            }\n          }\n\n          set(() => ({ isValid: valid, isValidating: false }))\n          return valid\n        } catch (err) {\n          set(() => ({ isValidating: false }))\n          throw err\n        }\n      },\n      clearErrors: (name) => {\n        const newErrors = { ...get().errors }\n\n        delete newErrors[name]\n\n        set(() => ({\n          errors: newErrors,\n        }))\n      },\n    }\n  })\n"],"mappings":";;AAYA,MAAa,oBAAmC;CAC9C,YAAY;CACZ,UAAU;CACV,mBAAmB;AACrB;AAEA,MAAM,2BAA8B,WAAmC;CACrE,WAAW;CACX,SAAS;CACT;AACF;AAEA,MAAM,sBAAsB,kBAA6C;CACvE,OAAQ,OAAO,KAAK,aAAa,CAAC,CAAsB,QACrD,OAAO,QAAQ;EACd,MAAM,OAAO,wBAAwB,cAAc,IAAI;EACvD,OAAO;CACT,GACA,CAAC,CACH;AACF;AAEA,MAAM,YAAY,QAAa,OAAO,QAAQ,YAAY,eAAe;AAEzE,MAAM,2BAA2B,eAA2B;CAC1D,OAAQ,OAAO,KAAK,UAAU,CAAC,CAAsB,QAClD,OAAO,QAAQ;EACd,IAAI,WAAW,IAAI,EAAE,WACnB,MAAM,OAAO;EAEf,OAAO;CACT,GACA,CAAC,CACH;AACF;AAEA,MAAM,0BACJ,YACA,kBAEC,OAAO,KAAK,aAAa,CAAC,CAAsB,QAC9C,OAAO,QAAQ;CAWd,MAAM,OAAO;EATX,WAAW,CAAC,EACV,WAAW,IAAI,EAAE,aAAa,cAAc,IAAI,EAAE;EAEpD,SAAS,CAAC,EAAE,WAAW,IAAI,EAAE,WAAW,cAAc,IAAI,EAAE;EAC5D,OACE,WAAW,IAAI,EAAE,SAAS,OAAO,SAAS,WAAW,IAAI,EAAE,KAAK,IAC5D,WAAW,IAAI,EAAE,QACjB,cAAc,IAAI,EAAE;CAEP;CACrB,OAAO;AACT,GACA,EAAE,GAAG,mBAAmB,iBAAiB,EAAE,CAC7C;AAEF,MAAa,mBACX,kBAEA,QAAyB,KAAK,QAAQ;CACpC,MAAM,iBAAiB,mBAAmB;EACxC,GAAG;EACH,GAAG;CACL,CAAC;CACD,OAAO;EACL,eAAe;EACf,YAAY;EACZ,eAAe,CAAC;EAChB,SAAS;EACT,cAAc;EACd,QAAQ,CAAC;EACT,YAAY,CAAC;EACb,mBAAmB,iBAAiB;GAClC,MAAM,oBAAoB,mBAAmB,YAAY;GACzD,KAAK,WAAW;IACd,eAAe;IACf,YAAY,uBACV,MAAM,YACN,iBACF;GACF,EAAE;EACJ;EACA,0BAA0B,eAAe;GACvC,MAAM,oBAAoB,IAAI,CAAC,CAAC;GAC/B,OAAQ,KAAK,UAAU,CAAC,CAAsB,SAAS,QAAQ;IAC9D,IAAI,WAAW,SAAS,kBAAkB,IAAI,EAAE,OAAO;KACrD,IAAI,CAAC,CAAC,WAAW,KAAK,EAAE,cAAc,WAAW,KAAK,CAAC;KACvD,IAAI,CAAC,CAAC,cAAc,KAAK,WAAW,MAAM,EAAE,WAAW,KAAK,CAAC;IAC/D;GACF,CAAC;EACH;EACA,YAAY,cACV,CAAC,CAAC,IAAI,CAAC,CAAC,WAAW,UAAU,EAAE;EACjC,UAAU,cACR,CAAC,CAAC,IAAI,CAAC,CAAC,WAAW,UAAU,EAAE;EACjC,eAAe,cAA8B;GAC3C,MAAM,aAAa;IACjB,GAAG,IAAI,CAAC,CAAC;KACR,YAAY;KACX,GAAG,IAAI,CAAC,CAAC,WAAW;KACpB,WAAW;IACb;GACF;GAEA,MAAM,gBAAgB,wBAAwB,UAAU;GAExD,WAAW;IACT;IACA;GACF,EAAE;EACJ;EACA,aAAa,WAAW,EAAE,iBAAiB,CAAC,MAAM;GAChD,IAAI,cAAc;IAChB,MAAM,cAAc;KAClB,GAAG,IAAI,CAAC,CAAC,cAAc;KACvB,OAAO;IACT;IACA,MAAM,gBAAgB;KACpB,GAAG,IAAI,CAAC,CAAC;MACR,YAAY,EAAE,GAAG,YAAY;IAChC;IACA,MAAM,aAAa;KACjB,GAAG,IAAI,CAAC,CAAC;MACR,YAAY,EAAE,GAAG,YAAY;IAChC;IACA,MAAM,gBAAgB,wBAAwB,UAAU;IAExD,UAAU;KACR,OAAO;MACL;MACA;MACA;KACF;IACF,CAAC;GACH,OAAO;IACL,MAAM,aAAa;KACjB,GAAG,IAAI,CAAC,CAAC;MACR,YAAY,EAAE,GAAG,IAAI,CAAC,CAAC,cAAc,WAAW;IACnD;IACA,MAAM,gBAAgB,wBAAwB,UAAU;IAExD,WAAW;KACT;KACA;IACF,EAAE;GACJ;EACF;EACA,gBAAgB,WAAW,OAAO,EAAE,SAAS,cAAc,CAAC,MAAM;GAChE,MAAM,aAAa;IACjB,GAAG,IAAI,CAAC,CAAC;KACR,YAAY;KACX;KACA,SACE,YAAY,KAAA,IACR,IAAI,CAAC,CAAC,WAAW,UAAU,EAAE,UAC7B;KACN,WACE,cAAc,KAAA,IACV,IAAI,CAAC,CAAC,WAAW,UAAU,EAAE,YAC7B;IACR;GACF;GAEA,MAAM,gBAAgB,wBAAwB,UAAU;GAExD,WAAW;IACT;IACA;GACF,EAAE;EACJ;EACA,iBAA6C,GAAG,UAC9C,MAAM,KAAK,SAAS,IAAI,CAAC,CAAC,WAAW,KAAK,EAAE,KAAK;EACnD,qBAAqB,MAAM,iBAAiB;GAC1C,KAAK,WAAW,EACd,YAAY;IACV,GAAG,MAAM;KACR,OAAO;GACV,EACF,EAAE;EACJ;EACA,wBAAwB,OAAO,SAAS;GACtC,IAAI;IACF,IAAI,QAAQ;IACZ,WAAW;KAAE,SAAS;KAAO,cAAc;IAAK,EAAE;IAElD,MAAM,eAAe,IAAI,CAAC,CAAC,WAAW;IAEtC,IAAI,cAAc;KAChB,MAAM,SAAS,MAAM,aAAa,IAAI,CAAC,CAAC,aAAa,KAAK,EAAE,KAAK;KACjE,IAAI,SAAS,MAAM,GAAG;MACpB,QAAQ;MACR,KAAK,WAAW,EACd,QAAQ;OACN,GAAG,MAAM;QACR,OAAO;MACV,EACF,EAAE;KACJ,OAAO;MACL,QAAQ;MACR,IAAI,OACF,IAAI,CAAC,CAAC,YAAY,IAAI;KAE1B;IACF;IAEA,WAAW;KAAE,SAAS;KAAO,cAAc;IAAM,EAAE;IACnD,OAAO;GACT,SAAS,KAAK;IACZ,WAAW,EAAE,cAAc,MAAM,EAAE;IACnC,MAAM;GACR;EACF;EACA,cAAc,SAAS;GACrB,MAAM,YAAY,EAAE,GAAG,IAAI,CAAC,CAAC,OAAO;GAEpC,OAAO,UAAU;GAEjB,WAAW,EACT,QAAQ,UACV,EAAE;EACJ;CACF;AACF,CAAC"}
+{"version":3,"file":"createFormStore.js","names":[],"sources":["../../../../src/stores/form/createFormStore.ts"],"sourcesContent":["import type { StoreApi, UseBoundStore } from 'zustand'\nimport { create } from 'zustand'\nimport { DEFAULT_VALID_UNTIL_SECONDS } from '../../utils/limitOrder.js'\nimport type {\n  DefaultValues,\n  FormFieldArray,\n  FormFieldNames,\n  FormValueControl,\n  FormValues,\n  FormValuesState,\n} from './types.js'\n\nexport const formDefaultValues: DefaultValues = {\n  fromAmount: '',\n  toAmount: '',\n  tokenSearchFilter: '',\n  priceInverted: false,\n  validUntil: DEFAULT_VALID_UNTIL_SECONDS,\n  partiallyFillable: true,\n}\n\nconst defaultValueToFormValue = <T>(value: T): FormValueControl<T> => ({\n  isTouched: false,\n  isDirty: false,\n  value,\n})\n\nconst valuesToFormValues = (defaultValues: DefaultValues): FormValues => {\n  return (Object.keys(defaultValues) as FormFieldNames[]).reduce(\n    (accum, key) => {\n      accum[key] = defaultValueToFormValue(defaultValues[key]) as never\n      return accum\n    },\n    {} as FormValues\n  )\n}\n\nconst isString = (str: unknown): str is string =>\n  typeof str === 'string' || str instanceof String\n\nconst getUpdatedTouchedFields = (userValues: FormValues) => {\n  return (Object.keys(userValues) as FormFieldNames[]).reduce(\n    (accum, key) => {\n      if (userValues[key]?.isTouched) {\n        accum[key] = true\n      }\n      return accum\n    },\n    {} as Record<FormFieldNames, boolean>\n  )\n}\n\nconst mergeDefaultFormValues = (\n  userValues: FormValues,\n  defaultValues: FormValues\n) =>\n  (Object.keys(defaultValues) as FormFieldNames[]).reduce<FormValues>(\n    (accum, key) => {\n      const formValue = {\n        isTouched: !!(\n          userValues[key]?.isTouched || defaultValues[key]?.isTouched\n        ),\n        isDirty: !!(userValues[key]?.isDirty || defaultValues[key]?.isTouched),\n        value:\n          userValues[key]?.value !== undefined && userValues[key]?.value !== ''\n            ? userValues[key]?.value\n            : defaultValues[key]?.value,\n      }\n      accum[key] = formValue as never\n      return accum\n    },\n    { ...valuesToFormValues(formDefaultValues) }\n  )\n\nexport const createFormStore = (\n  defaultValues?: DefaultValues\n): UseBoundStore<StoreApi<FormValuesState>> =>\n  create<FormValuesState>((set, get) => {\n    const _defaultValues = valuesToFormValues({\n      ...formDefaultValues,\n      ...defaultValues,\n    })\n    return {\n      defaultValues: _defaultValues,\n      userValues: _defaultValues,\n      touchedFields: {},\n      isValid: true,\n      isValidating: false,\n      errors: {},\n      validation: {},\n      setDefaultValues: (defaultValue) => {\n        const defaultFormValues = valuesToFormValues(defaultValue)\n        set((state) => ({\n          defaultValues: defaultFormValues,\n          userValues: mergeDefaultFormValues(\n            state.userValues,\n            defaultFormValues\n          ),\n        }))\n      },\n      setUserAndDefaultValues: (formValues) => {\n        const currentUserValues = get().userValues\n        ;(Object.keys(formValues) as FormFieldNames[]).forEach((key) => {\n          if (formValues[key] !== currentUserValues[key]?.value) {\n            get().resetField(key, { defaultValue: formValues[key] })\n            get().setFieldValue(key, formValues[key], { isTouched: true })\n          }\n        })\n      },\n      isTouched: (fieldName: FormFieldNames) =>\n        !!get().userValues[fieldName]?.isTouched,\n      isDirty: (fieldName: FormFieldNames) =>\n        !!get().userValues[fieldName]?.isDirty,\n      setAsTouched: (fieldName: FormFieldNames) => {\n        const userValues = {\n          ...get().userValues,\n          [fieldName]: {\n            ...get().userValues[fieldName],\n            isTouched: true,\n          },\n        }\n\n        const touchedFields = getUpdatedTouchedFields(userValues)\n\n        set(() => ({\n          userValues,\n          touchedFields,\n        }))\n      },\n      resetField: (fieldName, { defaultValue } = {}) => {\n        if (defaultValue) {\n          const fieldValues = {\n            ...get().defaultValues[fieldName],\n            value: defaultValue,\n          }\n          const defaultValues = {\n            ...get().defaultValues,\n            [fieldName]: { ...fieldValues },\n          }\n          const userValues = {\n            ...get().userValues,\n            [fieldName]: { ...fieldValues },\n          }\n          const touchedFields = getUpdatedTouchedFields(userValues)\n\n          set(() => {\n            return {\n              defaultValues,\n              userValues,\n              touchedFields,\n            }\n          })\n        } else {\n          const userValues = {\n            ...get().userValues,\n            [fieldName]: { ...get().defaultValues[fieldName] },\n          }\n          const touchedFields = getUpdatedTouchedFields(userValues)\n\n          set(() => ({\n            userValues,\n            touchedFields,\n          }))\n        }\n      },\n      setFieldValue: (fieldName, value, { isDirty, isTouched } = {}) => {\n        const userValues = {\n          ...get().userValues,\n          [fieldName]: {\n            value,\n            isDirty:\n              isDirty === undefined\n                ? get().userValues[fieldName]?.isDirty\n                : isDirty,\n            isTouched:\n              isTouched === undefined\n                ? get().userValues[fieldName]?.isTouched\n                : isTouched,\n          },\n        }\n\n        const touchedFields = getUpdatedTouchedFields(userValues)\n\n        set(() => ({\n          userValues,\n          touchedFields,\n        }))\n      },\n      getFieldValues: <T extends FormFieldNames[]>(...names: T) =>\n        names.map((name) => get().userValues[name]?.value) as FormFieldArray<T>,\n      addFieldValidation: (name, validationFn) => {\n        set((state) => ({\n          validation: {\n            ...state.validation,\n            [name]: validationFn,\n          },\n        }))\n      },\n      triggerFieldValidation: async (name) => {\n        try {\n          let valid = true\n          set(() => ({ isValid: false, isValidating: true }))\n\n          const validationFn = get().validation[name]\n\n          if (validationFn) {\n            const result = await validationFn(get().userValues?.[name]?.value)\n            if (isString(result)) {\n              valid = false\n              set((state) => ({\n                errors: {\n                  ...state.errors,\n                  [name]: result,\n                },\n              }))\n            } else {\n              valid = result as boolean\n              if (valid) {\n                get().clearErrors(name)\n              }\n            }\n          }\n\n          set(() => ({ isValid: valid, isValidating: false }))\n          return valid\n        } catch (err) {\n          set(() => ({ isValidating: false }))\n          throw err\n        }\n      },\n      clearErrors: (name) => {\n        const newErrors = { ...get().errors }\n\n        delete newErrors[name]\n\n        set(() => ({\n          errors: newErrors,\n        }))\n      },\n    }\n  })\n"],"mappings":"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"}

package/dist/esm/stores/form/getDefaultValuesFromQueryString.js

@@ -13,6 +13,9 @@ const getDefaultValuesFromQueryString = ({ buildUrl = false, includeToAddress =
 		...searchParams.fromToken ? { fromToken: searchParams.fromToken } : {},
 		...searchParams.toToken ? { toToken: searchParams.toToken } : {},
 		...Number.isFinite(Number.parseFloat(searchParams.fromAmount)) ? { fromAmount: formatInputAmount(searchParams.fromAmount) } : {},
+		...Number.isFinite(Number.parseFloat(searchParams.toAmount)) ? { toAmount: formatInputAmount(searchParams.toAmount) } : {},
+		...Number.isFinite(Number.parseInt(searchParams.validUntil, 10)) ? { validUntil: Number.parseInt(searchParams.validUntil, 10) } : {},
+		...searchParams.partiallyFillable === "true" || searchParams.partiallyFillable === "false" ? { partiallyFillable: searchParams.partiallyFillable === "true" } : {},
 		...includeToAddress && searchParams.toAddress ? { toAddress: searchParams.toAddress } : {}
 	};
 };

package/dist/esm/stores/form/getDefaultValuesFromQueryString.js.map

@@ -1 +1 @@
-{"version":3,"file":"getDefaultValuesFromQueryString.js","names":[],"sources":["../../../../src/stores/form/getDefaultValuesFromQueryString.ts"],"sourcesContent":["import { formatInputAmount } from '../../utils/format.js'\nimport type { DefaultValues } from './types.js'\n\ninterface GetDefaultValuesFromQueryStringOptions {\n  includeToAddress?: boolean\n  buildUrl?: boolean\n}\n\nexport const getDefaultValuesFromQueryString = ({\n  buildUrl = false,\n  includeToAddress = true,\n}: GetDefaultValuesFromQueryStringOptions): Partial<DefaultValues> => {\n  if (typeof window === 'undefined') {\n    return {}\n  }\n\n  if (!buildUrl) {\n    return {}\n  }\n\n  const searchParams = Object.fromEntries(\n    new URLSearchParams(window.location.search)\n  )\n\n  // Prevent using fromToken/toToken params if chain is not selected.\n  ;(['from', 'to'] as const).forEach((key) => {\n    if (searchParams[`${key}Token`] && !searchParams[`${key}Chain`]) {\n      delete searchParams[`${key}Token`]\n    }\n  })\n\n  return {\n    ...(Number.isFinite(Number.parseInt(searchParams.fromChain, 10))\n      ? { fromChain: Number.parseInt(searchParams.fromChain, 10) }\n      : {}),\n    ...(Number.isFinite(Number.parseInt(searchParams.toChain, 10))\n      ? { toChain: Number.parseInt(searchParams.toChain, 10) }\n      : {}),\n    ...(searchParams.fromToken ? { fromToken: searchParams.fromToken } : {}),\n    ...(searchParams.toToken ? { toToken: searchParams.toToken } : {}),\n    ...(Number.isFinite(Number.parseFloat(searchParams.fromAmount))\n      ? { fromAmount: formatInputAmount(searchParams.fromAmount) }\n      : {}),\n    ...(includeToAddress && searchParams.toAddress\n      ? { toAddress: searchParams.toAddress }\n      : {}),\n  }\n}\n"],"mappings":";;AAQA,MAAa,mCAAmC,EAC9C,WAAW,OACX,mBAAmB,WACiD;CACpE,IAAI,OAAO,WAAW,aACpB,OAAO,CAAC;CAGV,IAAI,CAAC,UACH,OAAO,CAAC;CAGV,MAAM,eAAe,OAAO,YAC1B,IAAI,gBAAgB,OAAO,SAAS,MAAM,CAC5C;CAGC,CAAE,QAAQ,IAAI,CAAC,CAAW,SAAS,QAAQ;EAC1C,IAAI,aAAa,GAAG,IAAI,WAAW,CAAC,aAAa,GAAG,IAAI,SACtD,OAAO,aAAa,GAAG,IAAI;CAE/B,CAAC;CAED,OAAO;EACL,GAAI,OAAO,SAAS,OAAO,SAAS,aAAa,WAAW,EAAE,CAAC,IAC3D,EAAE,WAAW,OAAO,SAAS,aAAa,WAAW,EAAE,EAAE,IACzD,CAAC;EACL,GAAI,OAAO,SAAS,OAAO,SAAS,aAAa,SAAS,EAAE,CAAC,IACzD,EAAE,SAAS,OAAO,SAAS,aAAa,SAAS,EAAE,EAAE,IACrD,CAAC;EACL,GAAI,aAAa,YAAY,EAAE,WAAW,aAAa,UAAU,IAAI,CAAC;EACtE,GAAI,aAAa,UAAU,EAAE,SAAS,aAAa,QAAQ,IAAI,CAAC;EAChE,GAAI,OAAO,SAAS,OAAO,WAAW,aAAa,UAAU,CAAC,IAC1D,EAAE,YAAY,kBAAkB,aAAa,UAAU,EAAE,IACzD,CAAC;EACL,GAAI,oBAAoB,aAAa,YACjC,EAAE,WAAW,aAAa,UAAU,IACpC,CAAC;CACP;AACF"}
+{"version":3,"file":"getDefaultValuesFromQueryString.js","names":[],"sources":["../../../../src/stores/form/getDefaultValuesFromQueryString.ts"],"sourcesContent":["import { formatInputAmount } from '../../utils/format.js'\nimport type { DefaultValues } from './types.js'\n\ninterface GetDefaultValuesFromQueryStringOptions {\n  includeToAddress?: boolean\n  buildUrl?: boolean\n}\n\nexport const getDefaultValuesFromQueryString = ({\n  buildUrl = false,\n  includeToAddress = true,\n}: GetDefaultValuesFromQueryStringOptions): Partial<DefaultValues> => {\n  if (typeof window === 'undefined') {\n    return {}\n  }\n\n  if (!buildUrl) {\n    return {}\n  }\n\n  const searchParams = Object.fromEntries(\n    new URLSearchParams(window.location.search)\n  )\n\n  // Prevent using fromToken/toToken params if chain is not selected.\n  ;(['from', 'to'] as const).forEach((key) => {\n    if (searchParams[`${key}Token`] && !searchParams[`${key}Chain`]) {\n      delete searchParams[`${key}Token`]\n    }\n  })\n\n  return {\n    ...(Number.isFinite(Number.parseInt(searchParams.fromChain, 10))\n      ? { fromChain: Number.parseInt(searchParams.fromChain, 10) }\n      : {}),\n    ...(Number.isFinite(Number.parseInt(searchParams.toChain, 10))\n      ? { toChain: Number.parseInt(searchParams.toChain, 10) }\n      : {}),\n    ...(searchParams.fromToken ? { fromToken: searchParams.fromToken } : {}),\n    ...(searchParams.toToken ? { toToken: searchParams.toToken } : {}),\n    ...(Number.isFinite(Number.parseFloat(searchParams.fromAmount))\n      ? { fromAmount: formatInputAmount(searchParams.fromAmount) }\n      : {}),\n    ...(Number.isFinite(Number.parseFloat(searchParams.toAmount))\n      ? { toAmount: formatInputAmount(searchParams.toAmount) }\n      : {}),\n    // Limit-order params (written only while on the limit tab).\n    ...(Number.isFinite(Number.parseInt(searchParams.validUntil, 10))\n      ? { validUntil: Number.parseInt(searchParams.validUntil, 10) }\n      : {}),\n    ...(searchParams.partiallyFillable === 'true' ||\n    searchParams.partiallyFillable === 'false'\n      ? { partiallyFillable: searchParams.partiallyFillable === 'true' }\n      : {}),\n    ...(includeToAddress && searchParams.toAddress\n      ? { toAddress: searchParams.toAddress }\n      : {}),\n  }\n}\n"],"mappings":";;AAQA,MAAa,mCAAmC,EAC9C,WAAW,OACX,mBAAmB,WACiD;CACpE,IAAI,OAAO,WAAW,aACpB,OAAO,CAAC;CAGV,IAAI,CAAC,UACH,OAAO,CAAC;CAGV,MAAM,eAAe,OAAO,YAC1B,IAAI,gBAAgB,OAAO,SAAS,MAAM,CAC5C;CAGC,CAAE,QAAQ,IAAI,CAAC,CAAW,SAAS,QAAQ;EAC1C,IAAI,aAAa,GAAG,IAAI,WAAW,CAAC,aAAa,GAAG,IAAI,SACtD,OAAO,aAAa,GAAG,IAAI;CAE/B,CAAC;CAED,OAAO;EACL,GAAI,OAAO,SAAS,OAAO,SAAS,aAAa,WAAW,EAAE,CAAC,IAC3D,EAAE,WAAW,OAAO,SAAS,aAAa,WAAW,EAAE,EAAE,IACzD,CAAC;EACL,GAAI,OAAO,SAAS,OAAO,SAAS,aAAa,SAAS,EAAE,CAAC,IACzD,EAAE,SAAS,OAAO,SAAS,aAAa,SAAS,EAAE,EAAE,IACrD,CAAC;EACL,GAAI,aAAa,YAAY,EAAE,WAAW,aAAa,UAAU,IAAI,CAAC;EACtE,GAAI,aAAa,UAAU,EAAE,SAAS,aAAa,QAAQ,IAAI,CAAC;EAChE,GAAI,OAAO,SAAS,OAAO,WAAW,aAAa,UAAU,CAAC,IAC1D,EAAE,YAAY,kBAAkB,aAAa,UAAU,EAAE,IACzD,CAAC;EACL,GAAI,OAAO,SAAS,OAAO,WAAW,aAAa,QAAQ,CAAC,IACxD,EAAE,UAAU,kBAAkB,aAAa,QAAQ,EAAE,IACrD,CAAC;EAEL,GAAI,OAAO,SAAS,OAAO,SAAS,aAAa,YAAY,EAAE,CAAC,IAC5D,EAAE,YAAY,OAAO,SAAS,aAAa,YAAY,EAAE,EAAE,IAC3D,CAAC;EACL,GAAI,aAAa,sBAAsB,UACvC,aAAa,sBAAsB,UAC/B,EAAE,mBAAmB,aAAa,sBAAsB,OAAO,IAC/D,CAAC;EACL,GAAI,oBAAoB,aAAa,YACjC,EAAE,WAAW,aAAa,UAAU,IACpC,CAAC;CACP;AACF"}

package/dist/esm/stores/form/types.d.ts

@@ -14,8 +14,16 @@ interface DefaultFieldValues {
 interface DefaultValues extends DefaultFieldValues {
   contractCalls?: ContractCall[];
   tokenSearchFilter: string;
+  /** Limit-order: when true, the price is displayed/entered inverted. */
+  priceInverted: boolean;
+  /** Limit-order: order validity as a duration in seconds. */
+  validUntil: number;
+  /** Limit-order: whether the order may be partially filled. */
+  partiallyFillable: boolean;
+  /** Limit-order: id of the route the user picked. */
+  selectedRouteId?: string;
 }
-type GenericFormValue = string | number | ContractCall[] | undefined;
+type GenericFormValue = string | number | boolean | ContractCall[] | undefined;
 interface FormValueControl<T> {
   isTouched: boolean;
   isDirty: boolean;

package/dist/esm/stores/form/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","names":[],"sources":["../../../../src/stores/form/types.ts"],"mappings":";;;;UAGiB,kBAAA;EACf,SAAA;EACA,SAAA;EACA,OAAA;EACA,OAAA;EACA,SAAA;EACA,UAAA;EACA,QAAA;AAAA;AAAA,UAGe,aAAA,SAAsB,kBAAA;EACrC,aAAA,GAAgB,YAAA;EAChB,iBAAA;AAAA;AAAA,KAGU,gBAAA,qBAAqC,YAAA;AAAA,UAChC,gBAAA;EACf,SAAA;EACA,OAAA;EACA,KAAA,EAAO,CAAA;AAAA;AAAA,KAGG,UAAA,wBACS,aAAA,GAAgB,gBAAA,CAAiB,aAAA,CAAc,QAAA;AAAA,KAGxD,cAAA,SAAuB,UAAA;AAAA,KACvB,gBAAA,MACV,CAAA,SAAU,gBAAA,YAA4B,CAAA;AAAA,KAC5B,cAAA,WAAyB,cAAA,oBACvB,CAAA,GAAI,gBAAA,CAAiB,UAAA,CAAW,CAAA,CAAE,CAAA;AAAA,KAGpC,aAAA,WAAwB,cAAA;AAAA,KAE/B,YAAA,IAAgB,KAAA,UAAe,OAAA;AAAA,UACnB,eAAA;EACf,OAAA;EACA,YAAA;EACA,MAAA,UACQ,cAAA;EAER,UAAA,UACQ,cAAA,IAAkB,YAAA;AAAA;AAAA,UAIX,iBAAA;EACf,kBAAA,GAAqB,IAAA,EAAM,cAAA,EAAgB,YAAA,EAAc,YAAA;EACzD,sBAAA,GAAyB,IAAA,EAAM,cAAA,KAAmB,OAAA;EAClD,WAAA,GAAc,IAAA,EAAM,cAAA;AAAA;AAAA,UAGL,SAAA;EACf,aAAA,EAAe,UAAA;EACf,UAAA,EAAY,UAAA;EACZ,aAAA,UAAuB,cAAA;AAAA;AAAA,UAGR,YAAA;EACf,YAAA,GAAe,gBAAA;AAAA;AAAA,UAGA,WAAA;EACf,gBAAA,GAAmB,UAAA,EAAY,aAAA;EAC/B,uBAAA,GAA0B,UAAA,EAAY,OAAA,CAAQ,aAAA;EAC9C,SAAA,GAAY,SAAA,EAAW,cAAA;EACvB,OAAA,GAAU,SAAA,EAAW,cAAA;EACrB,YAAA,GAAe,SAAA,EAAW,cAAA;EAC1B,UAAA,GAAa,SAAA,EAAW,cAAA,EAAgB,YAAA,GAAe,YAAA;EACvD,aAAA,GACE,SAAA,EAAW,cAAA,EACX,KAAA,EAAO,gBAAA,EACP,OAAA,GAAU,UAAA;EAEZ,cAAA,aAA2B,cAAA,OAAqB,KAAA,EAAO,CAAA,KAAM,cAAA,CAAe,CAAA;AAAA;AAAA,KAGlE,eAAA,GAAkB,SAAA,GAC5B,WAAA,GACA,eAAA,GACA,iBAAA;AAAA,KAEU,cAAA,GAAiB,aAAA,CAAc,QAAA,CAAS,eAAA;AAAA,UAEnC,UAAA;EACf,OAAA;EACA,SAAA;AAAA;AAAA,KAGU,QAAA;AAAA,UAEK,aAAA;EACf,QAAA,EAAU,QAAA;AAAA;AAAA,cAGC,aAAA;EACX,WAAA,GAAc,QAAA,EAAU,QAAA;EAExB,WAAA,GAAc,QAAA,EAAU,QAAA;EAExB,YAAA,GAAe,QAAA,EAAU,QAAA;AAAA"}
+{"version":3,"file":"types.d.ts","names":[],"sources":["../../../../src/stores/form/types.ts"],"mappings":";;;;UAGiB,kBAAA;EACf,SAAA;EACA,SAAA;EACA,OAAA;EACA,OAAA;EACA,SAAA;EACA,UAAA;EACA,QAAA;AAAA;AAAA,UAGe,aAAA,SAAsB,kBAAA;EACrC,aAAA,GAAgB,YAAA;EAChB,iBAAA;;EAEA,aAAA;EAPA;EASA,UAAA;EANe;EAQf,iBAAA;EARqC;EAUrC,eAAA;AAAA;AAAA,KAGU,gBAAA,+BAIR,YAAA;AAAA,UAEa,gBAAA;EACf,SAAA;EACA,OAAA;EACA,KAAA,EAAO,CAAA;AAAA;AAAA,KAGG,UAAA,wBACS,aAAA,GAAgB,gBAAA,CAAiB,aAAA,CAAc,QAAA;AAAA,KAGxD,cAAA,SAAuB,UAAA;AAAA,KACvB,gBAAA,MACV,CAAA,SAAU,gBAAA,YAA4B,CAAA;AAAA,KAC5B,cAAA,WAAyB,cAAA,oBACvB,CAAA,GAAI,gBAAA,CAAiB,UAAA,CAAW,CAAA,CAAE,CAAA;AAAA,KAGpC,aAAA,WAAwB,cAAA;AAAA,KAE/B,YAAA,IAAgB,KAAA,UAAe,OAAA;AAAA,UACnB,eAAA;EACf,OAAA;EACA,YAAA;EACA,MAAA,UACQ,cAAA;EAER,UAAA,UACQ,cAAA,IAAkB,YAAA;AAAA;AAAA,UAIX,iBAAA;EACf,kBAAA,GAAqB,IAAA,EAAM,cAAA,EAAgB,YAAA,EAAc,YAAA;EACzD,sBAAA,GAAyB,IAAA,EAAM,cAAA,KAAmB,OAAA;EAClD,WAAA,GAAc,IAAA,EAAM,cAAA;AAAA;AAAA,UAGL,SAAA;EACf,aAAA,EAAe,UAAA;EACf,UAAA,EAAY,UAAA;EACZ,aAAA,UAAuB,cAAA;AAAA;AAAA,UAGR,YAAA;EACf,YAAA,GAAe,gBAAA;AAAA;AAAA,UAGA,WAAA;EACf,gBAAA,GAAmB,UAAA,EAAY,aAAA;EAC/B,uBAAA,GAA0B,UAAA,EAAY,OAAA,CAAQ,aAAA;EAC9C,SAAA,GAAY,SAAA,EAAW,cAAA;EACvB,OAAA,GAAU,SAAA,EAAW,cAAA;EACrB,YAAA,GAAe,SAAA,EAAW,cAAA;EAC1B,UAAA,GAAa,SAAA,EAAW,cAAA,EAAgB,YAAA,GAAe,YAAA;EACvD,aAAA,GACE,SAAA,EAAW,cAAA,EACX,KAAA,EAAO,gBAAA,EACP,OAAA,GAAU,UAAA;EAEZ,cAAA,aAA2B,cAAA,OAAqB,KAAA,EAAO,CAAA,KAAM,cAAA,CAAe,CAAA;AAAA;AAAA,KAGlE,eAAA,GAAkB,SAAA,GAC5B,WAAA,GACA,eAAA,GACA,iBAAA;AAAA,KAEU,cAAA,GAAiB,aAAA,CAAc,QAAA,CAAS,eAAA;AAAA,UAEnC,UAAA;EACf,OAAA;EACA,SAAA;AAAA;AAAA,KAGU,QAAA;AAAA,UAEK,aAAA;EACf,QAAA,EAAU,QAAA;AAAA;AAAA,cAGC,aAAA;EACX,WAAA,GAAc,QAAA,EAAU,QAAA;EAExB,WAAA,GAAc,QAAA,EAAU,QAAA;EAExB,YAAA,GAAe,QAAA,EAAU,QAAA;AAAA"}

package/dist/esm/stores/form/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../../src/stores/form/types.ts"],"sourcesContent":["import type { ContractCall } from '@lifi/sdk'\nimport type { StoreApi, UseBoundStore } from 'zustand'\n\nexport interface DefaultFieldValues {\n  fromChain?: number\n  fromToken?: string\n  toChain?: number\n  toToken?: string\n  toAddress?: string\n  fromAmount: string\n  toAmount: string\n}\n\nexport interface DefaultValues extends DefaultFieldValues {\n  contractCalls?: ContractCall[]\n  tokenSearchFilter: string\n}\n\nexport type GenericFormValue = string | number | ContractCall[] | undefined\nexport interface FormValueControl<T> {\n  isTouched: boolean\n  isDirty: boolean\n  value: T\n}\n\nexport type FormValues = {\n  [Property in keyof DefaultValues]: FormValueControl<DefaultValues[Property]>\n}\n\nexport type FormFieldNames = keyof FormValues\nexport type ExtractValueType<T> =\n  T extends FormValueControl<infer U> ? U : never\nexport type FormFieldArray<T extends FormFieldNames[]> = {\n  [K in keyof T]: ExtractValueType<FormValues[T[K]]>\n}\n\nexport type TouchedFields = { [K in FormFieldNames]?: boolean }\n\ntype ValidationFn = (value: any) => Promise<boolean | string>\nexport interface ValidationProps {\n  isValid: boolean\n  isValidating: boolean\n  errors: {\n    [K in FormFieldNames]?: string\n  }\n  validation: {\n    [K in FormFieldNames]?: ValidationFn\n  }\n}\n\nexport interface ValidationActions {\n  addFieldValidation: (name: FormFieldNames, validationFn: ValidationFn) => void\n  triggerFieldValidation: (name: FormFieldNames) => Promise<boolean>\n  clearErrors: (name: FormFieldNames) => void\n}\n\nexport interface FormProps {\n  defaultValues: FormValues\n  userValues: FormValues\n  touchedFields: { [K in FormFieldNames]?: boolean }\n}\n\nexport interface ResetOptions {\n  defaultValue?: GenericFormValue\n}\n\nexport interface FormActions {\n  setDefaultValues: (formValues: DefaultValues) => void\n  setUserAndDefaultValues: (formValues: Partial<DefaultValues>) => void\n  isTouched: (fieldName: FormFieldNames) => boolean\n  isDirty: (fieldName: FormFieldNames) => boolean\n  setAsTouched: (fieldName: FormFieldNames) => void\n  resetField: (fieldName: FormFieldNames, resetOptions?: ResetOptions) => void\n  setFieldValue: (\n    fieldName: FormFieldNames,\n    value: GenericFormValue,\n    options?: SetOptions\n  ) => void\n  getFieldValues: <T extends FormFieldNames[]>(...names: T) => FormFieldArray<T>\n}\n\nexport type FormValuesState = FormProps &\n  FormActions &\n  ValidationProps &\n  ValidationActions\n\nexport type FormStoreStore = UseBoundStore<StoreApi<FormValuesState>>\n\nexport interface SetOptions {\n  isDirty?: boolean\n  isTouched?: boolean\n}\n\nexport type FormType = 'from' | 'to'\n\nexport interface FormTypeProps {\n  formType: FormType\n}\n\nexport const FormKeyHelper = {\n  getChainKey: (formType: FormType): 'fromChain' | 'toChain' =>\n    `${formType}Chain`,\n  getTokenKey: (formType: FormType): 'fromToken' | 'toToken' =>\n    `${formType}Token`,\n  getAmountKey: (formType: FormType): 'fromAmount' | 'toAmount' =>\n    `${formType}Amount`,\n}\n"],"mappings":";AAmGA,MAAa,gBAAgB;CAC3B,cAAc,aACZ,GAAG,SAAS;CACd,cAAc,aACZ,GAAG,SAAS;CACd,eAAe,aACb,GAAG,SAAS;AAChB"}
+{"version":3,"file":"types.js","names":[],"sources":["../../../../src/stores/form/types.ts"],"sourcesContent":["import type { ContractCall } from '@lifi/sdk'\nimport type { StoreApi, UseBoundStore } from 'zustand'\n\nexport interface DefaultFieldValues {\n  fromChain?: number\n  fromToken?: string\n  toChain?: number\n  toToken?: string\n  toAddress?: string\n  fromAmount: string\n  toAmount: string\n}\n\nexport interface DefaultValues extends DefaultFieldValues {\n  contractCalls?: ContractCall[]\n  tokenSearchFilter: string\n  /** Limit-order: when true, the price is displayed/entered inverted. */\n  priceInverted: boolean\n  /** Limit-order: order validity as a duration in seconds. */\n  validUntil: number\n  /** Limit-order: whether the order may be partially filled. */\n  partiallyFillable: boolean\n  /** Limit-order: id of the route the user picked. */\n  selectedRouteId?: string\n}\n\nexport type GenericFormValue =\n  | string\n  | number\n  | boolean\n  | ContractCall[]\n  | undefined\nexport interface FormValueControl<T> {\n  isTouched: boolean\n  isDirty: boolean\n  value: T\n}\n\nexport type FormValues = {\n  [Property in keyof DefaultValues]: FormValueControl<DefaultValues[Property]>\n}\n\nexport type FormFieldNames = keyof FormValues\nexport type ExtractValueType<T> =\n  T extends FormValueControl<infer U> ? U : never\nexport type FormFieldArray<T extends FormFieldNames[]> = {\n  [K in keyof T]: ExtractValueType<FormValues[T[K]]>\n}\n\nexport type TouchedFields = { [K in FormFieldNames]?: boolean }\n\ntype ValidationFn = (value: any) => Promise<boolean | string>\nexport interface ValidationProps {\n  isValid: boolean\n  isValidating: boolean\n  errors: {\n    [K in FormFieldNames]?: string\n  }\n  validation: {\n    [K in FormFieldNames]?: ValidationFn\n  }\n}\n\nexport interface ValidationActions {\n  addFieldValidation: (name: FormFieldNames, validationFn: ValidationFn) => void\n  triggerFieldValidation: (name: FormFieldNames) => Promise<boolean>\n  clearErrors: (name: FormFieldNames) => void\n}\n\nexport interface FormProps {\n  defaultValues: FormValues\n  userValues: FormValues\n  touchedFields: { [K in FormFieldNames]?: boolean }\n}\n\nexport interface ResetOptions {\n  defaultValue?: GenericFormValue\n}\n\nexport interface FormActions {\n  setDefaultValues: (formValues: DefaultValues) => void\n  setUserAndDefaultValues: (formValues: Partial<DefaultValues>) => void\n  isTouched: (fieldName: FormFieldNames) => boolean\n  isDirty: (fieldName: FormFieldNames) => boolean\n  setAsTouched: (fieldName: FormFieldNames) => void\n  resetField: (fieldName: FormFieldNames, resetOptions?: ResetOptions) => void\n  setFieldValue: (\n    fieldName: FormFieldNames,\n    value: GenericFormValue,\n    options?: SetOptions\n  ) => void\n  getFieldValues: <T extends FormFieldNames[]>(...names: T) => FormFieldArray<T>\n}\n\nexport type FormValuesState = FormProps &\n  FormActions &\n  ValidationProps &\n  ValidationActions\n\nexport type FormStoreStore = UseBoundStore<StoreApi<FormValuesState>>\n\nexport interface SetOptions {\n  isDirty?: boolean\n  isTouched?: boolean\n}\n\nexport type FormType = 'from' | 'to'\n\nexport interface FormTypeProps {\n  formType: FormType\n}\n\nexport const FormKeyHelper = {\n  getChainKey: (formType: FormType): 'fromChain' | 'toChain' =>\n    `${formType}Chain`,\n  getTokenKey: (formType: FormType): 'fromToken' | 'toToken' =>\n    `${formType}Token`,\n  getAmountKey: (formType: FormType): 'fromAmount' | 'toAmount' =>\n    `${formType}Amount`,\n}\n"],"mappings":";AAgHA,MAAa,gBAAgB;CAC3B,cAAc,aACZ,GAAG,SAAS;CACd,cAAc,aACZ,GAAG,SAAS;CACd,eAAe,aACb,GAAG,SAAS;AAChB"}

package/dist/esm/stores/form/useClearAmountFields.js

@@ -6,6 +6,7 @@ const useClearAmountFields = () => {
 	return useCallback(() => {
 		setFieldValue("fromAmount", "");
 		setFieldValue("toAmount", "");
+		setFieldValue("selectedRouteId", void 0);
 	}, [setFieldValue]);
 };
 //#endregion

package/dist/esm/stores/form/useClearAmountFields.js.map

@@ -1 +1 @@
-{"version":3,"file":"useClearAmountFields.js","names":[],"sources":["../../../../src/stores/form/useClearAmountFields.ts"],"sourcesContent":["import { useCallback } from 'react'\nimport { useFieldActions } from './useFieldActions.js'\n\nexport const useClearAmountFields = (): (() => void) => {\n  const { setFieldValue } = useFieldActions()\n  return useCallback(() => {\n    setFieldValue('fromAmount', '')\n    setFieldValue('toAmount', '')\n  }, [setFieldValue])\n}\n"],"mappings":";;;AAGA,MAAa,6BAA2C;CACtD,MAAM,EAAE,kBAAkB,gBAAgB;CAC1C,OAAO,kBAAkB;EACvB,cAAc,cAAc,EAAE;EAC9B,cAAc,YAAY,EAAE;CAC9B,GAAG,CAAC,aAAa,CAAC;AACpB"}
+{"version":3,"file":"useClearAmountFields.js","names":[],"sources":["../../../../src/stores/form/useClearAmountFields.ts"],"sourcesContent":["import { useCallback } from 'react'\nimport { useFieldActions } from './useFieldActions.js'\n\nexport const useClearAmountFields = (): (() => void) => {\n  const { setFieldValue } = useFieldActions()\n  return useCallback(() => {\n    setFieldValue('fromAmount', '')\n    setFieldValue('toAmount', '')\n    setFieldValue('selectedRouteId', undefined)\n  }, [setFieldValue])\n}\n"],"mappings":";;;AAGA,MAAa,6BAA2C;CACtD,MAAM,EAAE,kBAAkB,gBAAgB;CAC1C,OAAO,kBAAkB;EACvB,cAAc,cAAc,EAAE;EAC9B,cAAc,YAAY,EAAE;EAC5B,cAAc,mBAAmB,KAAA,CAAS;CAC5C,GAAG,CAAC,aAAa,CAAC;AACpB"}