@lifi/widget 4.0.0 → 4.2.0

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

@@ -1 +1 @@
-{"version":3,"file":"FormStore.js","names":[],"sources":["../../../../src/stores/form/FormStore.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react'\nimport { useMemo, useRef } from 'react'\nimport { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js'\nimport type { FormRef } from '../../types/widget.js'\nimport { createFormStore, formDefaultValues } from './createFormStore.js'\nimport { FormStoreContext } from './FormStoreContext.js'\nimport { FormUpdater } from './FormUpdater.js'\nimport { getDefaultValuesFromQueryString } from './getDefaultValuesFromQueryString.js'\nimport type { DefaultValues, FormStoreStore } from './types.js'\nimport { useFormRef } from './useFormRef.js'\n\n// decorates and initialise the form date for use in the form store\nconst initialiseDefaultValues = (defaultValues: Partial<DefaultValues>) => ({\n  ...formDefaultValues,\n  ...defaultValues,\n  fromAmount:\n    (typeof defaultValues.fromAmount === 'number'\n      ? (defaultValues.fromAmount as number)?.toPrecision?.()\n      : defaultValues.fromAmount) || formDefaultValues.fromAmount,\n  toAmount:\n    (typeof defaultValues.toAmount === 'number'\n      ? (defaultValues.toAmount as number)?.toPrecision?.()\n      : defaultValues.toAmount) || formDefaultValues.toAmount,\n  // Prevent setting address when the field is hidden\n  toAddress: defaultValues.toAddress || formDefaultValues.toAddress,\n})\n\ninterface FormStoreProviderProps extends PropsWithChildren {\n  formRef?: FormRef\n}\n\nexport const FormStoreProvider: React.FC<FormStoreProviderProps> = ({\n  children,\n  formRef,\n}) => {\n  const widgetConfig = useWidgetConfig()\n\n  const {\n    fromChain,\n    fromToken,\n    toChain,\n    toToken,\n    fromAmount,\n    toAmount,\n    toAddress,\n    formUpdateKey,\n    buildUrl,\n  } = widgetConfig\n\n  const storeRef = useRef<FormStoreStore>(null)\n\n  const configHasFromChain = Object.hasOwn(widgetConfig, 'fromChain')\n  const configHasFromToken = Object.hasOwn(widgetConfig, 'fromToken')\n  const configHasFromAmount = Object.hasOwn(widgetConfig, 'fromAmount')\n  const configHasToAmount = Object.hasOwn(widgetConfig, 'toAmount')\n  const configHasToAddress = Object.hasOwn(widgetConfig, 'toAddress')\n  const configHasToChain = Object.hasOwn(widgetConfig, 'toChain')\n  const configHasToToken = Object.hasOwn(widgetConfig, 'toToken')\n\n  // We use the presence/absence of a property to decide if the form values in state need to be updated\n  // We only build and set a property on the memoized form values here if they are included in the\n  // config - undefined is considered a valid value that will reset that form field\n  // biome-ignore lint/correctness/useExhaustiveDependencies: formUpdateKey is needed here.\n  const reactiveFormValues = useMemo(\n    () => ({\n      ...(configHasFromChain ? { fromChain } : undefined),\n      ...(configHasFromToken ? { fromToken } : undefined),\n      ...(configHasFromAmount\n        ? {\n            fromAmount:\n              (typeof fromAmount === 'number'\n                ? fromAmount?.toPrecision()\n                : fromAmount) || formDefaultValues.fromAmount,\n          }\n        : undefined),\n      ...(configHasToAmount\n        ? {\n            toAmount:\n              (typeof toAmount === 'number'\n                ? toAmount?.toPrecision()\n                : toAmount) || formDefaultValues.toAmount,\n          }\n        : undefined),\n      ...(configHasToChain ? { toChain } : undefined),\n      ...(configHasToToken ? { toToken } : undefined),\n      ...(configHasToAddress\n        ? {\n            toAddress: toAddress?.address || formDefaultValues.toAddress,\n          }\n        : undefined),\n    }),\n    [\n      fromAmount,\n      toAmount,\n      fromChain,\n      fromToken,\n      toAddress,\n      toChain,\n      toToken,\n      // formUpdateKey should be a randomly assigned unique key. It can be used to force updates for the form field values\n      formUpdateKey,\n      configHasFromChain,\n      configHasFromToken,\n      configHasFromAmount,\n      configHasToAmount,\n      configHasToAddress,\n      configHasToChain,\n      configHasToToken,\n    ]\n  )\n\n  if (!storeRef.current) {\n    const queryDefaults = getDefaultValuesFromQueryString({\n      buildUrl,\n      includeToAddress: false,\n    })\n    storeRef.current = createFormStore(\n      initialiseDefaultValues({\n        ...reactiveFormValues,\n        ...queryDefaults,\n      })\n    )\n  }\n\n  useFormRef(storeRef.current, formRef)\n\n  return (\n    <FormStoreContext.Provider value={storeRef.current}>\n      {children}\n      <FormUpdater reactiveFormValues={reactiveFormValues} />\n    </FormStoreContext.Provider>\n  )\n}\n"],"mappings":";;;;;;;;;AAYA,MAAM,2BAA2B,mBAA2C;CAC1E,GAAG;CACH,GAAG;CACH,aACG,OAAO,cAAc,eAAe,WAChC,cAAc,YAAuB,cAAc,IACpD,cAAc,eAAe,kBAAkB;CACrD,WACG,OAAO,cAAc,aAAa,WAC9B,cAAc,UAAqB,cAAc,IAClD,cAAc,aAAa,kBAAkB;CAEnD,WAAW,cAAc,aAAa,kBAAkB;AAC1D;AAMA,MAAa,qBAAuD,EAClE,UACA,cACI;CACJ,MAAM,eAAe,gBAAgB;CAErC,MAAM,EACJ,WACA,WACA,SACA,SACA,YACA,UACA,WACA,eACA,aACE;CAEJ,MAAM,WAAW,OAAuB,IAAI;CAE5C,MAAM,qBAAqB,OAAO,OAAO,cAAc,WAAW;CAClE,MAAM,qBAAqB,OAAO,OAAO,cAAc,WAAW;CAClE,MAAM,sBAAsB,OAAO,OAAO,cAAc,YAAY;CACpE,MAAM,oBAAoB,OAAO,OAAO,cAAc,UAAU;CAChE,MAAM,qBAAqB,OAAO,OAAO,cAAc,WAAW;CAClE,MAAM,mBAAmB,OAAO,OAAO,cAAc,SAAS;CAC9D,MAAM,mBAAmB,OAAO,OAAO,cAAc,SAAS;CAM9D,MAAM,qBAAqB,eAClB;EACL,GAAI,qBAAqB,EAAE,UAAU,IAAI,KAAA;EACzC,GAAI,qBAAqB,EAAE,UAAU,IAAI,KAAA;EACzC,GAAI,sBACA,EACE,aACG,OAAO,eAAe,WACnB,YAAY,YAAY,IACxB,eAAe,kBAAkB,WACzC,IACA,KAAA;EACJ,GAAI,oBACA,EACE,WACG,OAAO,aAAa,WACjB,UAAU,YAAY,IACtB,aAAa,kBAAkB,SACvC,IACA,KAAA;EACJ,GAAI,mBAAmB,EAAE,QAAQ,IAAI,KAAA;EACrC,GAAI,mBAAmB,EAAE,QAAQ,IAAI,KAAA;EACrC,GAAI,qBACA,EACE,WAAW,WAAW,WAAW,kBAAkB,UACrD,IACA,KAAA;CACN,IACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CACF;CAEA,IAAI,CAAC,SAAS,SAAS;EACrB,MAAM,gBAAgB,gCAAgC;GACpD;GACA,kBAAkB;EACpB,CAAC;EACD,SAAS,UAAU,gBACjB,wBAAwB;GACtB,GAAG;GACH,GAAG;EACL,CAAC,CACH;CACF;CAEA,WAAW,SAAS,SAAS,OAAO;CAEpC,OACE,qBAAC,iBAAiB,UAAlB;EAA2B,OAAO,SAAS;YAA3C,CACG,UACD,oBAAC,aAAD,EAAiC,mBAAqB,CAAA,CAC7B;;AAE/B"}
+{"version":3,"file":"FormStore.js","names":[],"sources":["../../../../src/stores/form/FormStore.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react'\nimport { useMemo, useRef } from 'react'\nimport { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js'\nimport type { FormRef } from '../../types/widget.js'\nimport { createFormStore, formDefaultValues } from './createFormStore.js'\nimport { FormStoreContext } from './FormStoreContext.js'\nimport { FormUpdater } from './FormUpdater.js'\nimport { getDefaultValuesFromQueryString } from './getDefaultValuesFromQueryString.js'\nimport type { DefaultValues, FormStoreStore } from './types.js'\nimport { useFormRef } from './useFormRef.js'\n\n// decorates and initialise the form date for use in the form store\nconst initialiseDefaultValues = (defaultValues: Partial<DefaultValues>) => ({\n  ...formDefaultValues,\n  ...defaultValues,\n  fromAmount:\n    (typeof defaultValues.fromAmount === 'number'\n      ? (defaultValues.fromAmount as number)?.toPrecision?.()\n      : defaultValues.fromAmount) || formDefaultValues.fromAmount,\n  toAmount:\n    (typeof defaultValues.toAmount === 'number'\n      ? (defaultValues.toAmount as number)?.toPrecision?.()\n      : defaultValues.toAmount) || formDefaultValues.toAmount,\n  // Prevent setting address when the field is hidden\n  toAddress: defaultValues.toAddress || formDefaultValues.toAddress,\n})\n\ninterface FormStoreProviderProps extends PropsWithChildren {\n  formRef?: FormRef\n}\n\nexport const FormStoreProvider: React.FC<FormStoreProviderProps> = ({\n  children,\n  formRef,\n}) => {\n  const widgetConfig = useWidgetConfig()\n\n  const {\n    fromChain,\n    fromToken,\n    toChain,\n    toToken,\n    fromAmount,\n    toAmount,\n    toAddress,\n    formUpdateKey,\n    buildUrl,\n  } = widgetConfig\n\n  const storeRef = useRef<FormStoreStore>(null)\n\n  const configHasFromChain = Object.hasOwn(widgetConfig, 'fromChain')\n  const configHasFromToken = Object.hasOwn(widgetConfig, 'fromToken')\n  const configHasFromAmount = Object.hasOwn(widgetConfig, 'fromAmount')\n  const configHasToAmount = Object.hasOwn(widgetConfig, 'toAmount')\n  const configHasToAddress = Object.hasOwn(widgetConfig, 'toAddress')\n  const configHasToChain = Object.hasOwn(widgetConfig, 'toChain')\n  const configHasToToken = Object.hasOwn(widgetConfig, 'toToken')\n\n  // We use the presence/absence of a property to decide if the form values in state need to be updated\n  // We only build and set a property on the memoized form values here if they are included in the\n  // config - undefined is considered a valid value that will reset that form field\n  // biome-ignore lint/correctness/useExhaustiveDependencies: formUpdateKey is needed here.\n  const reactiveFormValues = useMemo(\n    () => ({\n      ...(configHasFromChain ? { fromChain } : undefined),\n      ...(configHasFromToken ? { fromToken } : undefined),\n      ...(configHasFromAmount\n        ? {\n            fromAmount:\n              (typeof fromAmount === 'number'\n                ? fromAmount?.toPrecision()\n                : fromAmount) || formDefaultValues.fromAmount,\n          }\n        : undefined),\n      ...(configHasToAmount\n        ? {\n            toAmount:\n              (typeof toAmount === 'number'\n                ? toAmount?.toPrecision()\n                : toAmount) || formDefaultValues.toAmount,\n          }\n        : undefined),\n      ...(configHasToChain ? { toChain } : undefined),\n      ...(configHasToToken ? { toToken } : undefined),\n      ...(configHasToAddress\n        ? {\n            toAddress: toAddress?.address || formDefaultValues.toAddress,\n          }\n        : undefined),\n    }),\n    [\n      fromAmount,\n      toAmount,\n      fromChain,\n      fromToken,\n      toAddress,\n      toChain,\n      toToken,\n      // formUpdateKey should be a randomly assigned unique key. It can be used to force updates for the form field values\n      formUpdateKey,\n      configHasFromChain,\n      configHasFromToken,\n      configHasFromAmount,\n      configHasToAmount,\n      configHasToAddress,\n      configHasToChain,\n      configHasToToken,\n    ]\n  )\n\n  if (!storeRef.current) {\n    const queryDefaults = getDefaultValuesFromQueryString({\n      buildUrl,\n      includeToAddress: false,\n    })\n    storeRef.current = createFormStore(\n      initialiseDefaultValues({\n        ...reactiveFormValues,\n        ...queryDefaults,\n      })\n    )\n  }\n\n  useFormRef(storeRef.current, formRef)\n\n  return (\n    <FormStoreContext value={storeRef.current}>\n      {children}\n      <FormUpdater reactiveFormValues={reactiveFormValues} />\n    </FormStoreContext>\n  )\n}\n"],"mappings":";;;;;;;;;AAYA,MAAM,2BAA2B,mBAA2C;CAC1E,GAAG;CACH,GAAG;CACH,aACG,OAAO,cAAc,eAAe,WAChC,cAAc,YAAuB,cAAc,IACpD,cAAc,eAAe,kBAAkB;CACrD,WACG,OAAO,cAAc,aAAa,WAC9B,cAAc,UAAqB,cAAc,IAClD,cAAc,aAAa,kBAAkB;CAEnD,WAAW,cAAc,aAAa,kBAAkB;AAC1D;AAMA,MAAa,qBAAuD,EAClE,UACA,cACI;CACJ,MAAM,eAAe,gBAAgB;CAErC,MAAM,EACJ,WACA,WACA,SACA,SACA,YACA,UACA,WACA,eACA,aACE;CAEJ,MAAM,WAAW,OAAuB,IAAI;CAE5C,MAAM,qBAAqB,OAAO,OAAO,cAAc,WAAW;CAClE,MAAM,qBAAqB,OAAO,OAAO,cAAc,WAAW;CAClE,MAAM,sBAAsB,OAAO,OAAO,cAAc,YAAY;CACpE,MAAM,oBAAoB,OAAO,OAAO,cAAc,UAAU;CAChE,MAAM,qBAAqB,OAAO,OAAO,cAAc,WAAW;CAClE,MAAM,mBAAmB,OAAO,OAAO,cAAc,SAAS;CAC9D,MAAM,mBAAmB,OAAO,OAAO,cAAc,SAAS;CAM9D,MAAM,qBAAqB,eAClB;EACL,GAAI,qBAAqB,EAAE,UAAU,IAAI,KAAA;EACzC,GAAI,qBAAqB,EAAE,UAAU,IAAI,KAAA;EACzC,GAAI,sBACA,EACE,aACG,OAAO,eAAe,WACnB,YAAY,YAAY,IACxB,eAAe,kBAAkB,WACzC,IACA,KAAA;EACJ,GAAI,oBACA,EACE,WACG,OAAO,aAAa,WACjB,UAAU,YAAY,IACtB,aAAa,kBAAkB,SACvC,IACA,KAAA;EACJ,GAAI,mBAAmB,EAAE,QAAQ,IAAI,KAAA;EACrC,GAAI,mBAAmB,EAAE,QAAQ,IAAI,KAAA;EACrC,GAAI,qBACA,EACE,WAAW,WAAW,WAAW,kBAAkB,UACrD,IACA,KAAA;CACN,IACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CACF;CAEA,IAAI,CAAC,SAAS,SAAS;EACrB,MAAM,gBAAgB,gCAAgC;GACpD;GACA,kBAAkB;EACpB,CAAC;EACD,SAAS,UAAU,gBACjB,wBAAwB;GACtB,GAAG;GACH,GAAG;EACL,CAAC,CACH;CACF;CAEA,WAAW,SAAS,SAAS,OAAO;CAEpC,OACE,qBAAC,kBAAD;EAAkB,OAAO,SAAS;YAAlC,CACG,UACD,oBAAC,aAAD,EAAiC,mBAAqB,CAAA,CACtC;;AAEtB"}

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,EAAE;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":"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"}
+{"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,EAAY,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"}

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

