@lifi/widget 0.0.0-preview-6cc63bac

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

@@ -0,0 +1,76 @@
+import { ContractCall } from "@lifi/sdk";
+import { StoreApi, UseBoundStore } from "zustand";
+
+//#region src/stores/form/types.d.ts
+interface DefaultFieldValues {
+  fromChain?: number;
+  fromToken?: string;
+  toChain?: number;
+  toToken?: string;
+  toAddress?: string;
+  fromAmount: string;
+  toAmount: string;
+}
+interface DefaultValues extends DefaultFieldValues {
+  contractCalls?: ContractCall[];
+  tokenSearchFilter: string;
+}
+type GenericFormValue = string | number | ContractCall[] | undefined;
+interface FormValueControl<T> {
+  isTouched: boolean;
+  isDirty: boolean;
+  value: T;
+}
+type FormValues = { [Property in keyof DefaultValues]: FormValueControl<DefaultValues[Property]> };
+type FormFieldNames = keyof FormValues;
+type ExtractValueType<T> = T extends FormValueControl<infer U> ? U : never;
+type FormFieldArray<T extends FormFieldNames[]> = { [K in keyof T]: ExtractValueType<FormValues[T[K]]> };
+type TouchedFields = { [K in FormFieldNames]?: boolean };
+type ValidationFn = (value: any) => Promise<boolean | string>;
+interface ValidationProps {
+  isValid: boolean;
+  isValidating: boolean;
+  errors: { [K in FormFieldNames]?: string };
+  validation: { [K in FormFieldNames]?: ValidationFn };
+}
+interface ValidationActions {
+  addFieldValidation: (name: FormFieldNames, validationFn: ValidationFn) => void;
+  triggerFieldValidation: (name: FormFieldNames) => Promise<boolean>;
+  clearErrors: (name: FormFieldNames) => void;
+}
+interface FormProps {
+  defaultValues: FormValues;
+  userValues: FormValues;
+  touchedFields: { [K in FormFieldNames]?: boolean };
+}
+interface ResetOptions {
+  defaultValue?: GenericFormValue;
+}
+interface FormActions {
+  setDefaultValues: (formValues: DefaultValues) => void;
+  setUserAndDefaultValues: (formValues: Partial<DefaultValues>) => void;
+  isTouched: (fieldName: FormFieldNames) => boolean;
+  isDirty: (fieldName: FormFieldNames) => boolean;
+  setAsTouched: (fieldName: FormFieldNames) => void;
+  resetField: (fieldName: FormFieldNames, resetOptions?: ResetOptions) => void;
+  setFieldValue: (fieldName: FormFieldNames, value: GenericFormValue, options?: SetOptions) => void;
+  getFieldValues: <T extends FormFieldNames[]>(...names: T) => FormFieldArray<T>;
+}
+type FormValuesState = FormProps & FormActions & ValidationProps & ValidationActions;
+type FormStoreStore = UseBoundStore<StoreApi<FormValuesState>>;
+interface SetOptions {
+  isDirty?: boolean;
+  isTouched?: boolean;
+}
+type FormType = "from" | "to";
+interface FormTypeProps {
+  formType: FormType;
+}
+declare const FormKeyHelper: {
+  getChainKey: (formType: FormType) => "fromChain" | "toChain";
+  getTokenKey: (formType: FormType) => "fromToken" | "toToken";
+  getAmountKey: (formType: FormType) => "fromAmount" | "toAmount";
+};
+//#endregion
+export { DefaultFieldValues, DefaultValues, ExtractValueType, FormActions, FormFieldArray, FormFieldNames, FormKeyHelper, FormProps, FormStoreStore, FormType, FormTypeProps, FormValueControl, FormValues, FormValuesState, GenericFormValue, ResetOptions, SetOptions, TouchedFields, ValidationActions, ValidationProps };
+//# sourceMappingURL=types.d.ts.map

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

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

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

@@ -0,0 +1,10 @@
+//#region src/stores/form/types.ts
+const FormKeyHelper = {
+	getChainKey: (formType) => `${formType}Chain`,
+	getTokenKey: (formType) => `${formType}Token`,
+	getAmountKey: (formType) => `${formType}Amount`
+};
+//#endregion
+export { FormKeyHelper };
+
+//# sourceMappingURL=types.js.map

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

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

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

