@lifi/widget 0.0.0-preview-6cc63bac

package/dist/esm/stores/chains/createChainOrderStore.js

@@ -0,0 +1,87 @@
+import { widgetEvents } from "../../hooks/useWidgetEvents.js";
+import "../../types/events.js";
+import { create } from "zustand";
+import { persist } from "zustand/middleware";
+const defaultChainState = {
+	from: [],
+	to: []
+};
+const createChainOrderStore = ({ namePrefix }) => create()(persist((set, get) => ({
+	chainOrder: defaultChainState,
+	fromIsAllNetworks: true,
+	toIsAllNetworks: true,
+	fromShowAllNetworks: true,
+	toShowAllNetworks: true,
+	availableChains: defaultChainState,
+	pinnedChains: [],
+	initializeChains: (chainIds, type) => {
+		set((state) => {
+			const chainOrder = state.chainOrder[type].filter((chainId) => chainIds.includes(chainId));
+			const chainsToAdd = chainIds.filter((chainId) => !chainOrder.includes(chainId));
+			if (chainOrder.length === 8 || !chainsToAdd.length) return {
+				availableChains: {
+					...state.availableChains,
+					[type]: chainIds
+				},
+				chainOrder: {
+					...state.chainOrder,
+					[type]: chainOrder
+				}
+			};
+			const chainsToAddLength = 8 - chainOrder.length;
+			for (let index = 0; index < chainsToAddLength; index++) chainOrder.push(chainsToAdd[index]);
+			return {
+				availableChains: {
+					...state.availableChains,
+					[type]: chainIds
+				},
+				chainOrder: {
+					...state.chainOrder,
+					[type]: chainOrder
+				}
+			};
+		});
+		return get().chainOrder[type].slice(0, 8);
+	},
+	setChain: (chainId, type) => {
+		const state = get();
+		if (state.chainOrder[type].includes(chainId) || !state.availableChains[type].includes(chainId)) return;
+		set((state) => {
+			const chainOrder = [chainId, ...state.chainOrder[type]].slice(0, 8);
+			return { chainOrder: {
+				...state.chainOrder,
+				[type]: chainOrder
+			} };
+		});
+	},
+	setIsAllNetworks: (isAllNetworks, formType) => {
+		set({ [`${formType}IsAllNetworks`]: isAllNetworks });
+	},
+	setShowAllNetworks: (showAllNetworks, formType) => {
+		set({ [`${formType}ShowAllNetworks`]: showAllNetworks });
+	},
+	setPinnedChain: (chainId) => {
+		const wasAlreadyPinned = get().pinnedChains.includes(chainId);
+		set((state) => {
+			const pinnedChains = [...state.pinnedChains];
+			if (wasAlreadyPinned) return { pinnedChains: pinnedChains.filter((id) => id !== chainId) };
+			pinnedChains.push(chainId);
+			return { pinnedChains };
+		});
+		widgetEvents.emit("chainPinned", {
+			chainId,
+			pinned: !wasAlreadyPinned
+		});
+	}
+}), {
+	name: `${namePrefix || "li.fi"}-widget-chains-order`,
+	version: 4,
+	partialize: (state) => ({
+		chainOrder: state.chainOrder,
+		pinnedChains: state.pinnedChains
+	})
+}));
+//#endregion
+export { createChainOrderStore };
+
+//# sourceMappingURL=createChainOrderStore.js.map