@@ -1 +1 @@
-{"version":3,"file":"useFieldActions.js","names":[],"sources":["../../../../src/stores/form/useFieldActions.ts"],"sourcesContent":["import { useCallback } from 'react'\nimport { useWidgetEvents } from '../../hooks/useWidgetEvents.js'\nimport type { FormFieldChanged } from '../../types/events.js'\nimport { WidgetEvent } from '../../types/events.js'\nimport type {\n  DefaultValues,\n  FormActions,\n  FormFieldNames,\n  GenericFormValue,\n  SetOptions,\n} from './types.js'\nimport { useFormStore } from './useFormStore.js'\n\nexport const useFieldActions = (): FormActions => {\n  const emitter = useWidgetEvents()\n  const actions = useFormStore<FormActions>((store) => ({\n    getFieldValues: store.getFieldValues,\n    isTouched: store.isTouched,\n    isDirty: store.isDirty,\n    resetField: store.resetField,\n    setAsTouched: store.setAsTouched,\n    setDefaultValues: store.setDefaultValues,\n    setFieldValue: store.setFieldValue,\n    setUserAndDefaultValues: store.setUserAndDefaultValues,\n  }))\n\n  const setFieldValueWithEmittedEvents = useCallback(\n    (\n      fieldName: FormFieldNames,\n      newValue: GenericFormValue,\n      options?: SetOptions\n    ) => {\n      const oldValue = actions.getFieldValues(fieldName)[0]\n\n      actions.setFieldValue(fieldName, newValue, options)\n\n      if (newValue !== oldValue) {\n        emitter.emit(WidgetEvent.FormFieldChanged, {\n          fieldName,\n          newValue,\n          oldValue,\n        } as FormFieldChanged)\n      }\n    },\n    [actions, emitter]\n  )\n\n  const setUserAndDefaultValuesWithEmittedEvents = useCallback(\n    (formValues: Partial<DefaultValues>) => {\n      const formValuesKeys = Object.keys(formValues) as FormFieldNames[]\n\n      const changedValues = formValuesKeys.reduce(\n        (accum, fieldName) => {\n          const oldValue = actions.getFieldValues(fieldName)[0]\n          const newValue = formValues[fieldName]\n\n          if (newValue !== oldValue) {\n            accum.push({ fieldName, newValue, oldValue })\n          }\n\n          return accum\n        },\n        [] as {\n          fieldName: FormFieldNames\n          newValue: GenericFormValue\n          oldValue: GenericFormValue\n        }[]\n      )\n\n      actions.setUserAndDefaultValues(formValues)\n\n      changedValues.forEach(({ fieldName, newValue, oldValue }) => {\n        emitter.emit(WidgetEvent.FormFieldChanged, {\n          fieldName,\n          newValue,\n          oldValue,\n        } as FormFieldChanged)\n      })\n    },\n    [actions, emitter]\n  )\n\n  return {\n    getFieldValues: actions.getFieldValues,\n    isTouched: actions.isTouched,\n    isDirty: actions.isDirty,\n    resetField: actions.resetField,\n    setAsTouched: actions.setAsTouched,\n    setDefaultValues: actions.setDefaultValues,\n    setFieldValue: setFieldValueWithEmittedEvents,\n    setUserAndDefaultValues: setUserAndDefaultValuesWithEmittedEvents,\n  }\n}\n"],"mappings":";;;;;AAaA,MAAa,wBAAqC;CAChD,MAAM,UAAU,gBAAgB;CAChC,MAAM,UAAU,cAA2B,WAAW;EACpD,gBAAgB,MAAM;EACtB,WAAW,MAAM;EACjB,SAAS,MAAM;EACf,YAAY,MAAM;EAClB,cAAc,MAAM;EACpB,kBAAkB,MAAM;EACxB,eAAe,MAAM;EACrB,yBAAyB,MAAM;CACjC,EAAE;CAEF,MAAM,iCAAiC,aAEnC,WACA,UACA,YACG;EACH,MAAM,WAAW,QAAQ,eAAe,SAAS,EAAE;EAEnD,QAAQ,cAAc,WAAW,UAAU,OAAO;EAElD,IAAI,aAAa,UACf,QAAQ,KAAA,oBAAmC;GACzC;GACA;GACA;EACF,CAAqB;CAEzB,GACA,CAAC,SAAS,OAAO,CACnB;CAEA,MAAM,2CAA2C,aAC9C,eAAuC;EAGtC,MAAM,gBAFiB,OAAO,KAAK,UAEA,EAAE,QAClC,OAAO,cAAc;GACpB,MAAM,WAAW,QAAQ,eAAe,SAAS,EAAE;GACnD,MAAM,WAAW,WAAW;GAE5B,IAAI,aAAa,UACf,MAAM,KAAK;IAAE;IAAW;IAAU;GAAS,CAAC;GAG9C,OAAO;EACT,GACA,CAAC,CAKH;EAEA,QAAQ,wBAAwB,UAAU;EAE1C,cAAc,SAAS,EAAE,WAAW,UAAU,eAAe;GAC3D,QAAQ,KAAA,oBAAmC;IACzC;IACA;IACA;GACF,CAAqB;EACvB,CAAC;CACH,GACA,CAAC,SAAS,OAAO,CACnB;CAEA,OAAO;EACL,gBAAgB,QAAQ;EACxB,WAAW,QAAQ;EACnB,SAAS,QAAQ;EACjB,YAAY,QAAQ;EACpB,cAAc,QAAQ;EACtB,kBAAkB,QAAQ;EAC1B,eAAe;EACf,yBAAyB;CAC3B;AACF"}
+{"version":3,"file":"useFieldActions.js","names":[],"sources":["../../../../src/stores/form/useFieldActions.ts"],"sourcesContent":["import { useCallback } from 'react'\nimport { useWidgetEvents } from '../../hooks/useWidgetEvents.js'\nimport type { FormFieldChanged } from '../../types/events.js'\nimport { WidgetEvent } from '../../types/events.js'\nimport type {\n  DefaultValues,\n  FormActions,\n  FormFieldNames,\n  GenericFormValue,\n  SetOptions,\n} from './types.js'\nimport { useFormStore } from './useFormStore.js'\n\nexport const useFieldActions = (): FormActions => {\n  const emitter = useWidgetEvents()\n  const actions = useFormStore<FormActions>((store) => ({\n    getFieldValues: store.getFieldValues,\n    isTouched: store.isTouched,\n    isDirty: store.isDirty,\n    resetField: store.resetField,\n    setAsTouched: store.setAsTouched,\n    setDefaultValues: store.setDefaultValues,\n    setFieldValue: store.setFieldValue,\n    setUserAndDefaultValues: store.setUserAndDefaultValues,\n  }))\n\n  const setFieldValueWithEmittedEvents = useCallback(\n    (\n      fieldName: FormFieldNames,\n      newValue: GenericFormValue,\n      options?: SetOptions\n    ) => {\n      const oldValue = actions.getFieldValues(fieldName)[0]\n\n      actions.setFieldValue(fieldName, newValue, options)\n\n      if (newValue !== oldValue) {\n        emitter.emit(WidgetEvent.FormFieldChanged, {\n          fieldName,\n          newValue,\n          oldValue,\n        } as FormFieldChanged)\n      }\n    },\n    [actions, emitter]\n  )\n\n  const setUserAndDefaultValuesWithEmittedEvents = useCallback(\n    (formValues: Partial<DefaultValues>) => {\n      const formValuesKeys = Object.keys(formValues) as FormFieldNames[]\n\n      const changedValues = formValuesKeys.reduce(\n        (accum, fieldName) => {\n          const oldValue = actions.getFieldValues(fieldName)[0]\n          const newValue = formValues[fieldName]\n\n          if (newValue !== oldValue) {\n            accum.push({ fieldName, newValue, oldValue })\n          }\n\n          return accum\n        },\n        [] as {\n          fieldName: FormFieldNames\n          newValue: GenericFormValue\n          oldValue: GenericFormValue\n        }[]\n      )\n\n      actions.setUserAndDefaultValues(formValues)\n\n      changedValues.forEach(({ fieldName, newValue, oldValue }) => {\n        emitter.emit(WidgetEvent.FormFieldChanged, {\n          fieldName,\n          newValue,\n          oldValue,\n        } as FormFieldChanged)\n      })\n    },\n    [actions, emitter]\n  )\n\n  return {\n    getFieldValues: actions.getFieldValues,\n    isTouched: actions.isTouched,\n    isDirty: actions.isDirty,\n    resetField: actions.resetField,\n    setAsTouched: actions.setAsTouched,\n    setDefaultValues: actions.setDefaultValues,\n    setFieldValue: setFieldValueWithEmittedEvents,\n    setUserAndDefaultValues: setUserAndDefaultValuesWithEmittedEvents,\n  }\n}\n"],"mappings":";;;;;AAaA,MAAa,wBAAqC;CAChD,MAAM,UAAU,gBAAgB;CAChC,MAAM,UAAU,cAA2B,WAAW;EACpD,gBAAgB,MAAM;EACtB,WAAW,MAAM;EACjB,SAAS,MAAM;EACf,YAAY,MAAM;EAClB,cAAc,MAAM;EACpB,kBAAkB,MAAM;EACxB,eAAe,MAAM;EACrB,yBAAyB,MAAM;CACjC,EAAE;CAEF,MAAM,iCAAiC,aAEnC,WACA,UACA,YACG;EACH,MAAM,WAAW,QAAQ,eAAe,SAAS,CAAC,CAAC;EAEnD,QAAQ,cAAc,WAAW,UAAU,OAAO;EAElD,IAAI,aAAa,UACf,QAAQ,KAAA,oBAAmC;GACzC;GACA;GACA;EACF,CAAqB;CAEzB,GACA,CAAC,SAAS,OAAO,CACnB;CAEA,MAAM,2CAA2C,aAC9C,eAAuC;EAGtC,MAAM,gBAFiB,OAAO,KAAK,UAEA,CAAC,CAAC,QAClC,OAAO,cAAc;GACpB,MAAM,WAAW,QAAQ,eAAe,SAAS,CAAC,CAAC;GACnD,MAAM,WAAW,WAAW;GAE5B,IAAI,aAAa,UACf,MAAM,KAAK;IAAE;IAAW;IAAU;GAAS,CAAC;GAG9C,OAAO;EACT,GACA,CAAC,CAKH;EAEA,QAAQ,wBAAwB,UAAU;EAE1C,cAAc,SAAS,EAAE,WAAW,UAAU,eAAe;GAC3D,QAAQ,KAAA,oBAAmC;IACzC;IACA;IACA;GACF,CAAqB;EACvB,CAAC;CACH,GACA,CAAC,SAAS,OAAO,CACnB;CAEA,OAAO;EACL,gBAAgB,QAAQ;EACxB,WAAW,QAAQ;EACnB,SAAS,QAAQ;EACjB,YAAY,QAAQ;EACpB,cAAc,QAAQ;EACtB,kBAAkB,QAAQ;EAC1B,eAAe;EACf,yBAAyB;CAC3B;AACF"}

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