@@ -0,0 +1,14 @@
+import { useFieldActions } from "./useFieldActions.js";
+import { useCallback } from "react";
+//#region src/stores/form/useClearAmountFields.ts
+const useClearAmountFields = () => {
+	const { setFieldValue } = useFieldActions();
+	return useCallback(() => {
+		setFieldValue("fromAmount", "");
+		setFieldValue("toAmount", "");
+	}, [setFieldValue]);
+};
+//#endregion
+export { useClearAmountFields };
+
+//# sourceMappingURL=useClearAmountFields.js.map

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

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

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

@@ -0,0 +1,7 @@
+import { FormActions } from "./types.js";
+
+//#region src/stores/form/useFieldActions.d.ts
+declare const useFieldActions: () => FormActions;
+//#endregion
+export { useFieldActions };
+//# sourceMappingURL=useFieldActions.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useFieldActions.d.ts","names":[],"sources":["../../../../src/stores/form/useFieldActions.ts"],"mappings":";;;cAaa,eAAA,QAAsB,WAAA"}

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

@@ -0,0 +1,61 @@
+import { useWidgetEvents } from "../../hooks/useWidgetEvents.js";
+import "../../types/events.js";
+import { useFormStore } from "./useFormStore.js";
+import { useCallback } from "react";
+//#region src/stores/form/useFieldActions.ts
+const useFieldActions = () => {
+	const emitter = useWidgetEvents();
+	const actions = useFormStore((store) => ({
+		getFieldValues: store.getFieldValues,
+		isTouched: store.isTouched,
+		isDirty: store.isDirty,
+		resetField: store.resetField,
+		setAsTouched: store.setAsTouched,
+		setDefaultValues: store.setDefaultValues,
+		setFieldValue: store.setFieldValue,
+		setUserAndDefaultValues: store.setUserAndDefaultValues
+	}));
+	const setFieldValueWithEmittedEvents = useCallback((fieldName, newValue, options) => {
+		const oldValue = actions.getFieldValues(fieldName)[0];
+		actions.setFieldValue(fieldName, newValue, options);
+		if (newValue !== oldValue) emitter.emit("formFieldChanged", {
+			fieldName,
+			newValue,
+			oldValue
+		});
+	}, [actions, emitter]);
+	const setUserAndDefaultValuesWithEmittedEvents = useCallback((formValues) => {
+		const changedValues = Object.keys(formValues).reduce((accum, fieldName) => {
+			const oldValue = actions.getFieldValues(fieldName)[0];
+			const newValue = formValues[fieldName];
+			if (newValue !== oldValue) accum.push({
+				fieldName,
+				newValue,
+				oldValue
+			});
+			return accum;
+		}, []);
+		actions.setUserAndDefaultValues(formValues);
+		changedValues.forEach(({ fieldName, newValue, oldValue }) => {
+			emitter.emit("formFieldChanged", {
+				fieldName,
+				newValue,
+				oldValue
+			});
+		});
+	}, [actions, emitter]);
+	return {
+		getFieldValues: actions.getFieldValues,
+		isTouched: actions.isTouched,
+		isDirty: actions.isDirty,
+		resetField: actions.resetField,
+		setAsTouched: actions.setAsTouched,
+		setDefaultValues: actions.setDefaultValues,
+		setFieldValue: setFieldValueWithEmittedEvents,
+		setUserAndDefaultValues: setUserAndDefaultValuesWithEmittedEvents
+	};
+};
+//#endregion
+export { useFieldActions };
+
+//# sourceMappingURL=useFieldActions.js.map

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

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

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

@@ -0,0 +1,7 @@
+import { FormFieldArray, FormFieldNames } from "./types.js";
+
+//#region src/stores/form/useFieldValues.d.ts
+declare const useFieldValues: <T extends FormFieldNames[]>(...names: T) => FormFieldArray<T>;
+//#endregion
+export { useFieldValues };
+//# sourceMappingURL=useFieldValues.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useFieldValues.d.ts","names":[],"sources":["../../../../src/stores/form/useFieldValues.ts"],"mappings":";;;cAIa,cAAA,aAA4B,cAAA,OACpC,KAAA,EAAO,CAAA,KACT,cAAA,CAAe,CAAA"}

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

