@lifi/widget 4.0.0-beta.9 → 4.0.0

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/stores/form/types.ts"],"names":[],"mappings":"AAmGA,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B,WAAW,EAAE,CAAC,QAAkB,EAA2B,EAAE,CAC3D,GAAG,QAAQ,OAAO;IACpB,WAAW,EAAE,CAAC,QAAkB,EAA2B,EAAE,CAC3D,GAAG,QAAQ,OAAO;IACpB,YAAY,EAAE,CAAC,QAAkB,EAA6B,EAAE,CAC9D,GAAG,QAAQ,QAAQ;CACtB,CAAA"}
+{"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

@@ -1,11 +1,7 @@
-import type { DefaultValues, FormFieldNames, GenericFormValue, SetOptions } from './types.js';
-export declare const useFieldActions: () => {
-    setFieldValue: (fieldName: FormFieldNames, newValue: GenericFormValue, options?: SetOptions) => void;
-    setUserAndDefaultValues: (formValues: Partial<DefaultValues>) => void;
-    setDefaultValues: (formValues: DefaultValues) => void;
-    isTouched: (fieldName: FormFieldNames) => boolean;
-    isDirty: (fieldName: FormFieldNames) => boolean;
-    setAsTouched: (fieldName: FormFieldNames) => void;
-    resetField: (fieldName: FormFieldNames, resetOptions?: import("./types.js").ResetOptions) => void;
-    getFieldValues: <T extends FormFieldNames[]>(...names: T) => import("./types.js").FormFieldArray<T>;
-};
+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

@@ -1,53 +1,61 @@
-import { useCallback } from 'react';
-import { useWidgetEvents } from '../../hooks/useWidgetEvents.js';
-import { WidgetEvent } from '../../types/events.js';
-import { useFormStore } from './useFormStore.js';
-export 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(WidgetEvent.FormFieldChanged, {
-                fieldName,
-                newValue,
-                oldValue,
-            });
-        }
-    }, [actions, emitter]);
-    const setUserAndDefaultValuesWithEmittedEvents = useCallback((formValues) => {
-        const formValuesKeys = Object.keys(formValues);
-        const changedValues = formValuesKeys.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(WidgetEvent.FormFieldChanged, {
-                fieldName,
-                newValue,
-                oldValue,
-            });
-        });
-    }, [actions, emitter]);
-    return {
-        ...actions,
-        setFieldValue: setFieldValueWithEmittedEvents,
-        setUserAndDefaultValues: setUserAndDefaultValuesWithEmittedEvents,
-    };
+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