@@ -1 +1 @@
-{"version":3,"file":"useFieldValues.js","names":[],"sources":["../../../../src/stores/form/useFieldValues.ts"],"sourcesContent":["import type { FormFieldArray, FormFieldNames } from './types.js'\nimport { useFormStore } from './useFormStore.js'\n\n// We should return a strongly-typed array based on the specific field names we pass to the function.\nexport const useFieldValues = <T extends FormFieldNames[]>(\n  ...names: T\n): FormFieldArray<T> => {\n  const values = useFormStore(\n    (store) =>\n      names.map((name) => store.userValues[name]?.value) as FormFieldArray<T>\n  )\n\n  return values\n}\n"],"mappings":";;AAIA,MAAa,kBACX,GAAG,UACmB;CAMtB,OALe,cACZ,UACC,MAAM,KAAK,SAAS,MAAM,WAAW,OAAO,KAAK,CAGzC;AACd"}
+{"version":3,"file":"useFieldValues.js","names":[],"sources":["../../../../src/stores/form/useFieldValues.ts"],"sourcesContent":["import type { FormFieldArray, FormFieldNames } from './types.js'\nimport { useFormStore } from './useFormStore.js'\n\n// We should return a strongly-typed array based on the specific field names we pass to the function.\nexport const useFieldValues = <T extends FormFieldNames[]>(\n  ...names: T\n): FormFieldArray<T> => {\n  const values = useFormStore(\n    (store) =>\n      names.map((name) => store.userValues[name]?.value) as FormFieldArray<T>\n  )\n\n  return values\n}\n"],"mappings":";;AAIA,MAAa,kBACX,GAAG,UACmB;CAMtB,OALe,cACZ,UACC,MAAM,KAAK,SAAS,MAAM,WAAW,KAAK,EAAE,KAAK,CAGzC;AACd"}

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