@@ -0,0 +1,9 @@
+import { useFormStore } from "./useFormStore.js";
+//#region src/stores/form/useFieldValues.ts
+const useFieldValues = (...names) => {
+	return useFormStore((store) => names.map((name) => store.userValues[name]?.value));
+};
+//#endregion
+export { useFieldValues };
+
+//# sourceMappingURL=useFieldValues.js.map

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

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

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

@@ -0,0 +1,36 @@
+import { widgetEvents } from "../../hooks/useWidgetEvents.js";
+import "../../types/events.js";
+import { useBookmarkActions } from "../bookmarks/useBookmarkActions.js";
+import { formDefaultValues } from "./createFormStore.js";
+import { useImperativeHandle } from "react";
+//#region src/stores/form/useFormRef.ts
+const useFormRef = (formStore, formRef) => {
+	const { setSelectedBookmark } = useBookmarkActions();
+	useImperativeHandle(formRef, () => {
+		const sanitizeValue = {
+			fromAmount: (value) => (typeof value === "number" ? value?.toPrecision() : value) || formDefaultValues.fromAmount,
+			toAmount: (value) => (typeof value === "number" ? value?.toPrecision() : value) || formDefaultValues.toAmount,
+			toAddress: (value) => {
+				const isToAddressObj = typeof value !== "string";
+				const address = (isToAddressObj ? value?.address : value) || formDefaultValues.toAddress;
+				if (isToAddressObj) setSelectedBookmark(value);
+				return address;
+			}
+		};
+		return { setFieldValue: (fieldName, value, options) => {
+			const sanitizedValue = sanitizeValue[fieldName] ? sanitizeValue[fieldName](value) : value;
+			const fieldValueOptions = options?.setUrlSearchParam ? { isTouched: options?.setUrlSearchParam } : void 0;
+			const oldValue = formStore.getState().getFieldValues(fieldName)[0];
+			formStore.getState().setFieldValue(fieldName, sanitizedValue, fieldValueOptions);
+			if (sanitizedValue !== oldValue) widgetEvents.emit("formFieldChanged", {
+				fieldName,
+				newValue: sanitizedValue,
+				oldValue
+			});
+		} };
+	}, [formStore, setSelectedBookmark]);
+};
+//#endregion
+export { useFormRef };
+
+//# sourceMappingURL=useFormRef.js.map

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

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

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

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

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

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

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

@@ -0,0 +1,9 @@
+import { useFormStore } from "./useFormStore.js";
+//#region src/stores/form/useTouchedFields.ts
+const useTouchedFields = () => {
+	return useFormStore((store) => store.touchedFields);
+};
+//#endregion
+export { useTouchedFields };
+
+//# sourceMappingURL=useTouchedFields.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useTouchedFields.js","names":[],"sources":["../../../../src/stores/form/useTouchedFields.ts"],"sourcesContent":["import type { TouchedFields } from './types.js'\nimport { useFormStore } from './useFormStore.js'\n\nexport const useTouchedFields = (): TouchedFields => {\n  const touchedFields = useFormStore((store) => store.touchedFields)\n\n  return touchedFields\n}\n"],"mappings":";;AAGA,MAAa,yBAAwC;CAGnD,OAFsB,cAAc,UAAU,MAAM,aAEjC;AACrB"}

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