package/dist/esm/stores/chains/createChainOrderStore.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createChainOrderStore.js","names":[],"sources":["../../../../src/stores/chains/createChainOrderStore.ts"],"sourcesContent":["import type { StoreApi, UseBoundStore } from 'zustand'\nimport { create } from 'zustand'\nimport { persist } from 'zustand/middleware'\nimport { widgetEvents } from '../../hooks/useWidgetEvents.js'\nimport { WidgetEvent } from '../../types/events.js'\nimport type { PersistStoreProps } from '../types.js'\nimport type { ChainOrderState } from './types.js'\n\n// (10 tiles: 9 + 1 for \"All chains\")\nexport const maxGridItemsToShow = 10\nexport const maxChainsToShow: number = maxGridItemsToShow - 1\n// If there are more than maxChainsToShow chains to show,\n// -1 tile to show a button \"+ N\" more chains\nexport const maxChainsToOrder: number = maxChainsToShow - 1\n\nconst defaultChainState = {\n  from: [],\n  to: [],\n}\n\nexport const createChainOrderStore = ({\n  namePrefix,\n}: PersistStoreProps): UseBoundStore<StoreApi<ChainOrderState>> =>\n  create<ChainOrderState>()(\n    persist(\n      (set, get) => ({\n        chainOrder: defaultChainState,\n        fromIsAllNetworks: true,\n        toIsAllNetworks: true,\n        fromShowAllNetworks: true,\n        toShowAllNetworks: true,\n        availableChains: defaultChainState,\n        pinnedChains: [],\n        initializeChains: (chainIds, type) => {\n          set((state: ChainOrderState) => {\n            const chainOrder = state.chainOrder[type].filter((chainId) =>\n              chainIds.includes(chainId)\n            )\n            const chainsToAdd = chainIds.filter(\n              (chainId) => !chainOrder.includes(chainId)\n            )\n            if (chainOrder.length === maxChainsToOrder || !chainsToAdd.length) {\n              return {\n                availableChains: {\n                  ...state.availableChains,\n                  [type]: chainIds,\n                },\n                chainOrder: {\n                  ...state.chainOrder,\n                  [type]: chainOrder,\n                },\n              }\n            }\n            const chainsToAddLength = maxChainsToOrder - chainOrder.length\n            for (let index = 0; index < chainsToAddLength; index++) {\n              chainOrder.push(chainsToAdd[index])\n            }\n            return {\n              availableChains: {\n                ...state.availableChains,\n                [type]: chainIds,\n              },\n              chainOrder: {\n                ...state.chainOrder,\n                [type]: chainOrder,\n              },\n            }\n          })\n          return get().chainOrder[type].slice(0, maxChainsToOrder)\n        },\n        setChain: (chainId, type) => {\n          const state = get()\n          if (\n            state.chainOrder[type].includes(chainId) ||\n            !state.availableChains[type].includes(chainId)\n          ) {\n            return\n          }\n          set((state: ChainOrderState) => {\n            const chainOrder = [chainId, ...state.chainOrder[type]].slice(\n              0,\n              maxChainsToOrder\n            )\n            return {\n              chainOrder: {\n                ...state.chainOrder,\n                [type]: chainOrder,\n              },\n            }\n          })\n        },\n        setIsAllNetworks: (isAllNetworks, formType) => {\n          set({ [`${formType}IsAllNetworks`]: isAllNetworks })\n        },\n        setShowAllNetworks: (showAllNetworks, formType) => {\n          set({ [`${formType}ShowAllNetworks`]: showAllNetworks })\n        },\n        setPinnedChain: (chainId) => {\n          const currentPinnedChains = get().pinnedChains\n          const wasAlreadyPinned = currentPinnedChains.includes(chainId)\n          set((state: ChainOrderState) => {\n            const pinnedChains = [...state.pinnedChains]\n            if (wasAlreadyPinned) {\n              return {\n                pinnedChains: pinnedChains.filter((id) => id !== chainId),\n              }\n            }\n            pinnedChains.push(chainId)\n            return {\n              pinnedChains,\n            }\n          })\n          widgetEvents.emit(WidgetEvent.ChainPinned, {\n            chainId,\n            pinned: !wasAlreadyPinned,\n          })\n        },\n      }),\n      {\n        name: `${namePrefix || 'li.fi'}-widget-chains-order`,\n        version: 4,\n        partialize: (state) => ({\n          chainOrder: state.chainOrder,\n          pinnedChains: state.pinnedChains,\n        }),\n      }\n    )\n  )\n"],"mappings":";;;;AAeA,MAAM,oBAAoB;CACxB,MAAM,CAAC;CACP,IAAI,CAAC;AACP;AAEA,MAAa,yBAAyB,EACpC,iBAEA,OAAwB,EACtB,SACG,KAAK,SAAS;CACb,YAAY;CACZ,mBAAmB;CACnB,iBAAiB;CACjB,qBAAqB;CACrB,mBAAmB;CACnB,iBAAiB;CACjB,cAAc,CAAC;CACf,mBAAmB,UAAU,SAAS;EACpC,KAAK,UAA2B;GAC9B,MAAM,aAAa,MAAM,WAAW,MAAM,QAAQ,YAChD,SAAS,SAAS,OAAO,CAC3B;GACA,MAAM,cAAc,SAAS,QAC1B,YAAY,CAAC,WAAW,SAAS,OAAO,CAC3C;GACA,IAAI,WAAW,WAAA,KAA+B,CAAC,YAAY,QACzD,OAAO;IACL,iBAAiB;KACf,GAAG,MAAM;MACR,OAAO;IACV;IACA,YAAY;KACV,GAAG,MAAM;MACR,OAAO;IACV;GACF;GAEF,MAAM,oBAAA,IAAuC,WAAW;GACxD,KAAK,IAAI,QAAQ,GAAG,QAAQ,mBAAmB,SAC7C,WAAW,KAAK,YAAY,MAAM;GAEpC,OAAO;IACL,iBAAiB;KACf,GAAG,MAAM;MACR,OAAO;IACV;IACA,YAAY;KACV,GAAG,MAAM;MACR,OAAO;IACV;GACF;EACF,CAAC;EACD,OAAO,IAAI,EAAE,WAAW,MAAM,MAAM,GAAA,CAAmB;CACzD;CACA,WAAW,SAAS,SAAS;EAC3B,MAAM,QAAQ,IAAI;EAClB,IACE,MAAM,WAAW,MAAM,SAAS,OAAO,KACvC,CAAC,MAAM,gBAAgB,MAAM,SAAS,OAAO,GAE7C;EAEF,KAAK,UAA2B;GAC9B,MAAM,aAAa,CAAC,SAAS,GAAG,MAAM,WAAW,KAAK,EAAE,MACtD,GAAA,CAEF;GACA,OAAO,EACL,YAAY;IACV,GAAG,MAAM;KACR,OAAO;GACV,EACF;EACF,CAAC;CACH;CACA,mBAAmB,eAAe,aAAa;EAC7C,IAAI,GAAG,GAAG,SAAS,iBAAiB,cAAc,CAAC;CACrD;CACA,qBAAqB,iBAAiB,aAAa;EACjD,IAAI,GAAG,GAAG,SAAS,mBAAmB,gBAAgB,CAAC;CACzD;CACA,iBAAiB,YAAY;EAE3B,MAAM,mBADsB,IAAI,EAAE,aACW,SAAS,OAAO;EAC7D,KAAK,UAA2B;GAC9B,MAAM,eAAe,CAAC,GAAG,MAAM,YAAY;GAC3C,IAAI,kBACF,OAAO,EACL,cAAc,aAAa,QAAQ,OAAO,OAAO,OAAO,EAC1D;GAEF,aAAa,KAAK,OAAO;GACzB,OAAO,EACL,aACF;EACF,CAAC;EACD,aAAa,KAAA,eAA8B;GACzC;GACA,QAAQ,CAAC;EACX,CAAC;CACH;AACF,IACA;CACE,MAAM,GAAG,cAAc,QAAQ;CAC/B,SAAS;CACT,aAAa,WAAW;EACtB,YAAY,MAAM;EAClB,cAAc,MAAM;CACtB;AACF,CACF,CACF"}