@@ -1 +1 @@
-{"version":3,"file":"useFormRef.js","names":[],"sources":["../../../../src/stores/form/useFormRef.ts"],"sourcesContent":["import { useImperativeHandle } from 'react'\nimport { widgetEvents } from '../../hooks/useWidgetEvents.js'\nimport { useBookmarkActions } from '../../stores/bookmarks/useBookmarkActions.js'\nimport { formDefaultValues } from '../../stores/form/createFormStore.js'\nimport type { FormFieldChanged } from '../../types/events.js'\nimport { WidgetEvent } from '../../types/events.js'\nimport type { FormRef } from '../../types/widget.js'\nimport type {\n  FormFieldNames,\n  FormStoreStore,\n  GenericFormValue,\n} from './types.js'\n\nexport const useFormRef = (\n  formStore: FormStoreStore,\n  formRef?: FormRef\n): void => {\n  const { setSelectedBookmark } = useBookmarkActions()\n\n  useImperativeHandle(formRef, () => {\n    const sanitizeValue: {\n      [key: string]: (value: any) => GenericFormValue\n    } = {\n      fromAmount: (value) =>\n        (typeof value === 'number' ? value?.toPrecision() : value) ||\n        formDefaultValues.fromAmount,\n      toAmount: (value) =>\n        (typeof value === 'number' ? value?.toPrecision() : value) ||\n        formDefaultValues.toAmount,\n      toAddress: (value) => {\n        const isToAddressObj = typeof value !== 'string'\n\n        const address =\n          (isToAddressObj ? value?.address : value) ||\n          formDefaultValues.toAddress\n\n        // we can assume that the toAddress has been passed as ToAddress object\n        // and display it accordingly - this ensures that if a name is included\n        // that it is displayed in the Send To Wallet form field correctly\n        if (isToAddressObj) {\n          setSelectedBookmark(value)\n        }\n\n        return address\n      },\n    }\n\n    return {\n      setFieldValue: (fieldName, value, options) => {\n        const sanitizedValue = (\n          sanitizeValue[fieldName] ? sanitizeValue[fieldName](value) : value\n        ) as GenericFormValue\n\n        const fieldValueOptions = options?.setUrlSearchParam\n          ? { isTouched: options?.setUrlSearchParam }\n          : undefined\n\n        const oldValue = formStore\n          .getState()\n          .getFieldValues(fieldName as FormFieldNames)[0]\n\n        formStore\n          .getState()\n          .setFieldValue(fieldName, sanitizedValue, fieldValueOptions)\n\n        if (sanitizedValue !== oldValue) {\n          widgetEvents.emit(WidgetEvent.FormFieldChanged, {\n            fieldName,\n            newValue: sanitizedValue,\n            oldValue,\n          } as FormFieldChanged)\n        }\n      },\n    }\n  }, [formStore, setSelectedBookmark])\n}\n"],"mappings":";;;;;;AAaA,MAAa,cACX,WACA,YACS;CACT,MAAM,EAAE,wBAAwB,mBAAmB;CAEnD,oBAAoB,eAAe;EACjC,MAAM,gBAEF;GACF,aAAa,WACV,OAAO,UAAU,WAAW,OAAO,YAAY,IAAI,UACpD,kBAAkB;GACpB,WAAW,WACR,OAAO,UAAU,WAAW,OAAO,YAAY,IAAI,UACpD,kBAAkB;GACpB,YAAY,UAAU;IACpB,MAAM,iBAAiB,OAAO,UAAU;IAExC,MAAM,WACH,iBAAiB,OAAO,UAAU,UACnC,kBAAkB;IAKpB,IAAI,gBACF,oBAAoB,KAAK;IAG3B,OAAO;GACT;EACF;EAEA,OAAO,EACL,gBAAgB,WAAW,OAAO,YAAY;GAC5C,MAAM,iBACJ,cAAc,aAAa,cAAc,WAAW,KAAK,IAAI;GAG/D,MAAM,oBAAoB,SAAS,oBAC/B,EAAE,WAAW,SAAS,kBAAkB,IACxC,KAAA;GAEJ,MAAM,WAAW,UACd,SAAS,EACT,eAAe,SAA2B,EAAE;GAE/C,UACG,SAAS,EACT,cAAc,WAAW,gBAAgB,iBAAiB;GAE7D,IAAI,mBAAmB,UACrB,aAAa,KAAA,oBAAmC;IAC9C;IACA,UAAU;IACV;GACF,CAAqB;EAEzB,EACF;CACF,GAAG,CAAC,WAAW,mBAAmB,CAAC;AACrC"}
+{"version":3,"file":"useFormRef.js","names":[],"sources":["../../../../src/stores/form/useFormRef.ts"],"sourcesContent":["import { useImperativeHandle } from 'react'\nimport { widgetEvents } from '../../hooks/useWidgetEvents.js'\nimport { useBookmarkActions } from '../../stores/bookmarks/useBookmarkActions.js'\nimport { formDefaultValues } from '../../stores/form/createFormStore.js'\nimport type { FormFieldChanged } from '../../types/events.js'\nimport { WidgetEvent } from '../../types/events.js'\nimport type { FormRef } from '../../types/widget.js'\nimport type {\n  FormFieldNames,\n  FormStoreStore,\n  GenericFormValue,\n} from './types.js'\n\nexport const useFormRef = (\n  formStore: FormStoreStore,\n  formRef?: FormRef\n): void => {\n  const { setSelectedBookmark } = useBookmarkActions()\n\n  useImperativeHandle(formRef, () => {\n    const sanitizeValue: {\n      [key: string]: (value: any) => GenericFormValue\n    } = {\n      fromAmount: (value) =>\n        (typeof value === 'number' ? value?.toPrecision() : value) ||\n        formDefaultValues.fromAmount,\n      toAmount: (value) =>\n        (typeof value === 'number' ? value?.toPrecision() : value) ||\n        formDefaultValues.toAmount,\n      toAddress: (value) => {\n        const isToAddressObj = typeof value !== 'string'\n\n        const address =\n          (isToAddressObj ? value?.address : value) ||\n          formDefaultValues.toAddress\n\n        // we can assume that the toAddress has been passed as ToAddress object\n        // and display it accordingly - this ensures that if a name is included\n        // that it is displayed in the Send To Wallet form field correctly\n        if (isToAddressObj) {\n          setSelectedBookmark(value)\n        }\n\n        return address\n      },\n    }\n\n    return {\n      setFieldValue: (fieldName, value, options) => {\n        const sanitizedValue = (\n          sanitizeValue[fieldName] ? sanitizeValue[fieldName](value) : value\n        ) as GenericFormValue\n\n        const fieldValueOptions = options?.setUrlSearchParam\n          ? { isTouched: options?.setUrlSearchParam }\n          : undefined\n\n        const oldValue = formStore\n          .getState()\n          .getFieldValues(fieldName as FormFieldNames)[0]\n\n        formStore\n          .getState()\n          .setFieldValue(fieldName, sanitizedValue, fieldValueOptions)\n\n        if (sanitizedValue !== oldValue) {\n          widgetEvents.emit(WidgetEvent.FormFieldChanged, {\n            fieldName,\n            newValue: sanitizedValue,\n            oldValue,\n          } as FormFieldChanged)\n        }\n      },\n    }\n  }, [formStore, setSelectedBookmark])\n}\n"],"mappings":";;;;;;AAaA,MAAa,cACX,WACA,YACS;CACT,MAAM,EAAE,wBAAwB,mBAAmB;CAEnD,oBAAoB,eAAe;EACjC,MAAM,gBAEF;GACF,aAAa,WACV,OAAO,UAAU,WAAW,OAAO,YAAY,IAAI,UACpD,kBAAkB;GACpB,WAAW,WACR,OAAO,UAAU,WAAW,OAAO,YAAY,IAAI,UACpD,kBAAkB;GACpB,YAAY,UAAU;IACpB,MAAM,iBAAiB,OAAO,UAAU;IAExC,MAAM,WACH,iBAAiB,OAAO,UAAU,UACnC,kBAAkB;IAKpB,IAAI,gBACF,oBAAoB,KAAK;IAG3B,OAAO;GACT;EACF;EAEA,OAAO,EACL,gBAAgB,WAAW,OAAO,YAAY;GAC5C,MAAM,iBACJ,cAAc,aAAa,cAAc,UAAU,CAAC,KAAK,IAAI;GAG/D,MAAM,oBAAoB,SAAS,oBAC/B,EAAE,WAAW,SAAS,kBAAkB,IACxC,KAAA;GAEJ,MAAM,WAAW,UACd,SAAS,CAAC,CACV,eAAe,SAA2B,CAAC,CAAC;GAE/C,UACG,SAAS,CAAC,CACV,cAAc,WAAW,gBAAgB,iBAAiB;GAE7D,IAAI,mBAAmB,UACrB,aAAa,KAAA,oBAAmC;IAC9C;IACA,UAAU;IACV;GACF,CAAqB;EAEzB,EACF;CACF,GAAG,CAAC,WAAW,mBAAmB,CAAC;AACrC"}

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