@@ -0,0 +1,62 @@
+import { createContext, useContext, useRef } from "react";
+import { create } from "zustand";
+import { useShallow } from "zustand/shallow";
+import { jsx } from "react/jsx-runtime";
+//#region src/stores/header/useHeaderStore.tsx
+const HeaderStoreContext = createContext(null);
+function HeaderStoreProvider({ children }) {
+	const storeRef = useRef(null);
+	if (!storeRef.current) storeRef.current = createHeaderStore();
+	return /* @__PURE__ */ jsx(HeaderStoreContext.Provider, {
+		value: storeRef.current,
+		children
+	});
+}
+function useHeaderStoreContext() {
+	const useStore = useContext(HeaderStoreContext);
+	if (!useStore) throw new Error(`You forgot to wrap your component in <${HeaderStoreProvider.name}>.`);
+	return useStore;
+}
+function useHeaderStore(selector) {
+	return useHeaderStoreContext()(useShallow(selector));
+}
+function useHeaderHeight() {
+	return { headerHeight: useHeaderStore((state) => state.headerHeight) };
+}
+function useSetHeaderHeight() {
+	return { setHeaderHeight: useHeaderStore((state) => state.setHeaderHeight) };
+}
+const createHeaderStore = () => create((set, get) => ({
+	headerHeight: 108,
+	setAction: (element) => {
+		set(() => ({ element }));
+		return get().removeAction;
+	},
+	setTitle: (title) => {
+		set(() => ({ title }));
+		return get().removeTitle;
+	},
+	removeAction: () => {
+		set(() => ({ element: null }));
+	},
+	removeTitle: () => {
+		set(() => ({ title: void 0 }));
+	},
+	setHeaderHeight: (headerHeight) => {
+		set(() => ({ headerHeight }));
+	},
+	setBackAction: (action) => {
+		set(() => ({ backAction: action }));
+	},
+	executeBackAction: () => {
+		const { backAction } = get();
+		if (backAction) {
+			backAction();
+			set(() => ({ backAction: void 0 }));
+		}
+	}
+}));
+//#endregion
+export { HeaderStoreProvider, useHeaderHeight, useHeaderStore, useSetHeaderHeight };
+
+//# sourceMappingURL=useHeaderStore.js.map

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

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

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

@@ -0,0 +1,20 @@
+import { create } from "zustand";
+//#region src/stores/inputMode/useInputModeStore.ts
+const useInputModeStore = create((set, get) => ({
+	inputMode: {
+		from: "amount",
+		to: "amount"
+	},
+	setInputMode: (formType, mode) => set((state) => ({ inputMode: {
+		...state.inputMode,
+		[formType]: mode
+	} })),
+	toggleInputMode: (formType) => {
+		const newMode = get().inputMode[formType] === "amount" ? "price" : "amount";
+		get().setInputMode(formType, newMode);
+	}
+}));
+//#endregion
+export { useInputModeStore };
+
+//# sourceMappingURL=useInputModeStore.js.map

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

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

package/dist/esm/stores/pinnedTokens/PinnedTokensStore.js

@@ -0,0 +1,23 @@
+import { createPinnedTokensStore } from "./createPinnedTokensStore.js";
+import { createContext, useContext, useRef } from "react";
+import { useShallow } from "zustand/shallow";
+import { jsx } from "react/jsx-runtime";
+//#region src/stores/pinnedTokens/PinnedTokensStore.tsx
+const PinnedTokensStoreContext = createContext(null);
+const PinnedTokensStoreProvider = ({ children, ...props }) => {
+	const storeRef = useRef(null);
+	if (!storeRef.current) storeRef.current = createPinnedTokensStore(props);
+	return /* @__PURE__ */ jsx(PinnedTokensStoreContext.Provider, {
+		value: storeRef.current,
+		children
+	});
+};
+function usePinnedTokensStore(selector) {
+	const useStore = useContext(PinnedTokensStoreContext);
+	if (!useStore) throw new Error(`You forgot to wrap your component in <${PinnedTokensStoreProvider.name}>.`);
+	return useStore(useShallow(selector));
+}
+//#endregion
+export { PinnedTokensStoreProvider, usePinnedTokensStore };
+
+//# sourceMappingURL=PinnedTokensStore.js.map