package/dist/esm/stores/chains/useChainOrder.js

@@ -0,0 +1,11 @@
+import { useChainOrderStore } from "./ChainOrderStore.js";
+import { useMemo } from "react";
+//#region src/stores/chains/useChainOrder.ts
+const useChainOrder = (type) => {
+	const [chainOrder, setChain] = useChainOrderStore((state) => [state.chainOrder[type], state.setChain]);
+	return [useMemo(() => chainOrder.slice(0, 8), [chainOrder]), setChain];
+};
+//#endregion
+export { useChainOrder };
+
+//# sourceMappingURL=useChainOrder.js.map

package/dist/esm/stores/chains/useChainOrder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useChainOrder.js","names":[],"sources":["../../../../src/stores/chains/useChainOrder.ts"],"sourcesContent":["import { useMemo } from 'react'\nimport type { FormType } from '../form/types.js'\nimport { useChainOrderStore } from './ChainOrderStore.js'\nimport { maxChainsToOrder } from './createChainOrderStore.js'\n\nexport const useChainOrder = (\n  type: FormType\n): [number[], (chainId: number, type: FormType) => void] => {\n  const [chainOrder, setChain] = useChainOrderStore((state) => [\n    state.chainOrder[type],\n    state.setChain,\n  ])\n\n  const limitedChainOrder = useMemo(\n    () => chainOrder.slice(0, maxChainsToOrder),\n    [chainOrder]\n  )\n\n  return [limitedChainOrder, setChain]\n}\n"],"mappings":";;;AAKA,MAAa,iBACX,SAC0D;CAC1D,MAAM,CAAC,YAAY,YAAY,oBAAoB,UAAU,CAC3D,MAAM,WAAW,OACjB,MAAM,QACR,CAAC;CAOD,OAAO,CALmB,cAClB,WAAW,MAAM,GAAA,CAAmB,GAC1C,CAAC,UAAU,CAGW,GAAG,QAAQ;AACrC"}

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