@@ -1,9 +1,9 @@
 import { FormStoreContext } from "./FormStoreContext.js";
-import { useContext } from "react";
+import { use } from "react";
 import { useShallow } from "zustand/shallow";
 //#region src/stores/form/useFormStore.ts
 function useFormStore(selector) {
-	const useStore = useContext(FormStoreContext);
+	const useStore = use(FormStoreContext);
 	if (!useStore) throw new Error("You forgot to wrap your component in <FormStoreProvider>.");
 	return useStore(useShallow(selector));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"useFormStore.js","names":[],"sources":["../../../../src/stores/form/useFormStore.ts"],"sourcesContent":["import { useContext } from 'react'\nimport { useShallow } from 'zustand/shallow'\nimport { FormStoreContext } from './FormStoreContext.js'\nimport type { FormValuesState } from './types.js'\n\nexport function useFormStore<T>(selector: (state: FormValuesState) => T): T {\n  const useStore = useContext(FormStoreContext)\n\n  if (!useStore) {\n    throw new Error('You forgot to wrap your component in <FormStoreProvider>.')\n  }\n\n  return useStore(useShallow(selector))\n}\n"],"mappings":";;;;AAKA,SAAgB,aAAgB,UAA4C;CAC1E,MAAM,WAAW,WAAW,gBAAgB;CAE5C,IAAI,CAAC,UACH,MAAM,IAAI,MAAM,2DAA2D;CAG7E,OAAO,SAAS,WAAW,QAAQ,CAAC;AACtC"}
+{"version":3,"file":"useFormStore.js","names":[],"sources":["../../../../src/stores/form/useFormStore.ts"],"sourcesContent":["import { use } from 'react'\nimport { useShallow } from 'zustand/shallow'\nimport { FormStoreContext } from './FormStoreContext.js'\nimport type { FormValuesState } from './types.js'\n\nexport function useFormStore<T>(selector: (state: FormValuesState) => T): T {\n  const useStore = use(FormStoreContext)\n\n  if (!useStore) {\n    throw new Error('You forgot to wrap your component in <FormStoreProvider>.')\n  }\n\n  return useStore(useShallow(selector))\n}\n"],"mappings":";;;;AAKA,SAAgB,aAAgB,UAA4C;CAC1E,MAAM,WAAW,IAAI,gBAAgB;CAErC,IAAI,CAAC,UACH,MAAM,IAAI,MAAM,2DAA2D;CAG7E,OAAO,SAAS,WAAW,QAAQ,CAAC;AACtC"}

package/dist/esm/stores/header/useHeaderStore.js

@@ -1,4 +1,4 @@
-import { createContext, useContext, useRef } from "react";
+import { createContext, use, useRef } from "react";
 import { create } from "zustand";
 import { useShallow } from "zustand/shallow";
 import { jsx } from "react/jsx-runtime";