package/dist/esm/stores/pinnedTokens/PinnedTokensStore.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PinnedTokensStore.js","names":[],"sources":["../../../../src/stores/pinnedTokens/PinnedTokensStore.tsx"],"sourcesContent":["import { createContext, useContext, useRef } from 'react'\nimport { useShallow } from 'zustand/shallow'\nimport type { PersistStoreProviderProps } from '../types.js'\nimport { createPinnedTokensStore } from './createPinnedTokensStore.js'\nimport type { PinnedTokensState, PinnedTokensStore } from './types.js'\n\nconst PinnedTokensStoreContext = createContext<PinnedTokensStore | null>(null)\n\nexport const PinnedTokensStoreProvider: React.FC<PersistStoreProviderProps> = ({\n  children,\n  ...props\n}) => {\n  const storeRef = useRef<PinnedTokensStore>(null)\n\n  if (!storeRef.current) {\n    storeRef.current = createPinnedTokensStore(props)\n  }\n\n  return (\n    <PinnedTokensStoreContext.Provider value={storeRef.current}>\n      {children}\n    </PinnedTokensStoreContext.Provider>\n  )\n}\n\nexport function usePinnedTokensStore<T>(\n  selector: (store: PinnedTokensState) => T\n): T {\n  const useStore = useContext(PinnedTokensStoreContext)\n\n  if (!useStore) {\n    throw new Error(\n      `You forgot to wrap your component in <${PinnedTokensStoreProvider.name}>.`\n    )\n  }\n\n  return useStore(useShallow(selector))\n}\n"],"mappings":";;;;;AAMA,MAAM,2BAA2B,cAAwC,IAAI;AAE7E,MAAa,6BAAkE,EAC7E,UACA,GAAG,YACC;CACJ,MAAM,WAAW,OAA0B,IAAI;CAE/C,IAAI,CAAC,SAAS,SACZ,SAAS,UAAU,wBAAwB,KAAK;CAGlD,OACE,oBAAC,yBAAyB,UAA1B;EAAmC,OAAO,SAAS;EAChD;CACgC,CAAA;AAEvC;AAEA,SAAgB,qBACd,UACG;CACH,MAAM,WAAW,WAAW,wBAAwB;CAEpD,IAAI,CAAC,UACH,MAAM,IAAI,MACR,yCAAyC,0BAA0B,KAAK,GAC1E;CAGF,OAAO,SAAS,WAAW,QAAQ,CAAC;AACtC"}

package/dist/esm/stores/pinnedTokens/createPinnedTokensStore.js

@@ -0,0 +1,57 @@
+import { create } from "zustand";
+import { persist } from "zustand/middleware";
+//#region src/stores/pinnedTokens/createPinnedTokensStore.ts
+const createPinnedTokensStore = ({ namePrefix }) => create()(persist((set, get) => ({
+	pinnedTokens: {},
+	pinToken: (chainId, tokenAddress) => {
+		set((state) => {
+			const normalizedAddress = tokenAddress.toLowerCase();
+			const chainTokens = state.pinnedTokens[chainId] || [];
+			if (!chainTokens.includes(normalizedAddress)) return { pinnedTokens: {
+				...state.pinnedTokens,
+				[chainId]: [...chainTokens, normalizedAddress]
+			} };
+			return state;
+		});
+	},
+	unpinToken: (chainId, tokenAddress) => {
+		set((state) => {
+			const normalizedAddress = tokenAddress.toLowerCase();
+			const chainTokens = state.pinnedTokens[chainId] || [];
+			if (chainTokens.includes(normalizedAddress)) return { pinnedTokens: {
+				...state.pinnedTokens,
+				[chainId]: chainTokens.filter((addr) => addr !== normalizedAddress)
+			} };
+			return state;
+		});
+	},
+	isPinned: (chainId, tokenAddress) => {
+		const normalizedAddress = tokenAddress.toLowerCase();
+		return (get().pinnedTokens[chainId] || []).includes(normalizedAddress);
+	},
+	getPinnedTokens: (chainId) => {
+		return get().pinnedTokens[chainId] || [];
+	},
+	getAllPinnedTokens: () => {
+		const allPinned = [];
+		const pinnedTokens = get().pinnedTokens;
+		Object.entries(pinnedTokens).forEach(([chainIdStr, addresses]) => {
+			const chainId = Number.parseInt(chainIdStr, 10);
+			addresses.forEach((address) => {
+				allPinned.push({
+					chainId,
+					tokenAddress: address
+				});
+			});
+		});
+		return allPinned;
+	}
+}), {
+	name: `${namePrefix || "li.fi"}-pinned-tokens`,
+	version: 0,
+	partialize: (state) => ({ pinnedTokens: state.pinnedTokens })
+}));
+//#endregion
+export { createPinnedTokensStore };
+
+//# sourceMappingURL=createPinnedTokensStore.js.map