@@ -0,0 +1,72 @@
+import { useWidgetConfig } from "../../providers/WidgetProvider/WidgetProvider.js";
+import { FormStoreContext } from "./FormStoreContext.js";
+import { getDefaultValuesFromQueryString } from "./getDefaultValuesFromQueryString.js";
+import { createFormStore, formDefaultValues } from "./createFormStore.js";
+import { FormUpdater } from "./FormUpdater.js";
+import { useFormRef } from "./useFormRef.js";
+import { useMemo, useRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/stores/form/FormStore.tsx
+const initialiseDefaultValues = (defaultValues) => ({
+	...formDefaultValues,
+	...defaultValues,
+	fromAmount: (typeof defaultValues.fromAmount === "number" ? defaultValues.fromAmount?.toPrecision?.() : defaultValues.fromAmount) || formDefaultValues.fromAmount,
+	toAmount: (typeof defaultValues.toAmount === "number" ? defaultValues.toAmount?.toPrecision?.() : defaultValues.toAmount) || formDefaultValues.toAmount,
+	toAddress: defaultValues.toAddress || formDefaultValues.toAddress
+});
+const FormStoreProvider = ({ children, formRef }) => {
+	const widgetConfig = useWidgetConfig();
+	const { fromChain, fromToken, toChain, toToken, fromAmount, toAmount, toAddress, formUpdateKey, buildUrl } = widgetConfig;
+	const storeRef = useRef(null);
+	const configHasFromChain = Object.hasOwn(widgetConfig, "fromChain");
+	const configHasFromToken = Object.hasOwn(widgetConfig, "fromToken");
+	const configHasFromAmount = Object.hasOwn(widgetConfig, "fromAmount");
+	const configHasToAmount = Object.hasOwn(widgetConfig, "toAmount");
+	const configHasToAddress = Object.hasOwn(widgetConfig, "toAddress");
+	const configHasToChain = Object.hasOwn(widgetConfig, "toChain");
+	const configHasToToken = Object.hasOwn(widgetConfig, "toToken");
+	const reactiveFormValues = useMemo(() => ({
+		...configHasFromChain ? { fromChain } : void 0,
+		...configHasFromToken ? { fromToken } : void 0,
+		...configHasFromAmount ? { fromAmount: (typeof fromAmount === "number" ? fromAmount?.toPrecision() : fromAmount) || formDefaultValues.fromAmount } : void 0,
+		...configHasToAmount ? { toAmount: (typeof toAmount === "number" ? toAmount?.toPrecision() : toAmount) || formDefaultValues.toAmount } : void 0,
+		...configHasToChain ? { toChain } : void 0,
+		...configHasToToken ? { toToken } : void 0,
+		...configHasToAddress ? { toAddress: toAddress?.address || formDefaultValues.toAddress } : void 0
+	}), [
+		fromAmount,
+		toAmount,
+		fromChain,
+		fromToken,
+		toAddress,
+		toChain,
+		toToken,
+		formUpdateKey,
+		configHasFromChain,
+		configHasFromToken,
+		configHasFromAmount,
+		configHasToAmount,
+		configHasToAddress,
+		configHasToChain,
+		configHasToToken
+	]);
+	if (!storeRef.current) {
+		const queryDefaults = getDefaultValuesFromQueryString({
+			buildUrl,
+			includeToAddress: false
+		});
+		storeRef.current = createFormStore(initialiseDefaultValues({
+			...reactiveFormValues,
+			...queryDefaults
+		}));
+	}
+	useFormRef(storeRef.current, formRef);
+	return /* @__PURE__ */ jsxs(FormStoreContext.Provider, {
+		value: storeRef.current,
+		children: [children, /* @__PURE__ */ jsx(FormUpdater, { reactiveFormValues })]
+	});
+};
+//#endregion
+export { FormStoreProvider };
+
+//# sourceMappingURL=FormStore.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,7 @@
+import { createContext } from "react";
+//#region src/stores/form/FormStoreContext.ts
+const FormStoreContext = createContext(null);
+//#endregion
+export { FormStoreContext };
+
+//# sourceMappingURL=FormStoreContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormStoreContext.js","names":[],"sources":["../../../../src/stores/form/FormStoreContext.ts"],"sourcesContent":["import { type Context, createContext } from 'react'\nimport type { FormStoreStore } from './types.js'\n\nexport const FormStoreContext: Context<FormStoreStore | null> =\n  createContext<FormStoreStore | null>(null)\n"],"mappings":";;AAGA,MAAa,mBACX,cAAqC,IAAI"}

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

@@ -0,0 +1,37 @@
+import { useWidgetConfig } from "../../providers/WidgetProvider/WidgetProvider.js";
+import { useBookmarkActions } from "../bookmarks/useBookmarkActions.js";
+import { useFieldActions } from "./useFieldActions.js";
+import { formDefaultValues } from "./createFormStore.js";
+import { useEffect } from "react";
+import { useAccount } from "@lifi/wallet-management";
+//#region src/stores/form/FormUpdater.tsx
+const FormUpdater = ({ reactiveFormValues }) => {
+	const { toAddress } = useWidgetConfig();
+	const { account } = useAccount();
+	const { setSelectedBookmark } = useBookmarkActions();
+	const { setUserAndDefaultValues } = useFieldActions();
+	useEffect(() => {
+		if (toAddress) setSelectedBookmark(toAddress);
+		setUserAndDefaultValues(accountForChainId(reactiveFormValues, account.chainId));
+	}, [
+		toAddress,
+		reactiveFormValues,
+		setUserAndDefaultValues,
+		setSelectedBookmark
+	]);
+	return null;
+};
+const accountForChainId = (defaultValues, chainId) => {
+	const result = { ...defaultValues };
+	for (const key in result) {
+		const k = key;
+		if (result[k] === formDefaultValues[k]) {
+			if ((k === "fromChain" || k === "toChain") && chainId) result[k] = chainId;
+		}
+	}
+	return result;
+};
+//#endregion
+export { FormUpdater };
+
+//# sourceMappingURL=FormUpdater.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormUpdater.js","names":[],"sources":["../../../../src/stores/form/FormUpdater.tsx"],"sourcesContent":["import { useAccount } from '@lifi/wallet-management'\nimport { useEffect } from 'react'\nimport { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js'\nimport { useBookmarkActions } from '../../stores/bookmarks/useBookmarkActions.js'\nimport { formDefaultValues } from '../../stores/form/createFormStore.js'\nimport type { DefaultValues } from './types.js'\nimport { useFieldActions } from './useFieldActions.js'\n\nexport const FormUpdater: React.FC<{\n  reactiveFormValues: Partial<DefaultValues>\n}> = ({ reactiveFormValues }) => {\n  const { toAddress } = useWidgetConfig()\n  const { account } = useAccount()\n  const { setSelectedBookmark } = useBookmarkActions()\n  const { setUserAndDefaultValues } = useFieldActions()\n\n  // React to changes in widget config options (reactiveFormValues), updating userValues accordingly.\n  // Includes special logic for chain fields, where account.chainId is only a fallback and not a direct reactivity source.\n  // biome-ignore lint/correctness/useExhaustiveDependencies: account.chainId is used as a fallback only and does not need to be a dependency for reactivity.\n  useEffect(() => {\n    if (toAddress) {\n      setSelectedBookmark(toAddress)\n    }\n\n    setUserAndDefaultValues(\n      accountForChainId(reactiveFormValues, account.chainId)\n    )\n  }, [\n    toAddress,\n    reactiveFormValues,\n    setUserAndDefaultValues,\n    setSelectedBookmark,\n  ])\n\n  return null\n}\n\nconst accountForChainId = (\n  defaultValues: Partial<DefaultValues>,\n  chainId?: number\n) => {\n  const result: Partial<DefaultValues> = { ...defaultValues }\n  for (const key in result) {\n    const k = key as keyof DefaultValues\n    if (result[k] === formDefaultValues[k]) {\n      if ((k === 'fromChain' || k === 'toChain') && chainId) {\n        result[k] = chainId\n      }\n    }\n  }\n  return result\n}\n"],"mappings":";;;;;;;AAQA,MAAa,eAEP,EAAE,yBAAyB;CAC/B,MAAM,EAAE,cAAc,gBAAgB;CACtC,MAAM,EAAE,YAAY,WAAW;CAC/B,MAAM,EAAE,wBAAwB,mBAAmB;CACnD,MAAM,EAAE,4BAA4B,gBAAgB;CAKpD,gBAAgB;EACd,IAAI,WACF,oBAAoB,SAAS;EAG/B,wBACE,kBAAkB,oBAAoB,QAAQ,OAAO,CACvD;CACF,GAAG;EACD;EACA;EACA;EACA;CACF,CAAC;CAED,OAAO;AACT;AAEA,MAAM,qBACJ,eACA,YACG;CACH,MAAM,SAAiC,EAAE,GAAG,cAAc;CAC1D,KAAK,MAAM,OAAO,QAAQ;EACxB,MAAM,IAAI;EACV,IAAI,OAAO,OAAO,kBAAkB;QAC7B,MAAM,eAAe,MAAM,cAAc,SAC5C,OAAO,KAAK;EAAA;CAGlB;CACA,OAAO;AACT"}

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

@@ -0,0 +1,79 @@
+import { useWidgetConfig } from "../../providers/WidgetProvider/WidgetProvider.js";
+import { useBookmarkActions } from "../bookmarks/useBookmarkActions.js";
+import { useFieldActions } from "./useFieldActions.js";
+import { getDefaultValuesFromQueryString } from "./getDefaultValuesFromQueryString.js";
+import { useFieldValues } from "./useFieldValues.js";
+import { useAddressValidation } from "../../hooks/useAddressValidation.js";
+import { useTouchedFields } from "./useTouchedFields.js";
+import { useEffect } from "react";
+import { useLocation } from "@tanstack/react-router";
+//#region src/stores/form/URLSearchParamsBuilder.tsx
+const formValueKeys = [
+	"fromAmount",
+	"fromChain",
+	"fromToken",
+	"toAddress",
+	"toChain",
+	"toToken"
+];
+const URLSearchParamsBuilder = () => {
+	const { pathname } = useLocation();
+	const touchedFields = useTouchedFields();
+	const values = useFieldValues(...formValueKeys);
+	const { setSelectedBookmark, addRecentWallet } = useBookmarkActions();
+	const { validateAddress } = useAddressValidation();
+	const { buildUrl } = useWidgetConfig();
+	const { getFieldValues, isTouched, setUserAndDefaultValues } = useFieldActions();
+	useEffect(() => {
+		const { toAddress, ...initialFormValues } = getDefaultValuesFromQueryString({ buildUrl });
+		/**
+		* When URL builder is enabled and user opens a page with toAddress parameter,
+		* validate the address and set it up as a bookmark. This allows direct linking
+		* to the widget with a pre-filled destination address that will be treated the
+		* same way as a manually entered and validated address.
+		*/
+		const initializeFromAddress = async () => {
+			if (toAddress) try {
+				const validationResult = await validateAddress({ value: toAddress });
+				if (validationResult.isValid && toAddress) {
+					const bookmark = {
+						address: validationResult.address,
+						chainType: validationResult.chainType
+					};
+					setUserAndDefaultValues({ toAddress });
+					setSelectedBookmark(bookmark);
+					addRecentWallet(bookmark);
+				}
+			} catch (_) {}
+		};
+		setUserAndDefaultValues(initialFormValues);
+		initializeFromAddress();
+	}, [
+		setUserAndDefaultValues,
+		validateAddress,
+		setSelectedBookmark,
+		addRecentWallet,
+		buildUrl
+	]);
+	useEffect(() => {
+		const url = new URL(window.location);
+		formValueKeys.forEach((key, _index) => {
+			const value = getFieldValues(key)[0];
+			if (isTouched(key) && value) url.searchParams.set(key, value.toString());
+			else if (url.searchParams.has(key) && !value) url.searchParams.delete(key);
+		});
+		url.searchParams.sort();
+		window.history.replaceState(window.history.state, "", url);
+	}, [
+		pathname,
+		touchedFields,
+		values,
+		isTouched,
+		getFieldValues
+	]);
+	return null;
+};
+//#endregion
+export { URLSearchParamsBuilder };
+
+//# sourceMappingURL=URLSearchParamsBuilder.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,176 @@
+import { create } from "zustand";
+//#region src/stores/form/createFormStore.ts
+const formDefaultValues = {
+	fromAmount: "",
+	toAmount: "",
+	tokenSearchFilter: ""
+};
+const defaultValueToFormValue = (value) => ({
+	isTouched: false,
+	isDirty: false,
+	value
+});
+const valuesToFormValues = (defaultValues) => {
+	return Object.keys(defaultValues).reduce((accum, key) => {
+		accum[key] = defaultValueToFormValue(defaultValues[key]);
+		return accum;
+	}, {});
+};
+const isString = (str) => typeof str === "string" || str instanceof String;
+const getUpdatedTouchedFields = (userValues) => {
+	return Object.keys(userValues).reduce((accum, key) => {
+		if (userValues[key]?.isTouched) accum[key] = true;
+		return accum;
+	}, {});
+};
+const mergeDefaultFormValues = (userValues, defaultValues) => Object.keys(defaultValues).reduce((accum, key) => {
+	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
+	};
+	return accum;
+}, { ...valuesToFormValues(formDefaultValues) });
+const createFormStore = (defaultValues) => create((set, get) => {
+	const _defaultValues = valuesToFormValues({
+		...formDefaultValues,
+		...defaultValues
+	});
+	return {
+		defaultValues: _defaultValues,
+		userValues: _defaultValues,
+		touchedFields: {},
+		isValid: true,
+		isValidating: false,
+		errors: {},
+		validation: {},
+		setDefaultValues: (defaultValue) => {
+			const defaultFormValues = valuesToFormValues(defaultValue);
+			set((state) => ({
+				defaultValues: defaultFormValues,
+				userValues: mergeDefaultFormValues(state.userValues, defaultFormValues)
+			}));
+		},
+		setUserAndDefaultValues: (formValues) => {
+			const currentUserValues = get().userValues;
+			Object.keys(formValues).forEach((key) => {
+				if (formValues[key] !== currentUserValues[key]?.value) {
+					get().resetField(key, { defaultValue: formValues[key] });
+					get().setFieldValue(key, formValues[key], { isTouched: true });
+				}
+			});
+		},
+		isTouched: (fieldName) => !!get().userValues[fieldName]?.isTouched,
+		isDirty: (fieldName) => !!get().userValues[fieldName]?.isDirty,
+		setAsTouched: (fieldName) => {
+			const userValues = {
+				...get().userValues,
+				[fieldName]: {
+					...get().userValues[fieldName],
+					isTouched: true
+				}
+			};
+			const touchedFields = getUpdatedTouchedFields(userValues);
+			set(() => ({
+				userValues,
+				touchedFields
+			}));
+		},
+		resetField: (fieldName, { defaultValue } = {}) => {
+			if (defaultValue) {
+				const fieldValues = {
+					...get().defaultValues[fieldName],
+					value: defaultValue
+				};
+				const defaultValues = {
+					...get().defaultValues,
+					[fieldName]: { ...fieldValues }
+				};
+				const userValues = {
+					...get().userValues,
+					[fieldName]: { ...fieldValues }
+				};
+				const touchedFields = getUpdatedTouchedFields(userValues);
+				set(() => {
+					return {
+						defaultValues,
+						userValues,
+						touchedFields
+					};
+				});
+			} else {
+				const userValues = {
+					...get().userValues,
+					[fieldName]: { ...get().defaultValues[fieldName] }
+				};
+				const touchedFields = getUpdatedTouchedFields(userValues);
+				set(() => ({
+					userValues,
+					touchedFields
+				}));
+			}
+		},
+		setFieldValue: (fieldName, value, { isDirty, isTouched } = {}) => {
+			const userValues = {
+				...get().userValues,
+				[fieldName]: {
+					value,
+					isDirty: isDirty === void 0 ? get().userValues[fieldName]?.isDirty : isDirty,
+					isTouched: isTouched === void 0 ? get().userValues[fieldName]?.isTouched : isTouched
+				}
+			};
+			const touchedFields = getUpdatedTouchedFields(userValues);
+			set(() => ({
+				userValues,
+				touchedFields
+			}));
+		},
+		getFieldValues: (...names) => names.map((name) => get().userValues[name]?.value),
+		addFieldValidation: (name, validationFn) => {
+			set((state) => ({ validation: {
+				...state.validation,
+				[name]: validationFn
+			} }));
+		},
+		triggerFieldValidation: async (name) => {
+			try {
+				let valid = true;
+				set(() => ({
+					isValid: false,
+					isValidating: true
+				}));
+				const validationFn = get().validation[name];
+				if (validationFn) {
+					const result = await validationFn(get().userValues?.[name]?.value);
+					if (isString(result)) {
+						valid = false;
+						set((state) => ({ errors: {
+							...state.errors,
+							[name]: result
+						} }));
+					} else {
+						valid = result;
+						if (valid) get().clearErrors(name);
+					}
+				}
+				set(() => ({
+					isValid: valid,
+					isValidating: false
+				}));
+				return valid;
+			} catch (err) {
+				set(() => ({ isValidating: false }));
+				throw err;
+			}
+		},
+		clearErrors: (name) => {
+			const newErrors = { ...get().errors };
+			delete newErrors[name];
+			set(() => ({ errors: newErrors }));
+		}
+	};
+});
+//#endregion
+export { createFormStore, formDefaultValues };
+
+//# sourceMappingURL=createFormStore.js.map

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

