@lifi/widget 4.0.0-beta.1 → 4.0.0-beta.11

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

@@ -1,92 +1,72 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMemo, useRef } from 'react';
-import { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js';
-import { createFormStore, formDefaultValues } from './createFormStore.js';
-import { FormStoreContext } from './FormStoreContext.js';
-import { FormUpdater } from './FormUpdater.js';
-import { getDefaultValuesFromQueryString } from './getDefaultValuesFromQueryString.js';
-import { useFormRef } from './useFormRef.js';
-// decorates and initialise the form date for use in the form store
+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,
-    // Prevent setting address when the field is hidden
-    toAddress: defaultValues.toAddress || formDefaultValues.toAddress,
+	...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
 });
-export 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');
-    // We use the presence/absence of a property to decide if the form values in state need to be updated
-    // We only build and set a property on the memoized form values here if they are included in the
-    // config - undefined is considered a valid value that will reset that form field
-    // biome-ignore lint/correctness/useExhaustiveDependencies: formUpdateKey is needed here.
-    const reactiveFormValues = useMemo(() => ({
-        ...(configHasFromChain ? { fromChain } : undefined),
-        ...(configHasFromToken ? { fromToken } : undefined),
-        ...(configHasFromAmount
-            ? {
-                fromAmount: (typeof fromAmount === 'number'
-                    ? fromAmount?.toPrecision()
-                    : fromAmount) || formDefaultValues.fromAmount,
-            }
-            : undefined),
-        ...(configHasToAmount
-            ? {
-                toAmount: (typeof toAmount === 'number'
-                    ? toAmount?.toPrecision()
-                    : toAmount) || formDefaultValues.toAmount,
-            }
-            : undefined),
-        ...(configHasToChain ? { toChain } : undefined),
-        ...(configHasToToken ? { toToken } : undefined),
-        ...(configHasToAddress
-            ? {
-                toAddress: toAddress?.address || formDefaultValues.toAddress,
-            }
-            : undefined),
-    }), [
-        fromAmount,
-        toAmount,
-        fromChain,
-        fromToken,
-        toAddress,
-        toChain,
-        toToken,
-        // formUpdateKey should be a randomly assigned unique key. It can be used to force updates for the form field values
-        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 (_jsxs(FormStoreContext.Provider, { value: storeRef.current, children: [children, _jsx(FormUpdater, { reactiveFormValues: reactiveFormValues })] }));
+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

@@ -1 +1 @@
-{"version":3,"file":"FormStore.js","sourceRoot":"","sources":["../../../../src/stores/form/FormStore.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,eAAe,EAAE,MAAM,kDAAkD,CAAA;AAElF,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AACzE,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAC9C,OAAO,EAAE,+BAA+B,EAAE,MAAM,sCAAsC,CAAA;AAEtF,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAE5C,mEAAmE;AACnE,MAAM,uBAAuB,GAAG,CAAC,aAAqC,EAAE,EAAE,CAAC,CAAC;IAC1E,GAAG,iBAAiB;IACpB,GAAG,aAAa;IAChB,UAAU,EACR,CAAC,OAAO,aAAa,CAAC,UAAU,KAAK,QAAQ;QAC3C,CAAC,CAAE,aAAa,CAAC,UAAqB,EAAE,WAAW,EAAE,EAAE;QACvD,CAAC,CAAC,aAAa,CAAC,UAAU,CAAC,IAAI,iBAAiB,CAAC,UAAU;IAC/D,QAAQ,EACN,CAAC,OAAO,aAAa,CAAC,QAAQ,KAAK,QAAQ;QACzC,CAAC,CAAE,aAAa,CAAC,QAAmB,EAAE,WAAW,EAAE,EAAE;QACrD,CAAC,CAAC,aAAa,CAAC,QAAQ,CAAC,IAAI,iBAAiB,CAAC,QAAQ;IAC3D,mDAAmD;IACnD,SAAS,EAAE,aAAa,CAAC,SAAS,IAAI,iBAAiB,CAAC,SAAS;CAClE,CAAC,CAAA;AAMF,MAAM,CAAC,MAAM,iBAAiB,GAAqC,CAAC,EAClE,QAAQ,EACR,OAAO,GACR,EAAE,EAAE;IACH,MAAM,YAAY,GAAG,eAAe,EAAE,CAAA;IAEtC,MAAM,EACJ,SAAS,EACT,SAAS,EACT,OAAO,EACP,OAAO,EACP,UAAU,EACV,QAAQ,EACR,SAAS,EACT,aAAa,EACb,QAAQ,GACT,GAAG,YAAY,CAAA;IAEhB,MAAM,QAAQ,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAE7C,MAAM,kBAAkB,GAAG,MAAM,CAAC,MAAM,CAAC,YAAY,EAAE,WAAW,CAAC,CAAA;IACnE,MAAM,kBAAkB,GAAG,MAAM,CAAC,MAAM,CAAC,YAAY,EAAE,WAAW,CAAC,CAAA;IACnE,MAAM,mBAAmB,GAAG,MAAM,CAAC,MAAM,CAAC,YAAY,EAAE,YAAY,CAAC,CAAA;IACrE,MAAM,iBAAiB,GAAG,MAAM,CAAC,MAAM,CAAC,YAAY,EAAE,UAAU,CAAC,CAAA;IACjE,MAAM,kBAAkB,GAAG,MAAM,CAAC,MAAM,CAAC,YAAY,EAAE,WAAW,CAAC,CAAA;IACnE,MAAM,gBAAgB,GAAG,MAAM,CAAC,MAAM,CAAC,YAAY,EAAE,SAAS,CAAC,CAAA;IAC/D,MAAM,gBAAgB,GAAG,MAAM,CAAC,MAAM,CAAC,YAAY,EAAE,SAAS,CAAC,CAAA;IAE/D,qGAAqG;IACrG,gGAAgG;IAChG,iFAAiF;IACjF,yFAAyF;IACzF,MAAM,kBAAkB,GAAG,OAAO,CAChC,GAAG,EAAE,CAAC,CAAC;QACL,GAAG,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;QACnD,GAAG,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;QACnD,GAAG,CAAC,mBAAmB;YACrB,CAAC,CAAC;gBACE,UAAU,EACR,CAAC,OAAO,UAAU,KAAK,QAAQ;oBAC7B,CAAC,CAAC,UAAU,EAAE,WAAW,EAAE;oBAC3B,CAAC,CAAC,UAAU,CAAC,IAAI,iBAAiB,CAAC,UAAU;aAClD;YACH,CAAC,CAAC,SAAS,CAAC;QACd,GAAG,CAAC,iBAAiB;YACnB,CAAC,CAAC;gBACE,QAAQ,EACN,CAAC,OAAO,QAAQ,KAAK,QAAQ;oBAC3B,CAAC,CAAC,QAAQ,EAAE,WAAW,EAAE;oBACzB,CAAC,CAAC,QAAQ,CAAC,IAAI,iBAAiB,CAAC,QAAQ;aAC9C;YACH,CAAC,CAAC,SAAS,CAAC;QACd,GAAG,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;QAC/C,GAAG,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;QAC/C,GAAG,CAAC,kBAAkB;YACpB,CAAC,CAAC;gBACE,SAAS,EAAE,SAAS,EAAE,OAAO,IAAI,iBAAiB,CAAC,SAAS;aAC7D;YACH,CAAC,CAAC,SAAS,CAAC;KACf,CAAC,EACF;QACE,UAAU;QACV,QAAQ;QACR,SAAS;QACT,SAAS;QACT,SAAS;QACT,OAAO;QACP,OAAO;QACP,oHAAoH;QACpH,aAAa;QACb,kBAAkB;QAClB,kBAAkB;QAClB,mBAAmB;QACnB,iBAAiB;QACjB,kBAAkB;QAClB,gBAAgB;QAChB,gBAAgB;KACjB,CACF,CAAA;IAED,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC;QACtB,MAAM,aAAa,GAAG,+BAA+B,CAAC;YACpD,QAAQ;YACR,gBAAgB,EAAE,KAAK;SACxB,CAAC,CAAA;QACF,QAAQ,CAAC,OAAO,GAAG,eAAe,CAChC,uBAAuB,CAAC;YACtB,GAAG,kBAAkB;YACrB,GAAG,aAAa;SACjB,CAAC,CACH,CAAA;IACH,CAAC;IAED,UAAU,CAAC,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC,CAAA;IAErC,OAAO,CACL,MAAC,gBAAgB,CAAC,QAAQ,IAAC,KAAK,EAAE,QAAQ,CAAC,OAAO,aAC/C,QAAQ,EACT,KAAC,WAAW,IAAC,kBAAkB,EAAE,kBAAkB,GAAI,IAC7B,CAC7B,CAAA;AACH,CAAC,CAAA"}
+{"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,eAAe,GACrD,cAAc,eAAe,kBAAkB;CACrD,WACG,OAAO,cAAc,aAAa,WAC9B,cAAc,UAAqB,eAAe,GACnD,cAAc,aAAa,kBAAkB;CAEnD,WAAW,cAAc,aAAa,kBAAkB;CACzD;AAMD,MAAa,qBAAuD,EAClE,UACA,cACI;CACJ,MAAM,eAAe,iBAAiB;CAEtC,MAAM,EACJ,WACA,WACA,SACA,SACA,YACA,UACA,WACA,eACA,aACE;CAEJ,MAAM,WAAW,OAAuB,KAAK;CAE7C,MAAM,qBAAqB,OAAO,OAAO,cAAc,YAAY;CACnE,MAAM,qBAAqB,OAAO,OAAO,cAAc,YAAY;CACnE,MAAM,sBAAsB,OAAO,OAAO,cAAc,aAAa;CACrE,MAAM,oBAAoB,OAAO,OAAO,cAAc,WAAW;CACjE,MAAM,qBAAqB,OAAO,OAAO,cAAc,YAAY;CACnE,MAAM,mBAAmB,OAAO,OAAO,cAAc,UAAU;CAC/D,MAAM,mBAAmB,OAAO,OAAO,cAAc,UAAU;CAM/D,MAAM,qBAAqB,eAClB;EACL,GAAI,qBAAqB,EAAE,WAAW,GAAG,KAAA;EACzC,GAAI,qBAAqB,EAAE,WAAW,GAAG,KAAA;EACzC,GAAI,sBACA,EACE,aACG,OAAO,eAAe,WACnB,YAAY,aAAa,GACzB,eAAe,kBAAkB,YACxC,GACD,KAAA;EACJ,GAAI,oBACA,EACE,WACG,OAAO,aAAa,WACjB,UAAU,aAAa,GACvB,aAAa,kBAAkB,UACtC,GACD,KAAA;EACJ,GAAI,mBAAmB,EAAE,SAAS,GAAG,KAAA;EACrC,GAAI,mBAAmB,EAAE,SAAS,GAAG,KAAA;EACrC,GAAI,qBACA,EACE,WAAW,WAAW,WAAW,kBAAkB,WACpD,GACD,KAAA;EACL,GACD;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CACF;AAED,KAAI,CAAC,SAAS,SAAS;EACrB,MAAM,gBAAgB,gCAAgC;GACpD;GACA,kBAAkB;GACnB,CAAC;AACF,WAAS,UAAU,gBACjB,wBAAwB;GACtB,GAAG;GACH,GAAG;GACJ,CAAC,CACH;;AAGH,YAAW,SAAS,SAAS,QAAQ;AAErC,QACE,qBAAC,iBAAiB,UAAlB;EAA2B,OAAO,SAAS;YAA3C,CACG,UACD,oBAAC,aAAD,EAAiC,oBAAsB,CAAA,CAC7B"}

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

@@ -1,3 +1,7 @@
-import { createContext } from 'react';
-export const FormStoreContext = createContext(null);
+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

@@ -1 +1 @@
-{"version":3,"file":"FormStoreContext.js","sourceRoot":"","sources":["../../../../src/stores/form/FormStoreContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAGrC,MAAM,CAAC,MAAM,gBAAgB,GAAG,aAAa,CAAwB,IAAI,CAAC,CAAA"}
+{"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,KAAK"}

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

@@ -1,46 +1,37 @@
-import { useAccount } from '@lifi/wallet-management';
-import { useEffect } from 'react';
-import { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js';
-import { useBookmarkActions } from '../../stores/bookmarks/useBookmarkActions.js';
-import { formDefaultValues } from '../../stores/form/createFormStore.js';
-import { useSendToWalletActions } from '../../stores/settings/useSendToWalletStore.js';
-import { useFieldActions } from './useFieldActions.js';
-export const FormUpdater = ({ reactiveFormValues }) => {
-    const { toAddress } = useWidgetConfig();
-    const { account } = useAccount();
-    const { setSendToWallet } = useSendToWalletActions();
-    const { setSelectedBookmark } = useBookmarkActions();
-    const { setUserAndDefaultValues } = useFieldActions();
-    // React to changes in widget config options (reactiveFormValues), updating userValues accordingly.
-    // Includes special logic for chain fields, where account.chainId is only a fallback and not a direct reactivity source.
-    // biome-ignore lint/correctness/useExhaustiveDependencies: account.chainId is used as a fallback only and does not need to be a dependency for reactivity.
-    useEffect(() => {
-        if (reactiveFormValues.toAddress) {
-            setSendToWallet(true);
-        }
-        if (toAddress) {
-            setSelectedBookmark(toAddress);
-        }
-        setUserAndDefaultValues(accountForChainId(reactiveFormValues, account.chainId));
-    }, [
-        toAddress,
-        reactiveFormValues,
-        setUserAndDefaultValues,
-        setSendToWallet,
-        setSelectedBookmark,
-    ]);
-    return null;
+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;
+	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

@@ -1 +1 @@
-{"version":3,"file":"FormUpdater.js","sourceRoot":"","sources":["../../../../src/stores/form/FormUpdater.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,EAAE,eAAe,EAAE,MAAM,kDAAkD,CAAA;AAClF,OAAO,EAAE,kBAAkB,EAAE,MAAM,8CAA8C,CAAA;AACjF,OAAO,EAAE,iBAAiB,EAAE,MAAM,sCAAsC,CAAA;AACxE,OAAO,EAAE,sBAAsB,EAAE,MAAM,+CAA+C,CAAA;AAEtF,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAA;AAEtD,MAAM,CAAC,MAAM,WAAW,GAEnB,CAAC,EAAE,kBAAkB,EAAE,EAAE,EAAE;IAC9B,MAAM,EAAE,SAAS,EAAE,GAAG,eAAe,EAAE,CAAA;IACvC,MAAM,EAAE,OAAO,EAAE,GAAG,UAAU,EAAE,CAAA;IAChC,MAAM,EAAE,eAAe,EAAE,GAAG,sBAAsB,EAAE,CAAA;IACpD,MAAM,EAAE,mBAAmB,EAAE,GAAG,kBAAkB,EAAE,CAAA;IACpD,MAAM,EAAE,uBAAuB,EAAE,GAAG,eAAe,EAAE,CAAA;IAErD,mGAAmG;IACnG,wHAAwH;IACxH,2JAA2J;IAC3J,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,kBAAkB,CAAC,SAAS,EAAE,CAAC;YACjC,eAAe,CAAC,IAAI,CAAC,CAAA;QACvB,CAAC;QACD,IAAI,SAAS,EAAE,CAAC;YACd,mBAAmB,CAAC,SAAS,CAAC,CAAA;QAChC,CAAC;QAED,uBAAuB,CACrB,iBAAiB,CAAC,kBAAkB,EAAE,OAAO,CAAC,OAAO,CAAC,CACvD,CAAA;IACH,CAAC,EAAE;QACD,SAAS;QACT,kBAAkB;QAClB,uBAAuB;QACvB,eAAe;QACf,mBAAmB;KACpB,CAAC,CAAA;IAEF,OAAO,IAAI,CAAA;AACb,CAAC,CAAA;AAED,MAAM,iBAAiB,GAAG,CACxB,aAAqC,EACrC,OAAgB,EAChB,EAAE;IACF,MAAM,MAAM,GAA2B,EAAE,GAAG,aAAa,EAAE,CAAA;IAC3D,KAAK,MAAM,GAAG,IAAI,MAAM,EAAE,CAAC;QACzB,MAAM,CAAC,GAAG,GAA0B,CAAA;QACpC,IAAI,MAAM,CAAC,CAAC,CAAC,KAAK,iBAAiB,CAAC,CAAC,CAAC,EAAE,CAAC;YACvC,IAAI,CAAC,CAAC,KAAK,WAAW,IAAI,CAAC,KAAK,SAAS,CAAC,IAAI,OAAO,EAAE,CAAC;gBACtD,MAAM,CAAC,CAAC,CAAC,GAAG,OAAO,CAAA;YACrB,CAAC;QACH,CAAC;IACH,CAAC;IACD,OAAO,MAAM,CAAA;AACf,CAAC,CAAA"}
+{"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,iBAAiB;CACvC,MAAM,EAAE,YAAY,YAAY;CAChC,MAAM,EAAE,wBAAwB,oBAAoB;CACpD,MAAM,EAAE,4BAA4B,iBAAiB;AAKrD,iBAAgB;AACd,MAAI,UACF,qBAAoB,UAAU;AAGhC,0BACE,kBAAkB,oBAAoB,QAAQ,QAAQ,CACvD;IACA;EACD;EACA;EACA;EACA;EACD,CAAC;AAEF,QAAO;;AAGT,MAAM,qBACJ,eACA,YACG;CACH,MAAM,SAAiC,EAAE,GAAG,eAAe;AAC3D,MAAK,MAAM,OAAO,QAAQ;EACxB,MAAM,IAAI;AACV,MAAI,OAAO,OAAO,kBAAkB;QAC7B,MAAM,eAAe,MAAM,cAAc,QAC5C,QAAO,KAAK;;;AAIlB,QAAO"}

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

@@ -1,91 +1,79 @@
-import { useLocation } from '@tanstack/react-router';
-import { useEffect } from 'react';
-import { useAddressValidation } from '../../hooks/useAddressValidation.js';
-import { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js';
-import { useSendToWalletActions } from '../../stores/settings/useSendToWalletStore.js';
-import { useBookmarkActions } from '../bookmarks/useBookmarkActions.js';
-import { useFieldActions } from '../form/useFieldActions.js';
-import { useFieldValues } from '../form/useFieldValues.js';
-import { useTouchedFields } from '../form/useTouchedFields.js';
-import { getDefaultValuesFromQueryString } from './getDefaultValuesFromQueryString.js';
+import { useWidgetConfig } from "../../providers/WidgetProvider/WidgetProvider.js";
+import { useFieldValues } from "./useFieldValues.js";
+import { useBookmarkActions } from "../bookmarks/useBookmarkActions.js";
+import { useFieldActions } from "./useFieldActions.js";
+import { getDefaultValuesFromQueryString } from "./getDefaultValuesFromQueryString.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',
+	"fromAmount",
+	"fromChain",
+	"fromToken",
+	"toAddress",
+	"toChain",
+	"toToken"
 ];
-export const URLSearchParamsBuilder = () => {
-    const { pathname } = useLocation();
-    const touchedFields = useTouchedFields();
-    const values = useFieldValues(...formValueKeys);
-    const { setSendToWallet } = useSendToWalletActions();
-    const { setSelectedBookmark, addRecentWallet } = useBookmarkActions();
-    const { validateAddress } = useAddressValidation();
-    const { buildUrl } = useWidgetConfig();
-    // Using these methods as trying to use the touchedFields and values above
-    // often has a lag that can effect the widgets initialisation sequence
-    // and accidentally cause values to be wiped from the query string
-    const { getFieldValues, isTouched, setUserAndDefaultValues } = useFieldActions();
-    useEffect(() => {
-        // get the initial values from the querystring
-        const formValues = getDefaultValuesFromQueryString({ buildUrl });
-        const { toAddress, ...initialFormValues } = formValues;
-        /**
-         * 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);
-                        setSendToWallet(true);
-                    }
-                }
-                catch (_) {
-                    // Address validation failed
-                }
-            }
-        };
-        setUserAndDefaultValues(initialFormValues);
-        initializeFromAddress();
-    }, [
-        setUserAndDefaultValues,
-        setSendToWallet,
-        validateAddress,
-        setSelectedBookmark,
-        addRecentWallet,
-        buildUrl,
-    ]);
-    // biome-ignore lint/correctness/useExhaustiveDependencies: run only when pathname changes
-    useEffect(() => {
-        // set the values on the querysting
-        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;
+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

@@ -1 +1 @@
-{"version":3,"file":"URLSearchParamsBuilder.js","sourceRoot":"","sources":["../../../../src/stores/form/URLSearchParamsBuilder.tsx"],"names":[],"mappings":"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"}
+{"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;CACD;AAED,MAAa,+BAA+B;CAC1C,MAAM,EAAE,aAAa,aAAa;CAClC,MAAM,gBAAgB,kBAAkB;CACxC,MAAM,SAAS,eAAe,GAAG,cAAc;CAC/C,MAAM,EAAE,qBAAqB,oBAAoB,oBAAoB;CACrE,MAAM,EAAE,oBAAoB,sBAAsB;CAClD,MAAM,EAAE,aAAa,iBAAiB;CAItC,MAAM,EAAE,gBAAgB,WAAW,4BACjC,iBAAiB;AAEnB,iBAAgB;EAGd,MAAM,EAAE,WAAW,GAAG,sBADH,gCAAgC,EAAE,UAAU,CAAC;;;;;;;EAShE,MAAM,wBAAwB,YAAY;AACxC,OAAI,UACF,KAAI;IACF,MAAM,mBAAmB,MAAM,gBAAgB,EAC7C,OAAO,WACR,CAAC;AACF,QAAI,iBAAiB,WAAW,WAAW;KACzC,MAAM,WAAW;MACf,SAAS,iBAAiB;MAC1B,WAAW,iBAAiB;MAC7B;AACD,6BAAwB,EAAE,WAAW,CAAC;AACtC,yBAAoB,SAAS;AAC7B,qBAAgB,SAAS;;YAEpB,GAAG;;AAMhB,0BAAwB,kBAAkB;AAC1C,yBAAuB;IACtB;EACD;EACA;EACA;EACA;EACA;EACD,CAAC;AAGF,iBAAgB;EAEd,MAAM,MAAM,IAAI,IAAI,OAAO,SAAgB;AAC3C,gBAAc,SAAS,KAAK,WAAW;GACrC,MAAM,QAAQ,eAAe,IAAI,CAAC;AAClC,OAAI,UAAU,IAAI,IAAI,MACpB,KAAI,aAAa,IAAI,KAAK,MAAM,UAAU,CAAC;YAClC,IAAI,aAAa,IAAI,IAAI,IAAI,CAAC,MACvC,KAAI,aAAa,OAAO,IAAI;IAE9B;AACF,MAAI,aAAa,MAAM;AACvB,SAAO,QAAQ,aAAa,OAAO,QAAQ,OAAO,IAAI,IAAI;IACzD;EAAC;EAAU;EAAe;EAAQ;EAAW;EAAe,CAAC;AAEhE,QAAO"}