package/dist/esm/stores/pinnedTokens/createPinnedTokensStore.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createPinnedTokensStore.js","names":[],"sources":["../../../../src/stores/pinnedTokens/createPinnedTokensStore.ts"],"sourcesContent":["import type { StoreApi, UseBoundStore } from 'zustand'\nimport { create } from 'zustand'\nimport { persist } from 'zustand/middleware'\nimport type { PersistStoreProps } from '../types.js'\nimport type { PinnedTokensState } from './types.js'\n\nexport const createPinnedTokensStore = ({\n  namePrefix,\n}: PersistStoreProps): UseBoundStore<StoreApi<PinnedTokensState>> =>\n  create<PinnedTokensState>()(\n    persist(\n      (set, get) => ({\n        pinnedTokens: {},\n        pinToken: (chainId: number, tokenAddress: string) => {\n          set((state) => {\n            const normalizedAddress = tokenAddress.toLowerCase()\n            const chainTokens = state.pinnedTokens[chainId] || []\n            if (!chainTokens.includes(normalizedAddress)) {\n              return {\n                pinnedTokens: {\n                  ...state.pinnedTokens,\n                  [chainId]: [...chainTokens, normalizedAddress],\n                },\n              }\n            }\n            return state\n          })\n        },\n        unpinToken: (chainId: number, tokenAddress: string) => {\n          set((state) => {\n            const normalizedAddress = tokenAddress.toLowerCase()\n            const chainTokens = state.pinnedTokens[chainId] || []\n            if (chainTokens.includes(normalizedAddress)) {\n              return {\n                pinnedTokens: {\n                  ...state.pinnedTokens,\n                  [chainId]: chainTokens.filter(\n                    (addr) => addr !== normalizedAddress\n                  ),\n                },\n              }\n            }\n            return state\n          })\n        },\n        isPinned: (chainId: number, tokenAddress: string) => {\n          const normalizedAddress = tokenAddress.toLowerCase()\n          const chainTokens = get().pinnedTokens[chainId] || []\n          return chainTokens.includes(normalizedAddress)\n        },\n        getPinnedTokens: (chainId: number) => {\n          return get().pinnedTokens[chainId] || []\n        },\n        getAllPinnedTokens: () => {\n          const allPinned: Array<{ chainId: number; tokenAddress: string }> = []\n          const pinnedTokens = get().pinnedTokens\n          Object.entries(pinnedTokens).forEach(([chainIdStr, addresses]) => {\n            const chainId = Number.parseInt(chainIdStr, 10)\n            addresses.forEach((address) => {\n              allPinned.push({ chainId, tokenAddress: address })\n            })\n          })\n          return allPinned\n        },\n      }),\n      {\n        name: `${namePrefix || 'li.fi'}-pinned-tokens`,\n        version: 0,\n        partialize: (state) => ({\n          pinnedTokens: state.pinnedTokens,\n        }),\n      }\n    )\n  )\n"],"mappings":";;;AAMA,MAAa,2BAA2B,EACtC,iBAEA,OAA0B,EACxB,SACG,KAAK,SAAS;CACb,cAAc,CAAC;CACf,WAAW,SAAiB,iBAAyB;EACnD,KAAK,UAAU;GACb,MAAM,oBAAoB,aAAa,YAAY;GACnD,MAAM,cAAc,MAAM,aAAa,YAAY,CAAC;GACpD,IAAI,CAAC,YAAY,SAAS,iBAAiB,GACzC,OAAO,EACL,cAAc;IACZ,GAAG,MAAM;KACR,UAAU,CAAC,GAAG,aAAa,iBAAiB;GAC/C,EACF;GAEF,OAAO;EACT,CAAC;CACH;CACA,aAAa,SAAiB,iBAAyB;EACrD,KAAK,UAAU;GACb,MAAM,oBAAoB,aAAa,YAAY;GACnD,MAAM,cAAc,MAAM,aAAa,YAAY,CAAC;GACpD,IAAI,YAAY,SAAS,iBAAiB,GACxC,OAAO,EACL,cAAc;IACZ,GAAG,MAAM;KACR,UAAU,YAAY,QACpB,SAAS,SAAS,iBACrB;GACF,EACF;GAEF,OAAO;EACT,CAAC;CACH;CACA,WAAW,SAAiB,iBAAyB;EACnD,MAAM,oBAAoB,aAAa,YAAY;EAEnD,QADoB,IAAI,EAAE,aAAa,YAAY,CAAC,GACjC,SAAS,iBAAiB;CAC/C;CACA,kBAAkB,YAAoB;EACpC,OAAO,IAAI,EAAE,aAAa,YAAY,CAAC;CACzC;CACA,0BAA0B;EACxB,MAAM,YAA8D,CAAC;EACrE,MAAM,eAAe,IAAI,EAAE;EAC3B,OAAO,QAAQ,YAAY,EAAE,SAAS,CAAC,YAAY,eAAe;GAChE,MAAM,UAAU,OAAO,SAAS,YAAY,EAAE;GAC9C,UAAU,SAAS,YAAY;IAC7B,UAAU,KAAK;KAAE;KAAS,cAAc;IAAQ,CAAC;GACnD,CAAC;EACH,CAAC;EACD,OAAO;CACT;AACF,IACA;CACE,MAAM,GAAG,cAAc,QAAQ;CAC/B,SAAS;CACT,aAAa,WAAW,EACtB,cAAc,MAAM,aACtB;AACF,CACF,CACF"}