@@ -7,13 +7,13 @@ const HeaderStoreContext = createContext(null);
 function HeaderStoreProvider({ children }) {
 	const storeRef = useRef(null);
 	if (!storeRef.current) storeRef.current = createHeaderStore();
-	return /* @__PURE__ */ jsx(HeaderStoreContext.Provider, {
+	return /* @__PURE__ */ jsx(HeaderStoreContext, {
 		value: storeRef.current,
 		children
 	});
 }
 function useHeaderStoreContext() {
-	const useStore = useContext(HeaderStoreContext);
+	const useStore = use(HeaderStoreContext);
 	if (!useStore) throw new Error(`You forgot to wrap your component in <${HeaderStoreProvider.name}>.`);
 	return useStore;
 }

package/dist/esm/stores/header/useHeaderStore.js.map

@@ -1 +1 @@
-{"version":3,"file":"useHeaderStore.js","names":[],"sources":["../../../../src/stores/header/useHeaderStore.tsx"],"sourcesContent":["import { createContext, useContext, useRef } from 'react'\nimport { create } from 'zustand'\nimport { useShallow } from 'zustand/shallow'\nimport type { PersistStoreProviderProps } from '../types.js'\nimport type { HeaderState, HeaderStore } from './types.js'\n\nconst HeaderStoreContext = createContext<HeaderStore | null>(null)\n\nexport function HeaderStoreProvider({\n  children,\n}: PersistStoreProviderProps): any {\n  const storeRef = useRef<HeaderStore>(null)\n  if (!storeRef.current) {\n    storeRef.current = createHeaderStore()\n  }\n  return (\n    <HeaderStoreContext.Provider value={storeRef.current}>\n      {children}\n    </HeaderStoreContext.Provider>\n  )\n}\n\nfunction useHeaderStoreContext() {\n  const useStore = useContext(HeaderStoreContext)\n  if (!useStore) {\n    throw new Error(\n      `You forgot to wrap your component in <${HeaderStoreProvider.name}>.`\n    )\n  }\n  return useStore\n}\n\nexport function useHeaderStore<T>(selector: (state: HeaderState) => T): T {\n  const useStore = useHeaderStoreContext()\n  return useStore(useShallow(selector))\n}\n\n// We use fixed position on the header when Widget is in Full Height layout.\n// We do this to get it to work like the sticky header does in the other layout modes.\n// As the header is position fixed its not in the document flow anymore.\n// To prevent the remaining page content from appearing behind the header we need to\n// pass the headers height so that the position of the page content can be adjusted\nexport function useHeaderHeight(): any {\n  const headerHeight = useHeaderStore((state) => state.headerHeight)\n\n  return {\n    headerHeight,\n  }\n}\n\nexport function useSetHeaderHeight(): any {\n  const setHeaderHeight = useHeaderStore((state) => state.setHeaderHeight)\n\n  return {\n    setHeaderHeight,\n  }\n}\n\nconst createHeaderStore = () =>\n  create<HeaderState>((set, get) => ({\n    headerHeight: 108, // default header height\n    setAction: (element) => {\n      set(() => ({\n        element,\n      }))\n      return get().removeAction\n    },\n    setTitle: (title) => {\n      set(() => ({\n        title,\n      }))\n      return get().removeTitle\n    },\n    removeAction: () => {\n      set(() => ({\n        element: null,\n      }))\n    },\n    removeTitle: () => {\n      set(() => ({\n        title: undefined,\n      }))\n    },\n    setHeaderHeight: (headerHeight) => {\n      set(() => ({\n        headerHeight,\n      }))\n    },\n    setBackAction: (action) => {\n      set(() => ({\n        backAction: action,\n      }))\n    },\n    executeBackAction: () => {\n      const { backAction } = get()\n      if (backAction) {\n        backAction()\n        set(() => ({\n          backAction: undefined,\n        }))\n      }\n    },\n  }))\n"],"mappings":";;;;;AAMA,MAAM,qBAAqB,cAAkC,IAAI;AAEjE,SAAgB,oBAAoB,EAClC,YACiC;CACjC,MAAM,WAAW,OAAoB,IAAI;CACzC,IAAI,CAAC,SAAS,SACZ,SAAS,UAAU,kBAAkB;CAEvC,OACE,oBAAC,mBAAmB,UAApB;EAA6B,OAAO,SAAS;EAC1C;CAC0B,CAAA;AAEjC;AAEA,SAAS,wBAAwB;CAC/B,MAAM,WAAW,WAAW,kBAAkB;CAC9C,IAAI,CAAC,UACH,MAAM,IAAI,MACR,yCAAyC,oBAAoB,KAAK,GACpE;CAEF,OAAO;AACT;AAEA,SAAgB,eAAkB,UAAwC;CAExE,OADiB,sBACH,EAAE,WAAW,QAAQ,CAAC;AACtC;AAOA,SAAgB,kBAAuB;CAGrC,OAAO,EACL,cAHmB,gBAAgB,UAAU,MAAM,YAGxC,EACb;AACF;AAEA,SAAgB,qBAA0B;CAGxC,OAAO,EACL,iBAHsB,gBAAgB,UAAU,MAAM,eAGxC,EAChB;AACF;AAEA,MAAM,0BACJ,QAAqB,KAAK,SAAS;CACjC,cAAc;CACd,YAAY,YAAY;EACtB,WAAW,EACT,QACF,EAAE;EACF,OAAO,IAAI,EAAE;CACf;CACA,WAAW,UAAU;EACnB,WAAW,EACT,MACF,EAAE;EACF,OAAO,IAAI,EAAE;CACf;CACA,oBAAoB;EAClB,WAAW,EACT,SAAS,KACX,EAAE;CACJ;CACA,mBAAmB;EACjB,WAAW,EACT,OAAO,KAAA,EACT,EAAE;CACJ;CACA,kBAAkB,iBAAiB;EACjC,WAAW,EACT,aACF,EAAE;CACJ;CACA,gBAAgB,WAAW;EACzB,WAAW,EACT,YAAY,OACd,EAAE;CACJ;CACA,yBAAyB;EACvB,MAAM,EAAE,eAAe,IAAI;EAC3B,IAAI,YAAY;GACd,WAAW;GACX,WAAW,EACT,YAAY,KAAA,EACd,EAAE;EACJ;CACF;AACF,EAAE"}
+{"version":3,"file":"useHeaderStore.js","names":[],"sources":["../../../../src/stores/header/useHeaderStore.tsx"],"sourcesContent":["import { createContext, use, useRef } from 'react'\nimport { create } from 'zustand'\nimport { useShallow } from 'zustand/shallow'\nimport type { PersistStoreProviderProps } from '../types.js'\nimport type { HeaderState, HeaderStore } from './types.js'\n\nconst HeaderStoreContext = createContext<HeaderStore | null>(null)\n\nexport function HeaderStoreProvider({\n  children,\n}: PersistStoreProviderProps): any {\n  const storeRef = useRef<HeaderStore>(null)\n  if (!storeRef.current) {\n    storeRef.current = createHeaderStore()\n  }\n  return (\n    <HeaderStoreContext value={storeRef.current}>{children}</HeaderStoreContext>\n  )\n}\n\nfunction useHeaderStoreContext() {\n  const useStore = use(HeaderStoreContext)\n  if (!useStore) {\n    throw new Error(\n      `You forgot to wrap your component in <${HeaderStoreProvider.name}>.`\n    )\n  }\n  return useStore\n}\n\nexport function useHeaderStore<T>(selector: (state: HeaderState) => T): T {\n  const useStore = useHeaderStoreContext()\n  return useStore(useShallow(selector))\n}\n\n// We use fixed position on the header when Widget is in Full Height layout.\n// We do this to get it to work like the sticky header does in the other layout modes.\n// As the header is position fixed its not in the document flow anymore.\n// To prevent the remaining page content from appearing behind the header we need to\n// pass the headers height so that the position of the page content can be adjusted\nexport function useHeaderHeight(): any {\n  const headerHeight = useHeaderStore((state) => state.headerHeight)\n\n  return {\n    headerHeight,\n  }\n}\n\nexport function useSetHeaderHeight(): any {\n  const setHeaderHeight = useHeaderStore((state) => state.setHeaderHeight)\n\n  return {\n    setHeaderHeight,\n  }\n}\n\nconst createHeaderStore = () =>\n  create<HeaderState>((set, get) => ({\n    headerHeight: 108, // default header height\n    setAction: (element) => {\n      set(() => ({\n        element,\n      }))\n      return get().removeAction\n    },\n    setTitle: (title) => {\n      set(() => ({\n        title,\n      }))\n      return get().removeTitle\n    },\n    removeAction: () => {\n      set(() => ({\n        element: null,\n      }))\n    },\n    removeTitle: () => {\n      set(() => ({\n        title: undefined,\n      }))\n    },\n    setHeaderHeight: (headerHeight) => {\n      set(() => ({\n        headerHeight,\n      }))\n    },\n    setBackAction: (action) => {\n      set(() => ({\n        backAction: action,\n      }))\n    },\n    executeBackAction: () => {\n      const { backAction } = get()\n      if (backAction) {\n        backAction()\n        set(() => ({\n          backAction: undefined,\n        }))\n      }\n    },\n  }))\n"],"mappings":";;;;;AAMA,MAAM,qBAAqB,cAAkC,IAAI;AAEjE,SAAgB,oBAAoB,EAClC,YACiC;CACjC,MAAM,WAAW,OAAoB,IAAI;CACzC,IAAI,CAAC,SAAS,SACZ,SAAS,UAAU,kBAAkB;CAEvC,OACE,oBAAC,oBAAD;EAAoB,OAAO,SAAS;EAAU;CAA6B,CAAA;AAE/E;AAEA,SAAS,wBAAwB;CAC/B,MAAM,WAAW,IAAI,kBAAkB;CACvC,IAAI,CAAC,UACH,MAAM,IAAI,MACR,yCAAyC,oBAAoB,KAAK,GACpE;CAEF,OAAO;AACT;AAEA,SAAgB,eAAkB,UAAwC;CAExE,OADiB,sBACH,CAAC,CAAC,WAAW,QAAQ,CAAC;AACtC;AAOA,SAAgB,kBAAuB;CAGrC,OAAO,EACL,cAHmB,gBAAgB,UAAU,MAAM,YAGxC,EACb;AACF;AAEA,SAAgB,qBAA0B;CAGxC,OAAO,EACL,iBAHsB,gBAAgB,UAAU,MAAM,eAGxC,EAChB;AACF;AAEA,MAAM,0BACJ,QAAqB,KAAK,SAAS;CACjC,cAAc;CACd,YAAY,YAAY;EACtB,WAAW,EACT,QACF,EAAE;EACF,OAAO,IAAI,CAAC,CAAC;CACf;CACA,WAAW,UAAU;EACnB,WAAW,EACT,MACF,EAAE;EACF,OAAO,IAAI,CAAC,CAAC;CACf;CACA,oBAAoB;EAClB,WAAW,EACT,SAAS,KACX,EAAE;CACJ;CACA,mBAAmB;EACjB,WAAW,EACT,OAAO,KAAA,EACT,EAAE;CACJ;CACA,kBAAkB,iBAAiB;EACjC,WAAW,EACT,aACF,EAAE;CACJ;CACA,gBAAgB,WAAW;EACzB,WAAW,EACT,YAAY,OACd,EAAE;CACJ;CACA,yBAAyB;EACvB,MAAM,EAAE,eAAe,IAAI;EAC3B,IAAI,YAAY;GACd,WAAW;GACX,WAAW,EACT,YAAY,KAAA,EACd,EAAE;EACJ;CACF;AACF,EAAE"}

package/dist/esm/stores/inputMode/useInputModeStore.js.map

@@ -1 +1 @@
-{"version":3,"file":"useInputModeStore.js","names":[],"sources":["../../../../src/stores/inputMode/useInputModeStore.ts"],"sourcesContent":["import type { StoreApi, UseBoundStore } from 'zustand'\nimport { create } from 'zustand'\nimport type { FormTypeProps } from '../form/types.js'\n\ntype InputMode = 'amount' | 'price'\n\ninterface InputModeState {\n  inputMode: Record<'from' | 'to', InputMode>\n  setInputMode: (formType: FormTypeProps['formType'], mode: InputMode) => void\n  toggleInputMode: (formType: FormTypeProps['formType']) => void\n}\n\nexport const useInputModeStore: UseBoundStore<StoreApi<InputModeState>> =\n  create<InputModeState>((set, get) => ({\n    inputMode: {\n      from: 'amount',\n      to: 'amount',\n    },\n    setInputMode: (formType, mode) =>\n      set((state) => ({\n        inputMode: {\n          ...state.inputMode,\n          [formType]: mode,\n        },\n      })),\n    toggleInputMode: (formType) => {\n      const currentMode = get().inputMode[formType]\n      const newMode = currentMode === 'amount' ? 'price' : 'amount'\n      get().setInputMode(formType, newMode)\n    },\n  }))\n"],"mappings":";;AAYA,MAAa,oBACX,QAAwB,KAAK,SAAS;CACpC,WAAW;EACT,MAAM;EACN,IAAI;CACN;CACA,eAAe,UAAU,SACvB,KAAK,WAAW,EACd,WAAW;EACT,GAAG,MAAM;GACR,WAAW;CACd,EACF,EAAE;CACJ,kBAAkB,aAAa;EAE7B,MAAM,UADc,IAAI,EAAE,UAAU,cACJ,WAAW,UAAU;EACrD,IAAI,EAAE,aAAa,UAAU,OAAO;CACtC;AACF,EAAE"}
+{"version":3,"file":"useInputModeStore.js","names":[],"sources":["../../../../src/stores/inputMode/useInputModeStore.ts"],"sourcesContent":["import type { StoreApi, UseBoundStore } from 'zustand'\nimport { create } from 'zustand'\nimport type { FormTypeProps } from '../form/types.js'\n\ntype InputMode = 'amount' | 'price'\n\ninterface InputModeState {\n  inputMode: Record<'from' | 'to', InputMode>\n  setInputMode: (formType: FormTypeProps['formType'], mode: InputMode) => void\n  toggleInputMode: (formType: FormTypeProps['formType']) => void\n}\n\nexport const useInputModeStore: UseBoundStore<StoreApi<InputModeState>> =\n  create<InputModeState>((set, get) => ({\n    inputMode: {\n      from: 'amount',\n      to: 'amount',\n    },\n    setInputMode: (formType, mode) =>\n      set((state) => ({\n        inputMode: {\n          ...state.inputMode,\n          [formType]: mode,\n        },\n      })),\n    toggleInputMode: (formType) => {\n      const currentMode = get().inputMode[formType]\n      const newMode = currentMode === 'amount' ? 'price' : 'amount'\n      get().setInputMode(formType, newMode)\n    },\n  }))\n"],"mappings":";;AAYA,MAAa,oBACX,QAAwB,KAAK,SAAS;CACpC,WAAW;EACT,MAAM;EACN,IAAI;CACN;CACA,eAAe,UAAU,SACvB,KAAK,WAAW,EACd,WAAW;EACT,GAAG,MAAM;GACR,WAAW;CACd,EACF,EAAE;CACJ,kBAAkB,aAAa;EAE7B,MAAM,UADc,IAAI,CAAC,CAAC,UAAU,cACJ,WAAW,UAAU;EACrD,IAAI,CAAC,CAAC,aAAa,UAAU,OAAO;CACtC;AACF,EAAE"}

package/dist/esm/stores/navigationTabs/useNavigationTabLabel.js

@@ -0,0 +1,22 @@
+import { useTranslation } from "react-i18next";
+//#region src/stores/navigationTabs/useNavigationTabLabel.ts
+const useNavigationTabLabel = () => {
+	const { t } = useTranslation();
+	return (key) => {
+		switch (key) {
+			case "default": return t("header.swapAndBridge");
+			case "private": return t("header.private");
+			case "refuel": return t("header.gas");
+			case "swap":
+			case "swap-advanced": return t("header.swap");
+			case "bridge":
+			case "bridge-advanced": return t("header.bridge");
+			case "limit": return t("header.limit");
+			default: return t("header.swapAndBridge");
+		}
+	};
+};
+//#endregion
+export { useNavigationTabLabel };
+
+//# sourceMappingURL=useNavigationTabLabel.js.map

package/dist/esm/stores/navigationTabs/useNavigationTabLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNavigationTabLabel.js","names":[],"sources":["../../../../src/stores/navigationTabs/useNavigationTabLabel.ts"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { NavigationTabKey } from '../../types/widget.js'\n\nexport const useNavigationTabLabel = (): ((\n  key: NavigationTabKey\n) => string) => {\n  const { t } = useTranslation()\n  return (key: NavigationTabKey) => {\n    switch (key) {\n      case 'default':\n        return t('header.swapAndBridge')\n      case 'private':\n        return t('header.private')\n      case 'refuel':\n        return t('header.gas')\n      case 'swap':\n      case 'swap-advanced':\n        return t('header.swap')\n      case 'bridge':\n      case 'bridge-advanced':\n        return t('header.bridge')\n      case 'limit':\n        return t('header.limit')\n      default:\n        return t('header.swapAndBridge')\n    }\n  }\n}\n"],"mappings":";;AAGA,MAAa,8BAEG;CACd,MAAM,EAAE,MAAM,eAAe;CAC7B,QAAQ,QAA0B;EAChC,QAAQ,KAAR;GACE,KAAK,WACH,OAAO,EAAE,sBAAsB;GACjC,KAAK,WACH,OAAO,EAAE,gBAAgB;GAC3B,KAAK,UACH,OAAO,EAAE,YAAY;GACvB,KAAK;GACL,KAAK,iBACH,OAAO,EAAE,aAAa;GACxB,KAAK;GACL,KAAK,mBACH,OAAO,EAAE,eAAe;GAC1B,KAAK,SACH,OAAO,EAAE,cAAc;GACzB,SACE,OAAO,EAAE,sBAAsB;EACnC;CACF;AACF"}