@@ -1 +1 @@
-{"version":3,"file":"useFieldActions.js","sourceRoot":"","sources":["../../../../src/stores/form/useFieldActions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AACnC,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAEhE,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AAQnD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAEhD,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,EAAE;IAClC,MAAM,OAAO,GAAG,eAAe,EAAE,CAAA;IACjC,MAAM,OAAO,GAAG,YAAY,CAAc,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;QACpD,cAAc,EAAE,KAAK,CAAC,cAAc;QACpC,SAAS,EAAE,KAAK,CAAC,SAAS;QAC1B,OAAO,EAAE,KAAK,CAAC,OAAO;QACtB,UAAU,EAAE,KAAK,CAAC,UAAU;QAC5B,YAAY,EAAE,KAAK,CAAC,YAAY;QAChC,gBAAgB,EAAE,KAAK,CAAC,gBAAgB;QACxC,aAAa,EAAE,KAAK,CAAC,aAAa;QAClC,uBAAuB,EAAE,KAAK,CAAC,uBAAuB;KACvD,CAAC,CAAC,CAAA;IAEH,MAAM,8BAA8B,GAAG,WAAW,CAChD,CACE,SAAyB,EACzB,QAA0B,EAC1B,OAAoB,EACpB,EAAE;QACF,MAAM,QAAQ,GAAG,OAAO,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAA;QAErD,OAAO,CAAC,aAAa,CAAC,SAAS,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAA;QAEnD,IAAI,QAAQ,KAAK,QAAQ,EAAE,CAAC;YAC1B,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC,gBAAgB,EAAE;gBACzC,SAAS;gBACT,QAAQ;gBACR,QAAQ;aACW,CAAC,CAAA;QACxB,CAAC;IACH,CAAC,EACD,CAAC,OAAO,EAAE,OAAO,CAAC,CACnB,CAAA;IAED,MAAM,wCAAwC,GAAG,WAAW,CAC1D,CAAC,UAAkC,EAAE,EAAE;QACrC,MAAM,cAAc,GAAG,MAAM,CAAC,IAAI,CAAC,UAAU,CAAqB,CAAA;QAElE,MAAM,aAAa,GAAG,cAAc,CAAC,MAAM,CACzC,CAAC,KAAK,EAAE,SAAS,EAAE,EAAE;YACnB,MAAM,QAAQ,GAAG,OAAO,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAA;YACrD,MAAM,QAAQ,GAAG,UAAU,CAAC,SAAS,CAAC,CAAA;YAEtC,IAAI,QAAQ,KAAK,QAAQ,EAAE,CAAC;gBAC1B,KAAK,CAAC,IAAI,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAA;YAC/C,CAAC;YAED,OAAO,KAAK,CAAA;QACd,CAAC,EACD,EAIG,CACJ,CAAA;QAED,OAAO,CAAC,uBAAuB,CAAC,UAAU,CAAC,CAAA;QAE3C,aAAa,CAAC,OAAO,CAAC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE;YAC1D,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC,gBAAgB,EAAE;gBACzC,SAAS;gBACT,QAAQ;gBACR,QAAQ;aACW,CAAC,CAAA;QACxB,CAAC,CAAC,CAAA;IACJ,CAAC,EACD,CAAC,OAAO,EAAE,OAAO,CAAC,CACnB,CAAA;IAED,OAAO;QACL,GAAG,OAAO;QACV,aAAa,EAAE,8BAA8B;QAC7C,uBAAuB,EAAE,wCAAwC;KAClE,CAAA;AACH,CAAC,CAAA"}
+{"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

@@ -1,2 +1,7 @@
-import type { FormFieldArray, FormFieldNames } from './types.js';
-export declare const useFieldValues: <T extends FormFieldNames[]>(...names: T) => FormFieldArray<T>;
+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

@@ -1,7 +1,9 @@
-import { useFormStore } from './useFormStore.js';
-// We should return a strongly-typed array based on the specific field names we pass to the function.
-export const useFieldValues = (...names) => {
-    const values = useFormStore((store) => names.map((name) => store.userValues[name]?.value));
-    return values;
+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

@@ -1 +1 @@
-{"version":3,"file":"useFieldValues.js","sourceRoot":"","sources":["../../../../src/stores/form/useFieldValues.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAEhD,qGAAqG;AACrG,MAAM,CAAC,MAAM,cAAc,GAAG,CAA6B,GAAG,KAAQ,EAAE,EAAE;IACxE,MAAM,MAAM,GAAG,YAAY,CACzB,CAAC,KAAK,EAAE,EAAE,CACR,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,KAAK,CAAsB,CAC1E,CAAA;IAED,OAAO,MAAM,CAAA;AACf,CAAC,CAAA"}
+{"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

@@ -1,45 +1,36 @@
-import { useImperativeHandle } from 'react';
-import { useBookmarkActions } from '../../stores/bookmarks/useBookmarkActions.js';
-import { formDefaultValues } from '../../stores/form/createFormStore.js';
-import { useSendToWalletActions } from '../../stores/settings/useSendToWalletStore.js';
-export const useFormRef = (formStore, formRef) => {
-    const { setSendToWallet } = useSendToWalletActions();
-    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;
-                // sets the send to wallet button state to be open
-                // if there is an address to display
-                if (address) {
-                    setSendToWallet(address);
-                }
-                // we can assume that the toAddress has been passed as ToAddress object
-                // and display it accordingly - this ensures that if a name is included
-                // that it is displayed in the Send To Wallet form field correctly
-                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 }
-                    : undefined;
-                formStore
-                    .getState()
-                    .setFieldValue(fieldName, sanitizedValue, fieldValueOptions);
-            },
-        };
-    }, [formStore, setSendToWallet, setSelectedBookmark]);
+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

@@ -1 +1 @@
-{"version":3,"file":"useFormRef.js","sourceRoot":"","sources":["../../../../src/stores/form/useFormRef.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,EAAE,kBAAkB,EAAE,MAAM,8CAA8C,CAAA;AACjF,OAAO,EAAE,iBAAiB,EAAE,MAAM,sCAAsC,CAAA;AACxE,OAAO,EAAE,sBAAsB,EAAE,MAAM,+CAA+C,CAAA;AAItF,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,SAAyB,EAAE,OAAiB,EAAE,EAAE;IACzE,MAAM,EAAE,eAAe,EAAE,GAAG,sBAAsB,EAAE,CAAA;IACpD,MAAM,EAAE,mBAAmB,EAAE,GAAG,kBAAkB,EAAE,CAAA;IAEpD,mBAAmB,CAAC,OAAO,EAAE,GAAG,EAAE;QAChC,MAAM,aAAa,GAEf;YACF,UAAU,EAAE,CAAC,KAAK,EAAE,EAAE,CACpB,CAAC,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,EAAE,WAAW,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC;gBAC1D,iBAAiB,CAAC,UAAU;YAC9B,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAClB,CAAC,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,EAAE,WAAW,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC;gBAC1D,iBAAiB,CAAC,QAAQ;YAC5B,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE;gBACnB,MAAM,cAAc,GAAG,OAAO,KAAK,KAAK,QAAQ,CAAA;gBAEhD,MAAM,OAAO,GACX,CAAC,cAAc,CAAC,CAAC,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC;oBACzC,iBAAiB,CAAC,SAAS,CAAA;gBAE7B,kDAAkD;gBAClD,oCAAoC;gBACpC,IAAI,OAAO,EAAE,CAAC;oBACZ,eAAe,CAAC,OAAO,CAAC,CAAA;gBAC1B,CAAC;gBAED,uEAAuE;gBACvE,uEAAuE;gBACvE,kEAAkE;gBAClE,IAAI,cAAc,EAAE,CAAC;oBACnB,mBAAmB,CAAC,KAAK,CAAC,CAAA;gBAC5B,CAAC;gBAED,OAAO,OAAO,CAAA;YAChB,CAAC;SACF,CAAA;QAED,OAAO;YACL,aAAa,EAAE,CAAC,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE;gBAC3C,MAAM,cAAc,GAAG,CACrB,aAAa,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAC/C,CAAA;gBAErB,MAAM,iBAAiB,GAAG,OAAO,EAAE,iBAAiB;oBAClD,CAAC,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,iBAAiB,EAAE;oBAC3C,CAAC,CAAC,SAAS,CAAA;gBAEb,SAAS;qBACN,QAAQ,EAAE;qBACV,aAAa,CAAC,SAAS,EAAE,cAAc,EAAE,iBAAiB,CAAC,CAAA;YAChE,CAAC;SACF,CAAA;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,eAAe,EAAE,mBAAmB,CAAC,CAAC,CAAA;AACvD,CAAC,CAAA"}
+{"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

@@ -1,11 +1,13 @@
-import { useContext } from 'react';
-import { useShallow } from 'zustand/shallow';
-import { FormStoreContext } from './FormStoreContext.js';
-export function useFormStore(selector) {
-    const useStore = useContext(FormStoreContext);
-    if (!useStore) {
-        throw new Error('You forgot to wrap your component in <FormStoreProvider>.');
-    }
-    return useStore(useShallow(selector));
+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

@@ -1 +1 @@
-{"version":3,"file":"useFormStore.js","sourceRoot":"","sources":["../../../../src/stores/form/useFormStore.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAC5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AAGxD,MAAM,UAAU,YAAY,CAAI,QAAuC;IACrE,MAAM,QAAQ,GAAG,UAAU,CAAC,gBAAgB,CAAC,CAAA;IAE7C,IAAI,CAAC,QAAQ,EAAE,CAAC;QACd,MAAM,IAAI,KAAK,CAAC,2DAA2D,CAAC,CAAA;IAC9E,CAAC;IAED,OAAO,QAAQ,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAA;AACvC,CAAC"}
+{"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

@@ -1,6 +1,9 @@
-import { useFormStore } from './useFormStore.js';
-export const useTouchedFields = () => {
-    const touchedFields = useFormStore((store) => store.touchedFields);
-    return touchedFields;
+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

@@ -1 +1 @@
-{"version":3,"file":"useTouchedFields.js","sourceRoot":"","sources":["../../../../src/stores/form/useTouchedFields.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAEhD,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,EAAE;IACnC,MAAM,aAAa,GAAG,YAAY,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,aAAa,CAAC,CAAA;IAElE,OAAO,aAAa,CAAA;AACtB,CAAC,CAAA"}
+{"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

@@ -1,85 +1,62 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createContext, useContext, useRef } from 'react';
-import { create } from 'zustand';
-import { useShallow } from 'zustand/shallow';
+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);
-export function HeaderStoreProvider({ children }) {
-    const storeRef = useRef(null);
-    if (!storeRef.current) {
-        storeRef.current = createHeaderStore();
-    }
-    return (_jsx(HeaderStoreContext.Provider, { value: storeRef.current, children: children }));
+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;
+	const useStore = useContext(HeaderStoreContext);
+	if (!useStore) throw new Error(`You forgot to wrap your component in <${HeaderStoreProvider.name}>.`);
+	return useStore;
 }
-export function useHeaderStore(selector) {
-    const useStore = useHeaderStoreContext();
-    return useStore(useShallow(selector));
+function useHeaderStore(selector) {
+	return useHeaderStoreContext()(useShallow(selector));
 }
-// We use fixed position on the header when Widget is in Full Height layout.
-// We do this to get it to work like the sticky header does in the other layout modes.
-// As the header is position fixed its not in the document flow anymore.
-// To prevent the remaining page content from appearing behind the header we need to
-// pass the headers height so that the position of the page content can be adjusted
-export function useHeaderHeight() {
-    const headerHeight = useHeaderStore((state) => state.headerHeight);
-    return {
-        headerHeight,
-    };
+function useHeaderHeight() {
+	return { headerHeight: useHeaderStore((state) => state.headerHeight) };
 }
-export function useSetHeaderHeight() {
-    const setHeaderHeight = useHeaderStore((state) => state.setHeaderHeight);
-    return {
-        setHeaderHeight,
-    };
+function useSetHeaderHeight() {
+	return { setHeaderHeight: useHeaderStore((state) => state.setHeaderHeight) };
 }
 const createHeaderStore = () => create((set, get) => ({
-    headerHeight: 108, // a basic default height
-    setAction: (element) => {
-        set(() => ({
-            element,
-        }));
-        return get().removeAction;
-    },
-    setTitle: (title) => {
-        set(() => ({
-            title,
-        }));
-        return get().removeTitle;
-    },
-    removeAction: () => {
-        set(() => ({
-            element: null,
-        }));
-    },
-    removeTitle: () => {
-        set(() => ({
-            title: undefined,
-        }));
-    },
-    setHeaderHeight: (headerHeight) => {
-        set(() => ({
-            headerHeight,
-        }));
-    },
-    setBackAction: (action) => {
-        set(() => ({
-            backAction: action,
-        }));
-    },
-    executeBackAction: () => {
-        const { backAction } = get();
-        if (backAction) {
-            backAction();
-            set(() => ({
-                backAction: undefined,
-            }));
-        }
-    },
+	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

@@ -1 +1 @@
-{"version":3,"file":"useHeaderStore.js","sourceRoot":"","sources":["../../../../src/stores/header/useHeaderStore.tsx"],"names":[],"mappings":"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"}
+{"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

@@ -1,19 +1,20 @@
-import { create } from 'zustand';
-export const useInputModeStore = create((set, get) => ({
-    inputMode: {
-        from: 'amount',
-        to: 'amount',
-    },
-    setInputMode: (formType, mode) => set((state) => ({
-        inputMode: {
-            ...state.inputMode,
-            [formType]: mode,
-        },
-    })),
-    toggleInputMode: (formType) => {
-        const currentMode = get().inputMode[formType];
-        const newMode = currentMode === 'amount' ? 'price' : 'amount';
-        get().setInputMode(formType, newMode);
-    },
+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

@@ -1 +1 @@
-{"version":3,"file":"useInputModeStore.js","sourceRoot":"","sources":["../../../../src/stores/inputMode/useInputModeStore.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,SAAS,CAAA;AAWhC,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAiB,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,CAAC,CAAC;IACrE,SAAS,EAAE;QACT,IAAI,EAAE,QAAQ;QACd,EAAE,EAAE,QAAQ;KACb;IACD,YAAY,EAAE,CAAC,QAAQ,EAAE,IAAI,EAAE,EAAE,CAC/B,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;QACd,SAAS,EAAE;YACT,GAAG,KAAK,CAAC,SAAS;YAClB,CAAC,QAAQ,CAAC,EAAE,IAAI;SACjB;KACF,CAAC,CAAC;IACL,eAAe,EAAE,CAAC,QAAQ,EAAE,EAAE;QAC5B,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAA;QAC7C,MAAM,OAAO,GAAG,WAAW,KAAK,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAA;QAC7D,GAAG,EAAE,CAAC,YAAY,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAA;IACvC,CAAC;CACF,CAAC,CAAC,CAAA"}
+{"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"}