package/dist/esm/stores/routes/RouteExecutionStore.js

@@ -0,0 +1,26 @@
+import { createRouteExecutionStore } from "./createRouteExecutionStore.js";
+import { createContext, useContext, useRef } from "react";
+import { useShallow } from "zustand/shallow";
+import { jsx } from "react/jsx-runtime";
+//#region src/stores/routes/RouteExecutionStore.tsx
+const RouteExecutionStoreContext = createContext(null);
+function RouteExecutionStoreProvider({ children, ...props }) {
+	const storeRef = useRef(null);
+	if (!storeRef.current) storeRef.current = createRouteExecutionStore(props);
+	return /* @__PURE__ */ jsx(RouteExecutionStoreContext.Provider, {
+		value: storeRef.current,
+		children
+	});
+}
+function useRouteExecutionStoreContext() {
+	const useStore = useContext(RouteExecutionStoreContext);
+	if (!useStore) throw new Error(`You forgot to wrap your component in <${RouteExecutionStoreProvider.name}>.`);
+	return useStore;
+}
+function useRouteExecutionStore(selector) {
+	return useRouteExecutionStoreContext()(useShallow(selector));
+}
+//#endregion
+export { RouteExecutionStoreProvider, useRouteExecutionStore, useRouteExecutionStoreContext };
+
+//# sourceMappingURL=RouteExecutionStore.js.map

package/dist/esm/stores/routes/RouteExecutionStore.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RouteExecutionStore.js","names":[],"sources":["../../../../src/stores/routes/RouteExecutionStore.tsx"],"sourcesContent":["import { createContext, type JSX, useContext, useRef } from 'react'\nimport type { StoreApi, UseBoundStore } from 'zustand'\nimport { useShallow } from 'zustand/shallow'\nimport type { PersistStoreProviderProps } from '../types.js'\nimport { createRouteExecutionStore } from './createRouteExecutionStore.js'\nimport type { RouteExecutionState } from './types.js'\n\ntype RouteExecutionStore = UseBoundStore<StoreApi<RouteExecutionState>>\n\nconst RouteExecutionStoreContext = createContext<RouteExecutionStore | null>(\n  null\n)\n\nexport function RouteExecutionStoreProvider({\n  children,\n  ...props\n}: PersistStoreProviderProps): JSX.Element {\n  const storeRef = useRef<RouteExecutionStore>(null)\n  if (!storeRef.current) {\n    storeRef.current = createRouteExecutionStore(props)\n  }\n  return (\n    <RouteExecutionStoreContext.Provider value={storeRef.current}>\n      {children}\n    </RouteExecutionStoreContext.Provider>\n  )\n}\n\nexport function useRouteExecutionStoreContext(): any {\n  const useStore = useContext(RouteExecutionStoreContext)\n  if (!useStore) {\n    throw new Error(\n      `You forgot to wrap your component in <${RouteExecutionStoreProvider.name}>.`\n    )\n  }\n  return useStore\n}\n\nexport function useRouteExecutionStore<T>(\n  selector: (state: RouteExecutionState) => T\n): T {\n  const useStore = useRouteExecutionStoreContext()\n  return useStore(useShallow(selector))\n}\n"],"mappings":";;;;;AASA,MAAM,6BAA6B,cACjC,IACF;AAEA,SAAgB,4BAA4B,EAC1C,UACA,GAAG,SACsC;CACzC,MAAM,WAAW,OAA4B,IAAI;CACjD,IAAI,CAAC,SAAS,SACZ,SAAS,UAAU,0BAA0B,KAAK;CAEpD,OACE,oBAAC,2BAA2B,UAA5B;EAAqC,OAAO,SAAS;EAClD;CACkC,CAAA;AAEzC;AAEA,SAAgB,gCAAqC;CACnD,MAAM,WAAW,WAAW,0BAA0B;CACtD,IAAI,CAAC,UACH,MAAM,IAAI,MACR,yCAAyC,4BAA4B,KAAK,GAC5E;CAEF,OAAO;AACT;AAEA,SAAgB,uBACd,UACG;CAEH,OADiB,8BACH,EAAE,WAAW,QAAQ,CAAC;AACtC"}