package/dist/esm/stores/navigationTabs/useNavigationTabsStore.js

@@ -0,0 +1,64 @@
+import { WidgetContext, useWidgetConfig } from "../../providers/WidgetProvider/WidgetProvider.js";
+import { getInitialActiveTab, getNavigationTabKeys, getTabDefaultUI, getTabMode, getTabModeOptions, getTabRequiredUI, getTabSplitMode, getTabVariant } from "./utils.js";
+import { createContext, use, useMemo, useRef } from "react";
+import { create } from "zustand";
+import { useShallow } from "zustand/shallow";
+import { jsx } from "react/jsx-runtime";
+//#region src/stores/navigationTabs/useNavigationTabsStore.tsx
+const NavigationTabsStoreContext = createContext(null);
+function NavigationTabsStoreProvider({ children, config }) {
+	const tabs = getNavigationTabKeys(config);
+	const initialActiveTab = getInitialActiveTab(config);
+	const signature = `${tabs.join(",")}|${initialActiveTab ?? ""}`;
+	const storeRef = useRef(null);
+	const signatureRef = useRef(signature);
+	let store = storeRef.current;
+	if (!store || signatureRef.current !== signature) {
+		store = createNavigationTabsStore(tabs, initialActiveTab);
+		storeRef.current = store;
+		signatureRef.current = signature;
+	}
+	const widgetConfig = useWidgetConfig();
+	const activeTab = store((state) => state.activeTab);
+	const tabConfig = useMemo(() => {
+		if (!activeTab) return widgetConfig;
+		return {
+			...widgetConfig,
+			mode: getTabMode(widgetConfig, activeTab),
+			variant: getTabVariant(widgetConfig, activeTab),
+			modeOptions: getTabModeOptions(widgetConfig, activeTab),
+			defaultUI: getTabDefaultUI(widgetConfig, activeTab),
+			requiredUI: getTabRequiredUI(widgetConfig, activeTab)
+		};
+	}, [widgetConfig, activeTab]);
+	return /* @__PURE__ */ jsx(NavigationTabsStoreContext, {
+		value: store,
+		children: /* @__PURE__ */ jsx(WidgetContext, {
+			value: tabConfig,
+			children
+		})
+	});
+}
+function useNavigationTabsStoreContext() {
+	const useStore = use(NavigationTabsStoreContext);
+	if (!useStore) throw new Error(`You forgot to wrap your component in <${NavigationTabsStoreProvider.name}>.`);
+	return useStore;
+}
+function useNavigationTabsStore(selector) {
+	return useNavigationTabsStoreContext()(useShallow(selector));
+}
+/** Effective split mode derived from the active tab. */
+function useSplitMode() {
+	return useNavigationTabsStore((state) => getTabSplitMode(state.activeTab));
+}
+const createNavigationTabsStore = (tabs, initialActiveTab) => create((set) => ({
+	tabs,
+	activeTab: initialActiveTab,
+	setActiveTab(activeTab) {
+		set({ activeTab });
+	}
+}));
+//#endregion
+export { NavigationTabsStoreProvider, useNavigationTabsStore, useSplitMode };
+
+//# sourceMappingURL=useNavigationTabsStore.js.map

