@openocean.finance/widget 1.0.0

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

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

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

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

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

@@ -0,0 +1,2 @@
+import type { FormStoreStore } from './types.js';
+export declare const FormStoreContext: import("react").Context<FormStoreStore>;

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

@@ -0,0 +1,3 @@
+import { createContext } from 'react';
+export const FormStoreContext = createContext(null);
+//# sourceMappingURL=FormStoreContext.js.map

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

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

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

@@ -0,0 +1,4 @@
+import type { DefaultValues } from './types.js';
+export declare const FormUpdater: React.FC<{
+    reactiveFormValues: Partial<DefaultValues>;
+}>;

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

@@ -0,0 +1,75 @@
+import { useAccount } from '@openocean.finance/wallet-management';
+import { useEffect } from 'react';
+import { useChains } from '../../hooks/useChains.js';
+import { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js';
+import { useBookmarkActions } from '../../stores/bookmarks/useBookmarkActions.js';
+import { formDefaultValues } from '../../stores/form/createFormStore.js';
+import { useSendToWalletActions } from '../../stores/settings/useSendToWalletStore.js';
+import { useFieldActions } from './useFieldActions.js';
+export const FormUpdater = ({ reactiveFormValues }) => {
+    const { fromChain, toChain, toAddress } = useWidgetConfig();
+    const { account } = useAccount();
+    const { chains } = useChains();
+    const { setSendToWallet } = useSendToWalletActions();
+    const { setSelectedBookmark } = useBookmarkActions();
+    const { isTouched, resetField, setFieldValue, setUserAndDefaultValues } = useFieldActions();
+    // Set wallet chain as default if no chains are provided by config and if they were not changed during widget usage
+    useEffect(() => {
+        const chainAllowed = account.chainId && chains?.some((chain) => chain.id === account.chainId);
+        if (!account.isConnected || !account.chainId || !chainAllowed) {
+            return;
+        }
+        if (!fromChain && !isTouched('fromChain') && !isTouched('fromToken')) {
+            resetField('fromChain', { defaultValue: account.chainId });
+            setFieldValue('fromToken', '');
+            if (isTouched('fromAmount')) {
+                setFieldValue('fromAmount', '');
+            }
+        }
+        if (!toChain && !isTouched('toChain') && !isTouched('toToken')) {
+            resetField('toChain', { defaultValue: account.chainId });
+            setFieldValue('toToken', '');
+        }
+    }, [
+        account.chainId,
+        account.isConnected,
+        chains,
+        fromChain,
+        toChain,
+        isTouched,
+        resetField,
+        setFieldValue,
+    ]);
+    // Makes widget config options reactive to changes
+    // should update userValues when defaultValues updates and includes additional logic for chains
+    useEffect(() => {
+        if (reactiveFormValues.toAddress) {
+            setSendToWallet(true);
+        }
+        if (toAddress) {
+            setSelectedBookmark(toAddress);
+        }
+        setUserAndDefaultValues(accountForChainId(reactiveFormValues, account.chainId));
+    }, [
+        account.chainId,
+        toAddress,
+        reactiveFormValues,
+        setUserAndDefaultValues,
+        setSendToWallet,
+        setSelectedBookmark,
+    ]);
+    return null;
+};
+const accountForChainId = (defaultValues, chainId) => {
+    const result = { ...defaultValues };
+    for (const key in result) {
+        const k = key;
+        if (result[k] === formDefaultValues[k]) {
+            if ((k === 'fromChain' || k === 'toChain') && chainId) {
+                result[k] = chainId;
+            }
+        }
+    }
+    return result;
+};
+//# sourceMappingURL=FormUpdater.js.map

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

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

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

@@ -0,0 +1 @@
+export declare const URLSearchParamsBuilder: () => any;

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

@@ -0,0 +1,111 @@
+import { useEffect } from 'react';
+import { useLocation } from 'react-router-dom';
+import { useAddressValidation } from '../../hooks/useAddressValidation.js';
+import { useSendToWalletActions } from '../../stores/settings/useSendToWalletStore.js';
+import { formatInputAmount } from '../../utils/format.js';
+import { useBookmarkActions } from '../bookmarks/useBookmarkActions.js';
+import { useFieldActions } from '../form/useFieldActions.js';
+import { useFieldValues } from '../form/useFieldValues.js';
+import { useTouchedFields } from '../form/useTouchedFields.js';
+const formValueKeys = [
+    'fromAmount',
+    'fromChain',
+    'fromToken',
+    'toAddress',
+    'toChain',
+    'toToken',
+];
+const getDefaultValuesFromQueryString = () => {
+    const searchParams = Object.fromEntries(new URLSearchParams(window?.location.search));
+    ['from', 'to'].forEach((key) => {
+        if (searchParams[`${key}Token`] && !searchParams[`${key}Chain`]) {
+            delete searchParams[`${key}Token`];
+        }
+    });
+    return {
+        ...(Number.isFinite(Number.parseInt(searchParams.fromChain, 10))
+            ? { fromChain: Number.parseInt(searchParams.fromChain, 10) }
+            : {}),
+        ...(Number.isFinite(Number.parseInt(searchParams.toChain, 10))
+            ? { toChain: Number.parseInt(searchParams.toChain, 10) }
+            : {}),
+        ...(searchParams.fromToken ? { fromToken: searchParams.fromToken } : {}),
+        ...(searchParams.toToken ? { toToken: searchParams.toToken } : {}),
+        ...(Number.isFinite(Number.parseFloat(searchParams.fromAmount))
+            ? { fromAmount: formatInputAmount(searchParams.fromAmount) }
+            : {}),
+        ...(searchParams.toAddress ? { toAddress: searchParams.toAddress } : {}),
+    };
+};
+export const URLSearchParamsBuilder = () => {
+    const { pathname } = useLocation();
+    const touchedFields = useTouchedFields();
+    const values = useFieldValues(...formValueKeys);
+    const { setSendToWallet } = useSendToWalletActions();
+    const { setSelectedBookmark, addRecentWallet } = useBookmarkActions();
+    const { validateAddress } = useAddressValidation();
+    // Using these methods as trying to use the touchedFields and values above
+    // often has a lag that can effect the widgets initialisation sequence
+    // and accidentally cause values to be wiped from the query string
+    const { getFieldValues, isTouched, setUserAndDefaultValues } = useFieldActions();
+    useEffect(() => {
+        // get the initial values from the querystring
+        const formValues = getDefaultValuesFromQueryString();
+        /**
+         * When URL builder is enabled and user opens a page with toAddress parameter,
+         * validate the address and set it up as a bookmark. This allows direct linking
+         * to the widget with a pre-filled destination address that will be treated the
+         * same way as a manually entered and validated address.
+         */
+        const initializeFromAddress = async () => {
+            if (formValues.toAddress) {
+                try {
+                    const validationResult = await validateAddress({
+                        value: formValues.toAddress,
+                    });
+                    // Check if the toAddress is still in the query string
+                    // Could be modified by the user before the validation is done
+                    const { toAddress } = getDefaultValuesFromQueryString();
+                    if (validationResult.isValid && toAddress) {
+                        const bookmark = {
+                            address: validationResult.address,
+                            chainType: validationResult.chainType,
+                        };
+                        setSelectedBookmark(bookmark);
+                        addRecentWallet(bookmark);
+                        setSendToWallet(true);
+                    }
+                }
+                catch (_) {
+                    // Address validation failed
+                }
+            }
+        };
+        initializeFromAddress();
+        setUserAndDefaultValues(formValues);
+    }, [
+        setUserAndDefaultValues,
+        setSendToWallet,
+        validateAddress,
+        setSelectedBookmark,
+        addRecentWallet,
+    ]);
+    // biome-ignore lint/correctness/useExhaustiveDependencies:
+    useEffect(() => {
+        // set the values on the querysting
+        const url = new URL(window.location);
+        formValueKeys.forEach((key, _index) => {
+            const value = getFieldValues(key)[0];
+            if (isTouched(key) && value) {
+                url.searchParams.set(key, value.toString());
+            }
+            else if (url.searchParams.has(key) && !value) {
+                url.searchParams.delete(key);
+            }
+        });
+        url.searchParams.sort();
+        window.history.replaceState(window.history.state, '', url);
+    }, [pathname, touchedFields, values, isTouched, getFieldValues]);
+    return null;
+};
+//# sourceMappingURL=URLSearchParamsBuilder.js.map

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

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

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

@@ -0,0 +1,3 @@
+import type { DefaultValues, FormValuesState } from './types.js';
+export declare const formDefaultValues: DefaultValues;
+export declare const createFormStore: (defaultValues?: DefaultValues) => import("zustand/traditional").UseBoundStoreWithEqualityFn<import("zustand").StoreApi<FormValuesState>>;

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

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

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

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

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

@@ -0,0 +1,85 @@
+import type { ContractCall } from '@lifi/sdk';
+import type { StoreApi } from 'zustand';
+import type { UseBoundStoreWithEqualityFn } from 'zustand/traditional';
+export interface DefaultFieldValues {
+    fromChain?: number;
+    fromToken?: string;
+    toChain?: number;
+    toToken?: string;
+    toAddress?: string;
+    fromAmount: string;
+    toAmount: string;
+}
+export interface DefaultValues extends DefaultFieldValues {
+    contractCalls?: ContractCall[];
+    tokenSearchFilter: string;
+}
+export type GenericFormValue = string | number | ContractCall[] | undefined;
+export interface FormValueControl<T> {
+    isTouched: boolean;
+    isDirty: boolean;
+    value: T;
+}
+export type FormValues = {
+    [Property in keyof DefaultValues]: FormValueControl<DefaultValues[Property]>;
+};
+export type FormFieldNames = keyof FormValues;
+export type ExtractValueType<T> = T extends FormValueControl<infer U> ? U : never;
+export type FormFieldArray<T extends FormFieldNames[]> = {
+    [K in keyof T]: ExtractValueType<FormValues[T[K]]>;
+};
+export type TouchedFields = {
+    [K in FormFieldNames]?: boolean;
+};
+type ValidationFn = (value: any) => Promise<boolean | string>;
+export interface ValidationProps {
+    isValid: boolean;
+    isValidating: boolean;
+    errors: {
+        [K in FormFieldNames]?: string;
+    };
+    validation: {
+        [K in FormFieldNames]?: ValidationFn;
+    };
+}
+export interface ValidationActions {
+    addFieldValidation: (name: FormFieldNames, validationFn: ValidationFn) => void;
+    triggerFieldValidation: (name: FormFieldNames) => Promise<boolean>;
+    clearErrors: (name: FormFieldNames) => void;
+}
+export interface FormProps {
+    defaultValues: FormValues;
+    userValues: FormValues;
+    touchedFields: {
+        [K in FormFieldNames]?: boolean;
+    };
+}
+export interface ResetOptions {
+    defaultValue?: GenericFormValue;
+}
+export 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>;
+}
+export type FormValuesState = FormProps & FormActions & ValidationProps & ValidationActions;
+export type FormStoreStore = UseBoundStoreWithEqualityFn<StoreApi<FormValuesState>>;
+export interface SetOptions {
+    isDirty?: boolean;
+    isTouched?: boolean;
+}
+export type FormType = 'from' | 'to';
+export interface FormTypeProps {
+    formType: FormType;
+}
+export declare const FormKeyHelper: {
+    getChainKey: (formType: FormType) => "fromChain" | "toChain";
+    getTokenKey: (formType: FormType) => "fromToken" | "toToken";
+    getAmountKey: (formType: FormType) => "fromAmount" | "toAmount";
+};
+export {};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/stores/form/types.ts"],"names":[],"mappings":"AAuGA,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"}

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

@@ -0,0 +1,11 @@
+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>;
+};