@@ -0,0 +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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"}

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

@@ -0,0 +1,22 @@
+import { formatInputAmount } from "../../utils/format.js";
+//#region src/stores/form/getDefaultValuesFromQueryString.ts
+const getDefaultValuesFromQueryString = ({ buildUrl = false, includeToAddress = true }) => {
+	if (typeof window === "undefined") return {};
+	if (!buildUrl) return {};
+	const searchParams = Object.fromEntries(new URLSearchParams(window.location.search));
+	["from", "to"].forEach((key) => {
+		if (searchParams[`${key}Token`] && !searchParams[`${key}Chain`]) delete searchParams[`${key}Token`];
+	});
+	return {
+		...Number.isFinite(Number.parseInt(searchParams.fromChain, 10)) ? { fromChain: Number.parseInt(searchParams.fromChain, 10) } : {},
+		...Number.isFinite(Number.parseInt(searchParams.toChain, 10)) ? { toChain: Number.parseInt(searchParams.toChain, 10) } : {},
+		...searchParams.fromToken ? { fromToken: searchParams.fromToken } : {},
+		...searchParams.toToken ? { toToken: searchParams.toToken } : {},
+		...Number.isFinite(Number.parseFloat(searchParams.fromAmount)) ? { fromAmount: formatInputAmount(searchParams.fromAmount) } : {},
+		...includeToAddress && searchParams.toAddress ? { toAddress: searchParams.toAddress } : {}
+	};
+};
+//#endregion
+export { getDefaultValuesFromQueryString };
+
+//# sourceMappingURL=getDefaultValuesFromQueryString.js.map

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

@@ -0,0 +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"}