package/dist/esm/stores/navigationTabs/useNavigationTabsStore.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNavigationTabsStore.js","names":[],"sources":["../../../../src/stores/navigationTabs/useNavigationTabsStore.tsx"],"sourcesContent":["import {\n  createContext,\n  type JSX,\n  type PropsWithChildren,\n  use,\n  useMemo,\n  useRef,\n} from 'react'\nimport { create } from 'zustand'\nimport { useShallow } from 'zustand/shallow'\nimport {\n  useWidgetConfig,\n  WidgetContext,\n} from '../../providers/WidgetProvider/WidgetProvider.js'\nimport type {\n  NavigationTabKey,\n  SplitMode,\n  WidgetConfig,\n} from '../../types/widget.js'\nimport type { NavigationTabsState, NavigationTabsStore } from './types.js'\nimport {\n  getInitialActiveTab,\n  getNavigationTabKeys,\n  getTabDefaultUI,\n  getTabMode,\n  getTabModeOptions,\n  getTabRequiredUI,\n  getTabSplitMode,\n  getTabVariant,\n} from './utils.js'\n\nconst NavigationTabsStoreContext = createContext<NavigationTabsStore | null>(\n  null\n)\n\nexport function NavigationTabsStoreProvider({\n  children,\n  config,\n}: PropsWithChildren<{ config: WidgetConfig }>): JSX.Element {\n  const tabs = getNavigationTabKeys(config)\n  const initialActiveTab = getInitialActiveTab(config)\n  // Recreate (re-seeding tabs + active tab) only when the config-driven inputs\n  // change — not on runtime tab clicks, which must be preserved.\n  const signature = `${tabs.join(',')}|${initialActiveTab ?? ''}`\n  const storeRef = useRef<NavigationTabsStore>(null)\n  const signatureRef = useRef(signature)\n  let store = storeRef.current\n  if (!store || signatureRef.current !== signature) {\n    store = createNavigationTabsStore(tabs, initialActiveTab)\n    storeRef.current = store\n    signatureRef.current = signature\n  }\n\n  // Override the widget config with the active tab's mode, variant,\n  // modeOptions, defaultUI and requiredUI (each falling back to the config), so\n  // the rest of the widget reads tab-driven config transparently. No-op when\n  // there is no active tab.\n  const widgetConfig = useWidgetConfig()\n  const activeTab = store((state) => state.activeTab)\n  const tabConfig = useMemo(() => {\n    if (!activeTab) {\n      return widgetConfig\n    }\n    return {\n      ...widgetConfig,\n      mode: getTabMode(widgetConfig, activeTab),\n      variant: getTabVariant(widgetConfig, activeTab),\n      modeOptions: getTabModeOptions(widgetConfig, activeTab),\n      defaultUI: getTabDefaultUI(widgetConfig, activeTab),\n      requiredUI: getTabRequiredUI(widgetConfig, activeTab),\n    }\n  }, [widgetConfig, activeTab])\n\n  return (\n    <NavigationTabsStoreContext value={store}>\n      <WidgetContext value={tabConfig}>{children}</WidgetContext>\n    </NavigationTabsStoreContext>\n  )\n}\n\nfunction useNavigationTabsStoreContext(): NavigationTabsStore {\n  const useStore = use(NavigationTabsStoreContext)\n  if (!useStore) {\n    throw new Error(\n      `You forgot to wrap your component in <${NavigationTabsStoreProvider.name}>.`\n    )\n  }\n  return useStore\n}\n\nexport function useNavigationTabsStore<T>(\n  selector: (state: NavigationTabsState) => T\n): T {\n  const useStore = useNavigationTabsStoreContext()\n  return useStore(useShallow(selector))\n}\n\n/** Effective split mode derived from the active tab. */\nexport function useSplitMode(): SplitMode | undefined {\n  return useNavigationTabsStore((state) => getTabSplitMode(state.activeTab))\n}\n\nconst createNavigationTabsStore = (\n  tabs: NavigationTabKey[],\n  initialActiveTab?: NavigationTabKey\n): NavigationTabsStore =>\n  create<NavigationTabsState>((set) => ({\n    tabs,\n    activeTab: initialActiveTab,\n    setActiveTab(activeTab) {\n      set({ activeTab })\n    },\n  }))\n"],"mappings":";;;;;;;AA+BA,MAAM,6BAA6B,cACjC,IACF;AAEA,SAAgB,4BAA4B,EAC1C,UACA,UAC2D;CAC3D,MAAM,OAAO,qBAAqB,MAAM;CACxC,MAAM,mBAAmB,oBAAoB,MAAM;CAGnD,MAAM,YAAY,GAAG,KAAK,KAAK,GAAG,EAAE,GAAG,oBAAoB;CAC3D,MAAM,WAAW,OAA4B,IAAI;CACjD,MAAM,eAAe,OAAO,SAAS;CACrC,IAAI,QAAQ,SAAS;CACrB,IAAI,CAAC,SAAS,aAAa,YAAY,WAAW;EAChD,QAAQ,0BAA0B,MAAM,gBAAgB;EACxD,SAAS,UAAU;EACnB,aAAa,UAAU;CACzB;CAMA,MAAM,eAAe,gBAAgB;CACrC,MAAM,YAAY,OAAO,UAAU,MAAM,SAAS;CAClD,MAAM,YAAY,cAAc;EAC9B,IAAI,CAAC,WACH,OAAO;EAET,OAAO;GACL,GAAG;GACH,MAAM,WAAW,cAAc,SAAS;GACxC,SAAS,cAAc,cAAc,SAAS;GAC9C,aAAa,kBAAkB,cAAc,SAAS;GACtD,WAAW,gBAAgB,cAAc,SAAS;GAClD,YAAY,iBAAiB,cAAc,SAAS;EACtD;CACF,GAAG,CAAC,cAAc,SAAS,CAAC;CAE5B,OACE,oBAAC,4BAAD;EAA4B,OAAO;YACjC,oBAAC,eAAD;GAAe,OAAO;GAAY;EAAwB,CAAA;CAChC,CAAA;AAEhC;AAEA,SAAS,gCAAqD;CAC5D,MAAM,WAAW,IAAI,0BAA0B;CAC/C,IAAI,CAAC,UACH,MAAM,IAAI,MACR,yCAAyC,4BAA4B,KAAK,GAC5E;CAEF,OAAO;AACT;AAEA,SAAgB,uBACd,UACG;CAEH,OADiB,8BACH,CAAC,CAAC,WAAW,QAAQ,CAAC;AACtC;;AAGA,SAAgB,eAAsC;CACpD,OAAO,wBAAwB,UAAU,gBAAgB,MAAM,SAAS,CAAC;AAC3E;AAEA,MAAM,6BACJ,MACA,qBAEA,QAA6B,SAAS;CACpC;CACA,WAAW;CACX,aAAa,WAAW;EACtB,IAAI,EAAE,UAAU,CAAC;CACnB;AACF,EAAE"}