package/dist/esm/stores/routes/createRouteExecutionStore.js

@@ -0,0 +1,85 @@
+import { hasEnumFlag } from "../../utils/enum.js";
+import { isRouteDone, isRouteFailed, isRoutePartiallyDone, isRouteRefunded } from "./utils.js";
+import { create } from "zustand";
+import { persist } from "zustand/middleware";
+//#region src/stores/routes/createRouteExecutionStore.ts
+const createRouteExecutionStore = ({ namePrefix }) => create()(persist((set, get) => ({
+	routes: {},
+	setExecutableRoute: (route, observableRouteIds) => {
+		if (!get().routes[route.id]) set((state) => {
+			const routes = { ...state.routes };
+			Object.keys(routes).filter((routeId) => !observableRouteIds?.includes(routeId) && hasEnumFlag(routes[routeId].status, 1)).forEach((routeId) => {
+				delete routes[routeId];
+			});
+			routes[route.id] = {
+				route,
+				status: 1
+			};
+			return { routes };
+		});
+	},
+	updateRoute: (route) => {
+		if (get().routes[route.id]) set((state) => {
+			const updatedState = { routes: {
+				...state.routes,
+				[route.id]: {
+					...state.routes[route.id],
+					route
+				}
+			} };
+			if (isRouteFailed(route)) {
+				updatedState.routes[route.id].status = 8;
+				return updatedState;
+			}
+			if (isRouteDone(route)) {
+				updatedState.routes[route.id].status = 4;
+				if (isRoutePartiallyDone(route)) updatedState.routes[route.id].status |= 16;
+				else if (isRouteRefunded(route)) updatedState.routes[route.id].status |= 32;
+				return updatedState;
+			}
+			if (route.steps.some((step) => step.execution)) updatedState.routes[route.id].status = 2;
+			return updatedState;
+		});
+	},
+	deleteRoutes: (type, accountAddresses) => set((state) => {
+		const routes = { ...state.routes };
+		Object.keys(routes).filter((routeId) => {
+			const route = routes[routeId];
+			if (accountAddresses && !accountAddresses.includes(route?.route.fromAddress ?? "")) return false;
+			return type === "completed" ? hasEnumFlag(route?.status ?? 0, 4) : type === "failed" ? hasEnumFlag(route?.status ?? 0, 8) : !hasEnumFlag(route?.status ?? 0, 4);
+		}).forEach((routeId) => {
+			delete routes[routeId];
+		});
+		return { routes };
+	}),
+	deleteRoute: (routeId) => {
+		if (get().routes[routeId]) set((state) => {
+			const routes = { ...state.routes };
+			delete routes[routeId];
+			return { routes };
+		});
+	}
+}), {
+	name: `${namePrefix || "li.fi"}-widget-routes`,
+	version: 4,
+	migrate: () => ({ routes: {} }),
+	partialize: (state) => ({ routes: state.routes }),
+	merge: (persistedState, currentState) => {
+		const state = {
+			...currentState,
+			...persistedState
+		};
+		try {
+			const storedRoutes = Object.values(state.routes).sort((a, b) => (b.route.steps[0]?.execution?.startedAt ?? 0) - (a.route.steps[0]?.execution?.startedAt ?? 0)).slice(0, 100);
+			const keepIds = new Set(storedRoutes.map((r) => r.route.id));
+			for (const id of Object.keys(state.routes)) if (!keepIds.has(id)) delete state.routes[id];
+		} catch (error) {
+			console.error(error);
+		}
+		return state;
+	}
+}));
+//#endregion
+export { createRouteExecutionStore };
+
+//# sourceMappingURL=createRouteExecutionStore.js.map